From 29cbeaaff310d3808077a0f934b90282af5d8ef2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E8=90=8C?= <525441437@qq.com>
Date: Thu, 28 Dec 2023 14:14:22 +0800
Subject: [PATCH 1/2] ~

---
 src/api/index.js                          | 181 +++++--
 src/assets/css/main.css                   |   6 +
 src/assets/css/main.min.css               |   2 +-
 src/assets/css/main.scss                  |   6 +-
 src/components/setParams.vue              |   9 +
 src/components/setParamsControl.vue       | 294 +++++++---
 src/views/index.vue                       |  15 +-
 src/views/page/LED.vue                    | 369 +++++++++++--
 src/views/page/circulationCan.vue         | 323 +++++++++--
 src/views/page/coercionMist.vue           | 294 +++++++++-
 src/views/page/electromagneticControl.vue | 347 ++++++++++--
 src/views/page/forceOutput.vue            | 181 ++++++-
 src/views/page/formula.vue                |   2 +-
 src/views/page/insizeSunshade.vue         | 510 +++++++++++++-----
 src/views/page/internalInsulation.vue     | 294 +++++++++-
 src/views/page/intrinsicParameter.vue     | 620 +++++++++++++++++++---
 src/views/page/irrigateSet.vue            |   7 +-
 src/views/page/outsizeSunshade.vue        | 315 ++++++++++-
 src/views/page/parameterSet.vue           | 461 +++++++++++-----
 src/views/page/realTime.vue               |   5 +-
 src/views/page/sunroofControl.vue         | 346 ++++++++++--
 src/views/page/targetCo2.vue              | 230 +++++++-
 src/views/page/targetHumidity.vue         | 285 ++++++++--
 src/views/page/targetTemperature.vue      | 309 +++++++++--
 src/views/page/wetFan.vue                 | 425 +++++++++++++--
 25 files changed, 4953 insertions(+), 883 deletions(-)

diff --git a/src/api/index.js b/src/api/index.js
index c811d4c..899a7c4 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -192,7 +192,7 @@ export default {
   },
   //控制器  气象站实时数据折线图
   getControlChartdata(data) {
-    return sendPostRequest('/equip/chartdata?equipmentId='+data, '')
+    return sendPostRequest('/equip/chartdata?equipmentId=' + data, '')
   },
 
 
@@ -245,61 +245,142 @@ export default {
   },
 
   // 查看用户额外权限
-  user_getjurisdiction(userId,data){
+  user_getjurisdiction(userId, data) {
     return sendGetRequest(`/user/getjurisdiction?userId=${userId}`, data)
   },
 
 
   //实时数据页面状态值(查看全部设备)
-  getStatePermissionStatus(data){
-      return sendGetRequest(`/getcontrol/getStatePermissionStatus`, data)
-    },
-    //获取当前权限能看到的设备
-    getPermissionStatus(data){
-      return sendGetRequest(`/getcontrol/getPermissionStatus`, data)
-    },
-    //根据id删除status设备
-    delPermissionStatus(id1,id2){
-      return sendPostRequest(`/getcontrol/delPermissionStatus?deviceId=${id1}&permissionid=${id2}`, '')
-    },
-     //根据id添加status设备
-     addPermissionStatus(id1,id2){
-      return sendPostRequest(`/getcontrol/addStatepermission?deviceId=${id1}&Permissionid=${id2}`, '')
-    },
-    
-     //添加短信报警
-     addWarnMessage(data){
-      return sendPostRequest(`/shortMessage/setMessage`, data)
-    },
-    
-     //根据设备id查看短信报警
-     messageList(data){
-      return sendGetRequest(`/shortMessage/selMesById`, data)
-    },
-    
-     //根据id删除短信报警
-     delMessage(data){
-      return sendDelRequest(`/shortMessage/delmesbyid`,data)
-    },
-    
+  getStatePermissionStatus(data) {
+    return sendGetRequest(`/getcontrol/getStatePermissionStatus`, data)
+  },
+  //获取当前权限能看到的设备
+  getPermissionStatus(data) {
+    return sendGetRequest(`/getcontrol/getPermissionStatus`, data)
+  },
+  //根据id删除status设备
+  delPermissionStatus(id1, id2) {
+    return sendPostRequest(`/getcontrol/delPermissionStatus?deviceId=${id1}&permissionid=${id2}`, '')
+  },
+  //根据id添加status设备
+  addPermissionStatus(id1, id2) {
+    return sendPostRequest(`/getcontrol/addStatepermission?deviceId=${id1}&Permissionid=${id2}`, '')
+  },
 
-    //二维码溯源
-    //查看农事作物信息
-    getAgriculturalInformation(data){
-      return sendGetRequest(`/code/getAgriculturalInformation`, data)
-    },
-    //查看种植计划
-    getplant(data){
-      return sendGetRequest(`/code/getplant`, data)
-    },
-     //查看农场信息管理
-     getcodeFarmInformationManagement(data){
-      return sendGetRequest(`/code/getcodeFarmInformationManagement`, data)
-    },
+  //添加短信报警
+  addWarnMessage(data) {
+    return sendPostRequest(`/shortMessage/setMessage`, data)
+  },
 
-    //上传图片
-    uploadImage(data){
-      return sendPostRequest(`/code/uploadImage`, data)
+  //根据设备id查看短信报警
+  messageList(data) {
+    return sendGetRequest(`/shortMessage/selMesById`, data)
+  },
+
+  //根据id删除短信报警
+  delMessage(data) {
+    return sendDelRequest(`/shortMessage/delmesbyid`, data)
+  },
+  //控制器新页面接口
+  //目标值 目标温度/湿度/co2
+  targetValue(data) {
+    return sendGetRequest(`/readControl/targetValue`, data)
+  },
+  //电磁阀1
+  solenoidValve1(data) {
+    return sendGetRequest(`/readControl/solenoidValve1`, data)
+  },
+  //电磁阀2
+  solenoidValve2(data) {
+    return sendGetRequest(`/readControl/solenoidValve2`, data)
+  },
+  //电磁阀3
+  solenoidValve3(data) {
+    return sendGetRequest(`/readControl/solenoidValve3`, data)
+  },
+  //电磁阀4
+  solenoidValve4(data) {
+    return sendGetRequest(`/readControl/solenoidValve4`, data)
+  },
+  //电磁阀5
+  solenoidValve5(data) {
+    return sendGetRequest(`/readControl/solenoidValve5`, data)
+  },
+  //电磁阀6
+  solenoidValve6(data) {
+    return sendGetRequest(`/readControl/solenoidValve6`, data)
+  },
+  //电磁阀7
+  solenoidValve7(data) {
+    return sendGetRequest(`/readControl/solenoidValve7`, data)
+  },
+  //电磁阀8
+  solenoidValve8(data) {
+    return sendGetRequest(`/readControl/solenoidValve8`, data)
+  },
+  //强制通道输出
+  forceChannelOutput(data) {
+    return sendGetRequest(`/readControl/forceChannelOutput`, data)
+  },
+    //天窗
+    readskylight(data) {
+      return sendGetRequest(`/readControl/readskylight`, data)
     },
-    
+  //固有参数
+  intrinsicParameter(data) {
+    return sendGetRequest(`/readControl/intrinsicParameter`, data)
+  },
+//厂家内部参数
+manufacturerparameter(data) {
+  return sendGetRequest(`/readControl/manufacturerparameter`, data)
+},
+//高压微雾
+highpressuremist(data) {
+  return sendGetRequest(`/readControl/highpressuremist`, data)
+},
+//内遮阳
+innercurtain(data) {
+  return sendGetRequest(`/readControl/innercurtain`, data)
+},
+//外遮阳
+externalsunshade(data) {
+  return sendGetRequest(`/readControl/externalsunshade`, data)
+},
+//风机湿帘
+fanwetcurtain(data) {
+  return sendGetRequest(`/readControl/fanwetcurtain`, data)
+},
+//补光灯
+readfilllight(data) {
+  return sendGetRequest(`/readControl/readfilllight`, data)
+},
+//内保温
+interiorthermalinsulation(data) {
+  return sendGetRequest(`/readControl/interiorthermalinsulation`, data)
+},
+//环流风扇
+readcirculationfan(data) {
+  return sendGetRequest(`/readControl/readcirculationfan`, data)
+},
+
+
+  //二维码溯源
+  //查看农事作物信息
+  getAgriculturalInformation(data) {
+    return sendGetRequest(`/code/getAgriculturalInformation`, data)
+  },
+  //查看种植计划
+  getplant(data) {
+    return sendGetRequest(`/code/getplant`, data)
+  },
+  //查看农场信息管理
+  getcodeFarmInformationManagement(data) {
+    return sendGetRequest(`/code/getcodeFarmInformationManagement`, data)
+  },
+
+  //上传图片
+  uploadImage(data) {
+    return sendPostRequest(`/code/uploadImage`, data)
+  },
+
 };
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 0a0c6e1..d378858 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -686,6 +686,12 @@
   color: #859BB6;
 }
 
