Merge pull request '1' (#82) from pc-master into portal

Reviewed-on: #82

src/assets/css/main.css

@@ -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;
 }

src/assets/css/main.scss

@@ -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;
-  }
+}

src/components/setParamsControl.vue

@@ -70,7 +70,6 @@ export default {
     },
     "$store.state.equipmentIndex"(newName, oldName) {
       this.dataInit();
-      console.log(11);
     },
   },
   mounted() {

src/router/index.js

@@ -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')
       },]
     },]
   },

src/views/index.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) {
 

src/views/page/LED.vue

@@ -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>
+  

src/views/page/circulationCan.vue

@@ -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>

src/views/page/coercionMist.vue

@@ -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>
+  
+  

src/views/page/electromagneticControl.vue

@@ -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>
+  

src/views/page/forceOutput.vue

@@ -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>
+  

src/views/page/insizeSunshade.vue

@@ -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>

src/views/page/internalInsulation.vue

@@ -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>

src/views/page/intrinsicParameter.vue

@@ -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>
+  

src/views/page/outsizeSunshade.vue

@@ -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>

src/views/page/parameterSet.vue

@@ -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>
+  

src/views/page/sunroofControl.vue

@@ -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>

src/views/page/targetCo2.vue

@@ -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>
+  
+  

src/views/page/targetHumidity.vue

@@ -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>
+  
+  

src/views/page/targetTemperature.vue

@@ -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>
+  
+  

src/views/page/wetFan.vue

@@ -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>
+