Merge branch 'pc-master' of https://git.lihe-control.com/xiaomeng/wszhyWx into pc-master

src/api/index.js

@@ -362,7 +362,10 @@ interiorthermalinsulation(data) {
 readcirculationfan(data) {
   return sendGetRequest(`/readControl/readcirculationfan`, data)
 },
-
+//报警设置
+readalarmSetting(data) {
+  return sendGetRequest(`/readControl/alarmSetting`, data)
+},
 
   //二维码溯源
   //查看农事作物信息

src/assets/css/main.css

@@ -904,6 +904,8 @@
   font-weight: 400;
   color: #8BEAFF;
   margin-top: 20px;
+  display: flex;
+  align-items: center;
 }
 
 .text-tips {
@@ -986,6 +988,12 @@
   min-width: 80px;
 }
 
+.btn.btn-tips {
+  min-width: 70px;
+  width: 70px;
+  height: 35px;
+}
+
 .btn.btn-w74 {
   width: 74px;
   min-width: unset;
@@ -1775,6 +1783,10 @@
   justify-content: center;
 }
 
+.realTime .page-content .realTime-list .seamless-warp .list-view .number.red {
+  color: #fc7d6a;
+}
+
 .realTime .page-content .flex-list {
   display: flex;
   align-items: center;

src/assets/css/main.scss

@@ -948,6 +948,8 @@
     font-weight: 400;
     color: #8BEAFF;
     margin-top: 20px;
+    display: flex;
+    align-items: center;
 }
 .text-tips{
     font-size: 16px;
@@ -1025,6 +1027,11 @@
     &.btn-w80{
         min-width: 80px;
     }
+    &.btn-tips{
+        min-width:70px;
+        width:70px;
+        height: 35px;
+    }
     &.btn-w74{
        width: 74px;
        min-width: unset;
@@ -1873,6 +1880,9 @@
                         display: flex;
                         align-items: center;
                         justify-content: center;
+                        &.red{
+                            color: rgba(252, 125, 106, 1);
+                        }
                     }
                 }
             }

src/components/setParamsControl.vue

@@ -9,7 +9,7 @@
     </div>
     <el-collapse v-model="$store.state.activeNames">
       <template v-for="(item, index) in routerList">
-        <el-collapse-item :class="routerNow == item.router ? 'active' : ''" :name="index + 1" :key="index"
+        <el-collapse-item :class="routerNow == item.router||item.router.indexOf(routerNow)!=-1 ? 'active' : ''" :name="index + 1" :key="index"
           v-if="!item.isRouter">
           <template slot="title" class="collapse-title">
             <span class="name">{{ item.name }}</span>
@@ -198,6 +198,7 @@ export default {
             isRouter: true,
           });
         }
+        
         if (isParamInArray3) {
           this.routerList.push({
             name: "传感器通道配置",
@@ -215,10 +216,29 @@ export default {
           });
         }
         if (isParamInArray5) {
-          this.routerList.push({ name: "目标温度", list: [], router: "targetTemperature", isRouter: true },
+          this.routerList.push(
-            { name: "目标湿度", list: [], router: "targetHumidity", isRouter: true },
+            {
-            { name: "目标CO2", list: [], router: "targetCo2", isRouter: true });
+              name: "目标值",
+              router: "targetTemperature,targetHumidity,targetCo2",
+              list: [
+              { name: "目标温度", list: [], router: "targetTemperature", isRouter: true, index: 1 },
+            { name: "目标湿度", list: [], router: "targetHumidity", isRouter: true, index: 2 },
+            { name: "目标CO2", list: [], router: "targetCo2", isRouter: true, index: 3 }
+              ],
+            },
+          );
         }
+        if (isParamInArray6) {
+          this.routerList.push(
+            {
+              name: "报警设置",
+              router: "alarmSettings",
+              list: [],
+              isRouter: true 
+            },
+          );
+        }
+        
         if (isParamInArray7) {
           this.routerList.push({ name: "设备固有参数", list: [], router: "intrinsicParameter", isRouter: true });
         }
@@ -317,7 +337,11 @@ export default {
         }
 
         if (isParamInArray23) {
-          this.routerList.push({ name: "风机湿帘", list: [], router: "wetFan", isRouter: true });
+          this.routerList.push({ name: "风机湿帘", list: [
+          { name: '风机', status: -1, router: 'wetFan', index: 1 },
+              { name: '湿帘泵', status: -1, router: 'wetFan', index: 2 },
+              { name: '湿帘外翻帘', status: -1, router: 'wetFan', index: 3 },
+          ], router: "wetFan" });
         }
 
         if (isParamInArray24) {
@@ -332,7 +356,13 @@ export default {
           });
         }
         setTimeout(() => {
-      this.$router.push({ path: `/${this.routerList[0].router}` });
+          var router = this.$route.query
+        if (router.token && router.userid){
+          return
+        }
+         this.$router.push({ path: `/${this.routerList[0].router}` });
+    
+      
     }, 0);
       });
     

src/router/index.js

@@ -187,6 +187,14 @@ const routes = [
         path: '/parameterSet',
         name: 'parameterSet',
         component: () => import('../views/page/parameterSet.vue')
+      },{
+        path: '/alarmSettings',
+        name: 'alarmSettings',
+        component: () => import('../views/page/alarmSettings.vue')
+      },{
+        path: '/exitSettings',
+        name: 'exitSettings',
+        component: () => import('../views/page/exitSettings.vue')
       },]
     },]
   },

src/views/index.vue