+.outline {
+  color: red;
+  font-weight: bold;
+  font-size: 24px;
+}
+
 .el-dropdown-menu {
   width: 300px;
   border: none;
diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css
index 9912ef6..c322c73 100644
--- a/src/assets/css/main.min.css
+++ b/src/assets/css/main.min.css
@@ -1 +1 @@
-.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper,.vrcode-model .el-dialog{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.mobile-scroll{overflow-y:auto}.mobile-scroll::-webkit-scrollbar{width:0px;cursor:pointer}.mobile-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.mobile-scroll::-webkit-scrollbar-thumb{width:0px;cursor:pointer;background:#ccc;border:0px solid rgba(0,0,0,0.1)}.el-popconfirm__main,.el-date-table td span,.el-date-range-picker__header div{color:#606266 !important}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-button--text span{color:#409EFF !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.warning-btn{justify-content:flex-end}.warning-btn .btn.green{opacity:1}.warning-model{padding:0 30px 25px}.warning-model .input-main{margin:0}.warning-model .input-main input{width:300px}.warning-model .input-sel{margin-right:30px}.warning-model .input-sel>span{margin-right:10px}.warning-model .input-sel .el-dropdown-link{width:200px}.warning-model .vrcode-btn.red-btn{margin:0 !important}.warning-sel{width:200px !important}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.table-title .title-text{font-size:16px;margin-left:15px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:cover;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;white-space:nowrap}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>span{padding:0 10px}.input-sel>.title{margin-bottom:11px}.input-sel.input-sel-w180 .el-dropdown-link{width:180px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.margin-none{margin:0 !important}.padding-none{padding:0 !important}.border-right{border-right:1px solid rgba(2,148,226,0.5)}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main.input-main-w120 input{width:120px}.input-main.input-main-w260 input{width:260px}.input-main.input-main-w80 input{width:80px}.input-main.input-main-w100 input{width:100px}.number-view{height:100%;display:flex;align-items:center;margin:0 15px 0 0 !important}.number-view>div{width:30px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.p-t-31{padding-top:31px}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu.input-menu-180{width:180px}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px}.text-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:20px}.title-tips-bold{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#8BEAFF;margin-top:20px}.shrink-none>div{flex-shrink:unset !important;width:auto !important}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.m-b-20{margin:10px 8px !important}.flex-warp{width:100%;flex-wrap:wrap}.btn{margin:0 8px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn.btn-w80{min-width:80px}.btn.btn-w74{width:74px;min-width:unset}.btn.btn-w66{width:66px;min-width:unset}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>span{padding:0 10px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 10px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;white-space:nowrap}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.wufang .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.wufang .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.skylight .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter{display:none}.vrcode-table .vrcode-table-view.table-view .isOpen{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-family:Microsoft YaHei;font-weight:400}.vrcode-table .vrcode-table-view.table-view .isOpen.open-green{background:rgba(0,255,186,0.1);color:#00FFBA;border:1px solid rgba(0,255,186,0.4)}.vrcode-table .vrcode-table-view.table-view .isOpen.open-red{background:rgba(245,108,108,0.6);border:1px solid #F56C6C;color:#FFFFFF}.vrcode-btn{min-width:80px;padding:0 15px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;cursor:pointer;margin:7.5px 10px 7.5px 0 !important;border-radius:3px}.vrcode-btn>img{margin-right:5px}.vrcode-btn.blue-btn{background:#00A6FF}.vrcode-btn.blue-btn:hover{background:#0089F2}.vrcode-btn.red-btn{background:#F56C6C}.vrcode-btn.red-btn:hover{background:#FF5E5E}.vrcode-btn.save-btn{background:#00BB88;font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.save-btn:hover{background:#009E73}.vrcode-btn.cancle-btn{width:100px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.cancle-btn:hover{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.6)}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold;text-align:left}.vrcode-model .vrcode-model-title.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.vrcode-model .vrcode-radio .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model .el-dialog__body{width:100%;min-height:calc(30vh - 70px)}.vrcode-model .el-dialog__body .vrcode-content{width:100%;height:calc(100% - 43px);padding:0 30px}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view{width:100%;padding:20px 0 15px 0;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view>div{flex-shrink:0}.vrcode-model .el-dialog{background:rgba(0,76,147,0.9);border:2px solid rgba(0,186,255,0.6);max-height:90vh;min-height:30vh}.vrcode-input{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-input input{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-input input::placeholder{color:#92B1D0}.vrcode-selimage{width:100%}.vrcode-selimage>.title{margin-bottom:7px}.vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-selimage .sel-image-view .sel-div{width:130px;height:130px;margin-right:30px;background:rgba(86,209,255,0.25);border:1px dashed #56D1FF;cursor:pointer;margin-bottom:15px;flex-shrink:0}.vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:110px;height:110px;background:rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px;padding:20px;display:flex;align-items:center;justify-content:space-between}.plantingPlan .plan-view .plan-view-left{width:180px;height:100%}.plantingPlan .plan-view .plan-view-right{width:calc(100% - 200px);height:100%;display:flex;justify-content:space-around;flex-direction:column}.plantingPlan .plan-view .plan-view-right .name{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.productTraceability{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.productTraceability .productTraceability-title{width:100%;max-width:1182px;height:110px;background:url(../img/vrcode-title1.png) no-repeat;background-size:1182px 110px;background-position:center center;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-title>span{padding:0 20px;font-size:60px;font-family:Alimama ShuHeiTi;font-weight:bold;font-style:italic;color:#DDF1FF;background:linear-gradient(0deg, #fff 0%, #7dabff 76.7334%, #f3f7ff 88.08594%, #f3f7ff 92.62695%, #d2e2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.productTraceability .productTraceability-content{margin-top:135px;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-content>div{margin:0 45px;cursor:pointer}.productTraceability .productTraceability-content .content-1{width:200px;height:316px;background:url(../img/productTraceability-1.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-1:hover{background:url(../img/productTraceability-1hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2{width:240px;height:316px;background:url(../img/productTraceability-2.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2:hover{background:url(../img/productTraceability-2hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3{width:200px;height:316px;background:url(../img/productTraceability-3.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3:hover{background:url(../img/productTraceability-3hover.png) no-repeat center;background-size:100% 100%}.model-title{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0}.model-sel{display:flex;flex-wrap:wrap;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;display:flex;align-items:center}.model-sel .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.model-sel .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.setsuyuan{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.setsuyuan .setsuyuan-page{width:375px;height:736px;background:url(../img/setsuyuan-page.png) no-repeat center;background-size:100% 100%;padding:22px 23px 21px 24px}.setsuyuan .setsuyuan-page .mobile-page{width:100%;border-radius:30px;height:100%;overflow:auto}.setsuyuan .setsuyuan-page .mobile-page>div{min-height:100%}.setsuyuan .setsuyuan-page .mobile-page .mobile-img{width:100%;height:auto}.setsuyuan .setsuyuan-page .mobile-page .mobile-top{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:100% 100% !important}.setsuyuan .setsuyuan-page .mobile-page .mobile-top>div{font-family:Microsoft Yahei;font-size:30px;white-space:nowrap}.setsuyuan .setsuyuan-page .mobile-page .mobile-content{width:100%;min-height:453px;text-align:center;padding:35px 10px 20px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view{position:relative;margin-bottom:30px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:20px 10px 10px 10px;position:relative}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text{font-size:14px;text-align:left;color:#000}.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;width:138px;height:31px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:2;font-size:15px;position:absolute;top:-16px;left:50%;transform:translateX(-50%)}.setsuyuan .page-content{width:calc(100% - 400px) !important}.setsuyuan .vrcode-selimage{margin-top:30px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div{width:200px;height:160px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:178px;height:138px}.setsuyuan .setsuyuan-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9999;margin:0px 0 30px}.setsuyuan .vrcode-input{width:100%;margin-right:0}.setsuyuan .vrcode-input input{width:100%;max-width:800px}.setsuyuan .setsuyuan-input{display:flex;margin-bottom:15px}.setsuyuan .setsuyuan-input .setsuyuan-input-name{width:120px;padding-right:20px;text-align:right;line-height:40px;white-space:nowrap}.setsuyuan .setsuyuan-input .el-color-picker__trigger{background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5)}.setsuyuan .save-btn{width:100px;height:40px;background:#19ABFF;border-radius:3px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;cursor:pointer}.setsuyuan .setsuyuan-input-select{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;margin-right:20px}.setsuyuan .setsuyuan-input-select .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.setsuyuan .setsuyuan-input-select .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-button span{color:#606266}.el-button--primary.el-button span{color:#fff}.return-btn{margin:0 8px;min-width:120px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;background:#00BB88}
+.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper,.vrcode-model .el-dialog{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.mobile-scroll{overflow-y:auto}.mobile-scroll::-webkit-scrollbar{width:0px;cursor:pointer}.mobile-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.mobile-scroll::-webkit-scrollbar-thumb{width:0px;cursor:pointer;background:#ccc;border:0px solid rgba(0,0,0,0.1)}.el-popconfirm__main,.el-date-table td span,.el-date-range-picker__header div{color:#606266 !important}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-button--text span{color:#409EFF !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.warning-btn{justify-content:flex-end}.warning-btn .btn.green{opacity:1}.warning-model{padding:0 30px 25px}.warning-model .input-main{margin:0}.warning-model .input-main input{width:300px}.warning-model .input-sel{margin-right:30px}.warning-model .input-sel>span{margin-right:10px}.warning-model .input-sel .el-dropdown-link{width:200px}.warning-model .vrcode-btn.red-btn{margin:0 !important}.warning-sel{width:200px !important}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.table-title .title-text{font-size:16px;margin-left:15px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:cover;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;white-space:nowrap}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>span{padding:0 10px}.input-sel>.title{margin-bottom:11px}.input-sel.input-sel-w180 .el-dropdown-link{width:180px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.margin-none{margin:0 !important}.padding-none{padding:0 !important}.border-right{border-right:1px solid rgba(2,148,226,0.5)}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main.input-main-w120 input{width:120px}.input-main.input-main-w260 input{width:260px}.input-main.input-main-w80 input{width:80px}.input-main.input-main-w100 input{width:100px}.number-view{height:100%;display:flex;align-items:center;margin:0 15px 0 0 !important}.number-view>div{width:30px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.p-t-31{padding-top:31px}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.outline{color:red;font-weight:bold;font-size:24px}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu.input-menu-180{width:180px}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px}.text-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:20px}.title-tips-bold{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#8BEAFF;margin-top:20px}.shrink-none>div{flex-shrink:unset !important;width:auto !important}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.m-b-20{margin:10px 8px !important}.flex-warp{width:100%;flex-wrap:wrap}.btn{margin:0 8px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn.btn-w80{min-width:80px}.btn.btn-w74{width:74px;min-width:unset}.btn.btn-w66{width:66px;min-width:unset}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>span{padding:0 10px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 10px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;white-space:nowrap}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.wufang .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.wufang .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.skylight .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter{display:none}.vrcode-table .vrcode-table-view.table-view .isOpen{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-family:Microsoft YaHei;font-weight:400}.vrcode-table .vrcode-table-view.table-view .isOpen.open-green{background:rgba(0,255,186,0.1);color:#00FFBA;border:1px solid rgba(0,255,186,0.4)}.vrcode-table .vrcode-table-view.table-view .isOpen.open-red{background:rgba(245,108,108,0.6);border:1px solid #F56C6C;color:#FFFFFF}.vrcode-btn{min-width:80px;padding:0 15px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;cursor:pointer;margin:7.5px 10px 7.5px 0 !important;border-radius:3px}.vrcode-btn>img{margin-right:5px}.vrcode-btn.blue-btn{background:#00A6FF}.vrcode-btn.blue-btn:hover{background:#0089F2}.vrcode-btn.red-btn{background:#F56C6C}.vrcode-btn.red-btn:hover{background:#FF5E5E}.vrcode-btn.save-btn{background:#00BB88;font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.save-btn:hover{background:#009E73}.vrcode-btn.cancle-btn{width:100px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.cancle-btn:hover{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.6)}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold;text-align:left}.vrcode-model .vrcode-model-title.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.vrcode-model .vrcode-radio .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model .el-dialog__body{width:100%;min-height:calc(30vh - 70px)}.vrcode-model .el-dialog__body .vrcode-content{width:100%;height:calc(100% - 43px);padding:0 30px}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view{width:100%;padding:20px 0 15px 0;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view>div{flex-shrink:0}.vrcode-model .el-dialog{background:rgba(0,76,147,0.9);border:2px solid rgba(0,186,255,0.6);max-height:90vh;min-height:30vh}.vrcode-input{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-input input{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-input input::placeholder{color:#92B1D0}.vrcode-selimage{width:100%}.vrcode-selimage>.title{margin-bottom:7px}.vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-selimage .sel-image-view .sel-div{width:130px;height:130px;margin-right:30px;background:rgba(86,209,255,0.25);border:1px dashed #56D1FF;cursor:pointer;margin-bottom:15px;flex-shrink:0}.vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:110px;height:110px;background:rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px;padding:20px;display:flex;align-items:center;justify-content:space-between}.plantingPlan .plan-view .plan-view-left{width:180px;height:100%}.plantingPlan .plan-view .plan-view-right{width:calc(100% - 200px);height:100%;display:flex;justify-content:space-around;flex-direction:column}.plantingPlan .plan-view .plan-view-right .name{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.productTraceability{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.productTraceability .productTraceability-title{width:100%;max-width:1182px;height:110px;background:url(../img/vrcode-title1.png) no-repeat;background-size:1182px 110px;background-position:center center;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-title>span{padding:0 20px;font-size:60px;font-family:Alimama ShuHeiTi;font-weight:bold;font-style:italic;color:#DDF1FF;background:linear-gradient(0deg, #fff 0%, #7dabff 76.7334%, #f3f7ff 88.08594%, #f3f7ff 92.62695%, #d2e2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.productTraceability .productTraceability-content{margin-top:135px;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-content>div{margin:0 45px;cursor:pointer}.productTraceability .productTraceability-content .content-1{width:200px;height:316px;background:url(../img/productTraceability-1.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-1:hover{background:url(../img/productTraceability-1hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2{width:240px;height:316px;background:url(../img/productTraceability-2.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2:hover{background:url(../img/productTraceability-2hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3{width:200px;height:316px;background:url(../img/productTraceability-3.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3:hover{background:url(../img/productTraceability-3hover.png) no-repeat center;background-size:100% 100%}.model-title{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0}.model-sel{display:flex;flex-wrap:wrap;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;display:flex;align-items:center}.model-sel .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.model-sel .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.setsuyuan{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.setsuyuan .setsuyuan-page{width:375px;height:736px;background:url(../img/setsuyuan-page.png) no-repeat center;background-size:100% 100%;padding:22px 23px 21px 24px}.setsuyuan .setsuyuan-page .mobile-page{width:100%;border-radius:30px;height:100%;overflow:auto}.setsuyuan .setsuyuan-page .mobile-page>div{min-height:100%}.setsuyuan .setsuyuan-page .mobile-page .mobile-img{width:100%;height:auto}.setsuyuan .setsuyuan-page .mobile-page .mobile-top{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:100% 100% !important}.setsuyuan .setsuyuan-page .mobile-page .mobile-top>div{font-family:Microsoft Yahei;font-size:30px;white-space:nowrap}.setsuyuan .setsuyuan-page .mobile-page .mobile-content{width:100%;min-height:453px;text-align:center;padding:35px 10px 20px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view{position:relative;margin-bottom:30px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:20px 10px 10px 10px;position:relative}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text{font-size:14px;text-align:left;color:#000}.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;width:138px;height:31px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:2;font-size:15px;position:absolute;top:-16px;left:50%;transform:translateX(-50%)}.setsuyuan .page-content{width:calc(100% - 400px) !important}.setsuyuan .vrcode-selimage{margin-top:30px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div{width:200px;height:160px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:178px;height:138px}.setsuyuan .setsuyuan-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9999;margin:0px 0 30px}.setsuyuan .vrcode-input{width:100%;margin-right:0}.setsuyuan .vrcode-input input{width:100%;max-width:800px}.setsuyuan .setsuyuan-input{display:flex;margin-bottom:15px}.setsuyuan .setsuyuan-input .setsuyuan-input-name{width:120px;padding-right:20px;text-align:right;line-height:40px;white-space:nowrap}.setsuyuan .setsuyuan-input .el-color-picker__trigger{background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5)}.setsuyuan .save-btn{width:100px;height:40px;background:#19ABFF;border-radius:3px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;cursor:pointer}.setsuyuan .setsuyuan-input-select{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;margin-right:20px}.setsuyuan .setsuyuan-input-select .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.setsuyuan .setsuyuan-input-select .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-button span{color:#606266}.el-button--primary.el-button span{color:#fff}.return-btn{margin:0 8px;min-width:120px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;background:#00BB88}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index cf5ca13..86c850b 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -729,7 +729,11 @@
         }
     }
 }
-
+.outline{
+    color: red;
+    font-weight: bold;
+    font-size: 24px;
+}
 .el-dropdown-menu {
     width: 300px;
     border: none;
diff --git a/src/components/setParams.vue b/src/components/setParams.vue
index f8c7a32..a49f3d3 100644
--- a/src/components/setParams.vue
+++ b/src/components/setParams.vue
@@ -117,6 +117,15 @@ export default {
                         })
                     }
                 }
+                // if (store.equipmentName['solenoid' + store.nameList[index]]) {
+                //         // store.equipmentName['fertilization'+store.nameList[index]]
+                //         this.routerList[1].list.push({
+                //             name: store.equipmentName['solenoid' + store.nameList[index]],
+                //             status: -1,
+                //             index: index + 1,
+                //             router: 'irrigateSet'
+                //         })
+                //     }
             })
         },
         //去首页
diff --git a/src/components/setParamsControl.vue b/src/components/setParamsControl.vue
index 45abd11..42419d9 100644
--- a/src/components/setParamsControl.vue
+++ b/src/components/setParamsControl.vue
@@ -9,45 +9,25 @@
     </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"
-          v-if="!item.isRouter"
-        >
+        <el-collapse-item :class="routerNow == item.router ? 'active' : ''" :name="index + 1" :key="index"
+          v-if="!item.isRouter">
           <template slot="title" class="collapse-title">
             <span class="name">{{ item.name }}</span>
           </template>
           <!--  -->
           <ul class="table-ul">
-            <li
-              @click="toRouter(item1)"
-              :class="
-                routerNow == item1.router && routerIndex == index1 + 1
-                  ? 'active'
-                  : ''
-              "
-              class="table-li"
-              v-for="(item1, index1) in item.list"
-              :key="index1"
-            >
+            <li @click="toRouter(item1)" :class="routerNow == item1.router && routerIndex == index1 + 1
+              ? 'active'
+              : ''
+              " class="table-li" v-for="(item1, index1) in item.list" :key="index1">
               {{ item1.name }}
-              <div
-                class="status"
-                :class="item1.status == 0 ? 'outline' : 'online'"
-                v-if="item1.status >= 0"
-              >
+              <div class="status" :class="item1.status == 0 ? 'outline' : 'online'" v-if="item1.status >= 0">
                 {{ item1.status == 0 ? "离线" : "在线" }}
               </div>
             </li>
           </ul>
         </el-collapse-item>
-        <div
-          @click="toRouter(item)"
-          :class="routerNow == item.router ? 'active' : ''"
-          class="no-list"
-          v-else
-        >
+        <div @click="toRouter(item)" :class="routerNow == item.router ? 'active' : ''" class="no-list" v-else>
           {{ item.name }}
         </div>
       </template>
@@ -77,21 +57,21 @@ export default {
     this.dataInit();
   },
   methods: {
-     countData(data) {
-            if (data) {
-                return (data - 400) / 10
-            } else {
-                return 0
-            }
-        },
-        // 计算展示值 计算公式 x/10
-        countData10(data) {
-            if (data) {
-                return data / 10
-            } else {
-                return 0
-            }
-        },
+    countData(data) {
+      if (data) {
+        return (data - 400) / 10
+      } else {
+        return 0
+      }
+    },
+    // 计算展示值 计算公式 x/10
+    countData10(data) {
+      if (data) {
+        return data / 10
+      } else {
+        return 0
+      }
+    },
     dataInit() {
       var store = this.$store.state;
       var data = store.equipmentList[store.equipmentIndex - 1].deviceId;
@@ -104,6 +84,28 @@ export default {
         var isParamInArray2 = this.purview.some((obj) => obj["id"] === 6); //传感器输入合成
         var isParamInArray3 = this.purview.some((obj) => obj["id"] === 5); //传感器通道
         var isParamInArray4 = this.purview.some((obj) => obj["id"] === 7); //数据上传
+        var isParamInArray5 = this.purview.some((obj) => obj["id"] === 1); //目标值
+
+        var isParamInArray6 = this.purview.some((obj) => obj["id"] === 3); //报警设置
+        var isParamInArray7 = this.purview.some((obj) => obj["id"] === 4); //固有参数
+        var isParamInArray8 = this.purview.some((obj) => obj["id"] === 11); //电磁阀1
+        var isParamInArray9 = this.purview.some((obj) => obj["id"] === 12); //电磁阀2
+        var isParamInArray10 = this.purview.some((obj) => obj["id"] === 13); //电磁阀3
+        var isParamInArray11 = this.purview.some((obj) => obj["id"] === 14); //电磁阀4
+        var isParamInArray12 = this.purview.some((obj) => obj["id"] === 15); //电磁阀5
+        var isParamInArray13 = this.purview.some((obj) => obj["id"] === 16); //电磁阀6
+        var isParamInArray14 = this.purview.some((obj) => obj["id"] === 17); //电磁阀7
+        var isParamInArray15 = this.purview.some((obj) => obj["id"] === 18); //电磁阀8
+        var isParamInArray16 = this.purview.some((obj) => obj["id"] === 19); //天窗
+        var isParamInArray17 = this.purview.some((obj) => obj["id"] === 20); //补光灯
+        var isParamInArray18 = this.purview.some((obj) => obj["id"] === 21); //环流风扇
+        var isParamInArray19 = this.purview.some((obj) => obj["id"] === 22); //厂家内部参数
+        var isParamInArray20 = this.purview.some((obj) => obj["id"] === 23);//高压微雾
+        var isParamInArray21 = this.purview.some((obj) => obj["id"] === 24);//内遮阳
+        var isParamInArray22 = this.purview.some((obj) => obj["id"] === 25);//外遮阳
+        var isParamInArray23 = this.purview.some((obj) => obj["id"] === 26);//风机湿帘
+        var isParamInArray24 = this.purview.some((obj) => obj["id"] === 2);//强制输出通道
+        var isParamInArray25 = this.purview.some((obj) => obj["id"] === 27);//内保温
         if (isParamInArray) {
           this.routerList.push(
             { name: "加热水泵", list: [], router: "waterPump", isRouter: true },
@@ -132,33 +134,33 @@ export default {
               deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
             };
             this.api.readControl_fiveControl(data).then((res) => {
-                store.ControlData=res.data.data
-                //加热水泵数据处理waterPump
-                store.ControlData['21521'] = this.countData(store.ControlData['21521'])
-                store.ControlData['21522'] = this.countData10(store.ControlData['21522'])
-                store.ControlData['21523'] = this.countData(store.ControlData['21523'])
-                store.ControlData['21524'] = this.countData(store.ControlData['21524'])
+              store.ControlData = res.data.data
+              //加热水泵数据处理waterPump
+              store.ControlData['21521'] = this.countData(store.ControlData['21521'])
+              store.ControlData['21522'] = this.countData10(store.ControlData['21522'])
+              store.ControlData['21523'] = this.countData(store.ControlData['21523'])
+              store.ControlData['21524'] = this.countData(store.ControlData['21524'])
 
-                //下风口downtake
-                store.ControlData["21544"] = this.countData(store.ControlData["21544"]);
+              //下风口downtake
+              store.ControlData["21544"] = this.countData(store.ControlData["21544"]);
 
-                //地热风机geothermalFan
-                store.ControlData['21527'] = this.countData(store.ControlData['21527'])
-                store.ControlData['21528'] = this.countData10(store.ControlData['21528'])
+              //地热风机geothermalFan
+              store.ControlData['21527'] = this.countData(store.ControlData['21527'])
+              store.ControlData['21528'] = this.countData10(store.ControlData['21528'])
 
-                //卷被rollByRoll
-                store.ControlData['21552'] = this.countData(store.ControlData['21552'])
-                store.ControlData['21550'] = this.countData10(store.ControlData['21550'])
+              //卷被rollByRoll
+              store.ControlData['21552'] = this.countData(store.ControlData['21552'])
+              store.ControlData['21550'] = this.countData10(store.ControlData['21550'])
 
-                //除雪snowRemoval
-                store.ControlData['21544'] = this.countData(store.ControlData['21544'])
+              //除雪snowRemoval
+              store.ControlData['21544'] = this.countData(store.ControlData['21544'])
 
-                //上风口
-                store.ControlData['21532'] = this.countData(store.ControlData['21532'])
-                store.ControlData['21533'] = this.countData10(store.ControlData['21533'])
-                store.ControlData['21562'] = this.countData10(store.ControlData['21562'])
+              //上风口
+              store.ControlData['21532'] = this.countData(store.ControlData['21532'])
+              store.ControlData['21533'] = this.countData10(store.ControlData['21533'])
+              store.ControlData['21562'] = this.countData10(store.ControlData['21562'])
 
-                this.$router.push({ path: `/waterPump` });
+           
             });
           }
         }
@@ -212,7 +214,126 @@ export default {
             isRouter: true,
           });
         }
+        if (isParamInArray5) {
+          this.routerList.push({ name: "目标温度", list: [], router: "targetTemperature", isRouter: true },
+            { name: "目标湿度", list: [], router: "targetHumidity", isRouter: true },
+            { name: "目标CO2", list: [], router: "targetCo2", isRouter: true });
+        }
+        if (isParamInArray7) {
+          this.routerList.push({ name: "设备固有参数", list: [], router: "intrinsicParameter", isRouter: true });
+        }
+
+        if (isParamInArray8 || isParamInArray9 || isParamInArray10 || isParamInArray11 || isParamInArray12 || isParamInArray13 || isParamInArray14 || isParamInArray15) {
+
+          this.routerList.push({
+            name: "电磁自动控制", list: [], router: "electromagneticControl"
+          },);
+          let targetObject = this.routerList.find(item => item.name === '电磁自动控制');
+          if (isParamInArray8) {
+            targetObject.list.push({ name: '1#电磁阀', status: -1, router: 'electromagneticControl', index: 1 });
+          }
+          if (isParamInArray9) {
+            targetObject.list.push({ name: '2#电磁阀', status: -1, router: 'electromagneticControl', index: 2 });
+          }
+          if (isParamInArray10) {
+            targetObject.list.push({ name: '3#电磁阀', status: -1, router: 'electromagneticControl', index: 3 });
+          }
+          if (isParamInArray11) {
+            targetObject.list.push({ name: '4#电磁阀', status: -1, router: 'electromagneticControl', index: 4 });
+          }
+          if (isParamInArray12) {
+            targetObject.list.push({ name: '5#电磁阀', status: -1, router: 'electromagneticControl', index: 5 });
+          }
+          if (isParamInArray13) {
+            targetObject.list.push({ name: '6#电磁阀', status: -1, router: 'electromagneticControl', index: 6 });
+          }
+          if (isParamInArray14) {
+            targetObject.list.push({ name: '7#电磁阀', status: -1, router: 'electromagneticControl', index: 7 });
+          }
+          if (isParamInArray15) {
+            targetObject.list.push({ name: '8#电磁阀', status: -1, router: 'electromagneticControl', index: 8 });
+          }
+        }
+
+        if (isParamInArray16) {
+          this.routerList.push({
+            name: "天窗控制", list: [
+              { name: '天窗1', status: -1, router: 'sunroofControl', index: 1 },
+              { name: '天窗2', status: -1, router: 'sunroofControl', index: 2 },
+              { name: '天窗3', status: -1, router: 'sunroofControl', index: 3 },
+              { name: '天窗4', status: -1, router: 'sunroofControl', index: 4 },
+            ], router: "sunroofControl",
+          });
+        }
+        if (isParamInArray17) {
+          this.routerList.push({
+            name: "补光灯", list: [
+              { name: '时段一', status: -1, router: 'LED', index: 1 },
+              { name: '时段二', status: -1, router: 'LED', index: 2 },
+              { name: '时段三', status: -1, router: 'LED', index: 3 },
+              { name: '时段四', status: -1, router: 'LED', index: 4 },
+            ], router: "LED",
+          });
+        }
+
+        if (isParamInArray18) {
+          this.routerList.push({
+            name: "环流风扇", list: [
+              { name: '环流风扇1', status: -1, router: 'circulationCan', index: 1 },
+              { name: '环流风扇2', status: -1, router: 'circulationCan', index: 2 },
+            ], router: "circulationCan",
+          });
+        }
+
+        if (isParamInArray19) {
+          this.routerList.push({ name: "厂家内部参数配置", list: [], router: "parameterSet", isRouter: true });
+        }
+
+        if (isParamInArray20) {
+          this.routerList.push({
+            name: "高压微雾", list: [
+              { name: '高压微雾1', status: -1, router: 'coercionMist', index: 1 },
+              { name: '高压微雾2', status: -1, router: 'coercionMist', index: 2 },
+            ], router: "coercionMist"
+          });
+        }
+
+        if (isParamInArray21) {
+          this.routerList.push({
+            name: "内遮阳控制", list: [
+              { name: '内遮阳1', status: -1, router: 'insizeSunshade', index: 1 },
+              { name: '内遮阳2', status: -1, router: 'insizeSunshade', index: 2 },
+            ], router: "insizeSunshade",
+          });
+        }
+
+        if (isParamInArray22) {
+          this.routerList.push({
+            name: "外遮阳控制", list: [
+              { name: '外遮阳1', status: -1, router: 'outsizeSunshade', index: 1 },
+              { name: '外遮阳2', status: -1, router: 'outsizeSunshade', index: 2 },
+            ], router: "outsizeSunshade",
+          });
+        }
+
+        if (isParamInArray23) {
+          this.routerList.push({ name: "风机湿帘", list: [], router: "wetFan", isRouter: true });
+        }
+
+        if (isParamInArray24) {
+          this.routerList.push({ name: "强制输出参数", list: [], router: "forceOutput", isRouter: true });
+        }
+        if (isParamInArray25) {
+          this.routerList.push({
+            name: "内保温", list: [
+              { name: '内保温1', status: -1, router: 'internalInsulation', index: 1 },
+              { name: '内保温2', status: -1, router: 'internalInsulation', index: 2 },
+            ], router: "internalInsulation",
+          });
+        }
+
       });
