1 #82
|
|
@ -518,10 +518,18 @@
|
|||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.input-sel > span {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.input-sel > .title {
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
|
||||
.input-sel.input-sel-w180 .el-dropdown-link {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.input-sel .el-dropdown-link {
|
||||
width: 300px;
|
||||
height: 44px;
|
||||
|
|
@ -601,6 +609,47 @@
|
|||
color: #859BB6;
|
||||
}
|
||||
|
||||
.input-main.input-main-w120 input {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.input-main.input-main-w260 input {
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.input-main.input-main-w80 input {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.input-main.input-main-w100 input {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.number-view {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 15px 0 0 !important;
|
||||
}
|
||||
|
||||
.number-view > div {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #0294E2;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.p-t-31 {
|
||||
padding-top: 31px;
|
||||
}
|
||||
|
||||
.input-main-80 {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -643,6 +692,10 @@
|
|||
background-color: #014781;
|
||||
}
|
||||
|
||||
.el-dropdown-menu.input-menu-180 {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.el-dropdown-menu .popper__arrow::after {
|
||||
border-bottom-color: rgba(0, 186, 255, 0.25) !important;
|
||||
}
|
||||
|
|
@ -847,6 +900,27 @@
|
|||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.text-tips {
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.title-tips-bold {
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: bold;
|
||||
color: #8BEAFF;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.shrink-none > div {
|
||||
flex-shrink: unset !important;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.flex-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -876,8 +950,17 @@
|
|||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.m-b-20 {
|
||||
margin: 10px 8px !important;
|
||||
}
|
||||
|
||||
.flex-warp {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 0 8px !important;
|
||||
margin: 0 8px;
|
||||
padding: 0 20px;
|
||||
border-radius: 3px;
|
||||
height: 40px;
|
||||
|
|
@ -893,6 +976,20 @@
|
|||
min-width: 120px;
|
||||
}
|
||||
|
||||
.btn.btn-w80 {
|
||||
min-width: 80px;
|
||||
}
|
||||
|
||||
.btn.btn-w74 {
|
||||
width: 74px;
|
||||
min-width: unset;
|
||||
}
|
||||
|
||||
.btn.btn-w66 {
|
||||
width: 66px;
|
||||
min-width: unset;
|
||||
}
|
||||
|
||||
.btn > img {
|
||||
margin-right: 10px;
|
||||
width: 14px;
|
||||
|
|
@ -1170,6 +1267,10 @@
|
|||
margin: 15px 0 30px;
|
||||
}
|
||||
|
||||
.sensorSet .sensor-view .right .right-top .input-sel > span {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.sensorSet .sensor-view .right .right-top .input-sel > .title {
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -252,36 +252,47 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.warning-btn{
|
||||
|
||||
.warning-btn {
|
||||
justify-content: flex-end;
|
||||
.btn.green{
|
||||
|
||||
.btn.green {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.warning-model{
|
||||
padding:0 30px 25px;
|
||||
.input-main{
|
||||
margin: 0;
|
||||
input{
|
||||
width: 300px;
|
||||
|
||||
.warning-model {
|
||||
padding: 0 30px 25px;
|
||||
|
||||
.input-main {
|
||||
margin: 0;
|
||||
|
||||
input {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.input-sel{
|
||||
|
||||
.input-sel {
|
||||
margin-right: 30px;
|
||||
>span{
|
||||
|
||||
>span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.input-sel .el-dropdown-link{
|
||||
width: 200px;
|
||||
}
|
||||
.vrcode-btn.red-btn{
|
||||
margin: 0!important;
|
||||
}
|
||||
}
|
||||
|
||||
.input-sel .el-dropdown-link {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.vrcode-btn.red-btn {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
.warning-sel{
|
||||
width: 200px!important;
|
||||
|
||||
.warning-sel {
|
||||
width: 200px !important;
|
||||
}
|
||||
|
||||
.table-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -542,10 +553,17 @@
|
|||
}
|
||||
|
||||
.input-sel {
|
||||
>span{
|
||||
padding: 0 10px;
|
||||
}
|
||||
>.title {
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
|
||||
&.input-sel-w180{
|
||||
.el-dropdown-link{
|
||||
width: 180px;
|
||||
}
|
||||
}
|
||||
.el-dropdown-link {
|
||||
width: 300px;
|
||||
height: 44px;
|
||||
|
|
@ -627,8 +645,54 @@
|
|||
color: #859BB6;
|
||||
}
|
||||
}
|
||||
&.input-main-w120{
|
||||
input{
|
||||
width: 120px;
|
||||
}
|
||||
}
|
||||
&.input-main-w260{
|
||||
input{
|
||||
width: 260px;
|
||||
}
|
||||
}
|
||||
&.input-main-w80{
|
||||
input{
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
&.input-main-w100{
|
||||
input{
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.number-view {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin:0 15px 0 0!important;
|
||||
|
||||
>div {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #0294E2;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.p-t-31 {
|
||||
padding-top: 31px;
|
||||
}
|
||||
|
||||
|
||||
.input-main-80 {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -670,7 +734,9 @@
|
|||
width: 300px;
|
||||
border: none;
|
||||
background-color: #014781;
|
||||
|
||||
&.input-menu-180{
|
||||
width:180px;
|
||||
}
|
||||
.popper__arrow::after {
|
||||
border-bottom-color: rgba(0, 186, 255, 0.25) !important;
|
||||
}
|
||||
|
|
@ -879,6 +945,27 @@
|
|||
color: #8BEAFF;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.text-tips{
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.title-tips-bold {
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: bold;
|
||||
color: #8BEAFF;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.shrink-none {
|
||||
>div {
|
||||
flex-shrink: unset !important;
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-view {
|
||||
display: flex;
|
||||
|
|
@ -909,9 +996,15 @@
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
.m-b-20{
|
||||
margin:10px 8px!important;
|
||||
}
|
||||
.flex-warp{
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.btn {
|
||||
margin: 0 8px !important;
|
||||
margin: 0 8px;
|
||||
padding: 0 20px;
|
||||
border-radius: 3px;
|
||||
height: 40px;
|
||||
|
|
@ -925,7 +1018,17 @@
|
|||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
min-width: 120px;
|
||||
|
||||
&.btn-w80{
|
||||
min-width: 80px;
|
||||
}
|
||||
&.btn-w74{
|
||||
width: 74px;
|
||||
min-width: unset;
|
||||
}
|
||||
&.btn-w66{
|
||||
width: 66px;
|
||||
min-width: unset;
|
||||
}
|
||||
>img {
|
||||
margin-right: 10px;
|
||||
width: 14px;
|
||||
|
|
@ -1218,7 +1321,9 @@
|
|||
|
||||
.input-sel {
|
||||
margin: 15px 0 30px;
|
||||
|
||||
>span{
|
||||
padding: 0 10px;
|
||||
}
|
||||
>.title {
|
||||
|
||||
margin-bottom: 11px;
|
||||
|
|
@ -2567,14 +2672,16 @@
|
|||
}
|
||||
|
||||
.vrcode {
|
||||
.header{
|
||||
.header-right{
|
||||
.header {
|
||||
.header-right {
|
||||
width: 500px;
|
||||
}
|
||||
.header-center{
|
||||
|
||||
.header-center {
|
||||
width: calc(100% - 500px - 373px);
|
||||
}
|
||||
}
|
||||
|
||||
.el-menu {
|
||||
border-right: none;
|
||||
}
|
||||
|
|
@ -2847,10 +2954,12 @@
|
|||
position: relative;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
&.vrcode-model-title-282{
|
||||
|
||||
&.vrcode-model-title-282 {
|
||||
background: url(../img/vrcode-title-282.png) no-repeat;
|
||||
background-size: 282px 43px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: ' ';
|
||||
width: 32px;
|
||||
|
|
@ -3368,9 +3477,11 @@
|
|||
border-radius: 30px;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
>div{
|
||||
|
||||
>div {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.mobile-img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
|
@ -3394,14 +3505,15 @@
|
|||
|
||||
.mobile-content {
|
||||
width: 100%;
|
||||
min-height:453px;
|
||||
min-height: 453px;
|
||||
text-align: center;
|
||||
padding: 35px 10px 20px;
|
||||
}
|
||||
|
||||
.mobile-view {
|
||||
position: relative;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 30px;
|
||||
|
||||
.mobile-view-content {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -3410,10 +3522,11 @@
|
|||
padding: 20px 10px 10px 10px;
|
||||
position: relative;
|
||||
}
|
||||
.mobile-text{
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
color: #000;
|
||||
|
||||
.mobile-text {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -3540,12 +3653,14 @@
|
|||
|
||||
color: #606266;
|
||||
}
|
||||
.el-button--primary{
|
||||
&.el-button span{
|
||||
|
||||
.el-button--primary {
|
||||
&.el-button span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.return-btn {
|
||||
// width: 120px;
|
||||
margin: 0 8px;
|
||||
|
|
@ -3562,4 +3677,4 @@
|
|||
color: #FFFFFF;
|
||||
cursor: pointer;
|
||||
background: #00BB88;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
|
|
@ -70,7 +70,6 @@ export default {
|
|||
},
|
||||
"$store.state.equipmentIndex"(newName, oldName) {
|
||||
this.dataInit();
|
||||
console.log(11);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
|
|
|
|||
|
|
@ -127,6 +127,66 @@ const routes = [
|
|||
path: '/snowRemoval',
|
||||
name: 'snowRemoval',
|
||||
component: () => import('../views/wufang/snowRemoval.vue')
|
||||
},{
|
||||
path: '/targetTemperature',
|
||||
name: 'targetTemperature',
|
||||
component: () => import('../views/page/targetTemperature.vue')
|
||||
},{
|
||||
path: '/targetHumidity',
|
||||
name: 'targetHumidity',
|
||||
component: () => import('../views/page/targetHumidity.vue')
|
||||
},{
|
||||
path: '/targetCo2',
|
||||
name: 'targetCo2',
|
||||
component: () => import('../views/page/targetCo2.vue')
|
||||
},{
|
||||
path: '/sunroofControl',
|
||||
name: 'sunroofControl',
|
||||
component: () => import('../views/page/sunroofControl.vue')
|
||||
},{
|
||||
path: '/outsizeSunshade',
|
||||
name: 'outsizeSunshade',
|
||||
component: () => import('../views/page/outsizeSunshade.vue')
|
||||
},{
|
||||
path: '/insizeSunshade',
|
||||
name: 'insizeSunshade',
|
||||
component: () => import('../views/page/insizeSunshade.vue')
|
||||
},{
|
||||
path: '/wetFan',
|
||||
name: 'wetFan',
|
||||
component: () => import('../views/page/wetFan.vue')
|
||||
},{
|
||||
path: '/LED',
|
||||
name: 'LED',
|
||||
component: () => import('../views/page/LED.vue')
|
||||
},{
|
||||
path: '/electromagneticControl',
|
||||
name: 'electromagneticControl',
|
||||
component: () => import('../views/page/electromagneticControl.vue')
|
||||
},{
|
||||
path: '/coercionMist',
|
||||
name: 'coercionMist',
|
||||
component: () => import('../views/page/coercionMist.vue')
|
||||
},{
|
||||
path: '/circulationCan',
|
||||
name: 'circulationCan',
|
||||
component: () => import('../views/page/circulationCan.vue')
|
||||
},{
|
||||
path: '/internalInsulation',
|
||||
name: 'internalInsulation',
|
||||
component: () => import('../views/page/internalInsulation.vue')
|
||||
},{
|
||||
path: '/forceOutput',
|
||||
name: 'forceOutput',
|
||||
component: () => import('../views/page/forceOutput.vue')
|
||||
},{
|
||||
path: '/intrinsicParameter',
|
||||
name: 'intrinsicParameter',
|
||||
component: () => import('../views/page/intrinsicParameter.vue')
|
||||
},{
|
||||
path: '/parameterSet',
|
||||
name: 'parameterSet',
|
||||
component: () => import('../views/page/parameterSet.vue')
|
||||
},]
|
||||
},]
|
||||
},
|
||||
|
|
|
|||
|
|
@ -285,7 +285,12 @@ export default {
|
|||
|
||||
} else if (item.router == 'largeScreen') {
|
||||
const foundObject = this.limitUserId.find(item => item.id == 2);
|
||||
if (!foundObject) return this.$message('您当前没有权限查看!')
|
||||
if (!foundObject){
|
||||
this.$message('您当前没有权限查看!')
|
||||
return
|
||||
}else{
|
||||
this.$router.push({ name: item.router })
|
||||
}
|
||||
|
||||
} else if (item.router != this.routerNow && !item.http) {
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,153 @@
|
|||
<template>
|
||||
<div class="wetFan">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/LED.png" alt="">补光灯
|
||||
</div>
|
||||
<div class="title-tips">
|
||||
工作方式选择
|
||||
</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-tips">手动启动时开灯</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn blue btn-w80">
|
||||
1#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
2#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
3#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
4#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
5#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
6#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
7#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
8#灯
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view padding-none border-none shrink-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>高温报警时，禁止启动补光灯</span>
|
||||
</div>
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>使用1#日标温度</span>
|
||||
</div>
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>使用2#日标温度</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view padding-none border-none shrink-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>室外关照大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，禁止启用补光灯。 (KLux)</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view padding-none shrink-none">
|
||||
<div class="input-main-80">
|
||||
<span>多组补光灯启动时，间隔</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>秒顺序启动，防止同时启动瞬间功率过大</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-tips">时段1</div>
|
||||
<div class="flex-view border-none padding-none shrink-none">
|
||||
<div class="input-main-80">
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none">
|
||||
<div class="input-btn ">
|
||||
<div class="btn blue btn-w80">
|
||||
1#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
2#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
3#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
4#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
5#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
6#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
7#灯
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
8#灯
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
openIndex: 1,
|
||||
openIndex1: 1,
|
||||
openIndex2: 1,
|
||||
}
|
||||
},
|
||||
mounted() { },
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
<template>
|
||||
<div class="circulationCan">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/circulationCan.png" alt="">环流风扇
|
||||
</div>
|
||||
<div class="title-tips">工作方式选择</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>时段1：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>时段2：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>时段3：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>时段4：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>加湿时，同时运行环流风扇。</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>CO2补气时，同时运行环流风扇。</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>加湿时，同时运行环流风扇。</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%，启动环流风扇。 控制精度</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
openIndex:1,
|
||||
}
|
||||
},
|
||||
mounted() { },
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<template>
|
||||
<div class="coercionMist">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/coercionMist.png" alt="">高压微雾
|
||||
</div>
|
||||
<div class="title-tips">工作方式选择</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<span>室内温度高于目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>度，开启高压微雾降温。</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-main input-main-w120">
|
||||
<span>开启</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>秒，关闭</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>秒，进行间隔工作。</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<span>室内湿度低于目标湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%，开启高压微雾加湿。</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none">
|
||||
<div class="input-main input-main-w120">
|
||||
<span>开启</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>秒，关闭</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>秒，进行间隔工作。</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return {
|
||||
openIndex:1
|
||||
}
|
||||
},
|
||||
mounted(){},
|
||||
methods:{},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,160 @@
|
|||
<template>
|
||||
<div class="electromagneticControl">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/electromagneticControl.png" alt="">电磁自动控制
|
||||
</div>
|
||||
<div class="title-tips">
|
||||
工作方式选择
|
||||
</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-sel">
|
||||
<div class="title">运行模式选择(2选1)</div>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-btn p-t-31">
|
||||
<div class="btn blue btn-w66">
|
||||
周一
|
||||
</div>
|
||||
<div class="btn off btn-w66">
|
||||
周二
|
||||
</div>
|
||||
<div class="btn off btn-w66">
|
||||
周三
|
||||
</div>
|
||||
<div class="btn off btn-w66">
|
||||
周四
|
||||
</div>
|
||||
<div class="btn off btn-w66">
|
||||
周五
|
||||
</div>
|
||||
<div class="btn off btn-w66">
|
||||
周六
|
||||
</div>
|
||||
<div class="btn off btn-w66">
|
||||
周日
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
|
||||
<div class="input-main-80">
|
||||
<span>时间段启动：每次灌溉时长</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="number-view">
|
||||
<div>1</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时间段里启动次数</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="number-view">
|
||||
<div>2</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时间段里启动次数</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-tips">
|
||||
土壤传感器
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>有效检测时间段</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>最低土壤湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>最高土壤湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>灌溉时长上限</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
openIndex: 1,
|
||||
sensorType: '',
|
||||
typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
|
||||
{ label: '空气温度', value: 1, countType: 3, unit: '℃' },
|
||||
{ label: '空气湿度', value: 2, countType: 2, unit: '%' },]
|
||||
}
|
||||
},
|
||||
mounted() { },
|
||||
methods: {
|
||||
//类型选择
|
||||
handleCommand(command) {
|
||||
console.log(command);
|
||||
},
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<template>
|
||||
<div class="forceOutput">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/forceOutput.png" alt="">强制输出参数
|
||||
</div>
|
||||
<div class="title-tips">
|
||||
测试模式选择
|
||||
</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn blue">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />非测试模式
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn flex-warp">
|
||||
<div class="btn off btn-w80 m-b-20" v-for="item,index in 64" :key="index">
|
||||
{{index+1}}#
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return {}
|
||||
},
|
||||
mounted(){},
|
||||
methods:{},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
|
||||
|
|
@ -0,0 +1,136 @@
|
|||
<template>
|
||||
<div class="insizeSunshade">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/insizeSunshade.png" alt="">外遮阳控制
|
||||
</div>
|
||||
<div class="title-tips">工作方式选择</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>白天遮阳时段限制：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>室外光照大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，展开内遮阳。光照确认时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟。</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>室内温度高于目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>度，展开内遮阳。</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>夜间保温时段：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>天窗除湿时，内遮阳开启角度</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>光照大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，提前</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟收拢内遮阳。</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>夜间保温结束时，分</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>步收拢遮阳网，间隔时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
openIndex:1,
|
||||
}
|
||||
},
|
||||
mounted() { },
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
<template>
|
||||
<div class="internalInsulation">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/internalInsulation.png" alt="">内保温
|
||||
</div>
|
||||
<div class="title-tips">工作方式选择</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>夜间保温时段：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>夜间保温结束时，分</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>步收拢内保温，间隔时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>室内温度高于目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>度，展开内保温。</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>天窗除湿时，内保温开启角度</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>光照大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，提前</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟收拢内保温。</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
openIndex:1,
|
||||
}
|
||||
},
|
||||
mounted() { },
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
|
@ -0,0 +1,256 @@
|
|||
<template>
|
||||
<div class="intrinsicParameter">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/intrinsicParameter.png" alt="">设备固有参数
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#电磁阀自控传感器选择</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
<span>2#电磁阀自控传感器选择</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>3#电磁阀自控传感器选择</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
<span>4#电磁阀自控传感器选择</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>5#电磁阀自控传感器选择</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
<span>6#电磁阀自控传感器选择</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>7#电磁阀自控传感器选择</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
<span>8#电磁阀自控传感器选择</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>湿帘水泵1-2组输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>环流风扇1-2组输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>高压微雾1-2组输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>冷暖风机1-2组输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>CO2补气1-2组输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>轴流风机1-5组输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span></span>
|
||||
<span>补光灯1-8组输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#天窗全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>天窗朝向</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>2#天窗全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>天窗朝向</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>3#天窗全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>天窗朝向</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>4#天窗全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>天窗朝向</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>所有设备的行程保护时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="title-tips-bold">设备位置</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>经度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>维度</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#内遮阳全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>2#内遮阳全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#内保温全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>2#内保温全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#湿帘窗全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>2#湿帘窗全程运行时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>打开输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>关闭输出通道：</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
mounted() { },
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<template>
|
||||
<div class="outsizeSunshade">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳控制
|
||||
</div>
|
||||
<div class="title-tips">工作方式选择</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>工作时段限制：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>降雨时遮阳网处于的位置</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%</span>
|
||||
<span>降雨确认时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>室外光照大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，展开外遮阳</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>% (KLux)。光照确认时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>室外光照大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，外遮阳展开 100%(KLux)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>风速大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时收拢遮阳网，大风保护解除时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>室内温度高于目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>度，展开外遮阳。</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
openIndex:1,
|
||||
}
|
||||
},
|
||||
mounted() { },
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
|
@ -0,0 +1,612 @@
|
|||
<template>
|
||||
<div class="parameterSet">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/parameterSet.png" alt="">厂家内部参数配置
|
||||
</div>
|
||||
<div class="flex-view shrink-none border-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>1#外遮阳:目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>2#外遮阳:目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none border-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>1#内遮阳:目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>目标湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>2#内遮阳:目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>目标湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none border-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>1#天窗: 目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>目标湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none border-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>2#天窗: 目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>目标湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none border-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>3#天窗: 目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>目标湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>4#天窗: 目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>目标湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none border-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环流风机: 1#风扇室内湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>2#风扇室内湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>湿帘外翻窗：1#湿帘窗温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>2#湿帘窗温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none border-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span class="padding-none">1#高压微雾:目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>目标湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span class="padding-none">2#高压微雾:目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>目标湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境湿度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none border-none">
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>轴流风机: 目标温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-sel input-sel-w180">
|
||||
<span>环境温度选择</span>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="el-dropdown-link">
|
||||
<input v-model="sensorType" type="text" class="input-input" placeholder="无">
|
||||
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
||||
</div>
|
||||
<el-dropdown-menu class="input-menu-180" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
|
||||
item.label }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return {
|
||||
sensorType:'',
|
||||
typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
|
||||
{ label: '空气温度', value: 1, countType: 3, unit: '℃' },
|
||||
{ label: '空气湿度', value: 2, countType: 2, unit: '%' },]
|
||||
}
|
||||
},
|
||||
mounted(){},
|
||||
methods:{
|
||||
//类型选择
|
||||
handleCommand(command) {
|
||||
console.log(command);
|
||||
},
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
|
||||
|
|
@ -0,0 +1,154 @@
|
|||
<template>
|
||||
<div class="sunroofControl">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/sunroofControl.png" alt="">天窗控制
|
||||
</div>
|
||||
<div class="title-tips">工作方式选择</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none padding-none">
|
||||
<div class="number-view p-t-31">
|
||||
<div>1</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<div>温度控制精度</div>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<div>计算周期</div>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none padding-none">
|
||||
<div class="number-view p-t-31">
|
||||
<div>2</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<div>比例系数</div>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<div>积分系数</div>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none padding-none">
|
||||
<div class="number-view p-t-31">
|
||||
<div>3</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w260">
|
||||
<div>天窗分阶段全部打开次数</div>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view padding-none">
|
||||
<div class="number-view p-t-31">
|
||||
<div>4</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w260">
|
||||
<div>风机运行时，天窗打开角度</div>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<span>室外温度低于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>度禁止开启天窗。</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<span>风速大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，关闭天窗。大风保护解除时间</span>
|
||||
</div>
|
||||
<div class="input-main input-main-w80">
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<span>开启天窗除湿功能：</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none">
|
||||
<div class="input-main input-main-w100">
|
||||
<span>湿度控制精度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>天窗除湿时开启角度</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-main input-main-w100">
|
||||
<span>实测温度比目标温度低</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>将进行间断除湿开</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟，关</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分钟。</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main input-main-w120">
|
||||
<span>室内温度低于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>度，禁止开窗除湿。</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
openIndex: 1
|
||||
}
|
||||
},
|
||||
mounted() { },
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
<template>
|
||||
<div class="targetCo2">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/targetCo2.png" alt="">目标CO2
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标CO2</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>2#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标CO2</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>3#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标CO2</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>4#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标CO2</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return {}
|
||||
},
|
||||
mounted(){},
|
||||
methods:{},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,181 @@
|
|||
<template>
|
||||
<div class="targetHumidity">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/targetHumidity.png" alt="">目标湿度
|
||||
</div>
|
||||
<div class="title-tips-bold">
|
||||
1#目标湿度参数配置
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>2#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>3#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>4#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="title-tips-bold">
|
||||
2#目标湿度参数配置
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>2#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>3#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>4#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标湿度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return {}
|
||||
},
|
||||
mounted(){},
|
||||
methods:{},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,181 @@
|
|||
<template>
|
||||
<div class="targetTemperature">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/targetTemperature.png" alt="">目标温度
|
||||
</div>
|
||||
<div class="title-tips-bold">
|
||||
1#目标温度参数配置
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>2#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>3#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>4#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="title-tips-bold">
|
||||
2#目标温度参数配置
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>1#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>2#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>3#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-main-80">
|
||||
<span>4#时段起始时间：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>过渡时间(分钟)：</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return {}
|
||||
},
|
||||
mounted(){},
|
||||
methods:{},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,248 @@
|
|||
<template>
|
||||
<div class="wetFan">
|
||||
<div class="table-title">
|
||||
<img src="../../assets/img/wetFan.png" alt="">风机湿帘
|
||||
</div>
|
||||
<div class="title-tips">
|
||||
工作方式选择
|
||||
</div>
|
||||
<div class="flex-view">
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-tips">手动打开时风机启动</div>
|
||||
<div class="flex-view border-none">
|
||||
<div class="input-btn ">
|
||||
<div class="btn blue btn-w80">
|
||||
1#
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
2#
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
3#
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
4#
|
||||
</div>
|
||||
<div class="btn off btn-w80">
|
||||
5#
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-tips">工作时段限制</div>
|
||||
<div class="flex-view border-none">
|
||||
<div class="input-main-80">
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>-</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>:</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-tips">工作时段限制</div>
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>工作模式一</span>
|
||||
</div>
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>工作模式二</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-main-80">
|
||||
<span>工作模式一：风机湿帘工作最大级数</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>风机湿帘工作调整时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>分</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>室外温度小于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，禁止启动风机。</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>实测温度大于目标温度</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，跳过天窗直接启动风机。</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none padding-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>湿帘结束后，风机延时吹干湿帘时间</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-main-80">
|
||||
<span>工作模式二：控温精度滞回带</span>
|
||||
<input type="text" placeholder="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view padding-none border-none shrink-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>温度大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，启动1#风机。</span>
|
||||
</div>
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>温度大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，启动2#风机。</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view padding-none border-none shrink-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>温度大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，启动3#风机。</span>
|
||||
</div>
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>温度大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，启动4#风机。</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view padding-none shrink-none">
|
||||
<div class="input-btn">
|
||||
<div class="btn off btn-w80">
|
||||
无效
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-main-80">
|
||||
<span>温度大于</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>时，启动5#风机。</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none">
|
||||
<div class="input-main">
|
||||
<span>湿帘水泵1:</span>
|
||||
</div>
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex1 == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex1 == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex1 == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view shrink-none">
|
||||
<div class="input-main-80">
|
||||
<span>降温需求到达</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>级时，湿帘泵1启动。</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-view border-none shrink-none">
|
||||
<div class="input-main">
|
||||
<span>湿帘水泵2:</span>
|
||||
</div>
|
||||
<div class="input-btn ">
|
||||
<div class="btn" :class="openIndex2 == 1 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
|
||||
</div>
|
||||
<div class="btn" :class="openIndex2 == 2 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
|
||||
</div>
|
||||
<div class="btn" :class="openIndex2 == 3 ? 'blue' : 'green'">
|
||||
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none shrink-none">
|
||||
<div class="input-main-80">
|
||||
<span>降温需求到达2</span>
|
||||
<input type="text" placeholder="0">
|
||||
<span>级时，湿帘泵2启动。</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
openIndex: 1,
|
||||
openIndex1: 1,
|
||||
openIndex2: 1,
|
||||
}
|
||||
},
|
||||
mounted() { },
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss"></style>
|
||||
|
||||
Loading…
Reference in New Issue