@@ -62,7 +62,7 @@ export default {
             headerList: [
                 { name: '实时数据', router: 'realTime', routerList: ['realTime'], img: require('../assets/image/header-img1.png') },
                 // { name: '设定值参数', router: 'status', index: 1, routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet'], img: require('../assets/image/header-img0.png') },
-                { name: '设定值参数', router: 'status', index: 1, routerList: ['status', 'skylight', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con','waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval',"targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet",], img: require('../assets/image/header-img0.png') },
+                { name: '设定值参数', router: 'status', index: 1, routerList: ['status','exitSettings', 'skylight', 'fan', 'upload-con', 'sensorSet-con','alarmSettings', 'synthesis-con','waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval',"targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet",], img: require('../assets/image/header-img0.png') },
                 { name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img1.png') },
                 { name: '视频监控', router: '', routerList: [], img: require('../assets/image/header-img2.png') },
                 //  history history
@@ -79,7 +79,7 @@ export default {
             activeNames: [3],
             leftList: [
                 { name: '首页', img: require('../assets/image/index-icon.png'), list: [], router: 'realTime', isRouter: true, },
-                { name: '温室', routerList: ['realTime', 'skylight', 'control', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval', "targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet"], img: require('../assets/image/left-img0.png'), list: [] },
+                { name: '温室', routerList: ['realTime','exitSettings', 'skylight', 'control', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con','alarmSettings', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval', "targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet"], img: require('../assets/image/left-img0.png'), list: [] },
                 // { name: '二号温室', img: require('../assets/image/left-img1.png'), list: [] },
                 { name: '施肥机', routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet', 'realTime', 'history', 'dataAnalysis'], img: require('../assets/image/left-img2.png'), list: [] },],
             routerNow: 'realTime',
@@ -304,7 +304,6 @@ export default {
             }
         },
         toRouter1(item) {
-            console.log(item,11);
             if (item.router) {
                 if (item.http) {
                     window.location.href = item.http;
@@ -320,7 +319,11 @@ export default {
                         this.$store.state.equipmentIndex = item.index
                         this.routerIndex = item.index
                         if (item.deviceName == 10) {
-                            this.$router.push({ path: `/skylight?change=${item.index}` })
+                            // 限制页面随意跳转
+                            if(this.routerNow!='skylight'&&this.leftList[1].routerList.indexOf(this.$route.name)!=-1){
+                                return
+                            }
+                            this.$router.push({ path: `/control?change=${item.index}` })
                         } else if (item.deviceName == 1 && this.routerNow != 'irrigateSet') {
                             this.$router.push({ path: `/irrigateSet?change=${item.index}` })
                         }

src/views/page/LED.vue

@@ -1,14 +1,14 @@
 <template>
     <div class="wetFan">
         <div class="table-title">
-            <img src="../../assets/img/LED.png" alt="">补光灯&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/LED.png" alt="">补光灯
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[21400] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
         </div>
-        <div class="title-tips">
+        <div class="title-tips">工作方式选择
-            工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[21400] == 0 ? 'blue' : 'green'">
+                    {{ inputData[21400] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
         <div class="flex-view">
             <div class="input-btn ">

src/views/page/alarmSettings.vue

@@ -0,0 +1,590 @@
+<template>
+    <div class="all">
+        <div class="table-title">
+            <img src="../../assets/img/alarmSettings.png" alt="">报警设置
+        </div>
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>目标温度1的实时温度选择</span>
+                <el-dropdown @command="handleCommand1($event, 20080)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20080]" 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 typeList1" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20081].length" @click="changeOpenTrue(0, 20081)">
+                <div v-if="inputDataNew[20081][0] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项一:温度高于目标值</span>
+                <input @blur="blurChange10('20082', $event)" v-model="inputData['20082']"
+                    @input="changeCount10('20082', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，高温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20081].length" @click="changeOpenTrue(1, 20081)">
+                <div v-if="inputDataNew[20081][1] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项二:温度低于目标值</span>
+                <input @blur="blurChange10('20083', $event)" v-model="inputData['20083']"
+                    @input="changeCount10('20083', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，低温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20081].length" @click="changeOpenTrue(2, 20081)">
+                <div v-if="inputDataNew[20081][2] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项三:温度高于</span>
+                <input @blur="blurChangeCount('20083', $event)" v-model="inputData['20083']"
+                    @input="changeCountData('20083', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，高温报警。报警通道</span>
+                <input @blur="blurChange(20104, $event)" v-model="inputData[20104]" @input="change(20104, $event)"
+                    type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20081].length" @click="changeOpenTrue(3, 20081)">
+                <div v-if="inputDataNew[20081][3] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项四:温度低于</span>
+                <input @blur="blurChangeCount('20084', $event)" v-model="inputData['20084']"
+                    @input="changeCountData('20084', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，低温报警。报警通道</span>
+                <input @blur="blurChange(20105, $event)" v-model="inputData[20105]" @input="change(20105, $event)"
+                    type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>目标温度2的实时温度选择</span>
+                <el-dropdown @command="handleCommand1($event, 20086)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20086]" 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 typeList1" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20087].length" @click="changeOpenTrue(0, 20087)">
+                <div v-if="inputDataNew[20087][0] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项一:温度高于目标值</span>
+                <input @blur="blurChange10('20087', $event)" v-model="inputData['20087']"
+                    @input="changeCount10('20087', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，高温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20087].length" @click="changeOpenTrue(1, 20087)">
+                <div v-if="inputDataNew[20087][1] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项二:温度低于目标值</span>
+                <input @blur="blurChange10('20088', $event)" v-model="inputData['20088']"
+                    @input="changeCount10('20088', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，低温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20087].length" @click="changeOpenTrue(2, 20087)">
+                <div v-if="inputDataNew[20087][2] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项三:温度高于</span>
+                <input @blur="blurChangeCount('20089', $event)" v-model="inputData['20089']"
+                    @input="changeCountData('20089', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，高温报警。报警通道</span>
+                <input @blur="blurChange(20106, $event)" v-model="inputData[20106]" @input="change(20106, $event)"
+                    type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20087].length" @click="changeOpenTrue(3, 20087)">
+                <div v-if="inputDataNew[20087][3] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项四:温度低于</span>
+                <input @blur="blurChangeCount('20090', $event)" v-model="inputData['20090']"
+                    @input="changeCountData('20090', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，低温报警。报警通道</span>
+                <input @blur="blurChange(20107, $event)" v-model="inputData[20107]" @input="change(20107, $event)"
+                    type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度1的实时湿度选择</span>
+                <el-dropdown @command="handleCommand2($event, 20092)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20092]" 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 typeList2" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20093].length" @click="changeOpenTrue(0, 20093)">
+                <div v-if="inputDataNew[20093][0] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项一:湿度高于目标值</span>
+                <input @blur="blurChange10('20094', $event)" v-model="inputData['20094']"
+                    @input="changeCount10('20094', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，高湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20093].length" @click="changeOpenTrue(1, 20093)">
+                <div v-if="inputDataNew[20093][1] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项二:湿度低于目标值</span>
+                <input @blur="blurChange10('20095', $event)" v-model="inputData['20095']"
+                    @input="changeCount10('20095', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，低湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20093].length" @click="changeOpenTrue(2, 20093)">
+                <div v-if="inputDataNew[20093][2] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项三:湿度高于</span>
+                <input @blur="blurChange10('20096', $event)" v-model="inputData['20096']"
+                    @input="changeCount10('20096', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，高湿报警。报警通道</span>
+                <input @blur="blurChange(20108, $event)" v-model="inputData[20108]" @input="change(20108, $event)"
+                    type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20093].length" @click="changeOpenTrue(3, 20093)">
+                <div v-if="inputDataNew[20093][3] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项四:湿度低于</span>
+                <input @blur="blurChange10('20097', $event)" v-model="inputData['20097']"
+                    @input="changeCount10('20097', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，低湿报警。报警通道</span>
+                <input @blur="blurChange(20109, $event)" v-model="inputData[20109]" @input="change(20109, $event)"
+                    type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度2的实时湿度选择</span>
+                <el-dropdown @command="handleCommand2($event, 20098)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20098]" 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 typeList2" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20099].length" @click="changeOpenTrue(0, 20099)">
+                <div v-if="inputDataNew[20099][0] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项一:湿度高于目标值</span>
+                <input @blur="blurChange10('20100', $event)" v-model="inputData['20100']"
+                    @input="changeCount10('20100', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，高湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20099].length" @click="changeOpenTrue(1, 20099)">
+                <div v-if="inputDataNew[20099][1] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项二:湿度低于目标值</span>
+                <input @blur="blurChange10('20101', $event)" v-model="inputData['20101']"
+                    @input="changeCount10('20101', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，低湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20099].length" @click="changeOpenTrue(2, 20099)">
+                <div v-if="inputDataNew[20099][2] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项三:湿度高于</span>
+                <input @blur="blurChange10('20102', $event)" v-model="inputData['20102']"
+                    @input="changeCount10('20102', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，高湿报警。报警通道</span>
+                <input @blur="blurChange(20110, $event)" v-model="inputData[20110]" @input="change(20110, $event)"
+                    type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20099].length" @click="changeOpenTrue(3, 20099)">
+                <div v-if="inputDataNew[20099][3] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项四:湿度低于</span>
+                <input @blur="blurChange10('20103', $event)" v-model="inputData['20103']"
+                    @input="changeCount10('20103', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，低湿报警。报警通道</span>
+                <input @blur="blurChange(20111, $event)" v-model="inputData[20111]" @input="change(20111, $event)"
+                    type="text" placeholder="0">
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            inputDataNew: [],
+            inputData: [],
+            typeList1: [
+                { label: '1#平均温度', value: 0 },
+                { label: '2#平均温度', value: 1 },
+                { label: '1#温度传感器', value: 2 },
+                { label: '2#温度传感器', value: 3 },
+                { label: '3#温度传感器', value: 4 },
+                { label: '4#温度传感器', value: 5 },
+                { label: '5#温度传感器', value: 6 },
+                { label: '6#温度传感器', value: 7 },
+                { label: '7#温度传感器', value: 8 },
+                { label: '8#温度传感器', value: 9 },
+                { label: '9#温度传感器', value: 10 },
+                { label: '10#温度传感器', value: 11 },
+                { label: '11#温度传感器', value: 12 },
+                { label: '12#温度传感器', value: 13 },
+                { label: '13#温度传感器', value: 14 },
+                { label: '14#温度传感器', value: 15 },
+                { label: '15#温度传感器', value: 16 },],
+            typeList2: [
+                { label: '1#平均湿度', value: 0 },
+                { label: '2#平均湿度', value: 1 },
+                { label: '1#湿度传感器', value: 2 },
+                { label: '2#湿度传感器', value: 3 },
+                { label: '3#湿度传感器', value: 4 },
+                { label: '4#湿度传感器', value: 5 },
+                { label: '5#湿度传感器', value: 6 },
+                { label: '6#湿度传感器', value: 7 },
+                { label: '7#湿度传感器', value: 8 },
+                { label: '8#湿度传感器', value: 9 },
+                { label: '9#湿度传感器', value: 10 },
+                { label: '10#湿度传感器', value: 11 },
+                { label: '11#湿度传感器', value: 12 },
+                { label: '12#湿度传感器', value: 13 },
+                { label: '13#湿度传感器', value: 14 },
+                { label: '14#湿度传感器', value: 15 },
+                { label: '15#湿度传感器', value: 16 },],
+        }
+    },
+    mounted() {
+        this.dataInit()
+        //input获取焦点后全选
+        let inputList = document.querySelectorAll('input');
+        for (let index = 0; index < inputList.length; index++) {
+            inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
+        }
+    },
+    methods: {
+        getData1(data) {
+            var name = ''
+            this.typeList1.forEach((el, index) => {
+                if (el.value == data) {
+                    name = el.label
+                }
+            })
+            return name
+        },
+        getData2(data) {
+            var name = ''
+            this.typeList2.forEach((el, index) => {
+                if (el.value == data) {
+                    name = el.label
+                }
+            })
+            return name
+        },
+        //类型选择温度
+        handleCommand1(command, code) {
+            this.typeList1.forEach((el, index) => {
+                if (el.value == command) {
+                    this.inputDataNew[code] = el.label
+                }
+            })
+            var dataNum = {
+                target: {
+                    value: command,
+                },
+            };
+            this.changeBtn(code, dataNum);
+        },
+        //类型选择湿度
+        handleCommand2(command, code) {
+            this.typeList2.forEach((el, index) => {
+                if (el.value == command) {
+                    this.inputDataNew[code] = el.label
+                }
+            })
+            var dataNum = {
+                target: {
+                    value: command,
+                },
+            };
+            this.changeBtn(code, dataNum);
+        },
+        //失去焦点 计算公式 x/10
+        blurChange10(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value * 10,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+
+        },
+        //反向计算 计算公式 x/10
+        changeCount10(code, el) {
+            var data = el.target.value * 10
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+        // 计算展示值 计算公式 x/10
+        countData10(data) {
+            if (data) {
+                return data / 10
+            } else {
+                return 0
+            }
+        },
+        // 计算展示值 计算公式 (x - 400) / 10
+        countData(data) {
+            if (data) {
+                return (data - 400) / 10
+            } else {
+                return 0
+            }
+        },
+        //失去焦点
+        blurChangeCount(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: (el.target.value * 10) + 400,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+        },
+        changeCountData(code, el) {
+            var data = (el.target.value * 10) + 400
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+        padString(str, length) {
+      return str.padStart(length, '0');
+    },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        changeOpenTrue(index, code) {
+            if (this.inputDataNew[code][index] == 0) {
+                this.inputDataNew[code][index] = 1
+            } else {
+                this.inputDataNew[code][index] = 0
+            }
+            this.$forceUpdate();
+            var num = this.myReverse(this.inputDataNew[code]).join("")
+
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn(code, dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.targetValue(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = JSON.parse(JSON.stringify(res.data.data));
+                    this.inputDataNew = JSON.parse(JSON.stringify(res.data.data))
+                    this.inputDataNew[20080] = this.getData1(this.inputData[20080])
+                    this.inputDataNew[20086] = this.getData1(this.inputData[20086])
+
+                    this.inputData[20082] = this.countData10(this.inputData[20082])
+                    this.inputData[20083] = this.countData10(this.inputData[20083])
+                    this.inputData[20084] = this.countData(this.inputData[20084])
+                    this.inputData[20085] = this.countData(this.inputData[20085])
+
+                    this.inputData[20088] = this.countData10(this.inputData[20088])
+                    this.inputData[20089] = this.countData10(this.inputData[20089])
+                    this.inputData[20090] = this.countData(this.inputData[20090])
+                    this.inputData[20091] = this.countData(this.inputData[20091])
+                    
+                    this.inputDataNew[20092] = this.getData2(this.inputData[20092])
+                    this.inputDataNew[20098] = this.getData2(this.inputData[20098])
+                    
+                    this.inputData[20094] = this.countData10(this.inputData[20094])
+                    this.inputData[20095] = this.countData10(this.inputData[20095])
+                    this.inputData[20096] = this.countData10(this.inputData[20096])
+                    this.inputData[20097] = this.countData10(this.inputData[20097])
+
+                    this.inputData[20100] = this.countData10(this.inputData[20100])
+                    this.inputData[20101] = this.countData10(this.inputData[20101])
+                    this.inputData[20102] = this.countData10(this.inputData[20102])
+                    this.inputData[20103] = this.countData10(this.inputData[20103])
+
+                    this.getOpenData(20081)
+                    this.getOpenData(20087)
+                    this.getOpenData(20093)
+                    this.getOpenData(20099)
+                }
+            })
+        },
+        getOpenData(code){
+            var num1 = this.inputData[code]?this.inputData[code]:0
+      var num11 = this.padString(num1.toString(2), 4)
+      var openList1New
+      openList1New = num11.split("")
+      this.inputDataNew[code] = openList1New.reverse()
+        },
+        //全选文本
+        selectValue(e) {
+            var store = this.$store.state
+            store.nowInput = e.target.value
+            e.currentTarget.select();
+        },
+        change(code, el) {
+      var store = this.$store.state;
+      var data = {
+        equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+        regAddress: code,
+        num: el.target.value,
+      };
+      this.delayTimer(0, data);
+    },
+    //限制 写入停止后j*100毫秒调取函数
+    delayTimer(i, data) {
+      const that = this;
+      //整体接口
+      let j = this.$store.state.lateSend;
+      //避免开启多个计时器
+      this.timer && clearInterval(this.timer);
+
+      this.timer = setInterval(() => {
+        ++i;
+        if (i == j) {
+          that.changeData(data);
+          clearInterval(this.timer);
+        }
+      }, 100);
+    },
+        //修改数据的函数
+        changeBtn(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value,
+            };
+            this.delayTimerBtn(0, data);
+        },
+        //切换btn的限制 写入停止后j*100毫秒调取函数
+        delayTimerBtn(i, data) {
+            const that = this;
+            //整体接口
+            let j = this.$store.state.lateSendBtn;
+            //避免开启多个计时器
+            this.timer && clearInterval(this.timer);
+
+            this.timer = setInterval(() => {
+                ++i;
+                if (i == j) {
+                    that.changeData(data);
+                    clearInterval(this.timer);
+                }
+            }, 100);
+        },
+        changeData(data) {
+            var store = this.$store.state
+            this.api.postControlWrite(data).then((res) => {
+                if (res.data.code == 200) {
+                    this.$message({
+                        message: res.data.msg,
+                        type: "success",
+                    });
+                    store.nowInput = ''
+                    // this.dataInit();
+                } else {
+                    this.inputData[data.regAddress] = store.nowInput
+                    this.$message.error(res.data.msg);
+                }
+                this.timer = null
+            });
+        },
+    },
+
+}
+</script>
+<style lang="scss"></style>
+  
+  

src/views/page/circulationCan.vue

@@ -1,13 +1,16 @@
 <template>
     <div class="circulationCan">
         <div class="table-title">
-            <img src="../../assets/img/circulationCan.png" alt="">环流风扇{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/circulationCan.png" alt="">环流风扇{{ indexs }}
-            <div @click="changeOpen(0)" class="flex-view border-none">
+
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
+        </div>
-              有效性
+        <div class="title-tips">工作方式选择
-           </div>
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
@@ -29,65 +32,65 @@
             </div>
             <div class="input-main-80">
                 <span>时段1：</span>
-                <input @blur="blurChange(startList[indexs-1]+2, $event)" v-model="inputData[startList[indexs-1]+2]" @input="change(startList[indexs-1]+2, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 2, $event)" v-model="inputData[startList[indexs - 1] + 2]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 2, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 3, $event)" v-model="inputData[startList[indexs - 1] + 3]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 3, $event)" type="text" placeholder="0">
                 <span>-</span>
-                <input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 4, $event)" v-model="inputData[startList[indexs - 1] + 4]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 4, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @input="change(startList[indexs-1]+5, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 5, $event)" v-model="inputData[startList[indexs - 1] + 5]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 5, $event)" 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 @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 6, $event)" v-model="inputData[startList[indexs - 1] + 6]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 6, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 7, $event)" v-model="inputData[startList[indexs - 1] + 7]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 7, $event)" type="text" placeholder="0">
                 <span>-</span>
-                <input @blur="blurChange(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @input="change(startList[indexs-1]+8, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 8, $event)" v-model="inputData[startList[indexs - 1] + 8]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 8, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="change(startList[indexs-1]+9, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 9, $event)" v-model="inputData[startList[indexs - 1] + 9]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 9, $event)" 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 @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="change(startList[indexs-1]+10, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 10, $event)" v-model="inputData[startList[indexs - 1] + 10]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 10, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 11, $event)" v-model="inputData[startList[indexs - 1] + 11]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 11, $event)" type="text" placeholder="0">
                 <span>-</span>
-                <input @blur="blurChange(startList[indexs-1]+12, $event)" v-model="inputData[startList[indexs-1]+12]" @input="change(startList[indexs-1]+12, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 12, $event)" v-model="inputData[startList[indexs - 1] + 12]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 12, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @input="change(startList[indexs-1]+13, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 13, $event)" v-model="inputData[startList[indexs - 1] + 13]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 13, $event)" type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view shrink-none padding-none">
             <div class="input-main-80">
                 <span>时段4：</span>
-                <input @blur="blurChange(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="change(startList[indexs-1]+14, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 14, $event)" v-model="inputData[startList[indexs - 1] + 14]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 14, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+15, $event)" v-model="inputData[startList[indexs-1]+15]" @input="change(startList[indexs-1]+15, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 15, $event)" v-model="inputData[startList[indexs - 1] + 15]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 15, $event)" type="text" placeholder="0">
                 <span>-</span>
-                <input @blur="blurChange(startList[indexs-1]+16, $event)" v-model="inputData[startList[indexs-1]+16]" @input="change(startList[indexs-1]+16, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 16, $event)" v-model="inputData[startList[indexs - 1] + 16]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 16, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+17, $event)" v-model="inputData[startList[indexs-1]+17]" @input="change(startList[indexs-1]+17, $event)"
+                <input @blur="blurChange(startList[indexs - 1] + 17, $event)" v-model="inputData[startList[indexs - 1] + 17]"
-                 type="text" placeholder="0">
+                    @input="change(startList[indexs - 1] + 17, $event)" type="text" placeholder="0">
             </div>
         </div>
 
@@ -99,10 +102,12 @@
             </div>
             <div class="input-main-80">
                 <span>湿度高于</span>
-                <input @blur="blurChange10(startList[indexs - 1] + 18, $event)" v-model="inputData[startList[indexs - 1] + 18]"
+                <input @blur="blurChange10(startList[indexs - 1] + 18, $event)"
+                    v-model="inputData[startList[indexs - 1] + 18]"
                     @input="changeCount10(startList[indexs - 1] + 18, $event)" type="text" placeholder="0">
                 <span>启动,滞回带</span>
-                <input @blur="blurChange10(startList[indexs - 1] + 19, $event)" v-model="inputData[startList[indexs - 1] + 19]"
+                <input @blur="blurChange10(startList[indexs - 1] + 19, $event)"
+                    v-model="inputData[startList[indexs - 1] + 19]"
                     @input="changeCount10(startList[indexs - 1] + 19, $event)" type="text" placeholder="0">
             </div>
         </div>
@@ -239,7 +244,7 @@ export default {
                     value: parseInt(num, 2),
                 },
             };
-            this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
+            this.inputData[this.startList[this.indexs - 1] + 1] = parseInt(num, 2)
             this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
         },
         getActive1() {

src/views/page/coercionMist.vue

@@ -1,13 +1,15 @@
 <template>
     <div class="coercionMist">
         <div class="table-title">
-            <img src="../../assets/img/coercionMist.png" alt="">高压微雾{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/coercionMist.png" alt="">高压微雾{{ indexs }}
-            <div @click="changeOpen(0)" class="flex-view border-none">
+        </div>
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
+        <div class="title-tips">工作方式选择
-              有效性
+            <div class="input-btn">
-           </div>
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">

src/views/page/electromagneticControl.vue

@@ -1,14 +1,14 @@
 <template>
     <div class="electromagneticControl">
         <div class="table-title">
-            <img src="../../assets/img/electromagneticControl.png" alt="">{{ indexs }}#电磁阀&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/electromagneticControl.png" alt="">{{ indexs }}#电磁阀
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
         </div>
-        <div class="title-tips">
+        <div class="title-tips">工作方式选择
-            工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
         <div class="flex-view">
             <div class="input-btn ">

src/views/page/exitSettings.vue

@@ -0,0 +1,257 @@
+<template>
+    <div class="exitSettings">
+        <div class="table-title">
+            <img src="../../assets/img/alarmSettings.png" alt="">通道报警设置
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>温度高于目标1</span>
+                <input @blur="blurChange(20620, $event)" v-model="inputData[20620]" @input="change(20620, $event)"
+                    type="text" placeholder="0">
+                <span>℃，高温报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>温度低于目标1</span>
+                <input @blur="blurChange(20621, $event)" v-model="inputData[20621]" @input="change(20621, $event)"
+                    type="text" placeholder="0">
+                <span>℃，低温报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>温度高于目标2</span>
+                <input @blur="blurChange(20622, $event)" v-model="inputData[20622]" @input="change(20622, $event)"
+                    type="text" placeholder="0">
+                <span>℃，高温报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view padding-none">
+            <div class="input-main-80">
+                <span>温度低于目标2</span>
+                <input @blur="blurChange(20623, $event)" v-model="inputData[20623]" @input="change(20623, $event)"
+                    type="text" placeholder="0">
+                <span>℃，低温报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>湿度高于目标1</span>
+                <input @blur="blurChange(20624, $event)" v-model="inputData[20624]" @input="change(20624, $event)"
+                    type="text" placeholder="0">
+                <span>%RH，高湿报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>湿度低于目标1</span>
+                <input @blur="blurChange(20625, $event)" v-model="inputData[20625]" @input="change(20625, $event)"
+                    type="text" placeholder="0">
+                <span>%RH，低湿报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>湿度高于目标2</span>
+                <input @blur="blurChange(20626, $event)" v-model="inputData[20626]" @input="change(20626, $event)"
+                    type="text" placeholder="0">
+                <span>%RH，高湿报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>湿度低于目标2</span>
+                <input @blur="blurChange(20627, $event)" v-model="inputData[20627]" @input="change(20627, $event)"
+                    type="text" placeholder="0">
+                <span>%RH，低湿报警输出通道</span>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            inputData: [],
+        }
+    },
+    mounted() {
+        const that = this;
+        setTimeout(() => {
+            that.dataInit();
+        }, 0);
+        //input获取焦点后全选
+        let inputList = document.querySelectorAll('input');
+        for (let index = 0; index < inputList.length; index++) {
+            inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
+        }
+    },
+    methods: {
+        //失去焦点 计算公式 x/10
+        blurChange10(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value * 10,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+
+        },
+        //反向计算 计算公式 x/10
+        changeCount10(code, el) {
+            var data = el.target.value * 10
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+        // 计算展示值 计算公式 x/10
+        countData10(data) {
+            if (data) {
+                return data / 10
+            } else {
+                return 0
+            }
+        },
+        // 计算展示值 计算公式 (x - 400) / 10
+        countData(data) {
+            if (data) {
+                return (data - 400) / 10
+            } else {
+                return 0
+            }
+        },
+        //失去焦点
+        blurChangeCount(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: (el.target.value * 10) + 400,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+        },
+        changeCountData(code, el) {
+            var data = (el.target.value * 10) + 400
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.readalarmSetting(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+
+                }
+            })
+        },
+        //全选文本
+        selectValue(e) {
+            var store = this.$store.state
+            store.nowInput = e.target.value
+            e.currentTarget.select();
+        },
+        //失去焦点
+        blurChange(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+
+        },
+        //修改数据的函数
+        changeBtn(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value,
+            };
+            this.delayTimerBtn(0, data);
+        },
+        //切换btn的限制 写入停止后j*100毫秒调取函数
+        delayTimerBtn(i, data) {
+            const that = this;
+            //整体接口
+            let j = this.$store.state.lateSendBtn;
+            //避免开启多个计时器
+            this.timer && clearInterval(this.timer);
+
+            this.timer = setInterval(() => {
+                ++i;
+                if (i == j) {
+                    that.changeData(data);
+                    clearInterval(this.timer);
+                }
+            }, 100);
+        },
+        change(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value,
+            };
+            this.delayTimer(0, data);
+        },
+        //限制 写入停止后j*100毫秒调取函数
+        delayTimer(i, data) {
+            const that = this;
+            //整体接口
+            let j = this.$store.state.lateSend;
+            //避免开启多个计时器
+            this.timer && clearInterval(this.timer);
+
+            this.timer = setInterval(() => {
+                ++i;
+                if (i == j) {
+                    that.changeData(data);
+                    clearInterval(this.timer);
+                }
+            }, 100);
+        },
+        changeData(data) {
+            var store = this.$store.state
+            this.api.postControlWrite(data).then((res) => {
+                if (res.data.code == 200) {
+                    this.$message({
+                        message: res.data.msg,
+                        type: "success",
+                    });
+                    store.nowInput = ''
+                    // this.dataInit();
+                } else {
+                    this.inputData[data.regAddress] = store.nowInput
+                    this.$message.error(res.data.msg);
+                }
+                this.timer = null
+            });
+        },
+    },
+
+}
+</script>
+<style lang="scss"></style>