+      this.$router.push({ path: `/${this.routerList[0].router}` });
     },
     //去首页
     toHome(index) {
@@ -226,14 +347,38 @@ export default {
       if (item.router) {
         if (item.http) {
           window.location.href = item.http;
-        } else if (
-          item.router == "skylight" &&
-          this.$route.query.id != item.index
-        ) {
-          this.$router.push({ path: `/skylight?id=${item.index}` });
-        } else if (item.router == "fan" && this.$route.query.id != item.index) {
-          this.$router.push({ path: `/fan?id=${item.index}` });
-        } else if (item.router != this.routerNow && !item.http) {
+        }
+        // else if (
+        //   item.router == "skylight" &&
+        //   this.$route.query.id != item.index
+        // ) {
+        //   this.$router.push({ path: `/skylight?id=${item.index}` });
+        // } else if (item.router == "fan" && this.$route.query.id != item.index) {
+        //   this.$router.push({ path: `/fan?id=${item.index}` });
+        // } else if (item.router == 'electromagneticControl' && this.$route.query.id != item.index) {
+        //   this.$router.push({ path: `/electromagneticControl?id=${item.index}` })
+        // } else if (item.router == 'sunroofControl' && this.$route.query.id != item.index) {
+        //   this.$router.push({ path: `/sunroofControl?id=${item.index}` })
+        // } else if (item.router == 'outsizeSunshade' && this.$route.query.id != item.index) {
+        //   this.$router.push({ path: `/outsizeSunshade?id=${item.index}` })
+        // } else if (item.router == 'outsizeSunshade' && this.$route.query.id != item.index) {
+        //   this.$router.push({ path: `/outsizeSunshade?id=${item.index}` })
+        // } else if (item.router == 'insizeSunshade' && this.$route.query.id != item.index) {
+        //   this.$router.push({ path: `/insizeSunshade?id=${item.index}` })
+        // }
+        else {
+          if (item.index) {
+            if (item.router == this.routerNow && item.index == this.$route.query.id) {
+              return
+            }
+            this.$router.push({ path: `/${item.router}?id=${item.index}` })
+
+            return
+          }
+
+          if (item.router == this.routerNow) {
+            return
+          }
           this.$router.push({ name: item.router });
         }
       }
@@ -267,8 +412,7 @@ export default {
   }
 
   .el-collapse-item {
-    &.active {
-    }
+    &.active {}
   }
 
   .no-list {
@@ -289,7 +433,7 @@ export default {
     padding-left: 10px;
     cursor: pointer;
 
-    > div {
+    >div {
       width: 260px;
       height: 40px;
       // background: rgba(255, 255, 255, 0.1);
diff --git a/src/views/index.vue b/src/views/index.vue
index 29bdfc2..5f40f5e 100644
--- a/src/views/index.vue
+++ b/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', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval'], img: require('../assets/image/header-img0.png') },
+                { name: '设定值参数', router: 'status', index: 1, routerList: ['status', 'skylight', 'fan', 'upload-con', 'sensorSet-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'], img: require('../assets/image/left-img0.png'), list: [] },
+                { 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: '二号温室', 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',
@@ -285,10 +285,10 @@ export default {
 
                 } else if (item.router == 'largeScreen') {
                     const foundObject = this.limitUserId.find(item => item.id == 2);
-                    if (!foundObject){
+                    if (!foundObject) {
                         this.$message('您当前没有权限查看!')
                         return
-                    }else{
+                    } else {
                         this.$router.push({ name: item.router })
                     }
 
@@ -301,9 +301,12 @@ export default {
             }
         },
         toRouter1(item) {
+            console.log(item,11);
             if (item.router) {
                 if (item.http) {
                     window.location.href = item.http;
+                } else if (item.deviceState==0) {
+                    this.$message('当前设备为离线状态');
                 } else if (item.router == 'formula' && this.$route.query.index != item.index) {
 
                     if (this.routerNow == 'realTime') {
@@ -329,12 +332,10 @@ export default {
                         }
                     }
                 } else if (item.router == 'formula' && this.$route.query.index == item.index) {
-
+                    return 
                 } else if (item.router != this.routerNow && !item.http) {
                     this.$router.push({ name: item.router })
                 }
-            } else if (!item.deviceState) {
-                this.$message('当前设备为离线状态');
             } else {
                 this.$message('当前页面正在努力开发中');
             }
diff --git a/src/views/page/LED.vue b/src/views/page/LED.vue
index 7c64c08..d251431 100644
--- a/src/views/page/LED.vue
+++ b/src/views/page/LED.vue
@@ -8,13 +8,13 @@
         </div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1)" :class="inputData[21400] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
                 </div>
-                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(2)" :class="inputData[21400] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(3)" :class="inputData[21400] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
             </div>
@@ -22,52 +22,52 @@
         <div class="text-tips">手动启动时开灯</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn blue btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen1(0)" :class="actList2[0] == '1' ? 'blue' : 'off'">
                     1#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen1(1)" :class="actList2[1] == '1' ? 'blue' : 'off'">
                     2#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen1(2)" :class="actList2[2] == '1' ? 'blue' : 'off'">
                     3#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen1(3)" :class="actList2[3] == '1' ? 'blue' : 'off'">
                     4#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen1(4)" :class="actList2[4] == '1' ? 'blue' : 'off'">
                     5#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen1(5)" :class="actList2[5] == '1' ? 'blue' : 'off'">
                     6#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen1(6)" :class="actList2[6] == '1' ? 'blue' : 'off'">
                     7#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen1(7)" :class="actList2[7] == '1' ? 'blue' : 'off'">
                     8#灯
                 </div>
             </div>
         </div>
         <div class="flex-view padding-none border-none shrink-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen2(0)" :class="actList3[0] == '1' ? 'blue' : 'off'">
+                    {{actList3[0] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>高温报警时，禁止启动补光灯</span>
             </div>
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen2(1)" :class="actList3[1] == '1' ? 'blue' : 'off'">
+                    {{actList3[1] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>使用1#日标温度</span>
             </div>
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen2(2)" :class="actList3[2] == '1' ? 'blue' : 'off'">
+                    {{actList3[2] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
@@ -76,59 +76,65 @@
         </div>
         <div class="flex-view padding-none border-none shrink-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen2(3)" :class="actList3[3] == '1' ? 'blue' : 'off'">
+                    {{actList3[3] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>室外关照大于</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(21403, $event)" v-model="inputData[21403]" @input="changeCount10(21403, $event)"
+                 type="text" placeholder="0">
                 <span>时，禁止启用补光灯。 (KLux)</span>
             </div>
         </div>
         <div class="flex-view padding-none shrink-none">
             <div class="input-main-80">
                 <span>多组补光灯启动时，间隔</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21424, $event)" v-model="inputData[21424]" @input="change(21424, $event)"
+                 type="text" placeholder="0">
                 <span>秒顺序启动，防止同时启动瞬间功率过大</span>
             </div>
         </div>
-        <div class="text-tips">时段1</div>
+        <div class="text-tips">时段{{indexs}}</div>
         <div class="flex-view border-none padding-none shrink-none">
             <div class="input-main-80">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]-4, $event)" v-model="inputData[startList[indexs-1]-4]" @input="change(startList[indexs-1]-4, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]-3, $event)" v-model="inputData[startList[indexs-1]-3]" @input="change(startList[indexs-1]-3, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]-2, $event)" v-model="inputData[startList[indexs-1]-2]" @input="change(startList[indexs-1]-2, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]-1, $event)" v-model="inputData[startList[indexs-1]-1]" @input="change(startList[indexs-1]-1, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none">
             <div class="input-btn ">
-                <div class="btn blue btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
                     1#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
                     2#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
                     3#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
                     4#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
                     5#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(5)" :class="actList1[5] == '1' ? 'blue' : 'off'">
                     6#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(6)" :class="actList1[6] == '1' ? 'blue' : 'off'">
                     7#灯
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(7)" :class="actList1[7] == '1' ? 'blue' : 'off'">
                     8#灯
                 </div>
             </div>
@@ -139,13 +145,298 @@
 export default {
     data() {
         return {
-            openIndex: 1,
-            openIndex1: 1,
-            openIndex2: 1,
+            inputData: [],
+            indexs: 1,
+            actList1: [],
+            actList2: [],
+            actList3: [],
+            startList:[21408,21413,21418,21423],
         }
     },
-    mounted() { },
-    methods: {},
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+            setTimeout(() => {
+            that.getActive1();
+        }, 0);
+        },
+    },
+    mounted() { 
+        const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        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)
+        },
+         //开关无效
+         changeIndexOpen(active) {
+            if (this.actList1[active] == '1') {
+                this.actList1[active] = '0'
+            } else {
+                this.actList1[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList1.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.inputData[this.startList[this.indexs - 1]]=parseInt(num, 2)
+            this.changeBtn(this.startList[this.indexs - 1], dataNum);
+        },
+            //开关无效
+            changeIndexOpen1(active) {
+            if (this.actList2[active] == '1') {
+                this.actList2[active] = '0'
+            } else {
+                this.actList2[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList2.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn(21401, dataNum);
+        },
+            //开关无效
+            changeIndexOpen2(active) {
+            if (this.actList3[active] == '1') {
+                this.actList3[active] = '0'
+            } else {
+                this.actList3[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList3.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn(21402, dataNum);
+        },
+        getActive1() {
+            this.actList1 = []
+            var num = this.inputData[this.startList[this.indexs - 1]]
+            
+            var num1 = this.padString(num.toString(2), 8)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList1 = openListNew.reverse();
+        },
+        getActive2() {
+            this.actList2 = []
+            var num = this.inputData[21401]
+            
+            var num1 = this.padString(num.toString(2), 8)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList2 = openListNew.reverse();
+        },
+        getActive3() {
+            this.actList3 = []
+            var num = this.inputData[21402]
+            
+            var num1 = this.padString(num.toString(2), 4)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList3 = openListNew.reverse();
+        },
+          // 工作方式选择
+          changeOpen(index) {
+            this.inputData[21400] = index;
+            var dataNum = {
+                target: {
+                    value: index,
+                },
+            };
+            this.changeBtn(21400, dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.readfilllight(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.getActive1()
+                    this.getActive2()
+                    this.getActive3()
+                }
+            })
+        },
+        //二进制转换后的补全
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        //全选文本
+        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>
diff --git a/src/views/page/circulationCan.vue b/src/views/page/circulationCan.vue
index 9c306a2..3509217 100644
--- a/src/views/page/circulationCan.vue
+++ b/src/views/page/circulationCan.vue
@@ -1,90 +1,111 @@
 <template>
     <div class="circulationCan">
         <div class="table-title">
-            <img src="../../assets/img/circulationCan.png" alt="">环流风扇
+            <img src="../../assets/img/circulationCan.png" alt="">环流风扇{{ indexs }}
         </div>
         <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" :class="openIndex == 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" :class="openIndex == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
             </div>
         </div>
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
+                    {{ actList1[0] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>时段1：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+2, $event)" v-model="inputData[startList[indexs-1]+2]" @input="change(startList[indexs-1]+2, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @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 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @input="change(startList[indexs-1]+8, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @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 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="change(startList[indexs-1]+10, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+12, $event)" v-model="inputData[startList[indexs-1]+12]" @input="change(startList[indexs-1]+12, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @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 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="change(startList[indexs-1]+14, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+15, $event)" v-model="inputData[startList[indexs-1]+15]" @input="change(startList[indexs-1]+15, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+16, $event)" v-model="inputData[startList[indexs-1]+16]" @input="change(startList[indexs-1]+16, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+17, $event)" v-model="inputData[startList[indexs-1]+17]" @input="change(startList[indexs-1]+17, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
 
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
+                    {{ actList1[1] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
-                <span>加湿时，同时运行环流风扇。</span>
+                <span>湿度高于</span>
+                <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="changeCount10(startList[indexs - 1] + 19, $event)" type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn off btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
+                    {{ actList1[3] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
@@ -94,15 +115,12 @@
 
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn off btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
+                    {{ actList1[2] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>加湿时，同时运行环流风扇。</span>
-                <input type="text" placeholder="0">
-                <span>%，启动环流风扇。 控制精度</span>
-                <input type="text" placeholder="0">
             </div>
         </div>
 
@@ -112,11 +130,246 @@
 export default {
     data() {
         return {
-            openIndex:1,
+            inputData: [],
+            startList: [21450, 21470],//每个阀门的起始参数
+            indexs: 1,
+            actList1: [],
         }
     },
-    mounted() { },
-    methods: {},
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+            setTimeout(() => {
+                that.getActive1();
+            }, 0);
+        },
+    },
+    mounted() {
+        const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        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)
+        },
+        //开关无效
+        changeIndexOpen(active) {
+            if (this.actList1[active] == '1') {
+                this.actList1[active] = '0'
+            } else {
+                this.actList1[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList1.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
+            this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
+        },
+        getActive1() {
+            this.actList1 = []
+            var num = this.inputData[this.startList[this.indexs - 1] + 1]
+
+            var num1 = this.padString(num.toString(2), 2)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList1 = openListNew.reverse();
+        },
+        // 工作方式选择
+        changeOpen(index) {
+            this.inputData[this.startList[this.indexs - 1]] = index;
+            var dataNum = {
+                target: {
+                    value: index,
+                },
+            };
+            this.changeBtn(this.startList[this.indexs - 1], dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.readcirculationfan(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.startList.forEach((el, index) => {
+                        this.inputData[el + 18] = this.countData10(this.inputData[el + 18])
+                        this.inputData[el + 19] = this.countData10(this.inputData[el + 19])
+                    })
+                    this.getActive1()
+                }
+            })
+        },
+        //二进制转换后的补全
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        //全选文本
+        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>
diff --git a/src/views/page/coercionMist.vue b/src/views/page/coercionMist.vue
index ef6b71e..88555b4 100644
--- a/src/views/page/coercionMist.vue
+++ b/src/views/page/coercionMist.vue
@@ -1,80 +1,320 @@
 <template>
     <div class="coercionMist">
         <div class="table-title">
-            <img src="../../assets/img/coercionMist.png" alt="">高压微雾
+            <img src="../../assets/img/coercionMist.png" alt="">高压微雾{{ indexs }}
         </div>
         <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" :class="openIndex == 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" :class="openIndex == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
             </div>
         </div>
         <div class="flex-view  border-none shrink-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
+                    {{ actList1[0] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main input-main-w120">
                 <span>室内温度高于目标温度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs - 1] + 2, $event)" v-model="inputData[startList[indexs - 1] + 2]"
+                    @input="changeCount10(startList[indexs - 1] + 2, $event)" type="text" placeholder="0">
                 <span>度，开启高压微雾降温。</span>
             </div>
         </div>
         <div class="flex-view  shrink-none">
             <div class="input-main input-main-w120">
                 <span>开启</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
+                 type="text" placeholder="0">
                 <span>秒，关闭</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
+                 type="text" placeholder="0">
                 <span>秒，进行间隔工作。</span>
             </div>
         </div>
         <div class="flex-view  border-none shrink-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
+                    {{ actList1[1] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main input-main-w120">
                 <span>室内湿度低于目标湿度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs - 1] + 5, $event)" v-model="inputData[startList[indexs - 1] + 5]"
+                    @input="changeCount10(startList[indexs - 1] + 5, $event)" type="text" placeholder="0">
                 <span>%，开启高压微雾加湿。</span>
             </div>
         </div>
         <div class="flex-view  border-none shrink-none">
             <div class="input-main input-main-w120">
                 <span>开启</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
+                 type="text" placeholder="0">
                 <span>秒，关闭</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
+                 type="text" placeholder="0">
                 <span>秒，进行间隔工作。</span>
             </div>
         </div>
     </div>
-  </template>
-  <script>
-  export default {
-    data(){
+</template>
+<script>
+export default {
+    data() {
         return {
-            openIndex:1
+            openIndex: 1,
+            inputData: [],
+            startList: [21800, 21808],//每个阀门的起始参数
+            indexs: 1,
+            actList1: [],
         }
     },
-    mounted(){},
-    methods:{},
-  
-  }
-  </script>
-  <style lang="scss">
-  
-  </style>
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+            setTimeout(() => {
+                that.getActive1();
+            }, 0);
+        },
+    },
+    mounted() {
+        const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        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)
+        },
+        //开关无效
+        changeIndexOpen(active) {
+            if (this.actList1[active] == '1') {
+                this.actList1[active] = '0'
+            } else {
+                this.actList1[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList1.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
+            this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
+        },
+        getActive1() {
+            this.actList1 = []
+            var num = this.inputData[this.startList[this.indexs - 1] + 1]
+
+            var num1 = this.padString(num.toString(2), 2)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList1 = openListNew.reverse();
+        },
+        // 工作方式选择
+        changeOpen(index) {
+            this.inputData[this.startList[this.indexs - 1]] = index;
+            var dataNum = {
+                target: {
+                    value: index,
+                },
+            };
+            this.changeBtn(this.startList[this.indexs - 1], dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.highpressuremist(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.startList.forEach((el, index) => {
+                        this.inputData[el + 2] = this.countData10(this.inputData[el + 2])
+                        this.inputData[el + 5] = this.countData10(this.inputData[el + 5])
+                    })
+                    this.getActive1()
+                }
+            })
+        },
+        //二进制转换后的补全
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        //全选文本
+        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>
   
   
\ No newline at end of file
diff --git a/src/views/page/electromagneticControl.vue b/src/views/page/electromagneticControl.vue
index 569167d..d9f496d 100644
--- a/src/views/page/electromagneticControl.vue
+++ b/src/views/page/electromagneticControl.vue
@@ -1,24 +1,32 @@
 <template>
     <div class="electromagneticControl">
         <div class="table-title">
-            <img src="../../assets/img/electromagneticControl.png" alt="">电磁自动控制
+            <img src="../../assets/img/electromagneticControl.png" alt="">{{ indexs }}#电磁阀
         </div>
         <div class="title-tips">
             工作方式选择
         </div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" :class="openIndex == 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" :class="openIndex == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
             </div>
         </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>手动开启阀门的时间</span>
+                <input @blur="blurChange(startList[indexs - 1]+1, $event)" v-model="inputData[startList[indexs - 1]+1]" @input="change(startList[indexs - 1]+1, $event)"
+                 type="text" placeholder="0">
+                <span>分钟</span>
+            </div>
+        </div>
         <div class="flex-view shrink-none">
             <div class="input-sel">
                 <div class="title">运行模式选择(2选1)</div>
@@ -34,34 +42,35 @@
                 </el-dropdown>
             </div>
             <div class="input-btn p-t-31">
-                <div class="btn blue btn-w66">
-                   周一
-                </div>
-                <div class="btn off btn-w66">
-                    周二
-                </div>
-                <div class="btn off btn-w66">
-                    周三
-                </div>
-                <div class="btn off btn-w66">
-                周四
-                </div>
-                <div class="btn off btn-w66">
-                    周五
-                </div>
-                <div class="btn off btn-w66">
-                    周六
-                </div>
-                <div class="btn off btn-w66">
+                <div class="btn btn-w66" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
                     周日
                 </div>
+                <div class="btn btn-w66" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
+                    周一
+                </div>
+                <div class="btn btn-w66" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
+                    周二
+                </div>
+                <div class="btn btn-w66" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
+                    周三
+                </div>
+                <div class="btn btn-w66" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
+                    周四
+                </div>
+                <div class="btn btn-w66" @click="changeIndexOpen(5)" :class="actList1[5] == '1' ? 'blue' : 'off'">
+                    周五
+                </div>
+                <div class="btn btn-w66" @click="changeIndexOpen(6)" :class="actList1[6] == '1' ? 'blue' : 'off'">
+                    周六
+                </div>
+
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
-
             <div class="input-main-80">
                 <span>时间段启动：每次灌溉时长</span>
-                <input type="text" placeholder="0">
+                <input  @blur="blurChange(startList[indexs - 1]+4, $event)" v-model="inputData[startList[indexs - 1]+4]" @input="change(startList[indexs - 1]+4, $event)"
+                 type="text" placeholder="0">
                 <span>分</span>
             </div>
         </div>
@@ -70,15 +79,20 @@
                 <div>1</div>
             </div>
             <div class="input-main-80">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+6, $event)" v-model="inputData[startList[indexs - 1]+6]" @input="change(startList[indexs - 1]+6, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+7, $event)" v-model="inputData[startList[indexs - 1]+5]" @input="change(startList[indexs - 1]+5, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+8, $event)" v-model="inputData[startList[indexs - 1]+5]" @input="change(startList[indexs - 1]+5, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+9, $event)" v-model="inputData[startList[indexs - 1]+5]" @input="change(startList[indexs - 1]+5, $event)"
+                 type="text" placeholder="0">
                 <span>时间段里启动次数</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+5, $event)" v-model="inputData[startList[indexs - 1]+5]" @input="change(startList[indexs - 1]+5, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view shrink-none padding-none">
@@ -86,15 +100,20 @@
                 <div>2</div>
             </div>
             <div class="input-main-80">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+11, $event)" v-model="inputData[startList[indexs - 1]+11]" @input="change(startList[indexs - 1]+11, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+12, $event)" v-model="inputData[startList[indexs - 1]+12]" @input="change(startList[indexs - 1]+12, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+13, $event)" v-model="inputData[startList[indexs - 1]+13]" @input="change(startList[indexs - 1]+13, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+14, $event)" v-model="inputData[startList[indexs - 1]+14]" @input="change(startList[indexs - 1]+14, $event)"
+                 type="text" placeholder="0">
                 <span>时间段里启动次数</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+10, $event)" v-model="inputData[startList[indexs - 1]+10]" @input="change(startList[indexs - 1]+10, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="text-tips">
@@ -103,34 +122,41 @@
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>有效检测时间段</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+15, $event)" v-model="inputData[startList[indexs - 1]+15]" @input="change(startList[indexs - 1]+15, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+16, $event)" v-model="inputData[startList[indexs - 1]+16]" @input="change(startList[indexs - 1]+16, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1]+17, $event)" v-model="inputData[startList[indexs - 1]+17]" @input="change(startList[indexs - 1]+17, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1+18], $event)" v-model="inputData[startList[indexs - 1]+18]" @input="change(startList[indexs - 1]+18, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>最低土壤湿度</span>
-                <input type="text" placeholder="0">
+                <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">
                 <span>%</span>
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>最高土壤湿度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs - 1]+20, $event)" v-model="inputData[startList[indexs - 1]+20]" @input="changeCount10(startList[indexs - 1]+20, $event)"
+                 type="text" placeholder="0">
                 <span>%</span>
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>灌溉时长上限</span>
-                <input type="text" placeholder="0">
-                <span>%</span>
+                <input @blur="blurChange(startList[indexs - 1]+21, $event)" v-model="inputData[startList[indexs - 1]+21]" @input="change(startList[indexs - 1]+21, $event)"
+                 type="text" placeholder="0">
+                <span>分钟</span>
             </div>
         </div>
     </div>
@@ -139,18 +165,241 @@
 export default {
     data() {
         return {
+            timer:null,
+            indexs: 1,//几号阀
             openIndex: 1,
-            sensorType: '',
-            typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
-            { label: '空气温度', value: 1, countType: 3, unit: '℃' },
-            { label: '空气湿度', value: 2, countType: 2, unit: '%' },]
+            startList: [20201, 20251, 20301, 20351, 20401, 20451, 20501, 20551],//每个阀门的起始参数
+            sensorType: '',//选择的类型
+            actList1: [],//周几数组
+            inputData: [],
+            typeList: [{ label: '间隔模式启动', value: 1, },
+            { label: '土壤湿度传感器启动', value: 2, },]
+        }
+    },
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+            setTimeout(() => {
+                that.dataInit();
+            }, 0);
+        },
+    },
+    mounted() {
+        const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        setTimeout(() => {
+            that.dataInit();
+        }, 0);
+        //input获取焦点后全选
+        let inputList = document.querySelectorAll('input');
+        for (let index = 0; index < inputList.length; index++) {
+            inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
         }
     },
-    mounted() { },
     methods: {
+        //二进制转换后的补全
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //失去焦点 计算公式 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
+            }
+        },
+        //周几开启
+        changeIndexOpen(active) {
+            if (this.actList1[active] == '1') {
+                this.actList1[active] = '0'
+            } else {
+                this.actList1[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList1.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.inputData[this.startList[this.indexs - 1] + 2]=parseInt(num, 2)
+            this.changeBtn(this.startList[this.indexs - 1] + 2, dataNum);
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        getActive1() {
+            this.actList1 = []
+            var num = this.inputData[this.startList[this.indexs - 1] + 2]
+            var num1 = this.padString(num.toString(2), 7)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList1 = openListNew.reverse();
+        },
+        // 工作方式选择
+        changeOpen(index) {
+            this.inputData[this.startList[this.indexs - 1]] = index;
+            var dataNum = {
+                target: {
+                    value: this.openIndex,
+                },
+            };
+            this.changeBtn(this.startList[this.indexs - 1], dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api['solenoidValve' + this.indexs](data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.sensorType = ''
+                    this.getSensorType()
+                    this.openIndex = this.inputData[this.startList[this.indexs - 1]]
+                    this.getActive1()
+                    this.inputData[this.startList[this.indexs - 1]+19] =this.countData10(this.inputData[this.startList[this.indexs - 1]+19]);
+                    this.inputData[this.startList[this.indexs - 1]+20] =this.countData10(this.inputData[this.startList[this.indexs - 1]+20]);
+                }
+            })
+        },
         //类型选择
         handleCommand(command) {
-            console.log(command);
+            this.typeList.forEach((el, index) => {
+                if (el.value == command) {
+                    this.sensorType = el.label
+                }
+            })
+            var dataNum = {
+                target: {
+                    value: command,
+                },
+            };
+            this.changeBtn(this.startList[this.indexs - 1] + 3, dataNum);
+        },
+        getSensorType() {
+            console.log();
+            this.typeList.forEach((el, index) => {
+                if (el.value == this.inputData[this.startList[this.indexs - 1] + 3]) {
+                    this.sensorType = el.label
+                }
+            })
+        },
+        //全选文本
+        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
+            });
         },
     },
 
diff --git a/src/views/page/forceOutput.vue b/src/views/page/forceOutput.vue
index d8e2845..794e2b8 100644
--- a/src/views/page/forceOutput.vue
+++ b/src/views/page/forceOutput.vue
@@ -8,16 +8,19 @@
         </div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn blue">
+                <div class="btn blue" @click="changeOpen()" :class="inputData[20600] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />非测试模式
                 </div>
             </div>
         </div>
         <div class="flex-view">
             <div class="input-btn flex-warp">
-                <div class="btn off btn-w80 m-b-20" v-for="item,index in 64" :key="index">
-                   {{index+1}}#
+                <template v-for="item,index in pageList">
+                    <div  @click="changeType(index, index1)" class="btn btn-w80 m-b-20" :class="item1==1?'blue':'off'" v-for="item1,index1 in item" :key="(index*16)+index1+1">
+                   {{(index*16)+index1+1}}#
                 </div>
+                </template>
+               
             </div>
         </div>
     </div>
@@ -25,10 +28,176 @@
   <script>
   export default {
     data(){
-        return {}
+        return {
+            inputData: [],
+            nowSel: {
+                index: -1,
+                value: 0,
+            },
+            pageList:[[],[],[],[]]
+        }
+    },
+    mounted(){
+        this.dataInit()
+    },
+    methods:{
+          // 工作方式选择
+          changeOpen() {
+            if(this.inputData[20600]==0){
+                this.inputData[20600]=1
+            }else{
+                this.inputData[20600]=0
+            }
+            var dataNum = {
+                target: {
+                    value: this.inputData[20600],
+                },
+            };
+            this.changeBtn(20600, dataNum);
+        },
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        getList(data) {
+            var num = data
+            var num1 = this.padString(num.toString(2), 16)
+            var openListNew = num1.split("")
+            var list = openListNew.reverse()
+            return list
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.forceChannelOutput(data).then((res) => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.pageList.forEach((el, index) => {
+                        this.pageList[index] = this.getList(this.inputData[20601 + index])
+                    })
+                    this.$forceUpdate();
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+            });
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        changeType(index, index1) {
+            var store = this.$store.state
+            const that = this
+            if (this.pageList[index][index1] == '1') {
+                this.pageList[index][index1] = '0'
+            } else {
+                this.pageList[index][index1] = '1'
+            }
+            this.$forceUpdate();
+            var num = this.myReverse(this.pageList[index]).join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+
+            if (this.nowSel.index == -1) {
+                this.changeBtn(20601 + index, dataNum)
+                this.nowSel.index = index
+                this.nowSel.value = parseInt(num, 2)
+            } else {
+                if (this.nowSel.index == index) {
+                    this.changeBtn(20601 + index, dataNum)
+                    this.nowSel.index = index
+                    this.nowSel.value = parseInt(num, 2)
+                } else {
+
+                    var code = 20601 + this.nowSel.index 
+                    var data = {
+                        equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                        regAddress: code,
+                        num: this.nowSel.value,
+                    };
+                    this.nowSel.index = -1
+                    this.nowSel.value = 0
+                    that.changeData(data);
+                    this.changeBtn(20601 + index, dataNum)
+                }
+            }
+
+        },
+        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) {
+            this.api.postControlWrite(data).then((res) => {
+                if (res.data.code == 200) {
+                    this.$message({
+                        message: res.data.msg,
+                        type: "success",
+                    });
+                    // this.dataInit();
+
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+                if (this.nowSel.index != -1) {
+                    this.timer = null
+                    this.nowSel.index = -1
+                    this.nowSel.value = 0
+                }
+
+            });
+        },
     },
-    mounted(){},
-    methods:{},
   
   }
   </script>
diff --git a/src/views/page/formula.vue b/src/views/page/formula.vue
index 80dabce..ec1c3af 100644
--- a/src/views/page/formula.vue
+++ b/src/views/page/formula.vue
@@ -3,7 +3,7 @@
     <set-params></set-params>
     <div class="page-content">
       <div class="table-title">
-        <img src="../../assets/image/formula.png" alt=""> {{ titleName }}参数 <div class="tips">种植作物配方1</div>
+        <img src="../../assets/image/formula.png" alt=""> {{ titleName }}参数 <div class="tips">{{$store.state.equipmentName['fertilization' + $store.state.nameList[indexs-1]]}}</div>
       </div>
       <div class="input-view">
         <div class="input-sel">
diff --git a/src/views/page/insizeSunshade.vue b/src/views/page/insizeSunshade.vue
index af2b6f4..2dda772 100644
--- a/src/views/page/insizeSunshade.vue
+++ b/src/views/page/insizeSunshade.vue
@@ -1,135 +1,397 @@
 <template>
-  <div class="insizeSunshade">
-      <div class="table-title">
-          <img src="../../assets/img/insizeSunshade.png" alt="">外遮阳控制
-      </div>
-      <div class="title-tips">工作方式选择</div>
-      <div class="flex-view">
-          <div class="input-btn ">
-              <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
-                  <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
-              </div>
-              <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
-                  <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
-              </div>
-              <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
-                  <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
-              </div>
-              <div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
-                  <img src="../../assets/image/irrigateSet1.png" alt="" />停止
-              </div>
-          </div>
-      </div>
-      <div class="flex-view border-none  shrink-none padding-none">
-          <div class="input-btn">
-              <div class="btn off btn-w80">
-                  无效
-              </div>
-          </div>
-          <div class="input-main-80">
-              <span>白天遮阳时段限制：</span>
-              <input type="text" placeholder="0">
-              <span>:</span>
-              <input type="text" placeholder="0">
-              <span>-</span>
-              <input type="text" placeholder="0">
-              <span>:</span>
-              <input type="text" placeholder="0">
-          </div>
-      </div>
-      <div class="flex-view border-none  shrink-none padding-none">
-          <div class="input-btn">
-              <div class="btn off btn-w80">
-                  无效
-              </div>
-          </div>
-          <div class="input-main-80">
-              <span>室外光照大于</span>
-              <input type="text" placeholder="0">
-              <span>时，展开内遮阳。光照确认时间</span>
-              <input type="text" placeholder="0">
-              <span>分钟。</span>
-          </div>
-      </div>
+    <div class="insizeSunshade">
+        <div class="table-title">
+            <img src="../../assets/img/insizeSunshade.png" alt="">内遮阳{{ indexs }}
+        </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'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+                <div class="btn" @click="changeOpen(4)" :class="inputData[startList[indexs - 1]] == 4 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />停止
+                </div>
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
+                    {{ actList1[0] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>白天遮阳时段限制：</span>
+                <input @blur="blurChange(startList[indexs - 1] + 2, $event)" v-model="inputData[startList[indexs - 1] + 2]"
+                    @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)" 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)" 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)" type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
+                    {{ actList1[1] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>室外光照大于</span>
+                <input @blur="blurChange10(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="changeCount10(startList[indexs-1]+6, $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)"
+                 type="text" placeholder="0">
+                <span>分钟。</span>
+            </div>
+        </div>
 
-      <div class="flex-view border-none  shrink-none padding-none">
-          <div class="input-btn">
-              <div class="btn off btn-w80">
-                  无效
-              </div>
-          </div>
-          <div class="input-main-80">
-              <span>室内温度高于目标温度</span>
-              <input type="text" placeholder="0">
-              <span>度，展开内遮阳。</span>
-          </div>
-      </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
+                    {{ actList1[2] == '1' ? '有效' : '无效' }}
+                </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)"
+                 type="text" placeholder="0">
+                <span>度，展开内遮阳。</span>
+            </div>
+        </div>
 
-      <div class="flex-view border-none  shrink-none padding-none">
-          <div class="input-btn">
-              <div class="btn off btn-w80">
-                  无效
-              </div>
-          </div>
-          <div class="input-main-80">
-              <span>夜间保温时段：</span>
-              <input type="text" placeholder="0">
-              <span>:</span>
-              <input type="text" placeholder="0">
-              <span>-</span>
-              <input type="text" placeholder="0">
-              <span>:</span>
-              <input type="text" placeholder="0">
-          </div>
-      </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
+                    {{ actList1[3] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>夜间保温时段：</span>
+                <input @blur="blurChange(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @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)"
+                 type="text" placeholder="0">
+                <span>-</span>
+                <input @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @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)"
+                 type="text" placeholder="0">
+            </div>
+        </div>
 
-      <div class="flex-view border-none  shrink-none padding-none">
-          <div class="input-btn">
-              <div class="btn off btn-w80">
-                  无效
-              </div>
-          </div>
-          <div class="input-main-80">
-              <span>天窗除湿时，内遮阳开启角度</span>
-              <input type="text" placeholder="0">
-          </div>
-      </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(5)" :class="actList1[5] == '1' ? 'blue' : 'off'">
+                    {{ actList1[5] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>天窗除湿时，内遮阳开启角度</span>
+                <input @blur="blurChange(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @input="change(startList[indexs-1]+13, $event)"
+                 type="text" placeholder="0">
+            </div>
+        </div>
+   
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(6)" :class="actList1[6] == '1' ? 'blue' : 'off'">
+                    {{ actList1[6] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>光照大于</span>
+                <input @blur="blurChange10(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="changeCount10(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)"
+                 type="text" placeholder="0">
+                <span>分钟收拢内遮阳。</span>
+            </div>
+        </div>
+        <div class="flex-view shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
+                    {{ actList1[4] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>预留条件</span>
+            </div>
+        </div>
 
-      <div class="flex-view shrink-none padding-none">
-          <div class="input-btn">
-              <div class="btn off btn-w80">
-                  无效
-              </div>
-          </div>
-          <div class="input-main-80">
-              <span>光照大于</span>
-              <input type="text" placeholder="0">
-              <span>时，提前</span>
-              <input type="text" placeholder="0">
-              <span>分钟收拢内遮阳。</span>
-          </div>
-      </div>
-
-      <div class="flex-view border-none  shrink-none padding-none">
-          <div class="input-main-80">
-              <span>夜间保温结束时，分</span>
-              <input type="text" placeholder="0">
-              <span>步收拢遮阳网，间隔时间</span>
-              <input type="text" placeholder="0">
-              <span>分钟</span>
-          </div>
-      </div>
-  </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-main-80">
+                <span>夜间保温结束时，分</span>
+                <input @blur="blurChange(startList[indexs-1]+16, $event)" v-model="inputData[startList[indexs-1]+16]" @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)"
+                 type="text" placeholder="0">
+                <span>分钟</span>
+            </div>
+        </div>
+      
+    </div>
 </template>
 <script>
 export default {
-  data() {
-      return {
-          openIndex:1,
-      }
-  },
-  mounted() { },
-  methods: {},
+    data() {
+        return {
+            inputData: [],
+            startList: [21840, 21858],//每个阀门的起始参数
+            indexs: 1,
+            actList1: [],
+        }
+    },
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+            setTimeout(() => {
+                that.getActive1();
+            }, 0);
+        },
+    },
+    mounted() {
+        const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        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)
+        },
+        //开关无效
+        changeIndexOpen(active) {
+            if (this.actList1[active] == '1') {
+                this.actList1[active] = '0'
+            } else {
+                this.actList1[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList1.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
+            this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
+        },
+        getActive1() {
+            this.actList1 = []
+            var num = this.inputData[this.startList[this.indexs - 1] + 1]
+
+            var num1 = this.padString(num.toString(2), 5)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList1 = openListNew.reverse();
+        },
+        // 工作方式选择
+        changeOpen(index) {
+            this.inputData[this.startList[this.indexs - 1]] = index;
+            var dataNum = {
+                target: {
+                    value: index,
+                },
+            };
+            this.changeBtn(this.startList[this.indexs - 1], dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.innercurtain(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.startList.forEach((el, index) => {
+                        this.inputData[el + 2] = this.countData10(this.inputData[el + 2])
+                        this.inputData[el + 8] = this.countData10(this.inputData[el + 8])
+                    })
+                    this.getActive1()
+                }
+            })
+        },
+        //二进制转换后的补全
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        //全选文本
+        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>
diff --git a/src/views/page/internalInsulation.vue b/src/views/page/internalInsulation.vue
index 78d2803..b7fe577 100644
--- a/src/views/page/internalInsulation.vue
+++ b/src/views/page/internalInsulation.vue
@@ -1,21 +1,21 @@
 <template>
     <div class="internalInsulation">
         <div class="table-title">
-            <img src="../../assets/img/internalInsulation.png" alt="">内保温
+            <img src="../../assets/img/internalInsulation.png" alt="">内保温{{ indexs }}
         </div>
         <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" :class="openIndex == 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" :class="openIndex == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs - 1]] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs - 1]] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
-                <div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(4)" :class="inputData[startList[indexs - 1]] == 4 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />停止
                 </div>
             </div>
@@ -23,21 +23,27 @@
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-main-80">
                 <span>夜间保温时段：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @input="change(startList[indexs-1]+5, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view  shrink-none padding-none">
             <div class="input-main-80">
                 <span>夜间保温结束时，分</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="change(startList[indexs-1]+10, $event)"
+                 type="text" placeholder="0">
                 <span>步收拢内保温，间隔时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
+                 type="text" placeholder="0">
                 <span>分钟</span>
             </div>
         </div>
@@ -45,39 +51,43 @@
 
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
+                    {{ actList1[0] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>室内温度高于目标温度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs - 1] + 2, $event)" v-model="inputData[startList[indexs - 1] + 2]"
+                    @input="changeCount10(startList[indexs - 1] + 2, $event)" type="text" placeholder="0">
                 <span>度，展开内保温。</span>
             </div>
         </div>
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
+                    {{ actList1[1] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>天窗除湿时，内保温开启角度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
 
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
+                    {{ actList1[2] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>光照大于</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs - 1] + 8, $event)" v-model="inputData[startList[indexs - 1] + 8]"
+                    @input="changeCount10(startList[indexs - 1] + 8, $event)" type="text" placeholder="0">
                 <span>时，提前</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="change(startList[indexs-1]+9, $event)"
+                 type="text" placeholder="0">
                 <span>分钟收拢内保温。</span>
             </div>
         </div>
@@ -88,11 +98,247 @@
 export default {
     data() {
         return {
-            openIndex:1,
+            openIndex: 1,
+            inputData: [],
+            startList: [22000, 22012],//每个阀门的起始参数
+            indexs: 1,
+            actList1: [],
         }
     },
-    mounted() { },
-    methods: {},
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+            setTimeout(() => {
+                that.getActive1();
+            }, 0);
+        },
+    },
+    mounted() {
+        const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        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)
+        },
+        //开关无效
+        changeIndexOpen(active) {
+            if (this.actList1[active] == '1') {
+                this.actList1[active] = '0'
+            } else {
+                this.actList1[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList1.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
+            this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
+        },
+        getActive1() {
+            this.actList1 = []
+            var num = this.inputData[this.startList[this.indexs - 1] + 1]
+
+            var num1 = this.padString(num.toString(2), 3)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList1 = openListNew.reverse();
+        },
+        // 工作方式选择
+        changeOpen(index) {
+            this.inputData[this.startList[this.indexs - 1]] = index;
+            var dataNum = {
+                target: {
+                    value: index,
+                },
+            };
+            this.changeBtn(this.startList[this.indexs - 1], dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.interiorthermalinsulation(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.startList.forEach((el, index) => {
+                        this.inputData[el + 2] = this.countData10(this.inputData[el + 2])
+                        this.inputData[el + 8] = this.countData10(this.inputData[el + 8])
+                    })
+                    this.getActive1()
+                }
+            })
+        },
+        //二进制转换后的补全
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        //全选文本
+        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>
diff --git a/src/views/page/intrinsicParameter.vue b/src/views/page/intrinsicParameter.vue
index 61f7e1c..33f4dfa 100644
--- a/src/views/page/intrinsicParameter.vue
+++ b/src/views/page/intrinsicParameter.vue
@@ -4,240 +4,482 @@
             <img src="../../assets/img/intrinsicParameter.png" alt="">设备固有参数
         </div>
         <div class="flex-view border-none shrink-none padding-none">
-            <div class="input-main-80">
+            <div class="input-sel input-sel-w180">
                 <span>1#电磁阀自控传感器选择</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand($event,20650)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20650]" 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 class="input-main-80">
                 <span>输出通道：</span>
-                <input type="text" placeholder="0">
-                <span></span>
+                <input @blur="blurChange(20651, $event)" v-model="inputData[20651]" @input="change(20651, $event)"
+                 type="text" placeholder="0">
+            </div>
+            <div class="input-sel input-sel-w180">
                 <span>2#电磁阀自控传感器选择</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand($event,20652)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20652]" 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 class="input-main-80">
                 <span>输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20653, $event)" v-model="inputData[20653]" @input="change(20653, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
-            <div class="input-main-80">
+            <div class="input-sel input-sel-w180">
                 <span>3#电磁阀自控传感器选择</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand($event,20654)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20654]" 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 class="input-main-80">
                 <span>输出通道：</span>
-                <input type="text" placeholder="0">
-                <span></span>
+                <input @blur="blurChange(20655, $event)" v-model="inputData[20655]" @input="change(20655, $event)"
+                 type="text" placeholder="0">
+            </div>
+            <div class="input-sel input-sel-w180">
                 <span>4#电磁阀自控传感器选择</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand($event,20656)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20656]" 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 class="input-main-80">
                 <span>输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20657, $event)" v-model="inputData[20657]" @input="change(20657, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
-            <div class="input-main-80">
+            <div class="input-sel input-sel-w180">
                 <span>5#电磁阀自控传感器选择</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand($event,20658)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20658]" 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 class="input-main-80">
                 <span>输出通道：</span>
-                <input type="text" placeholder="0">
-                <span></span>
+                <input @blur="blurChange(20659, $event)" v-model="inputData[20659]" @input="change(20659, $event)"
+                 type="text" placeholder="0">
+            </div>
+            <div class="input-sel input-sel-w180">
                 <span>6#电磁阀自控传感器选择</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand($event,20660)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20660]" 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 class="input-main-80">
                 <span>输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20661, $event)" v-model="inputData[20661]" @input="change(20661, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view shrink-none padding-none">
-            <div class="input-main-80">
+            <div class="input-sel input-sel-w180">
                 <span>7#电磁阀自控传感器选择</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand($event,20662)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20662]" 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 class="input-main-80">
                 <span>输出通道：</span>
-                <input type="text" placeholder="0">
-                <span></span>
+                <input @blur="blurChange(20663, $event)" v-model="inputData[20663]" @input="change(20663, $event)"
+                 type="text" placeholder="0">
+            </div>
+            <div class="input-sel input-sel-w180">
                 <span>8#电磁阀自控传感器选择</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand($event,20664)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20664]" 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 class="input-main-80">
                 <span>输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20665, $event)" v-model="inputData[20665]" @input="change(20665, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>湿帘水泵1-2组输出通道：</span>
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20724, $event)" v-model="inputData[20724]" @input="change(20724, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20725, $event)" v-model="inputData[20725]" @input="change(20725, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>环流风扇1-2组输出通道：</span>
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20722, $event)" v-model="inputData[20722]" @input="change(20722, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20723, $event)" v-model="inputData[20723]" @input="change(20723, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>高压微雾1-2组输出通道：</span>
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20721, $event)" v-model="inputData[20721]" @input="change(20721, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20720, $event)" v-model="inputData[20720]" @input="change(20720, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>冷暖风机1-2组输出通道：</span>
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20727, $event)" v-model="inputData[20727]" @input="change(20727, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20728, $event)" v-model="inputData[20728]" @input="change(20728, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20729, $event)" v-model="inputData[20729]" @input="change(20729, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20730, $event)" v-model="inputData[20730]" @input="change(20730, $event)"
+                 type="text" placeholder="0">
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>模式选择</span>
+                <el-dropdown @command="handleCommand1($event,20726)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20726]" 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 typeList3" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
             </div>
         </div>
-        <div class="flex-view border-none shrink-none padding-none">
+        <!-- <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>CO2补气1-2组输出通道：</span>
                 <input type="text" placeholder="0">
                 <input type="text" placeholder="0">
             </div>
-        </div>
+        </div> -->
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>轴流风机1-5组输出通道：</span>
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20707, $event)" v-model="inputData[20707]" @input="change(20707, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20708, $event)" v-model="inputData[20708]" @input="change(20708, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20709, $event)" v-model="inputData[20709]" @input="change(20709, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20710, $event)" v-model="inputData[20710]" @input="change(20710, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20711, $event)" v-model="inputData[20711]" @input="change(20711, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view shrink-none padding-none">
             <div class="input-main-80">
                 <span></span>
                 <span>补光灯1-8组输出通道：</span>
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20712, $event)" v-model="inputData[20712]" @input="change(20712, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20713, $event)" v-model="inputData[20713]" @input="change(20713, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20714, $event)" v-model="inputData[20714]" @input="change(20714, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20715, $event)" v-model="inputData[20715]" @input="change(20715, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20716, $event)" v-model="inputData[20716]" @input="change(20716, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20717, $event)" v-model="inputData[20717]" @input="change(20717, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20718, $event)" v-model="inputData[20718]" @input="change(20718, $event)"
+                 type="text" placeholder="0">
+                <input @blur="blurChange(20719, $event)" v-model="inputData[20719]" @input="change(20719, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
 
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>1#天窗全程运行时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20667, $event)" v-model="inputData[20667]" @input="change(20667, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20669, $event)" v-model="inputData[20669]" @input="change(20669, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20670, $event)" v-model="inputData[20670]" @input="change(20670, $event)"
+                 type="text" placeholder="0">
+            </div>
+            <div class="input-sel input-sel-w180">
                 <span>天窗朝向</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand2($event,20668)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20668]" 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 shrink-none padding-none">
             <div class="input-main-80">
                 <span>2#天窗全程运行时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20671, $event)" v-model="inputData[20671]" @input="change(20671, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20673, $event)" v-model="inputData[20673]" @input="change(20673, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20674, $event)" v-model="inputData[20674]" @input="change(20674, $event)"
+                 type="text" placeholder="0">
+            </div>
+            <div class="input-sel input-sel-w180">
                 <span>天窗朝向</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand2($event,20672)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20672]" 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 shrink-none padding-none">
             <div class="input-main-80">
                 <span>3#天窗全程运行时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20675, $event)" v-model="inputData[20675]" @input="change(20675, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20677, $event)" v-model="inputData[20677]" @input="change(20677, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20678, $event)" v-model="inputData[20678]" @input="change(20678, $event)"
+                 type="text" placeholder="0">
+            </div>
+            <div class="input-sel input-sel-w180">
                 <span>天窗朝向</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand2($event,20676)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20676]" 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 shrink-none padding-none">
             <div class="input-main-80">
                 <span>4#天窗全程运行时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20679, $event)" v-model="inputData[20679]" @input="change(20679, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20681, $event)" v-model="inputData[20681]" @input="change(20681, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20682, $event)" v-model="inputData[20682]" @input="change(20682, $event)"
+                 type="text" placeholder="0">
+            </div>
+            <div class="input-sel input-sel-w180">
                 <span>天窗朝向</span>
-                <input type="text" placeholder="0">
+                <el-dropdown @command="handleCommand2($event,20680)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20680]" 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 shrink-none padding-none">
             <div class="input-main-80">
                 <span>所有设备的行程保护时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20666, $event)" v-model="inputData[20666]" @input="change(20666, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="title-tips-bold">设备位置</div>
         <div class="flex-view shrink-none padding-none">
             <div class="input-main-80">
                 <span>经度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(20896, $event)" v-model="inputData[20896]" @input="changeCount10(20896, $event)"
+                 type="text" placeholder="0">
                 <span>维度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(20897, $event)" v-model="inputData[20897]" @input="changeCount10(20897, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
 
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>1#内遮阳全程运行时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20683, $event)" v-model="inputData[20683]" @input="change(20683, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20684, $event)" v-model="inputData[20684]" @input="change(20684, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20685, $event)" v-model="inputData[20685]" @input="change(20685, $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 type="text" placeholder="0">
+                <input @blur="blurChange(20686, $event)" v-model="inputData[20686]" @input="change(20686, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20687, $event)" v-model="inputData[20687]" @input="change(20687, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20688, $event)" v-model="inputData[20688]" @input="change(20688, $event)"
+                 type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>1#外遮阳全程运行时间</span>
+                <input @blur="blurChange(20689, $event)" v-model="inputData[20689]" @input="change(20689, $event)"
+                 type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input @blur="blurChange(20690, $event)" v-model="inputData[20690]" @input="change(20690, $event)"
+                 type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input @blur="blurChange(20691, $event)" v-model="inputData[20691]" @input="change(20691, $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(20692, $event)" v-model="inputData[20692]" @input="change(20692, $event)"
+                 type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input @blur="blurChange(20693, $event)" v-model="inputData[20693]" @input="change(20693, $event)"
+                 type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input @blur="blurChange(20694, $event)" v-model="inputData[20694]" @input="change(20694, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>1#内保温全程运行时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20695, $event)" v-model="inputData[20695]" @input="change(20695, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20696, $event)" v-model="inputData[20696]" @input="change(20696, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20697, $event)" v-model="inputData[20697]" @input="change(20697, $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 type="text" placeholder="0">
+                <input @blur="blurChange(20698, $event)" v-model="inputData[20698]" @input="change(20698, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20699, $event)" v-model="inputData[20699]" @input="change(20699, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20700, $event)" v-model="inputData[20700]" @input="change(20700, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none shrink-none padding-none">
             <div class="input-main-80">
                 <span>1#湿帘窗全程运行时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20701, $event)" v-model="inputData[20701]" @input="change(20701, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20702, $event)" v-model="inputData[20702]" @input="change(20702, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20703, $event)" v-model="inputData[20703]" @input="change(20703, $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 type="text" placeholder="0">
+                <input @blur="blurChange(20704, $event)" v-model="inputData[20704]" @input="change(20704, $event)"
+                 type="text" placeholder="0">
                 <span>打开输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20705, $event)" v-model="inputData[20705]" @input="change(20705, $event)"
+                 type="text" placeholder="0">
                 <span>关闭输出通道：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(20706, $event)" v-model="inputData[20706]" @input="change(20706, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
     </div>
@@ -245,10 +487,214 @@
 <script>
 export default {
     data() {
-        return {}
+        return {
+            sensorType: '',
+            typeList1: [{ label: '平均1#土壤湿度', value: 0 },
+            { label: '1#土壤湿度', value: 1 },
+            { label: '2#土壤湿度', value: 2 },
+            { label: '3#土壤湿度', value: 3 },
+            { label: '4#土壤湿度', value: 4 },
+            { label: '5#土壤湿度', value: 5 },
+            { label: '6#土壤湿度', value: 6 },
+            { label: '7#土壤湿度', value: 7 },
+            { label: '8#土壤湿度', value: 8 },],
+            list1:[20650,20652,20654,20656,20658,20660,20662,20664],
+            typeList2: [
+            { label: '东', value: 1 },
+            { label: '西', value: 2 },
+            { label: '南', value: 3 },
+            { label: '北', value: 4 },
+            { label: '东南', value: 5 },
+            { label: '东北', value: 6 },
+            { label: '西南', value: 7 },
+            { label: '西北', value: 8 },],
+            list2:[20668,20672,20676,20680],
+            typeList3: [
+            { label: '加热模式', value: 1 },
+            { label: '制冷模式', value: 2 },],
+            inputData:[],
+            inputDataNew:[],
+        }
+    },
+    mounted() { 
+        this.dataInit()
+        //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
+            }
+        },
+        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
+        },
+        getData3(data) {
+            var name=''
+            this.typeList3.forEach((el, index) => {
+                if (el.value == data) {
+                   name=el.label
+                }
+            })
+            return name
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.intrinsicParameter(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.inputData[20896] =this.countData10(this.inputData[20896]);
+                    this.inputData[20897] =this.countData10(this.inputData[20897]);
+                    this.list1.forEach((el,index)=>{
+                        this.inputDataNew[el]=this.getData1(this.inputData[el])
+                    })
+                    this.list2.forEach((el,index)=>{
+                        this.inputDataNew[el]=this.getData2(this.inputData[el])
+                    })
+                    this.inputDataNew[20726]=this.getData3(this.inputData[20726])
+                    console.log(this.inputData, this.inputDataNew);
+                }
+                
+            })
+        },
+          //修改数据的函数
+          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);
+        },
+        //类型选择
+        handleCommand(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);
+        },
+
+         //类型选择
+         handleCommand1(command,code) {
+            this.typeList3.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);
+        },
+        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
+            });
+        },
     },
-    mounted() { },
-    methods: {},
 
 }
 </script>
diff --git a/src/views/page/irrigateSet.vue b/src/views/page/irrigateSet.vue
index fbbc12b..4a2d273 100644
--- a/src/views/page/irrigateSet.vue
+++ b/src/views/page/irrigateSet.vue
@@ -4,8 +4,8 @@
     <div class="page-content">
       <div class="table-title">
         <img src="../../assets/image/irrigateSet.png" alt="" />
-        {{ indexs }}#灌溉组配置
-        <div class="tips">种植作物1</div>
+        {{$store.state.equipmentName['solenoid' + $store.state.nameList[indexs-1]]}}
+        <div class="tips"> {{$store.state.equipmentName['solenoid' + $store.state.nameList[indexs-1]]}}</div>
       </div>
       <div class="flex-view">
         <div class="input-btn">
@@ -19,9 +19,6 @@
           <div class="btn" @click="change00(3)" :class="topActive==3?'blue':'green'">
             <img src="../../assets/image/irrigateSet2.png" alt="" />自动
           </div>
-   
-      
-         
          
         </div>
         <div class="input-main">
diff --git a/src/views/page/outsizeSunshade.vue b/src/views/page/outsizeSunshade.vue
index 80e436f..a586550 100644
--- a/src/views/page/outsizeSunshade.vue
+++ b/src/views/page/outsizeSunshade.vue
@@ -1,95 +1,118 @@
 <template>
     <div class="outsizeSunshade">
         <div class="table-title">