src/views/page/fan.vue

@@ -1,11 +1,14 @@
 <template>
     <div class="skylight fan">
         <div class="table-title">
-            <img src="../../assets/image/skylight.png" alt=""> 风机{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/image/skylight.png" alt=""> 风机{{ indexs }}
-            <div @click="changeOpen(0)" class="flex-view border-none">
+        </div>
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
+        <div class="title-tips">
-              有效性
+            <div class="input-btn">
-           </div>
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
         <div class="flex-view">
             <div class="input-btn">

src/views/page/insizeSunshade.vue

@@ -1,13 +1,15 @@
 <template>
     <div class="insizeSunshade">
         <div class="table-title">
-            <img src="../../assets/img/insizeSunshade.png" alt="">内遮阳{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/insizeSunshade.png" alt="">内遮阳{{ indexs }}
-            <div @click="changeOpen(0)" class="flex-view border-none">
+        </div>
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
+        <div class="title-tips">工作方式选择
-              有效性
+            <div class="input-btn">
-           </div>
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">

src/views/page/internalInsulation.vue

@@ -1,13 +1,15 @@
 <template>
     <div class="internalInsulation">
         <div class="table-title">
-            <img src="../../assets/img/internalInsulation.png" alt="">内保温{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/internalInsulation.png" alt="">内保温{{ indexs }}
-            <div @click="changeOpen(0)" class="flex-view border-none">
+        </div>
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
+        <div class="title-tips">工作方式选择
-              有效性
+            <div class="input-btn">
-           </div>
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">

src/views/page/outsizeSunshade.vue

@@ -1,16 +1,18 @@
 <template>
     <div class="outsizeSunshade">
         <div class="table-title">
-            <img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳{{ indexs }}
-            <div @click="changeOpen(0)" class="flex-view border-none">
+        </div>
-             <div  :class="inputData[startList[indexs-1]] == 0 ? 'sel' : 'no-sel'"></div>
+        <div class="title-tips">工作方式选择
-              有效性
+            <div class="input-btn">
-           </div>
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs-1]] == 1 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
                 </div>
                 <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs-1]] == 2 ? 'blue' : 'green'">