-            <img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳控制
+            <img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳{{ indexs }}
         </div>
         <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" :class="openIndex == 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" :class="openIndex == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs-1]] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs-1]] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
-                <div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(4)" :class="inputData[startList[indexs-1]] == 4 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />停止
                 </div>
             </div>
         </div>
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
+                    {{ actList1[0] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>工作时段限制：</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+2, $event)" v-model="inputData[startList[indexs-1]+2]" @input="change(startList[indexs-1]+2, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @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-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
+                    {{ actList1[4] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
             <div class="input-main-80">
                 <span>降雨时遮阳网处于的位置</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @input="change(startList[indexs-1]+13, $event)"
+                 type="text" placeholder="0">
                 <span>%</span>
                 <span>降雨确认时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="change(startList[indexs-1]+14, $event)"
+                 type="text" placeholder="0">
                 <span>分钟</span>
             </div>
         </div>
         <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
+                    {{ actList1[1] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
             <div class="input-main-80">
                 <span>室外光照大于</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="changeCount10(startList[indexs-1]+7, $event)"
+                 type="text" placeholder="0">
                 <span>时，展开外遮阳</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @input="change(startList[indexs-1]+8, $event)"
+                 type="text" placeholder="0">
                 <span>% (KLux)。光照确认时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
+                 type="text" placeholder="0">
                 <span>分钟</span>
             </div>
         </div>
         <div class="flex-view shrink-none padding-none">
             <div class="input-main-80">
                 <span>室外光照大于</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="changeCount10(startList[indexs-1]+9, $event)"
+                 type="text" placeholder="0">
                 <span>时，外遮阳展开 100%(KLux)</span>
             </div>
         </div>
 
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
+                    {{ actList1[3] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>风速大于</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
+                 type="text" placeholder="0">
                 <span>时收拢遮阳网，大风保护解除时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs-1]+12, $event)" v-model="inputData[startList[indexs-1]+12]" @input="changeCount10(startList[indexs-1]+12, $event)"
+                 type="text" placeholder="0">
                 <span>分钟</span>
             </div>
         </div>
 
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
+                    {{ actList1[2] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>室内温度高于目标温度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="changeCount10(startList[indexs-1]+10, $event)"
+                 type="text" placeholder="0">
                 <span>度，展开外遮阳。</span>
             </div>
         </div>
@@ -99,11 +122,249 @@
 export default {
     data() {
         return {
-            openIndex:1,
+            inputData: [],
+            startList: [21900,21915],//每个阀门的起始参数
+            indexs: 1,
+            actList1: [],
         }
     },
-    mounted() { },
-    methods: {},
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+            setTimeout(() => {
+            that.getActive1();
+        }, 0);
+        },
+    },
+    mounted() { 
+        const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        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)
+        },
+         //开关无效
+         changeIndexOpen(active) {
+            if (this.actList1[active] == '1') {
+                this.actList1[active] = '0'
+            } else {
+                this.actList1[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList1.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
+            this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
+        },
+        getActive1() {
+            this.actList1 = []
+            var num = this.inputData[this.startList[this.indexs - 1] + 1]
+            
+            var num1 = this.padString(num.toString(2), 5)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList1 = openListNew.reverse();
+        },
+          // 工作方式选择
+          changeOpen(index) {
+            this.inputData[this.startList[this.indexs-1]] = index;
+            var dataNum = {
+                target: {
+                    value: index,
+                },
+            };
+            this.changeBtn(this.startList[this.indexs - 1], dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.externalsunshade(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.startList.forEach((el, index) => {
+                        this.inputData[el + 7] = this.countData10(this.inputData[el + 7])
+                        this.inputData[el + 9] = this.countData10(this.inputData[el + 9])
+                        this.inputData[el + 10] = this.countData10(this.inputData[el + 10])
+                        this.inputData[el + 12] = this.countData10(this.inputData[el + 12])
+                       
+                    })
+                    this.getActive1()
+                }
+            })
+        },
+        //二进制转换后的补全
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        //全选文本
+        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>
diff --git a/src/views/page/parameterSet.vue b/src/views/page/parameterSet.vue
index 7e3a3ed..fd51645 100644
--- a/src/views/page/parameterSet.vue
+++ b/src/views/page/parameterSet.vue
@@ -6,26 +6,26 @@
         <div class="flex-view shrink-none border-none">
             <div class="input-sel input-sel-w180">
                 <span>1#外遮阳:目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21745)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21745]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21744)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21744]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -34,26 +34,26 @@
         <div class="flex-view shrink-none">
             <div class="input-sel input-sel-w180">
                 <span>2#外遮阳:目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21747)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21747]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21746)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21746]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -63,52 +63,52 @@
         <div class="flex-view shrink-none border-none">
             <div class="input-sel input-sel-w180">
                 <span>1#内遮阳:目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21749)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21749]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21748)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21748]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>目标湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand4($event,21751)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21751]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21750)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21750]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -118,52 +118,52 @@
         <div class="flex-view shrink-none">
             <div class="input-sel input-sel-w180">
                 <span>2#内遮阳:目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21753)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21753]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21752)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21752]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>目标湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand4($event,21755)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21755]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21754)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21754]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -173,52 +173,52 @@
         <div class="flex-view shrink-none border-none">
             <div class="input-sel input-sel-w180">
                 <span>1#天窗: 目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21757)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21757]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21756)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21756]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>目标湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand4($event,21759)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21759]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21758)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21758]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -228,52 +228,52 @@
         <div class="flex-view shrink-none border-none">
             <div class="input-sel input-sel-w180">
                 <span>2#天窗: 目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21761)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21761]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21760)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21760]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>目标湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand4($event,21763)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21763]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21762)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21762]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -283,52 +283,52 @@
         <div class="flex-view shrink-none border-none">
             <div class="input-sel input-sel-w180">
                 <span>3#天窗: 目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21765)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21765]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21764)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21764]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>目标湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand4($event,21767)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21767]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21766)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21766]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -338,52 +338,52 @@
         <div class="flex-view shrink-none">
             <div class="input-sel input-sel-w180">
                 <span>4#天窗: 目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21769)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21769]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21768)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21768]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>目标湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand4($event,21771)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21771]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21770)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21770]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -393,26 +393,26 @@
         <div class="flex-view shrink-none border-none">
             <div class="input-sel input-sel-w180">
                 <span>环流风机: 1#风扇室内湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21730)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21730]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>2#风扇室内湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21731)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21731]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -421,26 +421,26 @@
         <div class="flex-view shrink-none">
             <div class="input-sel input-sel-w180">
                 <span>湿帘外翻窗：1#湿帘窗温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21742)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21742]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>2#湿帘窗温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21743)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21743]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -450,52 +450,52 @@
         <div class="flex-view shrink-none border-none">
             <div class="input-sel input-sel-w180">
                 <span class="padding-none">1#高压微雾:目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21733)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21733]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21732)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21732]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>目标湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand4($event,21735)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21735]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21734)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21734]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -504,52 +504,52 @@
         <div class="flex-view shrink-none">
             <div class="input-sel input-sel-w180">
                 <span class="padding-none">2#高压微雾:目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21737)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21737]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21736)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21736]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <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 class="input-sel input-sel-w180">
                 <span>目标湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand4($event,21739)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21739]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList4" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境湿度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand2($event,21738)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21738]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -559,26 +559,26 @@
         <div class="flex-view shrink-none border-none">
             <div class="input-sel input-sel-w180">
                 <span>轴流风机: 目标温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand3($event,21741)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21741]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList3" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
             <div class="input-sel input-sel-w180">
                 <span>环境温度选择</span>
-                <el-dropdown @command="handleCommand">
+                <el-dropdown @command="handleCommand1($event,21740)">
                     <div class="el-dropdown-link">
-                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <input v-model="inputDataNew[21740]" type="text" class="input-input" placeholder="无">
                         <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
                     </div>
                     <el-dropdown-menu class="input-menu-180" slot="dropdown">
-                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                        <el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
                             item.label }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
@@ -591,16 +591,211 @@
     data(){
         return {
             sensorType:'',
-            typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
-            { label: '空气温度', value: 1, countType: 3, unit: '℃' },
-            { label: '空气湿度', value: 2, countType: 2, unit: '%' },]
+            typeList1: [
+            { label: '1#平均空气温度', value: 1 },
+            { label: '2#平均空气温度', value: 2 },
+            { label: '1#空气温度', value: 3 },
+            { label: '2#空气温度', value: 4 },
+            { label: '3#空气温度', value: 5 },
+            { label: '4#空气温度', value: 6 },
+            { label: '5#空气温度', value: 7 },
+            { label: '6#空气温度', value: 8 },
+            { label: '7#空气温度', value: 7 },
+            { label: '8#空气温度', value: 8 },],
+            list1:[21732,21736,21740,21742,21743,21744,21746,21748,21752,21756,21760,21764,21768],
+            typeList2: [
+            { label: '1#平均空气湿度', value: 1 },
+            { label: '2#平均空气湿度', value: 2 },
+            { label: '1#空气湿度', value: 3 },
+            { label: '2#空气湿度', value: 4 },
+            { label: '3#空气湿度', value: 5 },
+            { label: '4#空气湿度', value: 6 },
+            { label: '5#空气湿度', value: 7 },
+            { label: '6#空气湿度', value: 8 },
+            { label: '7#空气湿度', value: 7 },
+            { label: '8#空气湿度', value: 8 },],
+            list2:[21730,21731,21734,21738,21750,21754,21758,21762,21766,21770],
+            typeList3: [
+            { label: '目标温度1', value: 1 },
+            { label: '目标温度2', value: 2 },],
+            list3:[21733,21737,21741,21745,21747,21749,21753,21757,21761,21765,21769],
+            typeList4: [
+            { label: '目标湿度1', value: 1 },
+            { label: '目标湿度2', value: 2 },],
+            list4:[21735,21739,21751,21755,21759,21763,21767,21771],
+            inputData:[],
+            inputDataNew:[],
+        }
+    },
+    mounted(){
+        this.dataInit()
+        //input获取焦点后全选
+        let inputList = document.querySelectorAll('input');
+        for (let index = 0; index < inputList.length; index++) {
+            inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
         }
     },
-    mounted(){},
     methods:{
-          //类型选择
-          handleCommand(command) {
-            console.log(command);
+        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
+        },
+        getData3(data) {
+            var name=''
+            this.typeList3.forEach((el, index) => {
+                if (el.value == data) {
+                   name=el.label
+                }
+            })
+            return name
+        },
+        getData4(data) {
+            var name=''
+            this.typeList4.forEach((el, index) => {
+                if (el.value == data) {
+                   name=el.label
+                }
+            })
+            return name
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.manufacturerparameter(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.list1.forEach((el,index)=>{
+                        this.inputDataNew[el]=this.getData1(this.inputData[el])
+                    })
+                    this.list2.forEach((el,index)=>{
+                        this.inputDataNew[el]=this.getData2(this.inputData[el])
+                    })
+                    this.list3.forEach((el,index)=>{
+                        this.inputDataNew[el]=this.getData3(this.inputData[el])
+                    })
+                    this.list4.forEach((el,index)=>{
+                        this.inputDataNew[el]=this.getData4(this.inputData[el])
+                    })
+                }
+                
+            })
+        },
+         //修改数据的函数
+         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);
+        },
+            //类型选择
+        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);
+        },
+            //类型选择
+            handleCommand3(command,code) {
+            this.typeList3.forEach((el, index) => {
+                if (el.value == command) {
+                    this.inputDataNew[code] = el.label
+                }
+            })
+            var dataNum = {
+                target: {
+                    value: command,
+                },
+            };
+            this.changeBtn(code, dataNum);
+        },
+            //类型选择
+            handleCommand4(command,code) {
+            this.typeList4.forEach((el, index) => {
+                if (el.value == command) {
+                    this.inputDataNew[code] = el.label
+                }
+            })
+            var dataNum = {
+                target: {
+                    value: command,
+                },
+            };
+            this.changeBtn(code, dataNum);
+        },
+        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
+            });
         },
     },
   