@@ -63,11 +65,11 @@
             </div>
         </div>
         <div class="flex-view border-none  shrink-none padding-none">
-            <div class="input-btn">
+            <!-- <div class="input-btn">
                 <div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
                     {{ actList1[1] == '1' ? '有效' : '无效' }}
                 </div>
-            </div>
+            </div> -->
             <div class="input-main-80">
                 <span>室外光照大于</span>
                 <input @blur="blurChange10(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="changeCount10(startList[indexs-1]+7, $event)"

src/views/page/realTime.vue

@@ -21,7 +21,7 @@
             </div> -->
             <div class="table-title">
                 <img src="../../assets/image/real-time.png" alt="" />
-                实时数据<span class="outline" v-if="deviceState==0">(设备离线)</span>
+                实时数据<span class="outline" v-if="deviceState == 0">(设备离线)</span>
             </div>
             <div class="timeNow" v-if="list.length">
                 <!-- {{ time.year.year }}-{{ time.year.month }}-{{ time.year.date }}<span> {{ time.time }}:{{ time.timeS
@@ -44,7 +44,7 @@
                         <img :src="item.img" alt="">
                         <div>
                             <div class="text">{{ item.name }}</div>
-                            <div class="number">{{ item.num }}</div>
+                            <div class="number" :class="item.num=='无效'?'red':''">{{ item.num }}</div>
                         </div>
                     </div>
                 </vue-seamless>
@@ -142,52 +142,52 @@
                             </div>
                             <div class="status-fan">
                                 <div class="btn" :class="item.status[0] == 1 ? 'blue' : 'off'">
-                                    <img class="light-img" v-if="item.status[0] == 1" src="../../assets/img/light-on.png"
+                                    <img class="light-img" v-if="item.status[0] == 1" src="../../assets/img/LED-on.png"
                                         alt="">
-                                    <img v-else src="../../assets/img/light-off.png" alt="">
+                                    <img v-else src="../../assets/img/fan-off.png" alt="">
                                     <span>1#补光灯</span>
                                 </div>
                                 <div class="btn" :class="item.status[1] == 1 ? 'blue' : 'off'">
-                                    <img class="light-img" v-if="item.status[1] == 1" src="../../assets/img/light-on.png"
+                                    <img class="light-img" v-if="item.status[1] == 1" src="../../assets/img/LED-on.png"
                                         alt="">
-                                    <img v-else src="../../assets/img/light-off.png" alt=""> 
+                                    <img v-else src="../../assets/img/fan-off.png" alt="">
-                                     <span>2#补光灯</span>
+                                    <span>2#补光灯</span>
                                 </div>
                                 <div class="btn" :class="item.status[2] == 1 ? 'blue' : 'off'">
-                                    <img class="light-img" v-if="item.status[2] == 1" src="../../assets/img/light-on.png"
+                                    <img class="light-img" v-if="item.status[2] == 1" src="../../assets/img/LED-on.png"
                                         alt="">
-                                    <img v-else src="../../assets/img/light-off.png" alt=""> 
+                                    <img v-else src="../../assets/img/fan-off.png" alt="">
-                                      <span>3#补光灯</span>
+                                    <span>3#补光灯</span>
                                 </div>
                                 <div class="btn" :class="item.status[3] == 1 ? 'blue' : 'off'">
-                                    <img class="light-img" v-if="item.status[3] == 1" src="../../assets/img/light-on.png"
+                                    <img class="light-img" v-if="item.status[3] == 1" src="../../assets/img/LED-on.png"
                                         alt="">
-                                    <img v-else src="../../assets/img/light-off.png" alt=""> 
+                                    <img v-else src="../../assets/img/fan-off.png" alt="">
-                                     <span>4#补光灯</span>
+                                    <span>4#补光灯</span>
                                 </div>
                                 <div class="btn" :class="item.status[4] == 1 ? 'blue' : 'off'">
-                                    <img class="light-img" v-if="item.status[4] == 1" src="../../assets/img/light-on.png"
+                                    <img class="light-img" v-if="item.status[4] == 1" src="../../assets/img/LED-on.png"
                                         alt="">
-                                    <img v-else src="../../assets/img/light-off.png" alt=""> 
+                                    <img v-else src="../../assets/img/fan-off.png" alt="">
-                                     <span>5#补光灯</span>
+                                    <span>5#补光灯</span>
                                 </div>
                                 <div class="btn" :class="item.status[5] == 1 ? 'blue' : 'off'">
-                                    <img class="light-img" v-if="item.status[5] == 1" src="../../assets/img/light-on.png"
+                                    <img class="light-img" v-if="item.status[5] == 1" src="../../assets/img/LED-on.png"
                                         alt="">
-                                    <img v-else src="../../assets/img/light-off.png" alt=""> 
+                                    <img v-else src="../../assets/img/fan-off.png" alt="">
-                                     <span>6#补光灯</span>
+                                    <span>6#补光灯</span>
                                 </div>
                                 <div class="btn" :class="item.status[6] == 1 ? 'blue' : 'off'">
-                                    <img class="light-img" v-if="item.status[6] == 1" src="../../assets/img/light-on.png"
+                                    <img class="light-img" v-if="item.status[6] == 1" src="../../assets/img/LED-on.png"
                                         alt="">
-                                    <img v-else src="../../assets/img/light-off.png" alt=""> 
+                                    <img v-else src="../../assets/img/fan-off.png" alt="">
-                                     <span>7#补光灯</span>
+                                    <span>7#补光灯</span>
                                 </div>
                                 <div class="btn" :class="item.status[7] == 1 ? 'blue' : 'off'">
-                                    <img class="light-img" v-if="item.status[7] == 1" src="../../assets/img/light-on.png"
+                                    <img class="light-img" v-if="item.status[7] == 1" src="../../assets/img/LED-on.png"
                                         alt="">
-                                    <img v-else src="../../assets/img/light-off.png" alt=""> 
+                                    <img v-else src="../../assets/img/fan-off.png" alt="">
-                                     <span>8#补光灯</span>
+                                    <span>8#补光灯</span>
                                 </div>
                             </div>
                         </div>
@@ -211,7 +211,8 @@
                                     手机控制
                                 </div>
                             </div>
-                            <div class="status-true-charts" v-if="item.type == 6 || item.type == 5 || item.type == 2|| item.type == 15|| item.type == 14|| item.type == 13|| item.type == 12">
+                            <div class="status-true-charts"
+                                v-if="item.type == 6 || item.type == 5 || item.type == 2 || item.type == 15 || item.type == 14 || item.type == 13 || item.type == 12">
                                 <img src="../../assets/img/status-true-charts-icon.png" alt="">
                                 <div :id="'statusCharts' + index"></div>
                             </div>
@@ -221,7 +222,8 @@
                             <div class="status-true-text">
                                 <div class="status-true-text-left">{{ getNumberStatus(item) }}</div>
                                 <div class="status-true-text-right"
-                                    v-if="item.type == 6 || item.type == 5 || item.type == 2|| item.type == 15|| item.type == 14|| item.type == 13|| item.type == 12">{{
+                                    v-if="item.type == 6 || item.type == 5 || item.type == 2 || item.type == 15 || item.type == 14 || item.type == 13 || item.type == 12">
+                                    {{
                                         item.progress }}%</div>
                             </div>
                         </div>
@@ -327,14 +329,14 @@
                             <el-table-column prop="environmentId" label="报警名称">
                                 <template slot-scope="scope">
                                     <div>
-                                        {{ typeSelList[scope.row.environmentId-1].name }}
+                                        {{ typeSelList[scope.row.environmentId - 1].name }}
                                     </div>
                                 </template>
                             </el-table-column>
                             <el-table-column prop="environmentId" label="判断条件">
                                 <template slot-scope="scope">
                                     <div>
-                                        {{ typeSelList1[scope.row.unit-1].name }}
+                                        {{ typeSelList1[scope.row.unit - 1].name }}
                                     </div>
                                 </template>
                             </el-table-column>
@@ -408,7 +410,7 @@ export default {
             url: '',
             timer: null,
             deviceName: 1,
-            deviceState:1,
+            deviceState: 1,
             controlList: [],
             statusInterval: null,//status状态的Interval
             statusTime: 2,//status状态的秒数
@@ -505,11 +507,11 @@ export default {
             }
             return '';
         },
-        delMessage(item){
+        delMessage(item) {
-            var data={
+            var data = {
-                messageId:item.id
+                messageId: item.id
             }
-            this.api.delMessage(data).then(res=>{
+            this.api.delMessage(data).then(res => {
                 if (res.data.code == 200) {
                     this.$message({
                         message: '删除成功',
@@ -527,7 +529,7 @@ export default {
             }
             this.api.messageList(data).then(res => {
                 if (res.data.code == 200) {
-                    this.tableData=res.data.data
+                    this.tableData = res.data.data
                 } else {
                     this.$message.error(res.data.msg);
                 }
@@ -549,8 +551,8 @@ export default {
                         "phonenumber": '',
                         "phonenumber2": ''
                     }
-                    this.warnModelSel1= ''
+                    this.warnModelSel1 = ''
-                    this.warnModelSel2=''
+                    this.warnModelSel2 = ''
                     this.getMessageList()
                 } else {
                     this.$message.error(res.data.msg);
@@ -627,8 +629,8 @@ export default {
         },
         getNumberStatus(item) {
             var index = item.index
-            if (item.type == 2 || item.type == 5 || item.type == 6|| item.type == 12
+            if (item.type == 2 || item.type == 5 || item.type == 6 || item.type == 12
-            || item.type == 13|| item.type == 14|| item.type == 15) {
+                || item.type == 13 || item.type == 14 || item.type == 15) {
                 //顶卷膜
                 if (index == 0) {
                     return '静止状态'
@@ -675,7 +677,7 @@ export default {
                 } else {
                     return ''
                 }
-            }else if (item.type == 10) {
+            } else if (item.type == 10) {
                 //地热风机
                 if (index == 0) {
                     return '环流风扇关闭'
@@ -684,7 +686,7 @@ export default {
                 } else {
                     return ''
                 }
-            }else if (item.type == 11) {
+            } else if (item.type == 11) {
                 //地热风机
                 if (index == 0) {
                     return '湿帘泵关闭'
@@ -693,7 +695,7 @@ export default {
                 } else {
                     return ''
                 }
-            }else{
+            } else {
                 //初始化
                 if (index == 0) {
                     return '关闭'
@@ -807,7 +809,11 @@ export default {
                                     //    }else if(el1.countType==3){
                                     //     num=this.countType3(el.environmentData)+el1.unit
                                     //    }else{
-                                    num = el.environmentData + el1.unit
+                                        if(el.equipmentStart==0){
+                                        num='无效'
+                                    }else{
+                                        num = el.environmentData + el1.unit
+                                    }
                                     //    }
                                     // if (el.equipmentNumber == 0) {
                                     //     if (el.targetValue == 1) {
@@ -824,20 +830,20 @@ export default {
                                     // } else {
                                     //     name = el.equipmentNumber + '#' + el.environmentDataId
                                     // }
-                                  	if (el.equipmentNumber == 0) {
+                                    if (el.equipmentNumber == 0) {
-                                 
+
-                                            name = '1#平均' + el.environmentDataId
+                                        name = '1#平均' + el.environmentDataId
-                                        
+
                                     } else if (el.equipmentNumber == 15) {
-                                       
+
-                                            name = '2#平均' + el.environmentDataId
+                                        name = '2#平均' + el.environmentDataId
-                                        
+
                                     } else {
- 					if (el.targetValue == 1) {
+                                        if (el.targetValue == 1) {
                                             name = el.equipmentNumber + '#目标' + el.environmentDataId
-                                        } else{
+                                        } else {
-                                        name = el.equipmentNumber + '#' + el.environmentDataId
+                                            name = el.equipmentNumber + '#' + el.environmentDataId
-					}
+                                        }
                                     }
 
                                     this.list.push({
@@ -902,22 +908,27 @@ export default {
                                     //    }else if(el1.countType==3){
                                     //     num=this.countType3(el.environmentData)+el1.unit
                                     //    }else{
-                                    num = el.environmentData + el1.unit
+                                  
+                                    if(el.equipmentStart==0){
+                                        num='无效'
+                                    }else{
+                                        num = el.environmentData + el1.unit
+                                    }
                                     //    }
-                               	if (el.equipmentNumber == 0) {
+                                    if (el.equipmentNumber == 0) {
-                                 
+
-                                            name = '1#平均' + el.environmentDataId
+                                        name = '1#平均' + el.environmentDataId
-                                        
+
                                     } else if (el.equipmentNumber == 15) {
-                                       
+
-                                            name = '2#平均' + el.environmentDataId
+                                        name = '2#平均' + el.environmentDataId
-                                        
+
                                     } else {
- 					if (el.targetValue == 1) {
+                                        if (el.targetValue == 1) {
                                             name = el.equipmentNumber + '#目标' + el.environmentDataId
-                                        } else{
+                                        } else {
-                                        name = el.equipmentNumber + '#' + el.environmentDataId
+                                            name = el.equipmentNumber + '#' + el.environmentDataId
-					}
+                                        }
                                     }
                                     this.list.push({
                                         ...el,
@@ -941,7 +952,12 @@ export default {
                             list.forEach((el1, index1) => {
                                 if (el.formula == el1.value) {
                                     // console.log(el1);
-                                    var num = el.environmentData + el1.unit
+                                    var num=0
+                                    if(el.equipmentStart==0){
+                                        num='无效'
+                                    }else{
+                                        num = el.environmentData + el1.unit
+                                    }
                                     this.controlList.push({
                                         ...el,
                                         num: num,
@@ -1000,7 +1016,12 @@ export default {
                             list.forEach((el1, index1) => {
                                 if (el.formula == el1.value) {
                                     // console.log(el1);
-                                    var num = el.environmentData + el1.unit
+                                    var num=0
+                                    if(el.equipmentStart==0){
+                                        num='无效'
+                                    }else{
+                                        num = el.environmentData + el1.unit
+                                    }
                                     this.list.push({
                                         ...el,
                                         name: el.environmentDataId,
@@ -1085,7 +1106,7 @@ export default {
                             type: "success",
                         });
                         this.getPermissionStatus()
-                    }else{
+                    } else {
                         this.$message({
                             message: res.data.msg,
                             type: "warning",
@@ -1142,7 +1163,7 @@ export default {
                             openListNew = num1.split("")
                             fandata.status = openListNew.reverse()
                             statusList.push(fandata)
-                        }else if (el.id == 17) {
+                        } else if (el.id == 17) {
                             //风机
                             var fandata = {}
                             fandata.open = res.data.data['1078']
@@ -1156,7 +1177,7 @@ export default {
                             openListNew = num1.split("")
                             fandata.status = openListNew.reverse()
                             statusList.push(fandata)
-                        }else if (el.id == 12) {
+                        } else if (el.id == 12) {
                             //补光灯
                             var fandata = {}
                             fandata.open = res.data.data['1068']
@@ -1198,42 +1219,42 @@ export default {
                             //除雪
                             var statusData = { name: el.name, type: 7, id: el.id, open: res.data.data['1013'], progress: 0, index: res.data.data['1014'] }
                             statusList.push(statusData)
-                        }else if (el.id == 13||el.id == 14) {
+                        } else if (el.id == 13 || el.id == 14) {
                             //高压微雾
-                            var statusData = { name: el.name, type:9, id: el.id, open: res.data.data[(1070 + ((el.id - 13)*2))], progress: 0, index: res.data.data[(1071 + ((el.id - 13)*2))] }
+                            var statusData = { name: el.name, type: 9, id: el.id, open: res.data.data[(1070 + ((el.id - 13) * 2))], progress: 0, index: res.data.data[(1071 + ((el.id - 13) * 2))] }
                             statusList.push(statusData)
-                        }else if (el.id == 15||el.id == 16) {
+                        } else if (el.id == 15 || el.id == 16) {
                             //环流风扇
-                            var statusData = { name: el.name, type:10, id: el.id, open: res.data.data[(1074 + ((el.id - 15)*2))], progress: 0, index: res.data.data[(1075 + ((el.id - 15)*2))] }
+                            var statusData = { name: el.name, type: 10, id: el.id, open: res.data.data[(1074 + ((el.id - 15) * 2))], progress: 0, index: res.data.data[(1075 + ((el.id - 15) * 2))] }
                             statusList.push(statusData)
-                        }else if (el.id == 18||el.id == 19) {
+                        } else if (el.id == 18 || el.id == 19) {
                             //湿帘泵
-                            var statusData = { name: el.name, type:11, id: el.id, open: res.data.data[(1080 + ((el.id - 18)*2))], progress: 0, index: res.data.data[(1081 + ((el.id - 18)*2))] }
+                            var statusData = { name: el.name, type: 11, id: el.id, open: res.data.data[(1080 + ((el.id - 18) * 2))], progress: 0, index: res.data.data[(1081 + ((el.id - 18) * 2))] }
                             statusList.push(statusData)
-                        }else if (el.id == 20||el.id == 21) {
+                        } else if (el.id == 20 || el.id == 21) {
                             //湿帘外翻窗
-                            var statusData = { name: el.name, type:12, id: el.id, open: res.data.data[(1084 + ((el.id - 20)*2))], progress: res.data.data[(1086 + ((el.id - 20)*2))], index: res.data.data[(1085 + ((el.id - 20)*2))] }
+                            var statusData = { name: el.name, type: 12, id: el.id, open: res.data.data[(1084 + ((el.id - 20) * 2))], progress: res.data.data[(1086 + ((el.id - 20) * 2))], index: res.data.data[(1085 + ((el.id - 20) * 2))] }
                             statusList.push(statusData)
-                        }else if (el.id == 22||el.id == 23) {
+                        } else if (el.id == 22 || el.id == 23) {
                             //内遮阳
-                            var statusData = { name: el.name, type:13, id: el.id, open: res.data.data[(1090 + ((el.id - 22)*2))], progress: res.data.data[(1092 + ((el.id - 22)*2))], index: res.data.data[(1091 + ((el.id - 22)*2))] }
+                            var statusData = { name: el.name, type: 13, id: el.id, open: res.data.data[(1090 + ((el.id - 22) * 2))], progress: res.data.data[(1092 + ((el.id - 22) * 2))], index: res.data.data[(1091 + ((el.id - 22) * 2))] }
                             statusList.push(statusData)
-                        }else if (el.id == 24||el.id == 25) {
+                        } else if (el.id == 24 || el.id == 25) {
                             //外遮阳
-                            var statusData = { name: el.name, type:14, id: el.id, open: res.data.data[(1096 + ((el.id - 24)*2))], progress: res.data.data[(1098 + ((el.id - 24)*2))], index: res.data.data[(1097 + ((el.id - 24)*2))] }
+                            var statusData = { name: el.name, type: 14, id: el.id, open: res.data.data[(1096 + ((el.id - 24) * 2))], progress: res.data.data[(1098 + ((el.id - 24) * 2))], index: res.data.data[(1097 + ((el.id - 24) * 2))] }
                             statusList.push(statusData)
-                        }else if (el.id == 26||el.id == 27||el.id == 28||el.id == 29) {
+                        } else if (el.id == 26 || el.id == 27 || el.id == 28 || el.id == 29) {
                             //通风窗
-                            var statusData = { name: el.name, type:15, id: el.id, open: res.data.data[(1102 + ((el.id - 26)*2))], progress: res.data.data[(1104 + ((el.id - 26)*2))], index: res.data.data[(1103 + ((el.id - 26)*2))] }
+                            var statusData = { name: el.name, type: 15, id: el.id, open: res.data.data[(1102 + ((el.id - 26) * 2))], progress: res.data.data[(1104 + ((el.id - 26) * 2))], index: res.data.data[(1103 + ((el.id - 26) * 2))] }
                             statusList.push(statusData)
                         }
-                        
+
                     })
                     this.statusList = statusList
                     this.$forceUpdate();
                     setTimeout(() => {
                         this.statusList.forEach((el, index) => {
-                            if (el.open != 0 && (el.type == 6 || el.type == 5 || el.type == 2|| el.type == 15|| el.type == 14|| el.type == 13|| el.type == 12)) {
+                            if (el.open != 0 && (el.type == 6 || el.type == 5 || el.type == 2 || el.type == 15 || el.type == 14 || el.type == 13 || el.type == 12)) {
                                 statusCharts(`statusCharts${index}`, el.progress)
                             }
                         })

src/views/page/skylight.vue

@@ -1,12 +1,15 @@
 <template>
   <div class="skylight">
     <div class="table-title">
-      <img src="../../assets/image/skylight.png" alt=""> 顶卷膜{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
+      <img src="../../assets/image/skylight.png" alt=""> 顶卷膜{{ indexs }}
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
     </div>
+    <div class="title-tips">
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view border-bottom">
       <div class="input-btn">
         <div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'">

src/views/page/sunroofControl.vue

@@ -1,16 +1,18 @@
 <template>
     <div class="sunroofControl">
         <div class="table-title">
-            <img src="../../assets/img/sunroofControl.png" alt="">通风窗{{indexs}}&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/sunroofControl.png" alt="">通风窗{{indexs}}
-            <div @click="changeOpen(0)" class="flex-view border-none">
+        </div>
-             <div  :class="inputData[startList[indexs-1]] == 0 ? 'sel' : 'no-sel'"></div>
+        <div class="title-tips">工作方式选择
-              有效性
+            <div class="input-btn">
-           </div>
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs-1]] == 1 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
                 </div>
                 <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs-1]] == 2 ? 'blue' : 'green'">

src/views/page/wetFan.vue

@@ -1,16 +1,18 @@
 <template>
     <div class="wetFan">
         <div class="table-title">
-            <img src="../../assets/img/wetFan.png" alt="">风机湿帘&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/wetFan.png" alt="">{{getName()}}
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[21950] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
         </div>
-        <div class="title-tips">
+     
-            工作方式选择
+        <template v-if="indexs==1">
+            <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[21950] == 0 ? 'blue' : 'green'">
+                    {{ inputData[21950] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="flex-view">
+            <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1,21950)" :class="inputData[21950] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
@@ -196,7 +198,7 @@
                 <span>时，启动4#风机。</span>
             </div>
         </div>
-        <div class="flex-view padding-none shrink-none">
+        <div class="flex-view padding-none border-none shrink-none">
             <div class="input-btn">
                 <div class="btn btn-w80" @click="changeIndexOpen2(4)" :class="actList3[4] == '1' ? 'blue' : 'off'">
                     {{actList3[4] == '1' ? '有效' : '无效'}}
@@ -209,8 +211,10 @@
                 <span>时，启动5#风机。</span>
             </div>
         </div>
+        </template>
 
-        <div class="flex-view border-none shrink-none">
+        <template  v-if="indexs==2">
+            <div class="flex-view border-none shrink-none">
             <div class="input-main">
                 <span>湿帘水泵1:</span>
             </div>
@@ -251,7 +255,7 @@
                 </div>
             </div>
         </div>
-        <div class="flex-view shrink-none">
+        <div class="flex-view shrink-none border-none">
             <div class="input-main-80">
                 <span>降温需求到达2</span>
                 <input @blur="blurChange(21972, $event)" v-model="inputData[21972]" @input="change(21972, $event)"
@@ -259,8 +263,10 @@
                 <span>级时，湿帘泵2启动。</span>
             </div>
         </div>
+        </template>
 
-        <div class="flex-view border-none shrink-none">
+        <template v-if="indexs==3">
+            <div class="flex-view border-none shrink-none">
             <div class="input-main">
                 <span>湿帘外翻窗1模式:</span>
             </div>
@@ -354,6 +360,7 @@
                 <span>分钟之后关闭湿帘窗。</span>
             </div>
         </div>
+        </template>
     </div>
 </template>
 <script>
@@ -366,10 +373,18 @@ export default {
             actList3: [],
             actList4: [],
             actList5: [],
+            indexs: 1,
         }
     },
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        },
+    },
     mounted() {
         const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
         setTimeout(() => {
             that.dataInit();
         }, 0);
@@ -380,6 +395,17 @@ export default {
         }
     },
     methods: {
+        getName(){
+            if(this.indexs==1){
+                return '风机'
+            }else if(this.indexs==2){
+                return '湿帘泵'
+            }else if(this.indexs==3){
+                return '湿帘外翻窗'
+            }else{
+                return '湿帘风机'
+            }
+        },
         //失去焦点 计算公式 x/10
         blurChange10(code, el) {
             var store = this.$store.state

src/views/wufang/downtake.vue

@@ -1,13 +1,15 @@
 <template>
   <div class="waterPump wufang">
     <div class="table-title">
-      <img src="../../assets/img/downtake.png" alt="" /> 下风口&nbsp;&nbsp;&nbsp;&nbsp;
+      <img src="../../assets/img/downtake.png" alt="" /> 下风口
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
     </div>
-    <div class="title-tips">下风口有效性设置</div>
+    <div class="title-tips">下风口有效性设置
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view">
       <div class="input-btn">
         <div

src/views/wufang/geothermalFan.vue

@@ -1,13 +1,15 @@
 <template>
     <div class="waterPump">
         <div class="table-title">
-            <img src="../../assets/img/geothermalFan.png" alt=""> 地热风机&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/geothermalFan.png" alt=""> 地热风机
-            <div @click="changeOpen(0)" class="flex-view border-none">
+        </div>
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
+        <div class="title-tips">地热风机有效性设置
-              有效性
+            <div class="input-btn">
-           </div>
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">地热风机有效性设置</div>
         <div class="flex-view">
             <div class="input-btn">
                 <div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'">

src/views/wufang/rollByRoll.vue

@@ -1,16 +1,17 @@
 <template>
   <div class="waterPump wufang">
     <div class="table-title">
-      <img src="../../assets/img/rollByRoll.png" alt="" /> 卷被&nbsp;&nbsp;&nbsp;&nbsp;
+      <img src="../../assets/img/rollByRoll.png" alt="" /> 卷被
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
-
       <div class="title-text">日出:{{ sunrise }}</div>
       <div class="title-text">日落:{{ sunset }}</div>
     </div>
-    <div class="title-tips">卷被有效性设置</div>
+    <div class="title-tips">卷被有效性设置
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view">
       <div class="input-btn">
         <div

src/views/wufang/snowRemoval.vue

@@ -1,13 +1,15 @@
 <template>
   <div class="waterPump wufang">
     <div class="table-title">
-      <img src="../../assets/img/snowRemoval.png" alt="" /> 除雪&nbsp;&nbsp;&nbsp;&nbsp;
+      <img src="../../assets/img/snowRemoval.png" alt="" /> 除雪
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
     </div>
-    <div class="title-tips">除雪有效性设置</div>
+    <div class="title-tips">除雪有效性设置
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view">
       <div class="input-btn">
         <div

src/views/wufang/uptake.vue

@@ -1,13 +1,15 @@
 <template>
   <div class="waterPump wufang">
     <div class="table-title">
-      <img src="../../assets/img/uptake.png" alt="" /> 上风口&nbsp;&nbsp;&nbsp;&nbsp;
+      <img src="../../assets/img/uptake.png" alt="" /> 上风口
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
     </div>
-    <div class="title-tips">上风口有效性设置</div>
+    <div class="title-tips">上风口有效性设置
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view">
       <div class="input-btn">
         <div

src/views/wufang/waterPump.vue

@@ -1,11 +1,14 @@
 <template>
     <div class="waterPump">
         <div class="table-title">
-            <img src="../../assets/img/waterPump.png" alt=""> 加热水泵&nbsp;&nbsp;&nbsp;&nbsp;
+            <img src="../../assets/img/waterPump.png" alt=""> 加热水泵
-            <div @click="changeOpen(0)" class="flex-view border-none">
+        </div>
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
+        <div class="title-tips">
-              有效性
+            <div class="input-btn">
-           </div>
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
         <div class="flex-view">
             <div class="input-btn">