diff --git a/src/views/page/realTime.vue b/src/views/page/realTime.vue
index b2a9e20..521bf57 100644
--- a/src/views/page/realTime.vue
+++ b/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>
             </div>
             <div class="timeNow" v-if="list.length">
                 <!-- {{ time.year.year }}-{{ time.year.month }}-{{ time.year.date }}<span> {{ time.time }}:{{ time.timeS
@@ -337,6 +337,7 @@ export default {
             url: '',
             timer: null,
             deviceName: 1,
+            deviceState:1,
             controlList: [],
             statusInterval: null,//status状态的Interval
             statusTime: 2,//status状态的秒数
@@ -379,6 +380,7 @@ export default {
             const store = this.$store.state
             this.indexs = this.$route.query.index ? this.$route.query.index : store.equipmentIndex;
             this.deviceName = store.equipmentList[this.indexs - 1].deviceName
+            this.deviceState = store.equipmentList[this.indexs - 1].deviceState
             clearInterval(this.statusInterval) && this.statusInterval
             setTimeout(() => {
 
@@ -398,6 +400,7 @@ export default {
         const store = this.$store.state
         this.indexs = this.$route.query.index ? this.$route.query.index : store.equipmentIndex;
         this.deviceName = store.equipmentList[this.indexs - 1].deviceName
+        this.deviceState = store.equipmentList[this.indexs - 1].deviceState
         // this.getTime()
 
         setTimeout(() => {
diff --git a/src/views/page/sunroofControl.vue b/src/views/page/sunroofControl.vue
index 537d915..ec906d9 100644
--- a/src/views/page/sunroofControl.vue
+++ b/src/views/page/sunroofControl.vue
@@ -1,21 +1,21 @@
 <template>
     <div class="sunroofControl">
         <div class="table-title">
-            <img src="../../assets/img/sunroofControl.png" alt="">天窗控制
+            <img src="../../assets/img/sunroofControl.png" alt="">天窗{{indexs}}
         </div>
         <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" :class="openIndex == 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" :class="openIndex == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs-1]] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(3)" :class="inputData[startList[indexs-1]] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
-                <div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(4)" :class="inputData[startList[indexs-1]] == 4 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />停止
                 </div>
             </div>
@@ -26,12 +26,14 @@
             </div>
             <div class="input-main input-main-w120">
                 <div>温度控制精度</div>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="changeCount10(startList[indexs-1]+3, $event)"
+                 type="text" placeholder="0">
                 <span></span>
             </div>
             <div class="input-main input-main-w120">
                 <div>计算周期</div>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @input="change(startList[indexs-1]+5, $event)"
+                 type="text" placeholder="0">
                 <span></span>
             </div>
         </div>
@@ -41,12 +43,14 @@
             </div>
             <div class="input-main input-main-w120">
                 <div>比例系数</div>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
+                 type="text" placeholder="0">
                 <span></span>
             </div>
             <div class="input-main input-main-w120">
                 <div>积分系数</div>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
+                 type="text" placeholder="0">
                 <span></span>
             </div>
         </div>
@@ -56,7 +60,8 @@
             </div>
             <div class="input-main input-main-w260">
                 <div>天窗分阶段全部打开次数</div>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view padding-none">
@@ -65,89 +70,366 @@
             </div>
             <div class="input-main input-main-w260">
                 <div>风机运行时，天窗打开角度</div>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+2, $event)" v-model="inputData[startList[indexs-1]+2]" @input="change(startList[indexs-1]+2, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
+                    {{ actList1[0] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main input-main-w120">
                 <span>室外温度低于</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChangeCount(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @input="changeCountData(startList[indexs-1]+8, $event)"
+                 type="text" placeholder="0">
                 <span>度禁止开启天窗。</span>
             </div>
         </div>
         <div class="flex-view padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
+                    {{ actList1[1] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main input-main-w120">
                 <span>风速大于</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @input="changeCount10(startList[indexs-1]+13, $event)"
+                 type="text" placeholder="0">
                 <span>时，关闭天窗。大风保护解除时间</span>
             </div>
             <div class="input-main input-main-w80">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="change(startList[indexs-1]+14, $event)"
+                 type="text" placeholder="0">
                 <span>分钟</span>
             </div>
         </div>
+        <div class="flex-view border-none ">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
+                    {{ actList1[3] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
+            <div class="input-main input-main-w120">
+                <span>开启天窗除湿功能;</span>
+            </div>
+        </div>
+        <div class="flex-view border-none ">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
+                    {{ actList1[4] == '1' ? '有效' : '无效' }}
+                </div>
+            </div>
+            <div class="input-main input-main-w120">
+                <span>选择下雨保护条件有效;</span>
+            </div>
+        </div>
         <div class="flex-view">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(5)" :class="actList1[5] == '1' ? 'blue' : 'off'">
+                    {{ actList1[5] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main input-main-w120">
-                <span>开启天窗除湿功能：</span>
+                <span>选择有雨量桶检测条件有效;</span>
             </div>
         </div>
         <div class="flex-view border-none">
             <div class="input-main input-main-w100">
                 <span>湿度控制精度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="changeCount10(startList[indexs-1]+9, $event)"
+                 type="text" placeholder="0">
                 <span>天窗除湿时开启角度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+12, $event)" v-model="inputData[startList[indexs-1]+12]" @input="change(startList[indexs-1]+12, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view">
             <div class="input-main input-main-w100">
                 <span>实测温度比目标温度低</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(startList[indexs-1]+15, $event)" v-model="inputData[startList[indexs-1]+15]" @input="changeCount10(startList[indexs-1]+15, $event)"
+                 type="text" placeholder="0">
                 <span>将进行间断除湿开</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="change(startList[indexs-1]+10, $event)"
+                 type="text" placeholder="0">
                 <span>分钟，关</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
+                 type="text" placeholder="0">
                 <span>分钟。</span>
             </div>
         </div>
         <div class="flex-view padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
+                    {{ actList1[2] == '1' ? '有效' : '无效' }}
                 </div>
             </div>
             <div class="input-main input-main-w120">
                 <span>室内温度低于</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChangeCount(startList[indexs-1]+16, $event)" v-model="inputData[startList[indexs-1]+16]" @input="changeCountData(startList[indexs-1]+16, $event)"
+                 type="text" placeholder="0">
                 <span>度，禁止开窗除湿。</span>
             </div>
         </div>
+        <div class="flex-view padding-none">
+            <div class="input-main input-main-w120">
+                <span>下雨检测时间</span>
+                <input @blur="blurChange(startList[indexs-1]+17, $event)" v-model="inputData[startList[indexs-1]+17]" @input="change(startList[indexs-1]+17, $event)"
+                 type="text" placeholder="0">
+                <span>分钟</span>
+            </div>
+        </div>
     </div>
 </template>
 <script>
 export default {
     data() {
         return {
-            openIndex: 1
+            inputData: [],
+            startList: [21250, 21273, 21296, 21319],//每个阀门的起始参数
+            indexs: 1,
+            actList1: [],
         }
     },
-    mounted() { },
-    methods: {},
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+            setTimeout(() => {
+            that.getActive1();
+        }, 0);
+        },
+    },
+    mounted() {
+        const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        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)
+        },
+        //开关无效
+        changeIndexOpen(active) {
+            if (this.actList1[active] == '1') {
+                this.actList1[active] = '0'
+            } else {
+                this.actList1[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList1.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
+            this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
+        },
+        getActive1() {
+            this.actList1 = []
+            var num = this.inputData[this.startList[this.indexs - 1] + 1]
+            
+            var num1 = this.padString(num.toString(2), 6)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList1 = openListNew.reverse();
+        },
+          // 工作方式选择
+          changeOpen(index) {
+            this.inputData[this.startList[this.indexs-1]] = index;
+            var dataNum = {
+                target: {
+                    value: index,
+                },
+            };
+            this.changeBtn(this.startList[this.indexs - 1], dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.readskylight(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.startList.forEach((el, index) => {
+                        this.inputData[el + 3] = this.countData10(this.inputData[el + 3])
+                        this.inputData[el + 8] = this.countData(this.inputData[el + 8])
+                        this.inputData[el + 9] = this.countData10(this.inputData[el + 9])
+                        this.inputData[el + 13] = this.countData10(this.inputData[el + 13])
+                        this.inputData[el + 15] = this.countData10(this.inputData[el + 15])
+                        this.inputData[el + 16] = this.countData(this.inputData[el + 16])
+                    })
+                    this.getActive1()
+                }
+            })
+        },
+        //二进制转换后的补全
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        //全选文本
+        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>
diff --git a/src/views/page/targetCo2.vue b/src/views/page/targetCo2.vue
index f1c6215..7d3920b 100644
--- a/src/views/page/targetCo2.vue
+++ b/src/views/page/targetCo2.vue
@@ -6,76 +6,92 @@
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>1#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20064, $event)" v-model="inputData[20064]" @input="change(20064, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20065, $event)" v-model="inputData[20065]" @input="change(20065, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20067, $event)" v-model="inputData[20067]" @input="change(20067, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标CO2</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20066, $event)" v-model="inputData[20066]" @input="change(20066, $event)"
+         type="text" placeholder="0">
         <span>%</span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>2#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20068, $event)" v-model="inputData[20068]" @input="change(20068, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20069, $event)" v-model="inputData[20069]" @input="change(20069, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20071, $event)" v-model="inputData[20071]" @input="change(20071, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标CO2</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20070, $event)" v-model="inputData[20070]" @input="change(20070, $event)"
+         type="text" placeholder="0">
         <span>%</span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>3#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20072, $event)" v-model="inputData[20072]" @input="change(20072, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20073, $event)" v-model="inputData[20073]" @input="change(20073, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20075, $event)" v-model="inputData[20075]" @input="change(20075, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标CO2</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20074, $event)" v-model="inputData[20074]" @input="change(20074, $event)"
+         type="text" placeholder="0">
         <span>%</span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>4#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20076, $event)" v-model="inputData[20076]" @input="change(20076, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20077, $event)" v-model="inputData[20077]" @input="change(20077, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20079, $event)" v-model="inputData[20079]" @input="change(20079, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标CO2</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20078, $event)" v-model="inputData[20078]" @input="change(20078, $event)"
+         type="text" placeholder="0">
         <span>%</span>
       </div>
     </div>
@@ -85,10 +101,186 @@
   <script>
   export default {
     data(){
-        return {}
+        return {
+          inputData:[],
+        }
     },
-    mounted(){},
-    methods:{},
+  
+  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.targetValue(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>
diff --git a/src/views/page/targetHumidity.vue b/src/views/page/targetHumidity.vue
index b6ce161..3277287 100644
--- a/src/views/page/targetHumidity.vue
+++ b/src/views/page/targetHumidity.vue
@@ -9,76 +9,92 @@
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>1#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20032, $event)" v-model="inputData[20032]" @input="change(20032, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20033, $event)" v-model="inputData[20033]" @input="change(20033, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20035, $event)" v-model="inputData[20035]" @input="change(20035, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标湿度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange10(20034, $event)" v-model="inputData[20034]" @input="changeCount10(20034, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>2#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20036, $event)" v-model="inputData[20036]" @input="change(20036, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20037, $event)" v-model="inputData[20037]" @input="change(20037, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20039, $event)" v-model="inputData[20039]" @input="change(20039, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标湿度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange10(20038, $event)" v-model="inputData[20038]" @input="changeCount10(20038, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>3#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20040, $event)" v-model="inputData[20040]" @input="change(20040, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20041, $event)" v-model="inputData[20041]" @input="change(20041, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20043, $event)" v-model="inputData[20043]" @input="change(20043, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标湿度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange10(20042, $event)" v-model="inputData[20042]" @input="changeCount10(20042, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view shrink-none padding-none">
       <div class="input-main-80">
         <span>4#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20044, $event)" v-model="inputData[20044]" @input="change(20044, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20045, $event)" v-model="inputData[20045]" @input="change(20045, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20047, $event)" v-model="inputData[20047]" @input="change(20047, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标湿度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange10(20046, $event)" v-model="inputData[20046]" @input="changeCount10(20046, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
@@ -89,76 +105,92 @@
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>1#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20048, $event)" v-model="inputData[20048]" @input="change(20048, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20049, $event)" v-model="inputData[20049]" @input="change(20049, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20051, $event)" v-model="inputData[20051]" @input="change(20051, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标湿度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange10(20050, $event)" v-model="inputData[20050]" @input="changeCount10(20050, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>2#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20052, $event)" v-model="inputData[20052]" @input="change(20052, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20053, $event)" v-model="inputData[20053]" @input="change(20053, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20055, $event)" v-model="inputData[20055]" @input="change(20055, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标湿度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange10(20054, $event)" v-model="inputData[20054]" @input="changeCount10(20054, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>3#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20056, $event)" v-model="inputData[20056]" @input="change(20056, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20057, $event)" v-model="inputData[20057]" @input="change(20057, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20059, $event)" v-model="inputData[20059]" @input="change(20059, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标湿度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange10(20058, $event)" v-model="inputData[20058]" @input="changeCount10(20058, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>4#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20060, $event)" v-model="inputData[20060]" @input="change(20060, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20061, $event)" v-model="inputData[20061]" @input="change(20061, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20063, $event)" v-model="inputData[20063]" @input="change(20063, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标湿度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange10(20062, $event)" v-model="inputData[20062]" @input="changeCount10(20062, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
@@ -167,10 +199,193 @@
   <script>
   export default {
     data(){
-        return {}
+        return {
+          inputData:[]
+        }
     },
-    mounted(){},
-    methods:{},
+ 
+  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.targetValue(data).then(res => {
+        if (res.data.code == 200) {
+          this.inputData = res.data.data;
+          this.inputData[20034] =this.countData10(this.inputData[20034]);
+          this.inputData[20038] =this.countData10(this.inputData[20038]);
+          this.inputData[20042] =this.countData10(this.inputData[20042]);
+          this.inputData[20046] =this.countData10(this.inputData[20046]);
+          this.inputData[20050] =this.countData10(this.inputData[20050]);
+          this.inputData[20054] =this.countData10(this.inputData[20054]);
+          this.inputData[20058] =this.countData10(this.inputData[20058]);
+          this.inputData[20062] =this.countData10(this.inputData[20062]);
+        }
+      })
+    },
+    //全选文本
+    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>
diff --git a/src/views/page/targetTemperature.vue b/src/views/page/targetTemperature.vue
index 0dabf98..9771fd7 100644
--- a/src/views/page/targetTemperature.vue
+++ b/src/views/page/targetTemperature.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="targetTemperature">
-      <div class="table-title">
+  <div class="targetTemperature">
+    <div class="table-title">
       <img src="../../assets/img/targetTemperature.png" alt="">目标温度
     </div>
     <div class="title-tips-bold">
@@ -9,76 +9,92 @@
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>1#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20000, $event)" v-model="inputData[20000]" @input="change(20000, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20001, $event)" v-model="inputData[20001]" @input="change(20001, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20003, $event)" v-model="inputData[20003]" @input="change(20003, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标温度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(20002, $event)" v-model="inputData[20002]" @input="changeCountData(20002, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>2#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20004, $event)" v-model="inputData[20004]" @input="change(20004, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20005, $event)" v-model="inputData[20005]" @input="change(20005, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20007, $event)" v-model="inputData[20007]" @input="change(20007, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标温度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(20006, $event)" v-model="inputData[20006]" @input="changeCountData(20006, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>3#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20008, $event)" v-model="inputData[20008]" @input="change(20008, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20009, $event)" v-model="inputData[20009]" @input="change(20009, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20011, $event)" v-model="inputData[20011]" @input="change(20011, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标温度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(20010, $event)" v-model="inputData[20010]" @input="changeCountData(20010, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view shrink-none padding-none">
       <div class="input-main-80">
         <span>4#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20012, $event)" v-model="inputData[20012]" @input="change(20012, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20013, $event)" v-model="inputData[20013]" @input="change(20013, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20015, $event)" v-model="inputData[20015]" @input="change(20015, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标温度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(20014, $event)" v-model="inputData[20014]" @input="changeCountData(20014, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
@@ -89,93 +105,290 @@
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>1#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20016, $event)" v-model="inputData[20016]" @input="change(20016, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20017, $event)" v-model="inputData[20017]" @input="change(20017, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+         <input @blur="blurChange(20019, $event)" v-model="inputData[20019]" @input="change(20019, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标温度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(20018, $event)" v-model="inputData[20018]" @input="changeCountData(20018, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>2#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20020, $event)" v-model="inputData[20020]" @input="change(20020, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20021, $event)" v-model="inputData[20021]" @input="change(20021, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20023, $event)" v-model="inputData[20023]" @input="change(20023, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标温度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(20022, $event)" v-model="inputData[20022]" @input="changeCountData(20022, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>3#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20024, $event)" v-model="inputData[20024]" @input="change(20024, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20025, $event)" v-model="inputData[20025]" @input="change(20025, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20027, $event)" v-model="inputData[20027]" @input="change(20027, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标温度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(20026, $event)" v-model="inputData[20026]" @input="changeCountData(20026, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
     <div class="flex-view border-none shrink-none padding-none">
       <div class="input-main-80">
         <span>4#时段起始时间：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20028, $event)" v-model="inputData[20028]" @input="change(20028, $event)"
+         type="text" placeholder="0">
         <span>:</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20029, $event)" v-model="inputData[20029]" @input="change(20029, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>过渡时间(分钟)：</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChange(20031, $event)" v-model="inputData[20031]" @input="change(20031, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
       <div class="input-main-80">
         <span>目标温度</span>
-        <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(20030, $event)" v-model="inputData[20030]" @input="changeCountData(20030, $event)"
+         type="text" placeholder="0">
         <span></span>
       </div>
     </div>
-    </div>
-  </template>
-  <script>
-  export default {
-    data(){
-        return {}
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      timer: null,
+      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);
+      }
+
     },
-    mounted(){},
-    methods:{},
-  
-  }
-  </script>
-  <style lang="scss">
-  
-  </style>
+    //反向计算 计算公式 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.targetValue(data).then(res => {
+        if (res.data.code == 200) {
+          this.inputData = res.data.data;
+          this.inputData[20002] =this.countData(this.inputData[20002]);
+          this.inputData[20006] =this.countData(this.inputData[20006]);
+          this.inputData[20010] =this.countData(this.inputData[20010]);
+          this.inputData[20014] =this.countData(this.inputData[20014]);
+          this.inputData[20018] =this.countData(this.inputData[20018]);
+          this.inputData[20022] =this.countData(this.inputData[20022]);
+          this.inputData[20026] =this.countData(this.inputData[20026]);
+          this.inputData[20030] =this.countData(this.inputData[20030]);
+        }
+      })
+    },
+    //全选文本
+    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>
   
   
\ No newline at end of file
diff --git a/src/views/page/wetFan.vue b/src/views/page/wetFan.vue
index 95c8deb..348cf26 100644
--- a/src/views/page/wetFan.vue
+++ b/src/views/page/wetFan.vue
@@ -8,13 +8,13 @@
         </div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1,21950)" :class="inputData[21950] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
                 </div>
-                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(2,21950)" :class="inputData[21950] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(3,21950)" :class="inputData[21950] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
             </div>
@@ -22,19 +22,19 @@
         <div class="text-tips">手动打开时风机启动</div>
         <div class="flex-view border-none">
             <div class="input-btn ">
-                <div class="btn blue btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(0)" :class="actList1[0] == '1' ? 'blue' : 'off'">
                     1#
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(1)" :class="actList1[1] == '1' ? 'blue' : 'off'">
                     2#
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(2)" :class="actList1[2] == '1' ? 'blue' : 'off'">
                     3#
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(3)" :class="actList1[3] == '1' ? 'blue' : 'off'">
                     4#
                 </div>
-                <div class="btn off btn-w80">
+                <div class="btn btn-w80" @click="changeIndexOpen(4)" :class="actList1[4] == '1' ? 'blue' : 'off'">
                     5#
                 </div>
             </div>
@@ -42,28 +42,32 @@
         <div class="text-tips">工作时段限制</div>
         <div class="flex-view border-none">
             <div class="input-main-80">
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21952, $event)" v-model="inputData[21952]" @input="change(21952, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21953, $event)" v-model="inputData[21953]" @input="change(21953, $event)"
+                 type="text" placeholder="0">
                 <span>-</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21954, $event)" v-model="inputData[21954]" @input="change(21954, $event)"
+                 type="text" placeholder="0">
                 <span>:</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21955, $event)" v-model="inputData[21955]" @input="change(21955, $event)"
+                 type="text" placeholder="0">
             </div>
         </div>
         <div class="text-tips">工作时段限制</div>
         <div class="flex-view shrink-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+               <div class="btn btn-w80" @click="changeOpen(1,21956)" :class="inputData[21956] == 1 ? 'blue' : 'off'">
+                    {{inputData[21956] == 1 ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>工作模式一</span>
             </div>
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                 <div class="btn btn-w80" @click="changeOpen(2,21956)" :class="inputData[21956] == 2 ? 'blue' : 'off'">
+                    {{inputData[21956] == 2 ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
@@ -73,110 +77,131 @@
         <div class="flex-view shrink-none">
             <div class="input-main-80">
                 <span>工作模式一：风机湿帘工作最大级数</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21959, $event)" v-model="inputData[21959]" @input="change(21959, $event)"
+                 type="text" placeholder="0">
                 <span>风机湿帘工作调整时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21961, $event)" v-model="inputData[21961]" @input="change(21961, $event)"
+                 type="text" placeholder="0">
                 <span>分</span>
             </div>
         </div>
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen1(0)" :class="actList2[0] == '1' ? 'blue' : 'off'">
+                    {{actList2[0] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>室外温度小于</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChangeCount(21958, $event)" v-model="inputData[21958]" @input="changeCountData(21958, $event)"
+                 type="text" placeholder="0">
                 <span>时，禁止启动风机。</span>
             </div>
         </div>
 
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen1(1)" :class="actList2[1] == '1' ? 'blue' : 'off'">
+                    {{actList2[1] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>实测温度大于目标温度</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(21960, $event)" v-model="inputData[21960]" @input="changeCount10(21960, $event)"
+                 type="text" placeholder="0">
                 <span>时，跳过天窗直接启动风机。</span>
             </div>
         </div>
-
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn btn-w80" @click="changeIndexOpen1(2)" :class="actList2[2] == '1' ? 'blue' : 'off'">
+                    {{actList2[2] == '1' ? '有效' : '无效'}}
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>预留条件</span>
+            </div>
+        </div>
         <div class="flex-view shrink-none padding-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen1(3)" :class="actList2[3] == '1' ? 'blue' : 'off'">
+                    {{actList2[3] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>湿帘结束后，风机延时吹干湿帘时间</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21962, $event)" v-model="inputData[21962]" @input="change(21962, $event)"
+                 type="text" placeholder="0">
+                 <span>分钟</span>
             </div>
         </div>
 
         <div class="flex-view  shrink-none">
             <div class="input-main-80">
                 <span>工作模式二：控温精度滞回带</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange10(21964, $event)" v-model="inputData[21964]" @input="changeCount10(21964, $event)"
+                type="text" placeholder="0">
             </div>
         </div>
 
         <div class="flex-view padding-none border-none shrink-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen2(0)" :class="actList3[0] == '1' ? 'blue' : 'off'">
+                    {{actList3[0] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>温度大于</span>
-                <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(21965, $event)" v-model="inputData[21965]" @input="changeCountData(21965, $event)"
+                 type="text" placeholder="0">
                 <span>时，启动1#风机。</span>
             </div>
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen2(1)" :class="actList3[1] == '1' ? 'blue' : 'off'">
+                    {{actList3[1] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>温度大于</span>
-                <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(21966, $event)" v-model="inputData[21966]" @input="changeCountData(21966, $event)"
+                 type="text" placeholder="0">
                 <span>时，启动2#风机。</span>
             </div>
         </div>
         <div class="flex-view padding-none border-none shrink-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen2(2)" :class="actList3[2] == '1' ? 'blue' : 'off'">
+                    {{actList3[2] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>温度大于</span>
-                <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(21967, $event)" v-model="inputData[21967]" @input="changeCountData(21967, $event)"
+                 type="text" placeholder="0">
                 <span>时，启动3#风机。</span>
             </div>
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen2(3)" :class="actList3[3] == '1' ? 'blue' : 'off'">
+                    {{actList3[3] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>温度大于</span>
-                <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(21968, $event)" v-model="inputData[21968]" @input="changeCountData(21968, $event)"
+                 type="text" placeholder="0">
                 <span>时，启动4#风机。</span>
             </div>
         </div>
         <div class="flex-view padding-none shrink-none">
             <div class="input-btn">
-                <div class="btn off btn-w80">
-                    无效
+                <div class="btn btn-w80" @click="changeIndexOpen2(4)" :class="actList3[4] == '1' ? 'blue' : 'off'">
+                    {{actList3[4] == '1' ? '有效' : '无效'}}
                 </div>
             </div>
             <div class="input-main-80">
                 <span>温度大于</span>
-                <input type="text" placeholder="0">
+        <input @blur="blurChangeCount(21969, $event)" v-model="inputData[21969]" @input="changeCountData(21969, $event)"
+                 type="text" placeholder="0">
                 <span>时，启动5#风机。</span>
             </div>
         </div>
@@ -186,13 +211,13 @@
                 <span>湿帘水泵1:</span>
             </div>
             <div class="input-btn ">
-                <div class="btn" :class="openIndex1 == 1 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1,21970)" :class="inputData[21970] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
                 </div>
-                <div class="btn" :class="openIndex1 == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(2,21970)" :class="inputData[21970] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex1 == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(3,21970)" :class="inputData[21970] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
             </div>
@@ -200,7 +225,8 @@
         <div class="flex-view shrink-none">
             <div class="input-main-80">
                 <span>降温需求到达</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21971, $event)" v-model="inputData[21971]" @input="change(21971, $event)"
+                 type="text" placeholder="0">
                 <span>级时，湿帘泵1启动。</span>
             </div>
         </div>
@@ -210,13 +236,13 @@
                 <span>湿帘水泵2:</span>
             </div>
             <div class="input-btn ">
-                <div class="btn" :class="openIndex2 == 1 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1,21972)" :class="inputData[21972] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
                 </div>
-                <div class="btn" :class="openIndex2 == 2 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(2,21972)" :class="inputData[21972] == 2 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
                 </div>
-                <div class="btn" :class="openIndex2 == 3 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(3,21972)" :class="inputData[21972] == 3 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
                 </div>
             </div>
@@ -224,7 +250,8 @@
         <div class="flex-view border-none shrink-none">
             <div class="input-main-80">
                 <span>降温需求到达2</span>
-                <input type="text" placeholder="0">
+                <input @blur="blurChange(21972, $event)" v-model="inputData[21972]" @input="change(21972, $event)"
+                 type="text" placeholder="0">
                 <span>级时，湿帘泵2启动。</span>
             </div>
         </div>
@@ -234,13 +261,297 @@
 export default {
     data() {
         return {
-            openIndex: 1,
-            openIndex1: 1,
-            openIndex2: 1,
+            inputData: [],
+            actList1: [],
+            actList2: [],
+            actList3: [],
         }
     },
-    mounted() { },
-    methods: {},
+    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)
+        },
+        //开关无效
+        changeIndexOpen(active) {
+            if (this.actList1[active] == '1') {
+                this.actList1[active] = '0'
+            } else {
+                this.actList1[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList1.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num,2),
+                },
+            };
+            this.changeBtn(21951, dataNum);
+        },
+           //开关无效
+           changeIndexOpen1(active) {
+            if (this.actList2[active] == '1') {
+                this.actList2[active] = '0'
+            } else {
+                this.actList2[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList2.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn(21957, dataNum);
+        },
+           //开关无效
+           changeIndexOpen2(active) {
+            if (this.actList3[active] == '1') {
+                this.actList3[active] = '0'
+            } else {
+                this.actList3[active] = '1'
+            }
+            this.$forceUpdate();
+            var revList = this.actList3.slice().reverse()
+            var num = revList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn(21963, dataNum);
+        },
+        getActive1() {
+            this.actList1 = []
+            var num = this.inputData[21951]
+
+            var num1 = this.padString(num.toString(2), 5)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList1 = openListNew.reverse();
+        },
+        getActive2() {
+            this.actList2 = []
+            var num = this.inputData[21957]
+
+            var num1 = this.padString(num.toString(2), 4)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList2 = openListNew.reverse();
+        },
+        getActive3() {
+            this.actList3 = []
+            var num = this.inputData[21963]
+
+            var num1 = this.padString(num.toString(2), 5)
+            var openListNew = []
+            openListNew = num1.split("")
+            this.actList3 = openListNew.reverse();
+        },
+        // 工作方式选择
+        changeOpen(index,code) {
+            this.inputData[code] = index;
+            var dataNum = {
+                target: {
+                    value: index,
+                },
+            };
+            this.changeBtn(code, dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.fanwetcurtain(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.inputData[21958]=this.countData(this.inputData[21958])
+                    this.inputData[21960]=this.countData10(this.inputData[21960])
+                    this.inputData[21964]=this.countData10(this.inputData[21964])
+                    this.inputData[21965]=this.countData(this.inputData[21965])
+                    this.inputData[21966]=this.countData(this.inputData[21966])
+                    this.inputData[21967]=this.countData(this.inputData[21967])
+                    this.inputData[21968]=this.countData(this.inputData[21968])
+                    this.inputData[21969]=this.countData(this.inputData[21969])
+                    this.inputData[21976]=this.countData(this.inputData[21976])
+                    this.inputData[21977]=this.countData10(this.inputData[21977])
+                    this.inputData[21981]=this.countData(this.inputData[21981])
+                    this.inputData[21982]=this.countData10(this.inputData[21982])
+                    this.getActive1()
+                    this.getActive2()
+                    this.getActive3()
+                }
+            })
+        },
+        //二进制转换后的补全
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        //全选文本
+        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>

From da2fbbce7e3c09c34f0929fbebf73bd94da08311 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?home=E5=AD=99?= <1162067978@qq.com>
Date: Thu, 28 Dec 2023 14:35:11 +0800
Subject: [PATCH 2/2] 1

---
 src/views/index.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 5f40f5e..ddf91f1 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -309,7 +309,16 @@ export default {
                     this.$message('当前设备为离线状态');
                 } else if (item.router == 'formula' && this.$route.query.index != item.index) {
 
-                    if (this.routerNow == 'realTime') {
+                   if (item.router == 'formula') {
+
+                        this.$store.state.equipmentIndex = item.index
+                        this.routerIndex = item.index
+                        if (item.deviceName == 10) {
+                            this.$router.push({ path: `/skylight?change=${item.index}` })
+                        } else if (item.deviceName == 1 && this.routerNow != 'irrigateSet') {
+                            this.$router.push({ path: `/irrigateSet?change=${item.index}` })
+                        }
+                    } else if (this.routerNow == 'realTime') {
                         this.$store.state.equipmentIndex = item.index
                         this.$router.push({ path: `/realTime?index=${item.index ? item.index : 1}&name=${item.deviceName}` })
                     } else if (this.routerNow == 'formula') {
@@ -321,16 +330,7 @@ export default {
                     } else if (this.routerNow == 'dataAnalysis') {
                         this.$store.state.equipmentIndex = item.index
                         this.$router.push({ path: `/dataAnalysis?index=${item.index ? item.index : 1}` })
-                    } else if (item.router == 'formula') {
-
-                        this.$store.state.equipmentIndex = item.index
-                        this.routerIndex = item.index
-                        if (item.deviceName == 10) {
-                            this.$router.push({ path: `/skylight?change=${item.index}` })
-                        } else if (item.deviceName == 1 && this.routerNow != 'irrigateSet') {
-                            this.$router.push({ path: `/irrigateSet?change=${item.index}` })
-                        }
-                    }
+                    } 
                 } else if (item.router == 'formula' && this.$route.query.index == item.index) {
                     return 
                 } else if (item.router != this.routerNow && !item.http) {