diff --git a/src/App.vue b/src/App.vue
index 9f938df..37439eb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,6 +9,14 @@
         return {
         }
     },
+    created(){
+    if (sessionStorage.getItem("store") ) { //在页面加载时读取sessionStorage里的状态信息
+        this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store"))))
+    }
+    window.addEventListener("beforeunload",()=>{ //在页面刷新时将vuex里的信息保存到sessionStorage里
+        sessionStorage.setItem("store",JSON.stringify(this.$store.state))
+    })
+    },
     mounted(){
  let inputList = document.querySelectorAll('input');
    for (let index = 0; index < inputList.length; index++) {
diff --git a/src/api/index.js b/src/api/index.js
index e74fc33..b67c915 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -116,4 +116,32 @@ export default {
   getUser(data){
     return sendGetRequest('/api/sel/user',data)
   },
+
+
+  //控制器接口
+  //控制器实时数据
+  getControlRtdata(data){
+    return sendPostRequest("/getcontrol/rtdata?equipmentId="+data, '');
+  },
+  //控制器实时数据折线图
+  getControlFsdata(data){
+    return sendPostRequest("/getcontrol/fsdata?equipmentId="+data, '');
+  },
+  //控制器数据上传数据获取
+  getControldataUpload(data){
+    return sendGetRequest('/readControl/dataUpload',data)
+  },
+  //控制器写入数据
+  postControlWrite(data){
+    return sendPostRequest("/writeJinHuaControl/write", data);
+  },
+  //控制器传感器通道
+  getReadControlSensorChannel(data){
+    return sendGetRequest('/readControl/sensorChannel',data)
+  },
+  //控制器 顶模和风机
+  getReadControlliShuiControl(data){
+    return sendGetRequest('/readControl/liShuiControl',data)
+  },
+  
 };
\ No newline at end of file
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 6fd3c21..0256de0 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -423,6 +423,10 @@
   padding: 0 8px;
 }
 
+.input-sel > .title {
+  margin-bottom: 11px;
+}
+
 .input-sel .el-dropdown-link {
   width: 300px;
   height: 44px;
@@ -758,7 +762,7 @@
 }
 
 .btn {
-  margin: 0 8px;
+  margin: 0 8px !important;
   padding: 0 20px;
   border-radius: 3px;
   height: 40px;
@@ -771,6 +775,7 @@
   color: #FFFFFF;
   cursor: pointer;
   white-space: nowrap;
+  min-width: 120px;
 }
 
 .btn > img {
@@ -787,6 +792,12 @@
   background: #0294E2;
 }
 
+.btn.off {
+  background: #003070;
+  border: 1px solid rgba(2, 148, 226, 0.5);
+  color: #00C0F7;
+}
+
 .irrigateSet .open-btn {
   width: 300px;
   height: 54px;
@@ -936,11 +947,28 @@
   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 {
@@ -1070,6 +1098,70 @@
   margin-right: 30px;
 }
 
+.sensorSet .sensor-type .sensor-title {
+  font-size: 20px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  color: #FFFFFF;
+  padding: 20px 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);
@@ -1659,3 +1751,105 @@
   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 .input-sel {
+  margin-right: 20px;
+}
+
+.skylight .flex-view {
+  border: none;
+}
+
+.skylight .input-main {
+  margin-right: 20px;
+}
+
+.skylight .input-main > input {
+  width: 260px;
+}
+
+.fan .bold-title {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css
index 539ff33..c5ac3a8 100644
--- a/src/assets/css/main.min.css
+++ b/src/assets/css/main.min.css
@@ -1 +1 @@
-.scroll,.el-dropdown-menu,.formula .page-content,.history .page-content .el-table--scrollable-x .el-table__body-wrapper{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.el-date-table td span,.el-date-range-picker__header div{color:#606266}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !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}.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}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:1920px 1080px;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}.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}.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 .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}.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-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 .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}.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}.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}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88}.btn.blue{background:#0294E2}.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>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap}.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 .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:30px 0}.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}.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}.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}.realTime .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:20px 30px}.realTime .page-content .timeNow{text-align:center;position:absolute;right:30px;top:42px;width:240px;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;flex-direction:column;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:80px;height:80px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{margin:5px 0}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:106px;height:40px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:20px;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:440px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left{width:43%;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>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 43%);min-width:230px;height:100%}.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}.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)}
+.scroll,.el-dropdown-menu,.formula .page-content,.history .page-content .el-table--scrollable-x .el-table__body-wrapper{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.el-date-table td span,.el-date-range-picker__header div{color:#606266}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !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}.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}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:1920px 1080px;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}.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}.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>.title{margin-bottom:11px}.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}.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-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 .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}.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}.btn{margin:0 8px !important;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>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88}.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 .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:30px 0}.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}.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 .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 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}.realTime .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:20px 30px}.realTime .page-content .timeNow{text-align:center;position:absolute;right:30px;top:42px;width:240px;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;flex-direction:column;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:80px;height:80px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{margin:5px 0}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:106px;height:40px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:20px;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:440px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left{width:43%;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>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 43%);min-width:230px;height:100%}.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}.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 .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .input-main{margin-right:20px}.skylight .input-main>input{width:260px}.fan .bold-title{margin-top:20px;margin-bottom:10px}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 76caae1..0394b2b 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -177,24 +177,25 @@
 
     &.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);
-    
-            .name {
-    
-                color: #fff !important;
-            }
-    
-        }
+            &.active {
+                .el-collapse-item__header {
+                    background: rgba(255, 255, 255, 0.1);
+                    border: 1px solid rgba(255, 255, 255, 0.3);
+
+                    .name {
+
+                        color: #fff !important;
+                    }
+
+                }
             }
         }
+
         .el-collapse-item__header {
-            .name{
-            color: #A8B6C8;
-           }
-         
+            .name {
+                color: #A8B6C8;
+            }
+
         }
 
         .table-ul {
@@ -450,6 +451,9 @@
 }
 
 .input-sel {
+    >.title{
+        margin-bottom: 11px;
+    }
     .el-dropdown-link {
         width: 300px;
         height: 44px;
@@ -796,7 +800,7 @@
 }
 
 .btn {
-    margin: 0 8px;
+    margin: 0 8px!important;
     padding: 0 20px;
     border-radius: 3px;
     height: 40px;
@@ -809,7 +813,7 @@
     color: #FFFFFF;
     cursor: pointer;
     white-space: nowrap;
-
+    min-width: 120px;
     >img {
         margin-right: 10px;
         width: 14px;
@@ -823,6 +827,11 @@
     &.blue {
         background: #0294E2;
     }
+    &.off{
+        background: #003070;
+        border: 1px solid rgba(2,148,226,0.5);
+        color: #00C0F7;
+    }
 }
 
 .irrigateSet {
@@ -985,11 +994,32 @@
         grid-column-gap: 20px; //横向间隔
         padding: 19px 30px;
 
+        &.upload-content1 {
+            height: auto;
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            align-items: center;
+            // grid-template-columns: repeat(2, 1fr);
+            // grid-row-gap: 20px; //纵向间隔
+            // grid-column-gap: 20px; //横向间隔
+            padding: 19px 30px;
+
+            >div {
+
+                width: 218px;
+                height: 45px;
+                margin-bottom: 20px;
+            }
+        }
+
         >div {
             display: flex;
             align-items: center;
             cursor: pointer;
+            flex-shrink: 0;
             white-space: nowrap;
+            max-height: 50px;
 
             >.no-sel {
                 margin-right: 10px;
@@ -1126,6 +1156,69 @@
         }
     }
 
+    .sensor-type {
+        .sensor-title {
+            font-size: 20px;
+            font-family: Microsoft YaHei;
+            font-weight: bold;
+            color: #FFFFFF;
+            padding: 20px 0;
+        }
+
+        .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;
+
+            .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;
+            }
+            .sensor-sel{
+                display: flex;
+                align-items: center;
+                width: calc(100% - 120px);
+                
+                >div {
+                    display: flex;
+                    align-items: center;
+                    cursor: pointer;
+                    flex-shrink: 0;
+                    white-space: nowrap;
+                    max-height: 50px;
+                    padding: 0 20px;
+                    >.no-sel {
+                        margin-right: 10px;
+                        width: 35px;
+                        height: 35px;
+                        box-shadow: 0 0 15px rgba(53, 187, 247, 0.50) inset;
+                        border: 1px solid rgba(0, 204, 255, 0.70);
+                        border-radius: 50%;
+                    }
+        
+                    .sel {
+                        margin-right: 10px;
+                        width: 35px;
+                        height: 35px;
+                        background: url(../image/radio.png) no-repeat center;
+                        background-size: 100% 100%;
+                    }
+                }
+            }
+        }
+    }
 }
 
 .el-dialog__wrapper {
@@ -1746,6 +1839,7 @@
                 display: flex;
                 align-items: center;
                 flex-direction: column;
+
                 .manage-input {
 
                     >input {
@@ -1765,12 +1859,105 @@
                         background: rgba(0, 186, 255, 0.15);
                         border: 2px solid rgba(0, 186, 255, 0.40);
 
-                        >div {
-
-                        }
+                        >div {}
                     }
                 }
             }
         }
     }
+}
+.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;
+.title{
+    font-size: 20px;
+font-family: Microsoft YaHei;
+font-weight: bold;
+color: #FFFFFF;
+}
+span{
+    padding: 0 10px;
+}
+.line{
+    width: 1px;
+    height: 40px;
+    background: #0294E2;
+    opacity: 0.5;
+    margin: 0 20px;
+}
+    .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;
+        
+        &::placeholder {
+            color: rgba(133, 155, 182, 1);
+        }
+    }
+    .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;
+        
+        &::placeholder {
+            color: rgba(133, 155, 182, 1);
+        }
+    }
+    .input-100{
+        width: 100px;
+        height: 44px;
+        background: rgba(0,48,112,0.75);
+        border: 1px solid rgba(0, 186, 255, 0.80);
+        padding-left: 11px;
+        
+        &::placeholder {
+            color: rgba(133, 155, 182, 1);
+        }
+    }
+}
+.bold-title{
+    font-size: 20px;
+font-family: Microsoft YaHei;
+font-weight: bold;
+color: #FFFFFF;
+}
+.padding-none{
+    padding: 0;
+}
+.margin-none{
+    margin: 0;
+}
+.skylight{
+    .input-sel{
+        margin-right: 20px;
+        .el-dropdown-link{
+            // width: 260px;
+        }
+    }
+    .flex-view{
+        border: none;
+    }
+    .input-main{
+        margin-right: 20px;
+        >input{
+            width: 260px;
+        }
+    }
+}
+
+.fan{
+    .bold-title{
+        margin-top: 20px;
+        margin-bottom: 10px;
+    }
 }
\ No newline at end of file
diff --git a/src/assets/image/real-time-1.png b/src/assets/image/real-time-1.png
index 9b182fa..682f4f8 100644
Binary files a/src/assets/image/real-time-1.png and b/src/assets/image/real-time-1.png differ
diff --git a/src/assets/image/real-time-10.png b/src/assets/image/real-time-10.png
new file mode 100644
index 0000000..21dde72
Binary files /dev/null and b/src/assets/image/real-time-10.png differ
diff --git a/src/assets/image/real-time-11.png b/src/assets/image/real-time-11.png
new file mode 100644
index 0000000..f355838
Binary files /dev/null and b/src/assets/image/real-time-11.png differ
diff --git a/src/assets/image/real-time-12.png b/src/assets/image/real-time-12.png
new file mode 100644
index 0000000..5109efa
Binary files /dev/null and b/src/assets/image/real-time-12.png differ
diff --git a/src/assets/image/real-time-13.png b/src/assets/image/real-time-13.png
new file mode 100644
index 0000000..d92d218
Binary files /dev/null and b/src/assets/image/real-time-13.png differ
diff --git a/src/assets/image/real-time-14.png b/src/assets/image/real-time-14.png
new file mode 100644
index 0000000..9701be1
Binary files /dev/null and b/src/assets/image/real-time-14.png differ
diff --git a/src/assets/image/real-time-15.png b/src/assets/image/real-time-15.png
new file mode 100644
index 0000000..b9d92d7
Binary files /dev/null and b/src/assets/image/real-time-15.png differ
diff --git a/src/assets/image/real-time-16.png b/src/assets/image/real-time-16.png
new file mode 100644
index 0000000..d44f1b1
Binary files /dev/null and b/src/assets/image/real-time-16.png differ
diff --git a/src/assets/image/real-time-17.png b/src/assets/image/real-time-17.png
new file mode 100644
index 0000000..3418e5d
Binary files /dev/null and b/src/assets/image/real-time-17.png differ
diff --git a/src/assets/image/real-time-18.png b/src/assets/image/real-time-18.png
new file mode 100644
index 0000000..d67abf3
Binary files /dev/null and b/src/assets/image/real-time-18.png differ
diff --git a/src/assets/image/real-time-19.png b/src/assets/image/real-time-19.png
new file mode 100644
index 0000000..f13692b
Binary files /dev/null and b/src/assets/image/real-time-19.png differ
diff --git a/src/assets/image/real-time-2.png b/src/assets/image/real-time-2.png
new file mode 100644
index 0000000..d5206cb
Binary files /dev/null and b/src/assets/image/real-time-2.png differ
diff --git a/src/assets/image/real-time-20.png b/src/assets/image/real-time-20.png
new file mode 100644
index 0000000..94ea9a6
Binary files /dev/null and b/src/assets/image/real-time-20.png differ
diff --git a/src/assets/image/real-time-21.png b/src/assets/image/real-time-21.png
new file mode 100644
index 0000000..38b5e98
Binary files /dev/null and b/src/assets/image/real-time-21.png differ
diff --git a/src/assets/image/real-time-22.png b/src/assets/image/real-time-22.png
new file mode 100644
index 0000000..512ac38
Binary files /dev/null and b/src/assets/image/real-time-22.png differ
diff --git a/src/assets/image/real-time-23.png b/src/assets/image/real-time-23.png
new file mode 100644
index 0000000..48f9861
Binary files /dev/null and b/src/assets/image/real-time-23.png differ
diff --git a/src/assets/image/real-time-24.png b/src/assets/image/real-time-24.png
new file mode 100644
index 0000000..333b8cc
Binary files /dev/null and b/src/assets/image/real-time-24.png differ
diff --git a/src/assets/image/real-time-25.png b/src/assets/image/real-time-25.png
new file mode 100644
index 0000000..6d7129f
Binary files /dev/null and b/src/assets/image/real-time-25.png differ
diff --git a/src/assets/image/real-time-26.png b/src/assets/image/real-time-26.png
new file mode 100644
index 0000000..e3d1160
Binary files /dev/null and b/src/assets/image/real-time-26.png differ
diff --git a/src/assets/image/real-time-27.png b/src/assets/image/real-time-27.png
new file mode 100644
index 0000000..e1d66e2
Binary files /dev/null and b/src/assets/image/real-time-27.png differ
diff --git a/src/assets/image/real-time-28.png b/src/assets/image/real-time-28.png
new file mode 100644
index 0000000..9e3365f
Binary files /dev/null and b/src/assets/image/real-time-28.png differ
diff --git a/src/assets/image/real-time-29.png b/src/assets/image/real-time-29.png
new file mode 100644
index 0000000..9ed28a0
Binary files /dev/null and b/src/assets/image/real-time-29.png differ
diff --git a/src/assets/image/real-time-3.png b/src/assets/image/real-time-3.png
new file mode 100644
index 0000000..41240ad
Binary files /dev/null and b/src/assets/image/real-time-3.png differ
diff --git a/src/assets/image/real-time-30.png b/src/assets/image/real-time-30.png
new file mode 100644
index 0000000..9d9fcef
Binary files /dev/null and b/src/assets/image/real-time-30.png differ
diff --git a/src/assets/image/real-time-31.png b/src/assets/image/real-time-31.png
new file mode 100644
index 0000000..f7f3cdf
Binary files /dev/null and b/src/assets/image/real-time-31.png differ
diff --git a/src/assets/image/real-time-32.png b/src/assets/image/real-time-32.png
new file mode 100644
index 0000000..9667af9
Binary files /dev/null and b/src/assets/image/real-time-32.png differ
diff --git a/src/assets/image/real-time-33.png b/src/assets/image/real-time-33.png
new file mode 100644
index 0000000..d2ef594
Binary files /dev/null and b/src/assets/image/real-time-33.png differ
diff --git a/src/assets/image/real-time-34.png b/src/assets/image/real-time-34.png
new file mode 100644
index 0000000..e8a47a7
Binary files /dev/null and b/src/assets/image/real-time-34.png differ
diff --git a/src/assets/image/real-time-35.png b/src/assets/image/real-time-35.png
new file mode 100644
index 0000000..093c72b
Binary files /dev/null and b/src/assets/image/real-time-35.png differ
diff --git a/src/assets/image/real-time-36.png b/src/assets/image/real-time-36.png
new file mode 100644
index 0000000..b1113c5
Binary files /dev/null and b/src/assets/image/real-time-36.png differ
diff --git a/src/assets/image/real-time-37.png b/src/assets/image/real-time-37.png
new file mode 100644
index 0000000..8d2d095
Binary files /dev/null and b/src/assets/image/real-time-37.png differ
diff --git a/src/assets/image/real-time-38.png b/src/assets/image/real-time-38.png
new file mode 100644
index 0000000..152230b
Binary files /dev/null and b/src/assets/image/real-time-38.png differ
diff --git a/src/assets/image/real-time-39.png b/src/assets/image/real-time-39.png
new file mode 100644
index 0000000..9890295
Binary files /dev/null and b/src/assets/image/real-time-39.png differ
diff --git a/src/assets/image/real-time-4.png b/src/assets/image/real-time-4.png
new file mode 100644
index 0000000..763a503
Binary files /dev/null and b/src/assets/image/real-time-4.png differ
diff --git a/src/assets/image/real-time-40.png b/src/assets/image/real-time-40.png
new file mode 100644
index 0000000..cb1f2ef
Binary files /dev/null and b/src/assets/image/real-time-40.png differ
diff --git a/src/assets/image/real-time-41.png b/src/assets/image/real-time-41.png
new file mode 100644
index 0000000..559993d
Binary files /dev/null and b/src/assets/image/real-time-41.png differ
diff --git a/src/assets/image/real-time-42.png b/src/assets/image/real-time-42.png
new file mode 100644
index 0000000..d415378
Binary files /dev/null and b/src/assets/image/real-time-42.png differ
diff --git a/src/assets/image/real-time-43.png b/src/assets/image/real-time-43.png
new file mode 100644
index 0000000..d0fecb8
Binary files /dev/null and b/src/assets/image/real-time-43.png differ
diff --git a/src/assets/image/real-time-44.png b/src/assets/image/real-time-44.png
index 0abdcfa..7a41444 100644
Binary files a/src/assets/image/real-time-44.png and b/src/assets/image/real-time-44.png differ
diff --git a/src/assets/image/real-time-45.png b/src/assets/image/real-time-45.png
new file mode 100644
index 0000000..077b1c5
Binary files /dev/null and b/src/assets/image/real-time-45.png differ
diff --git a/src/assets/image/real-time-46.png b/src/assets/image/real-time-46.png
new file mode 100644
index 0000000..9d97dc3
Binary files /dev/null and b/src/assets/image/real-time-46.png differ
diff --git a/src/assets/image/real-time-47.png b/src/assets/image/real-time-47.png
new file mode 100644
index 0000000..ef9ad8f
Binary files /dev/null and b/src/assets/image/real-time-47.png differ
diff --git a/src/assets/image/real-time-48.png b/src/assets/image/real-time-48.png
new file mode 100644
index 0000000..de67977
Binary files /dev/null and b/src/assets/image/real-time-48.png differ
diff --git a/src/assets/image/real-time-49.png b/src/assets/image/real-time-49.png
new file mode 100644
index 0000000..10912e0
Binary files /dev/null and b/src/assets/image/real-time-49.png differ
diff --git a/src/assets/image/real-time-5.png b/src/assets/image/real-time-5.png
index 9b182fa..7d4284e 100644
Binary files a/src/assets/image/real-time-5.png and b/src/assets/image/real-time-5.png differ
diff --git a/src/assets/image/real-time-50.png b/src/assets/image/real-time-50.png
new file mode 100644
index 0000000..551d644
Binary files /dev/null and b/src/assets/image/real-time-50.png differ
diff --git a/src/assets/image/real-time-51.png b/src/assets/image/real-time-51.png
new file mode 100644
index 0000000..7ab336e
Binary files /dev/null and b/src/assets/image/real-time-51.png differ
diff --git a/src/assets/image/real-time-52.png b/src/assets/image/real-time-52.png
new file mode 100644
index 0000000..b942bb8
Binary files /dev/null and b/src/assets/image/real-time-52.png differ
diff --git a/src/assets/image/real-time-53.png b/src/assets/image/real-time-53.png
new file mode 100644
index 0000000..cb6d681
Binary files /dev/null and b/src/assets/image/real-time-53.png differ
diff --git a/src/assets/image/real-time-54.png b/src/assets/image/real-time-54.png
new file mode 100644
index 0000000..4fb3515
Binary files /dev/null and b/src/assets/image/real-time-54.png differ
diff --git a/src/assets/image/real-time-55.png b/src/assets/image/real-time-55.png
new file mode 100644
index 0000000..a17035c
Binary files /dev/null and b/src/assets/image/real-time-55.png differ
diff --git a/src/assets/image/real-time-56.png b/src/assets/image/real-time-56.png
new file mode 100644
index 0000000..bf6ed6e
Binary files /dev/null and b/src/assets/image/real-time-56.png differ
diff --git a/src/assets/image/real-time-57.png b/src/assets/image/real-time-57.png
new file mode 100644
index 0000000..c94aeb8
Binary files /dev/null and b/src/assets/image/real-time-57.png differ
diff --git a/src/assets/image/real-time-58.png b/src/assets/image/real-time-58.png
new file mode 100644
index 0000000..708254a
Binary files /dev/null and b/src/assets/image/real-time-58.png differ
diff --git a/src/assets/image/real-time-6.png b/src/assets/image/real-time-6.png
new file mode 100644
index 0000000..a9c1544
Binary files /dev/null and b/src/assets/image/real-time-6.png differ
diff --git a/src/assets/image/real-time-7.png b/src/assets/image/real-time-7.png
new file mode 100644
index 0000000..1fddc85
Binary files /dev/null and b/src/assets/image/real-time-7.png differ
diff --git a/src/assets/image/real-time-8.png b/src/assets/image/real-time-8.png
index 9b182fa..b56e359 100644
Binary files a/src/assets/image/real-time-8.png and b/src/assets/image/real-time-8.png differ
diff --git a/src/assets/image/real-time-9.png b/src/assets/image/real-time-9.png
index 0abdcfa..000105d 100644
Binary files a/src/assets/image/real-time-9.png and b/src/assets/image/real-time-9.png differ
diff --git a/src/assets/image/skylight.png b/src/assets/image/skylight.png
new file mode 100644
index 0000000..4eef256
Binary files /dev/null and b/src/assets/image/skylight.png differ
diff --git a/src/components/setParams.vue b/src/components/setParams.vue
index 2c79150..f8c7a32 100644
--- a/src/components/setParams.vue
+++ b/src/components/setParams.vue
@@ -77,7 +77,33 @@ export default {
         this.dataInit()
     },
     methods: {
+          //获取设备名称/配方名称
+          getByid() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.getByid(data).then((res) => {
+                if (res.data.code == 200) {
+                    store.equipmentName = res.data.data
+                    this.getList()
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+                this.loading = false
+            });
+        },
         dataInit() {
+            var store = this.$store.state
+            if(!store.equipmentName){
+                this.getByid()
+            }else{
+                this.getList()
+            }
+           
+
+        },
+        getList(){
             var store = this.$store.state
             store.nameList.forEach((el, index) => {
                 if (index < 8) {
@@ -92,8 +118,6 @@ export default {
                     }
                 }
             })
-            console.log(this.routerList[0], 11);
-
         },
         //去首页
         toHome(index) {
diff --git a/src/components/setParamsControl.vue b/src/components/setParamsControl.vue
new file mode 100644
index 0000000..0ccfc28
--- /dev/null
+++ b/src/components/setParamsControl.vue
@@ -0,0 +1,168 @@
+<template>
+    <div class="set-params collapse scroll">
+        <div class="set-top">
+            <img src="../assets/image/set-icon.png" alt="">设定值参数
+        </div>
+        <div class="set-tips">
+            <!-- <div @click="toHome($store.state.equipmentIndex)">
+                日光温室特殊参数（丽水项目）</div> -->
+        </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">
+                    <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">{{
+                                item1.name }} <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>{{
+                    item.name
+                }}</div>
+            </template>
+        </el-collapse>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            routerList: [
+                {
+                    name: '日光温室特殊参数(丽水项目)',router: 'skylight', list: [
+                        { name: '顶卷膜1', status: -1, router: 'skylight', index: 1 },
+                        { name: '顶卷膜2', status: -1, router: 'skylight', index: 2 },
+                        { name: '顶卷膜3', status: -1, router: 'skylight', index: 3 },
+                        { name: '顶卷膜4', status: -1, router: 'skylight', index: 4 },
+                    ]
+                },
+                {
+                    name: '风机', router: 'fan', list: [
+                    { name: '风机1', status: -1, router: 'fan', index: 1 },
+                    { name: '风机2', status: -1, router: 'fan', index: 2 },
+                    { name: '风机3', status: -1, router: 'fan', index: 3 },
+                    { name: '风机4', status: -1, router: 'fan', index: 4 },
+                    { name: '风机5', status: -1, router: 'fan', index: 5 },
+                    ]
+                },
+                // { name: '系统参数配置', list: [], router: 'systemSet-con', isRouter: true, },
+                { name: '传感器通道配置', list: [], router: 'sensorSet-con', isRouter: true, },
+                { name: '数据上传', list: [], router: 'upload-con', isRouter: true, },],
+            routerNow: 'skylight',
+            routerIndex: 1,
+
+        }
+    },
+    watch: {
+        "$route"(newName, oldName) {
+            this.gerRouter();
+        },
+    },
+    mounted() {
+        this.gerRouter();
+    },
+    methods: {
+        dataInit() {
+        
+
+        },
+        //去首页
+        toHome(index) {
+            this.$router.push({ path: `/status?eqbyIndex=` + index })
+        },
+        gerRouter() {
+            this.routerNow = this.$route.name;
+            this.routerIndex = this.$route.query.id ? this.$route.query.id : 1
+        },
+        toRouter(item) {
+            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) {
+
+                    this.$router.push({ name: item.router })
+
+                }
+            }
+        },
+    },
+
+}
+</script>
+<style lang="scss" scoped>
+.set-params {
+    width: 280px;
+    height: 100%;
+    background: rgba(0, 92, 178, 0.15);
+    border: 2px solid rgba(0, 186, 255, 0.20);
+
+    .set-top {
+        font-size: 20px;
+        font-family: Microsoft YaHei;
+        font-weight: bold;
+        color: #FFFFFF;
+        width: 100%;
+        padding-left: 20px;
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+
+        img {
+            width: 40px;
+            height: 40px;
+            margin-right: 10px;
+        }
+    }
+
+
+
+    .el-collapse-item {
+        &.active {}
+    }
+
+    .no-list {
+        color: #A8B6C8;
+
+        &.active {
+            background: rgba(255, 255, 255, 0.1);
+            border: 1px solid rgba(255, 255, 255, 0.3);
+            color: #fff;
+        }
+    }
+
+    .set-tips {
+        width: 100%;
+        border-bottom: 1px solid rgba(168, 182, 200, 0.2);
+        margin-top: 17px;
+        padding-bottom: 17px;
+        padding-left: 10px;
+        cursor: pointer;
+
+        >div {
+            width: 260px;
+            height: 40px;
+            // background: rgba(255, 255, 255, 0.1);
+            // border: 1px solid rgba(255, 255, 255, 0.3);
+            display: flex;
+            align-items: center;
+
+            padding-left: 10px;
+        }
+    }
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index e95e899..b39f4ae 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 import HomeView from '../views/HomeView.vue'
 import index from '../views/index.vue'
 import login from '../views/login.vue'
+import control from '../views/control.vue'
 Vue.use(VueRouter)
 
 const routes = [
@@ -68,6 +69,28 @@ const routes = [
       path: '/systemManage',
       name: 'systemManage',
       component: () => import('../views/page/systemManage.vue')
+    },  {
+      path: '/control',
+      name: 'control',
+      component: control,
+      redirect: '/skylight',
+      children: [{
+        path: '/skylight',
+        name: 'skylight',
+        component: () => import('../views/page/skylight.vue')
+      },{
+        path: '/fan',
+        name: 'fan',
+        component: () => import('../views/page/fan.vue')
+      },{
+        path: '/upload-con',
+        name: 'upload-con',
+        component: () => import('../views/page/upload-con.vue')
+      },{
+        path: '/sensorSet-con',
+        name: 'sensorSet-con',
+        component: () => import('../views/page/sensorSet-con.vue')
+      },]
     },]
   },
 ]
diff --git a/src/views/control.vue b/src/views/control.vue
new file mode 100644
index 0000000..6a233db
--- /dev/null
+++ b/src/views/control.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="formula control">
+        <setParamsControl></setParamsControl>
+        <div class="page-content">
+          <router-view></router-view>
+        </div>
+    
+    </div>
+  </template>
+  <script>
+import setParamsControl from "../components/setParamsControl.vue";
+  export default {
+     components: {
+      setParamsControl,
+  },
+    data(){
+        return {}
+    },
+    mounted(){},
+    methods:{},
+  
+  }
+  </script>
+  <style lang="scss">
+  
+  </style>
+  
+  
+
+
+
+ 
\ No newline at end of file
diff --git a/src/views/index.vue b/src/views/index.vue
index 5269fef..a8d0919 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -62,28 +62,29 @@ 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'], img: require('../assets/image/header-img0.png') },
+                { name: '设定值参数', router: 'status', index: 1, routerList: ['status','skylight', 'fan','upload-con','sensorSet-con'], 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
-                { name: '历史数据', router: '',index: 1, routerList: [''], img: require('../assets/image/header-img3.png') },
+                { name: '历史数据', router: '', index: 1, routerList: [''], img: require('../assets/image/header-img3.png') },
                 //dataAnalysis dataAnalysis
-                { name: '数据分析', router: '',index: 1, routerList: [''], img: require('../assets/image/header-img4.png') },
+                { name: '数据分析', router: '', index: 1, routerList: [''], img: require('../assets/image/header-img4.png') },
                 { name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img5.png') },
                 //systemManage systemManage
                 { name: '管理', router: '', routerList: [''], img: require('../assets/image/header-img6.png') }],
-            activeNames: [4],
+            activeNames: [3],
             leftList: [
                 { name: '首页', img: require('../assets/image/index-icon.png'), list: [], router: 'realTime', isRouter: true, },
-                { name: '一号温室', 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: [] },],
+                { name: '温室', routerList: ['realTime', 'skylight', 'control','fan','upload-con','sensorSet-con'], 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',
+            deviceName: 1,
             routerIndex: 1,
             equipmentList: [],
             userInfo: null,
             loading: true,//页面加载
-            IDTimer:null,
+            IDTimer: null,
         }
     },
     watch: {
@@ -99,8 +100,8 @@ export default {
             localStorage.setItem('token', router.token)
 
             this.api.getUser({ userId: router.userid }).then(res => {
-                var data=res.data.data
-                data.userid=router.userid
+                var data = res.data.data
+                data.userid = router.userid
                 localStorage.setItem('userInfo', JSON.stringify(data))
                 this.userInfo = JSON.parse(localStorage.getItem('userInfo'))
                 this.gerRouter();
@@ -114,14 +115,14 @@ export default {
             this.gerRouter();
             this.getEqbyid()
         }
-        this.IDTimer&&clearInterval( this.IDTimer)
-      this.IDTimer=  setInterval(() => {
+        this.IDTimer && clearInterval(this.IDTimer)
+        this.IDTimer = setInterval(() => {
             that.getEqbyid()
         }, 120000);
 
     },
-    beforeDestroy(){
-        this.IDTimer&&clearInterval( this.IDTimer)
+    beforeDestroy() {
+        this.IDTimer && clearInterval(this.IDTimer)
     },
     methods: {
         //获取设备名称/配方名称
@@ -151,20 +152,39 @@ export default {
                             index: index + 1,
                         };
                     });
-
-                    this.leftList.forEach((el, index) => {
-                        if (el.name == '施肥机') {
-                            this.leftList[index].list = this.$store.state.equipmentList
+                    this.leftList[1].list = []
+                    this.leftList[2].list = []
+                    this.$store.state.equipmentList.forEach((el, index) => {
+                        if (el.deviceName == 1) {
+                            this.leftList.forEach((el1, index1) => {
+                                if (el1.name == '施肥机') {
+                                    this.leftList[index1].list.push(el)
+                                }
+                            })
+                        } else {
+                            this.leftList.forEach((el1, index1) => {
+                                if (el1.name == '温室') {
+                                    this.leftList[index1].list.push(el)
+                                }
+                            })
                         }
                     })
+                    this.gerRouter()
                     this.getByid()
 
                 }
             })
         },
         gerRouter() {
-            this.routerIndex = this.$route.query.index ? this.$route.query.index : this.$store.state.equipmentIndex
+            var store=this.$store.state
+            this.routerIndex = this.$route.query.index ? this.$route.query.index : store.equipmentIndex
             this.routerNow = this.$route.name;
+            if(store.equipmentList.length){
+                this.deviceName =store.equipmentList[this.routerIndex - 1].deviceName
+            }else{
+
+            }
+             
         },
         loginOut() {
             this.api.loginOut().then((res) => {
@@ -193,12 +213,18 @@ export default {
                     this.$store.state.equipmentIndex = item.index
                     this.$router.push({ path: `/${item.router}?id=${item.index ? item.index : 1}` })
 
-                }else if (item.router == 'history' && this.$route.query.index != item.index) {
+                } else if (item.router == 'history' && this.$route.query.index != item.index) {
                     this.$router.push({ path: `/history?index=${item.index ? item.index : 1}` })
 
-                }else if (item.router == 'dataAnalysis' && this.$route.query.index != item.index) {
+                } else if (item.router == 'dataAnalysis' && this.$route.query.index != item.index) {
                     this.$router.push({ path: `/dataAnalysis?index=${item.index ? item.index : 1}` })
 
+                } else if (this.routerNow == 'realTime' && item.router == 'status' && this.deviceName == '10') {
+                    this.$router.push({ path: `/control` })
+                } else if (item.router == 'realTime') {
+                  
+                    this.$router.push({ path: `/realTime` })
+
                 } else if (item.router != this.routerNow && !item.http) {
                     this.$router.push({ name: item.router })
                 }
@@ -207,23 +233,36 @@ export default {
             }
         },
         toRouter1(item) {
+            console.log(item, 11, this.routerNow);
             if (item.router) {
                 if (item.http) {
                     window.location.href = item.http;
                 } else if (item.router == 'formula' && this.$route.query.index != item.index) {
+
                     if (this.routerNow == 'realTime') {
-                        this.$router.push({ path: `/realTime?index=${item.index ? item.index : 1}` })
-                    } else if(this.routerNow == 'formula'){
+                        this.$router.push({ path: `/realTime?index=${item.index ? item.index : 1}&name=${item.deviceName}` })
+                    } else if (this.routerNow == 'formula') {
                         this.$store.state.equipmentIndex = item.index
                         this.$router.push({ path: `/formula?index=${item.index ? item.index : 1}` })
-                    } else if(this.routerNow == 'history'){
+                    } else if (this.routerNow == 'history') {
                         this.$router.push({ path: `/history?index=${item.index ? item.index : 1}` })
-                    } else if(this.routerNow == 'dataAnalysis'){
+                    } else if (this.routerNow == 'dataAnalysis') {
                         this.$router.push({ path: `/dataAnalysis?index=${item.index ? item.index : 1}` })
+                    } else if (item.router == 'formula') {
+                        this.$store.state.equipmentIndex = item.index
+                        if (item.deviceName == 10) {
+                            this.$router.push({ path: `/control` })
+                        } else if (item.deviceName == 1) {
+                            this.$router.push({ path: `/irrigateSet` })
+                        }
                     }
-                }  else if (item.router != this.routerNow && !item.http) {
+                } else if (item.router == 'formula' && this.$route.query.index == item.index) {
+
+                } 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/fan.vue b/src/views/page/fan.vue
new file mode 100644
index 0000000..9ee4642
--- /dev/null
+++ b/src/views/page/fan.vue
@@ -0,0 +1,367 @@
+<template>
+    <div class="skylight fan">
+        <div class="table-title">
+            <img src="../../assets/image/skylight.png" alt=""> 风机{{ indexs }}
+        </div>
+        <div class="flex-view">
+            <div class="input-btn">
+                <div @click="changeOpen(1)" class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+
+                <div @click="changeOpen(2)" class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div @click="changeOpen(3)" class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+            </div>
+
+        </div>
+        <div class="flex-view">
+            <div @click="changeIndexOpen(1)" class="btn" :class="actList1[1]=='1'?'blue':'off'">
+                一号风组
+            </div>
+            <div @click="changeIndexOpen(2)" class="btn" :class="actList1[2]=='1'?'blue':'off'">
+                二号风组
+            </div>
+            <div @click="changeIndexOpen(3)" class="btn" :class="actList1[3]=='1'?'blue':'off'">
+                三号风组
+            </div>
+            <div @click="changeIndexOpen(4)" class="btn" :class="actList1[4]=='1'?'blue':'off'">
+                四号风组
+            </div>
+            <div @click="changeIndexOpen(5)" class="btn" :class="actList1[5]=='1'?'blue':'off'">
+                五号风组
+            </div>
+        </div>
+        <div class="bold-title">通道输入信号类型</div>
+        <div class="input-100-view">
+            <span>风机控温宽度</span>
+            <input @blur="blurChange10(21602, $event)" v-model="inputData[21602]" @input="changeCount10(21602, $event)"
+                class="input-180" type="text" placeholder="0.0">
+            <span>℃</span>
+        </div>
+        <div v-if="indexs==1" class="input-100-view">
+            <div class="title">
+                一号风机
+            </div>
+            <div class="line"></div>
+            <span>室内1#平均温度大于</span>
+            <input @blur="blurChangeCount(21603, $event)" v-model="inputData[21603]" @input="changeCountData(21603, $event)"
+                class="input-140" type="text" placeholder="0.0">
+            <span>℃启动</span>
+            <div class="line"></div>
+            <span>风机通道</span>
+            <input @blur="blurChange(21604, $event)" v-model="inputData[21604]" @input="change(21604, $event)"
+                class="input-100" type="text" placeholder="0.0">
+        </div>
+        <div v-if="indexs==2" class="input-100-view">
+            <div class="title">
+                二号风机
+            </div>
+            <div class="line"></div>
+            <span>室内1#平均温度大于</span>
+            <input @blur="blurChangeCount(21605, $event)" v-model="inputData[21605]" @input="changeCountData(21605, $event)"
+                class="input-140" type="text" placeholder="0.0">
+            <span>℃启动</span>
+            <div class="line"></div>
+            <span>风机通道</span>
+            <input @blur="blurChange(21606, $event)" v-model="inputData[21606]" @input="change(21606, $event)"
+                class="input-100" type="text" placeholder="0.0">
+        </div>
+        <div v-if="indexs==3" class="input-100-view">
+            <div class="title">
+                三号风机
+            </div>
+            <div class="line"></div>
+            <span>室内1#平均温度大于</span>
+            <input @blur="blurChangeCount(21607, $event)" v-model="inputData[21607]" @input="changeCountData(21607, $event)"
+                class="input-140" type="text" placeholder="0.0">
+            <span>℃启动</span>
+            <div class="line"></div>
+            <span>风机通道</span>
+            <input @blur="blurChange(21608, $event)" v-model="inputData[21608]" @input="change(21608, $event)"
+                class="input-100" type="text" placeholder="0.0">
+        </div>
+        <div v-if="indexs==4" class="input-100-view">
+            <div class="title">
+                四号风机
+            </div>
+            <div class="line"></div>
+            <span>室内1#平均温度大于</span>
+            <input @blur="blurChangeCount(21609, $event)" v-model="inputData[21609]" @input="changeCountData(21609, $event)"
+                class="input-140" type="text" placeholder="0.0">
+            <span>℃启动</span>
+            <div class="line"></div>
+            <span>风机通道</span>
+            <input @blur="blurChange(21610, $event)" v-model="inputData[21610]" @input="change(21610, $event)"
+                class="input-100" type="text" placeholder="0.0">
+        </div>
+        <div v-if="indexs==5" class="input-100-view margin-none">
+            <div class="title">
+                五号风机
+            </div>
+            <div class="line"></div>
+            <span>室内1#平均温度大于</span>
+            <input @blur="blurChangeCount(21611, $event)" v-model="inputData[21611]" @input="changeCountData(21611, $event)"
+                class="input-140" type="text" placeholder="0.0">
+            <span>℃启动</span>
+            <div class="line"></div>
+            <span>风机通道</span>
+            <input @blur="blurChange(21612, $event)" v-model="inputData[21612]" @input="change(21612, $event)"
+                class="input-100" type="text" placeholder="0.0">
+        </div>
+
+
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            indexs: 1,
+            inputData: [],
+            //有效性设置
+            openIndex: 0,
+            actList1:[],
+        }
+    },
+    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放入焦点，全选文本
+        }
+    },
+    methods: {
+        padString(str, length) {
+            return str.padStart(length, '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.changeBtn('21601', dataNum);
+        },
+        //有效性修改
+        changeOpen(index) {
+            this.openIndex = index
+            var dataNum = {
+                target: {
+                    value: this.openIndex,
+                },
+            };
+            this.changeBtn(21600 + ((this.indexs - 1) * 11), dataNum);
+        },
+        //失去焦点 计算公式 x/10
+        blurChange10(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value * 10,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+
+        },
+         //反向计算 计算公式 x/10
+        changeCount10(code, el) {
+            var data = el.target.value * 10
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+            // 计算展示值 计算公式 x/10
+        countData10(data) {
+            if (data) {
+                return data / 10
+            } else {
+                return 0
+            }
+        },
+        //失去焦点 计算公式 (x-400) / 10
+        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);
+            }
+
+        },
+           //反向计算 计算公式 (x-400) / 10
+        changeCountData(code, el) {
+            var data = (el.target.value * 10) + 400
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+        // 计算展示值 计算公式 (x-400) / 10
+        countData(data) {
+            if (data) {
+                return (data - 400) / 10
+            } else {
+                return 0
+            }
+        },
+        getAct21601(){
+            this.actList1=[]
+            var num = this.inputData['21601']?this.inputData['21601']:0
+            var num1 = this.padString(num.toString(2), 5)
+            var openListNew
+            openListNew = num1.split("")
+            openListNew.forEach((el, index) => {
+                this.actList1.push(openListNew[openListNew.length - index - 1])
+            })
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+
+            };
+            this.api.getReadControlliShuiControl(data).then((res) => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.openIndex = this.inputData[21600]
+                    this.getAct21601()
+                    this.inputData[21603] = this.countData(this.inputData[21603])
+                    this.inputData[21605] = this.countData(this.inputData[21605])
+                    this.inputData[21607] = this.countData(this.inputData[21607])
+                    this.inputData[21609] = this.countData(this.inputData[21609])
+                    this.inputData[21611] = this.countData(this.inputData[21611])
+                    this.inputData[21602] = this.countData10(this.inputData[21602])
+
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+            });
+        },
+        //全选文本
+        selectValue(e) {
+            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) {
+            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("请求出错");
+                }
+                this.timer = null
+            });
+        },
+    },
+
+}
+</script>
+<style lang="scss"></style>
+    
\ No newline at end of file
diff --git a/src/views/page/realTime.vue b/src/views/page/realTime.vue
index 73766eb..cdc2caa 100644
--- a/src/views/page/realTime.vue
+++ b/src/views/page/realTime.vue
@@ -72,13 +72,16 @@ export default {
             indexs: 1,
             player: null,
             url: '',
-            timer:null
+            timer:null,
+            deviceName:1,
         }
     },
     watch: {
         $route(newVal, oldVal) {
             const that = this;
-            this.indexs = this.$route.query.index ? this.$route.query.index : 1;
+            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 
             setTimeout(() => {
                 that.dataInit();
             }, 0);
@@ -86,11 +89,11 @@ export default {
     },
     mounted() {
         const that = this;
-        this.indexs = this.$route.query.index ? this.$route.query.index : 1;
-
+        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.getTime()
 
-
         setTimeout(() => {
             that.dataInit();
             that.timer&&clearInterval(that.timer)
@@ -160,7 +163,8 @@ export default {
             //     // regNum: 73,
             // };
             var list = store.typeList
-            this.api.postRtdata(equipmentId).then((res) => {
+            if(this.deviceName==1){
+                this.api.postRtdata(equipmentId).then((res) => {
                 if (res.data.code == 200) {
                     this.inputData = res.data.data;
                     this.list=[]
@@ -237,6 +241,86 @@ export default {
                     this.createVideo()
                 }
             })
+            }else if(this.deviceName==10){
+                this.api.getControlRtdata(equipmentId).then((res) => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    this.list=[]
+                    this.inputData.forEach((el,index)=>{
+                        list.forEach((el1,index1)=>{
+                            if(el.formula==el1.value){
+                           var num=0
+                           var name=''
+                        //    if(el1.countType==1){
+                        //     num=this.countType1(el.environmentData)+el1.unit
+                        //    }else if(el1.countType==2){
+                        //     num=this.countType2(el.environmentData)+el1.unit
+                        //    }else if(el1.countType==3){
+                        //     num=this.countType3(el.environmentData)+el1.unit
+                        //    }else{
+                            num=el.environmentData+el1.unit
+                        //    }
+                           if(el.equipmentNumber==0){
+                            if(el.targetValue==1){
+                                name='目标'+el.environmentDataId
+                            }else{
+                                name='1#平均'+el.environmentDataId
+                            }
+                           }else if(el.equipmentNumber==15){
+                            if(el.targetValue==1){
+                                name='目标'+el.environmentDataId
+                            }else{
+                                name='2#平均'+el.environmentDataId
+                            }
+                           }else{
+                            name=el.equipmentNumber+'#'+el.environmentDataId
+                           }
+
+                            this.list.push({
+                                ...el,
+                                name:name,
+                                 num: num,
+                                  img: require(`../../assets/image/real-time-${el.formula}.png`) 
+                            
+                                })
+                           
+                        }
+                        })
+                    })
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+            });
+            var data1 = store.equipmentList[this.indexs - 1].deviceId
+
+            this.api.getControlFsdata(data1).then(res => {
+                if (res.data.code == 200) {
+                    var chartsData=res.data.data
+                    realTimeLine('realTime-line',chartsData)
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+            })
+            var nowDevice = store.equipmentList[this.indexs - 1]
+            var data2={
+                cameraid:nowDevice.cameraSerialNumber,
+                channelid:nowDevice.cameraChannelNumber
+            }
+
+            //当前没有设备 默认写死 后续有数据需要改回去
+            // var data2 = {
+            //     cameraid: 'L18357958',
+            //     channelid: '1'
+            // }
+            this.api.getGethls(data2).then(res => {
+                console.log(res.data, 11);
+                if (res.data.code == 200) {
+                    this.url = res.data.msg
+                    this.createVideo()
+                }
+            })
+            }
+       
         },
         getTime() {
             this.time = getnowtime()
diff --git a/src/views/page/sensorSet-con.vue b/src/views/page/sensorSet-con.vue
new file mode 100644
index 0000000..a91c3ed
--- /dev/null
+++ b/src/views/page/sensorSet-con.vue
@@ -0,0 +1,389 @@
+<template>
+    <div class="irrigateSet sensorSet">
+        <div class="table-title">
+            <img src="../../assets/image/sensor.png" alt=""> 传感器配置界面
+        </div>
+        <div class="sensor-view">
+            <div class="left scroll">
+                <div @click="toIndex(index)" :class="active == index ? 'active' : ''" v-for="item, index in 48"
+                    :key="index">
+                    <div>
+                        {{ index + 1 }}#传感器通道
+                    </div>
+                </div>
+            </div>
+            <div class="right">
+                <div class="right-top">
+                    <div class="right-sel">
+                        <div @click="changeOpen(active)">
+                            <div v-if="getOpenTrue(active)" class="no-sel"></div>
+                            <div v-else class="sel"></div>
+                            有效性
+                        </div>
+                    </div>
+                    <div class="input-sel">
+                        <div class="title">专感器类型</div>
+                        <el-dropdown @command="handleCommand">
+                            <div class="el-dropdown-link">
+                                <input v-model="sensorType" type="text" class="input-input" placeholder="选择传感器类型">
+                                <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                            </div>
+                            <el-dropdown-menu slot="dropdown">
+                                <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                                    item.label }}</el-dropdown-item>
+
+                            </el-dropdown-menu>
+                        </el-dropdown>
+                    </div>
+                    <!-- <div class="right-sel">
+                            <div @click="sel2 = !sel2">
+                                <div v-if="!sel2" class="no-sel"></div>
+                                <div v-else class="sel"></div>
+                                通讯类传感器
+                            </div>
+                            <div @click="sel3 = !sel3">
+                                <div v-if="!sel3" class="no-sel"></div>
+                                <div v-else class="sel"></div>
+                                模拟量传感器
+                            </div>
+                        </div> -->
+                </div>
+                <div class="right-bottom">
+                    <div>
+                        <div class="input-main">
+                            <div>标定低点AD值</div>
+                            <input @blur="blurChange(20904 + (active * 5 + 1), $event)"
+                                v-model="inputData[20904 + (active * 5 + 1)]"
+                                @input="change(20904 + (active * 5 + 1), $event)" type="number" placeholder="0.0">
+                        </div>
+                        <div class="input-main">
+                            <div>标定低点数据</div>
+                            <input @blur="blurChange(20904 + (active * 5 + 2), $event)"
+                                v-model="inputData[20904 + (active * 5 + 2)]"
+                                @input="change(20904 + (active * 5 + 2), $event)" type="number" placeholder="0.0">
+                        </div>
+                    </div>
+                    <div>
+                        <div class="input-main">
+                            <div>标定高点AD值</div>
+                            <input @blur="blurChange(20904 + (active * 5 + 3), $event)"
+                                v-model="inputData[20904 + (active * 5 + 3)]"
+                                @input="change(20904 + (active * 5 + 3), $event)" type="number" placeholder="0.0">
+                        </div>
+                        <div class="input-main">
+                            <div>标定高点数据</div>
+                            <input @blur="blurChange(20904 + (active * 5 + 4), $event)"
+                                v-model="inputData[20904 + (active * 5 + 4)]"
+                                @input="change(20904 + (active * 5 + 4), $event)" type="number" placeholder="0.0">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="sensor-type">
+            <div class="sensor-title">通道输入信号类型</div>
+            <div class="sensor-type-div" v-for="item, index in openTypeList" :key="index">
+                <div class="name">第{{ index+1 }}通道</div>
+                <div class="sensor-sel">
+                    <div>
+                        <div @click="changeTypeOpen(index, '0')" :class="item == '1' ? 'no-sel' : 'sel'"></div>
+                        485通讯类型的传感器
+                    </div>
+                    <div>
+                        <div @click="changeTypeOpen(index, '1')" :class="item == '0' ? 'no-sel' : 'sel'"></div>
+                        4-20ma模拟量类型的传感器
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            active: 0,
+            sel1: true,
+            sel2: false,
+            sel3: false,
+            inputData: [],
+            sensorType: '',//当前传感器类型
+            openList1: [],//当前有效的传感器
+            openList2: [],//当前有效的传感器
+            openList3: [],//当前有效的传感器
+            openTypeList: [],//八个通道输入信号的类型
+            typeList: this.$store.state.typeList
+        }
+    },
+    watch: {
+        'active'(newVal, oldVal) {
+            this.getSensorType()
+        },
+    },
+    mounted() {
+        this.dataInit()
+        //input获取焦点后全选
+        let inputList = document.querySelectorAll('input');
+        for (let index = 0; index < inputList.length; index++) {
+            inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
+        }
+    },
+    methods: {
+        //类型选择
+        handleCommand(command) {
+            this.typeList.forEach((el, index) => {
+                if (el.value == command) {
+                    this.sensorType = el.label
+                }
+            })
+            var dataNum = {
+                target: {
+                    value: command,
+                },
+            };
+            this.changeBtn(20904 + (this.active * 5), dataNum);
+        },
+        getSensorType() {
+            this.typeList.forEach((el, index) => {
+                if (el.value == this.inputData[20904 + (this.active * 5)]) {
+                    this.sensorType = el.label
+                }
+            })
+        },
+        toIndex(index) {
+            this.active = index
+        },
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        changeOpen(active) {
+            if (active >= 0 && active < 16) {
+                if (this.openList1[active] == '1') {
+                    this.openList1[active] = '0'
+                } else {
+                    this.openList1[active] = '1'
+                }
+                var revList = this.openList1.slice().reverse()
+                var num = revList.join("");
+                var dataNum = {
+                    target: {
+                        value: parseInt(num, 2),
+                    },
+                };
+                this.changeBtn('20901', dataNum);
+            } else if (active >= 16 && active < 32) {
+                if (this.openList2[active - 16] == '1') {
+                    this.openList2[active - 16] = '0'
+                } else {
+                    this.openList2[active - 16] = '1'
+                }
+                var revList = this.openList2.slice().reverse()
+                var num = revList.join("");
+                var dataNum = {
+                    target: {
+                        value: parseInt(num, 2),
+                    },
+                };
+                this.changeBtn('20902', dataNum);
+            } else if (active >= 32 && active < 48) {
+                if (this.openList3[active - 32] == '1') {
+                    this.openList3[active - 32] = '0'
+                } else {
+                    this.openList3[active - 32] = '1'
+                }
+                var revList = this.openList3.slice().reverse()
+                var num = revList.join("");
+                var dataNum = {
+                    target: {
+                        value: parseInt(num, 2),
+                    },
+                };
+                this.changeBtn('20903', dataNum);
+            }
+            this.$forceUpdate();
+        },
+        changeTypeOpen(index, num) {
+            this.openTypeList[index] = num
+            this.$forceUpdate();
+            var openTypeList = this.openTypeList.slice().reverse()
+            var num = openTypeList.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn('20900', dataNum);
+        },
+        getTypeOpen(active) {
+            if (this.openTypeList[active] == '1') {
+                return true
+            } else {
+                return false
+            }
+        },
+        getOpenTrue(active) {
+            if (active >= 0 && active < 16) {
+                if (this.openList1[active] == '1') {
+                    return false
+                } else {
+                    return true
+                }
+            } else if (active >= 16 && active < 32) {
+                if (this.openList2[active - 16] == '1') {
+                    return false
+                } else {
+                    return true
+                }
+            } else if (active >= 32 && active < 48) {
+                if (this.openList3[active - 32] == '1') {
+                    return false
+                } else {
+                    return true
+                }
+            }
+
+
+        },
+        getOpen() {
+            this.openList1 = []
+            this.openList2 = []
+            this.openList3 = []
+            var num1 = this.inputData['20901']
+            var num11 = this.padString(num1.toString(2), 16)
+            var openList1New
+            openList1New = num11.split("")
+            openList1New.forEach((el, index) => {
+                this.openList1.push(openList1New[openList1New.length - index - 1])
+            })
+
+            var num2 = this.inputData['20902']
+            var num22 = this.padString(num2.toString(2), 16)
+            var openList2New
+            openList2New = num22.split("")
+            openList2New.forEach((el, index) => {
+                this.openList2.push(openList2New[openList2New.length - index - 1])
+            })
+
+            var num3 = this.inputData['20903']
+            var num33 = this.padString(num3.toString(2), 16)
+            var openList3New
+            openList3New = num33.split("")
+            openList3New.forEach((el, index) => {
+                this.openList3.push(openList3New[openList3New.length - index - 1])
+            })
+
+            this.openTypeList = []
+            var num4 = this.inputData['20900']
+            var num44 = this.padString(num4.toString(2), 8)
+            var openList4New
+            openList4New = num44.split("")
+            openList4New.forEach((el, index) => {
+                this.openTypeList.push(openList4New[openList4New.length - index - 1])
+            })
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+
+            };
+            this.api.getReadControlSensorChannel(data).then((res) => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+                    // this.getData272()
+                    this.getOpen()
+                    this.getSensorType()
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+            });
+        },
+        //全选文本
+        selectValue(e) {
+            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) {
+            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("请求出错");
+                }
+                this.timer = null
+            });
+        },
+    },
+
+}
+</script>
+<style lang="scss"></style>
+    
\ No newline at end of file
diff --git a/src/views/page/skylight.vue b/src/views/page/skylight.vue
new file mode 100644
index 0000000..0cff04d
--- /dev/null
+++ b/src/views/page/skylight.vue
@@ -0,0 +1,328 @@
+<template>
+  <div class="skylight">
+    <div class="table-title">
+      <img src="../../assets/image/skylight.png" alt=""> 顶卷膜{{ indexs }}
+    </div>
+    <div class="flex-view">
+      <div class="input-btn">
+        <div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'">
+          <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+        </div>
+        <div class="btn" @click="changeOpen(2)" :class="openIndex == 2 ? 'blue' : 'green'">
+          <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+        </div>
+        <div class="btn" @click="changeOpen(3)" :class="openIndex == 3 ? 'blue' : 'green'">
+          <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+        </div>
+        <div class="btn" @click="changeOpen(4)" :class="openIndex == 4 ? 'blue' : 'green'">
+          <img src="../../assets/image/irrigateSet1.png" alt="" />停止
+        </div>
+      </div>
+
+    </div>
+    <div class="flex-view">
+      <div class="input-sel">
+        <div class="title">温度选择</div>
+        <el-dropdown @command="handleCommand">
+          <div class="el-dropdown-link">
+            <input v-model="TypeSel" type="text" class="input-input" placeholder="温度选择">
+            <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+          </div>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item v-for="item, index in typeSelList" :key="index" :command="index">{{ item.name
+            }}</el-dropdown-item>
+
+          </el-dropdown-menu>
+        </el-dropdown>
+      </div>
+      <div class="input-main">
+        <div>控温宽度</div>
+        <input @blur="blurChange(21614 + ((indexs - 1) * 11), $event)" v-model="inputData[21614 + ((indexs - 1) * 11)]"
+          @input="change(21614 + ((indexs - 1) * 11), $event)" type="number" placeholder="0.0">
+        <span>℃</span>
+      </div>
+    </div>
+    <div class="input-100-view">
+      <div class="title">
+        ①室内温度 >
+      </div>
+      <input @blur="blurChangeCount(21615 + ((indexs - 1) * 11), $event)" v-model="inputData[21615 + ((indexs - 1) * 11)]"
+        @input="changeCountData(21615 + ((indexs - 1) * 11), $event)" class="input-140" type="text" placeholder="0.0">
+      <span>℃，打开</span>
+      <input @blur="blurChange(21616 + ((indexs - 1) * 11), $event)" v-model="inputData[21616 + ((indexs - 1) * 11)]"
+        @input="change(21616 + ((indexs - 1) * 11), $event)" class="input-140" type="text" placeholder="0">
+      <span>%</span>
+    </div>
+    <div class="input-100-view">
+      <div class="title">
+        ②室内温度 >
+      </div>
+      <input @blur="blurChangeCount(21617 + ((indexs - 1) * 11), $event)" v-model="inputData[21617 + ((indexs - 1) * 11)]"
+        @input="changeCountData(21617 + ((indexs - 1) * 11), $event)" class="input-140" type="text" placeholder="0.0">
+      <span>℃，打开</span>
+      <input @blur="blurChange(21618 + ((indexs - 1) * 11), $event)" v-model="inputData[21618 + ((indexs - 1) * 11)]"
+        @input="change(21618 + ((indexs - 1) * 11), $event)" class="input-140" type="text" placeholder="0">
+      <span>%</span>
+    </div>
+    <div class="input-100-view margin-none">
+      <div class="title">
+        ③室内温度 >
+      </div>
+      <input @blur="blurChangeCount(21619 + ((indexs - 1) * 11), $event)" v-model="inputData[21619 + ((indexs - 1) * 11)]"
+        @input="changeCountData(21619 + ((indexs - 1) * 11), $event)" class="input-140" type="text" placeholder="0.0">
+      <span>℃，打开</span>
+      <input @blur="blurChange(21620 + ((indexs - 1) * 11), $event)" v-model="inputData[21620 + ((indexs - 1) * 11)]"
+        @input="change(21620 + ((indexs - 1) * 11), $event)" class="input-140" type="text" placeholder="0">
+      <span>%</span>
+    </div>
+    <div class="flex-view padding-none">
+      <div class="input-main">
+        <div>全程运行时间</div>
+        <input @blur="blurChange(21621 + ((indexs - 1) * 11), $event)" v-model="inputData[21621 + ((indexs - 1) * 11)]"
+          @input="change(21621 + ((indexs - 1) * 11), $event)" type="number" placeholder="0.0">
+
+      </div>
+    </div>
+    <div class="flex-view padding-none">
+      <div class="input-main">
+        <div>打开通道</div>
+        <input @blur="blurChange(21622 + ((indexs - 1) * 11), $event)" v-model="inputData[21622 + ((indexs - 1) * 11)]"
+          @input="change(21622 + ((indexs - 1) * 11), $event)" type="number" placeholder="0.0">
+
+      </div>
+    </div>
+    <div class="flex-view padding-none">
+      <div class="input-main">
+        <div>关闭通道</div>
+        <input @blur="blurChange(21623 + ((indexs - 1) * 11), $event)" v-model="inputData[21623 + ((indexs - 1) * 11)]"
+          @input="change(21623 + ((indexs - 1) * 11), $event)" type="number" placeholder="0.0">
+
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      indexs: 1,
+      //类型选择
+      TypeSel: '',
+      TypeSelIndex: -1,
+      //页面数据
+      inputData: [],
+      //选择内容
+      typeSelList: [{ name: '1#平均空气温度', value: 1, },
+      { name: '2#平均空气温度', value: 2, },
+      { name: '1#空气温度', value: 3, },
+      { name: '2#空气温度', value: 4, },
+      { name: '3#空气温度', value: 5, },
+      { name: '4#空气温度', value: 6, },
+      { name: '5#空气温度', value: 7, },
+      { name: '6#空气温度', value: 8, },
+      { name: '7#空气温度', value: 9, },
+      { name: '8#空气温度', value: 10, },],
+      //有效性设置
+      openIndex: 0,
+    }
+  },
+  watch: {
+    $route(newVal, oldVal) {
+      const that = this;
+      this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+      setTimeout(() => {
+        that.getNowData();
+      }, 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: {
+    padString(str, length) {
+      return str.padStart(length, '0');
+    },
+    changeOpen(index) {
+      this.openIndex = index
+      var dataNum = {
+        target: {
+          value: this.openIndex,
+        },
+      };
+      this.changeBtn(21613 + ((this.indexs - 1) * 11), dataNum);
+    },
+    //类型选择
+    handleCommand(index) {
+      this.TypeSel = this.typeSelList[index].name
+      this.TypeSelIndex = this.typeSelList[index].value
+      var dataNum = {
+        target: {
+          value: this.TypeSelIndex,
+        },
+      };
+      this.changeBtn(21657 + (this.indexs - 1), dataNum);
+    },
+    //失去焦点
+    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)
+    },
+    countData(data) {
+      if (data) {
+        return (data - 400) / 10
+      } else {
+        return 0
+      }
+    },
+    dataInit() {
+      var store = this.$store.state
+      var data = {
+        deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+
+      };
+      this.api.getReadControlliShuiControl(data).then((res) => {
+        if (res.data.code == 200) {
+          this.inputData = res.data.data;
+          this.getNowData()
+
+        } else {
+          this.$message.error(res.data.msg);
+        }
+      });
+    },
+    //获取当前页面的参数
+    getNowData() {
+      this.openIndex = this.inputData[21613 + ((this.indexs - 1) * 11)]
+      this.inputData[21615 + ((this.indexs - 1) * 11)] = this.countData(this.inputData[21615 + ((this.indexs - 1) * 11)])
+      this.inputData[21617 + ((this.indexs - 1) * 11)] = this.countData(this.inputData[21617 + ((this.indexs - 1) * 11)])
+      this.inputData[21619 + ((this.indexs - 1) * 11)] = this.countData(this.inputData[21619 + ((this.indexs - 1) * 11)])
+
+      this.typeSelList.forEach((el, index) => {
+      if(  el.value == this.inputData[21657 + (this.indexs - 1)]){
+        this.TypeSel = el.name
+        this.TypeSelIndex = el.value
+      }else{
+        this.TypeSel = ''
+        this.TypeSelIndex =0
+      }
+        
+      })
+
+
+    },
+    //全选文本
+    selectValue(e) {
+      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) {
+      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("请求出错");
+        }
+        this.timer = null
+      });
+    },
+  },
+
+}
+</script>
+<style lang="scss"></style>
+  
\ No newline at end of file
diff --git a/src/views/page/upload-con.vue b/src/views/page/upload-con.vue
new file mode 100644
index 0000000..8e238c1
--- /dev/null
+++ b/src/views/page/upload-con.vue
@@ -0,0 +1,508 @@
+<template>
+    <div class=" irrigateSet upload">
+            <div class="table-title">
+                <img src="../../assets/image/upload.png" alt=""> 数据上传
+            </div>
+            <div class="flex-view">
+                <div class="input-main">
+                    <span>环境数据上传时间</span>
+                    <input v-model="inputData['21500']" @input="change('21500', $event)" type="number" placeholder="0">
+                    <span>秒</span>
+                </div>
+
+            </div>
+            <div class="flex-view border-none">
+                <div class="upload-view">
+                    <div class="page-title upload-title">
+                        气象站
+                    </div>
+                    <div class="upload-content">
+                        <div @click="selList1(index)" v-for="item, index in list1" :key="index">
+                            <div v-if="actList1.indexOf(index) == -1" class="no-sel"></div>
+                            <div v-else class="sel"></div>
+                            {{ item }}
+                        </div>
+                    </div>
+                </div>
+                <div class="upload-view">
+                    <div class="page-title upload-title">
+                        平均值
+                    </div>
+                    <div class="upload-content">
+                        <div @click="selList2(index)" v-for="item, index in list2" :key="index">
+                            <div v-if="actList2.indexOf(index) == -1" class="no-sel"></div>
+                            <div v-else class="sel"></div>
+                            {{ item }}
+                        </div>
+                    </div>
+                </div>
+                <div class="upload-view">
+                    <div class="page-title upload-title">
+                        目标值
+                    </div>
+                    <div class="upload-content upload-content1 ">
+                        <div @click="selList3(index)" v-for="item, index in list3" :key="index">
+                            <div v-if="actList3.indexOf(index) == -1" class="no-sel"></div>
+                            <div v-else class="sel"></div>
+                            {{ item }}
+                        </div>
+                    </div>
+                </div>
+                <div class="upload-view">
+                    <div class="page-title upload-title">
+                        通道传感器1-16
+                    </div>
+                    <div class="upload-content">
+                        <div @click="selList4(index)" v-for="item, index in list4" :key="index">
+                            <div v-if="actList4.indexOf(index) == -1" class="no-sel"></div>
+                            <div v-else class="sel"></div>
+                            {{ item }}
+                        </div>
+                    </div>
+                </div>
+                <div class="upload-view">
+                    <div class="page-title upload-title">
+                        通道传感器17-32
+                    </div>
+                    <div class="upload-content">
+                        <div @click="selList5(index)" v-for="item, index in list5" :key="index">
+                            <div v-if="actList5.indexOf(index) == -1" class="no-sel"></div>
+                            <div v-else class="sel"></div>
+                            {{ item }}
+                        </div>
+                    </div>
+                </div>
+                <div class="upload-view">
+                    <div class="page-title upload-title">
+                        通道传感器33-48
+                    </div>
+                    <div class="upload-content">
+                        <div @click="selList6(index)" v-for="item, index in list6" :key="index">
+                            <div v-if="actList6.indexOf(index) == -1" class="no-sel"></div>
+                            <div v-else class="sel"></div>
+                            {{ item }}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            //气象站数据
+            actList1: [],
+            actList1New: [],
+            list1: ['室外平均温度传感器',
+                '室外平均湿度传感器',
+                '室外平均光照传感器',
+                '室外平均风速传感器',
+                '室外平均风向传感器',
+                '室外平均雨雪传感器',
+                '室外平均雨量传感器',
+                '气象站电池电压(V)',
+                '气象站信号强度(RSSI)',
+                '气象站信噪比(SNR)',
+                '室外平均露点温度',
+                '室外平均C02传感器',
+                '室外平均土温传感器',
+                '室外平均土湿传感器'],
+
+                //平均值数据
+            actList2: [],
+            actList2New: [],
+            list2: ['目标水肥PH数据',
+                '目标水肥EC数据',
+                '平均水肥PH数据',
+                '平均水肥EC数据',
+                '1#水肥PH数据',
+                '1#水肥EC数据',
+                '2#水肥PH数据',
+                '2#水肥EC数据',
+                '1#通道传感器数据',
+                '2#通道传感器数据',
+                '3#通道传感器数据',
+                '4#通道传感器数据',
+                '5#通道传感器数据',
+                '6#通道传感器数据'],
+                //目标值数据
+                actList3: [],
+            actList3New: [],
+            list3: ['目标温度传感器1',
+                '目标温度传感器2',
+                '目标湿度传感器1',
+                '目标湿度传感器2',
+                '目标CO2传感器1',],
+//传感器1-16
+                actList4: [],
+            actList4New: [],
+            list4: ['通道传感器1',
+                '通道传感器2',
+                '通道传感器3',
+                '通道传感器4',
+                '通道传感器5',
+                '通道传感器6',
+                '通道传感器7',
+                '通道传感器8',
+                '通道传感器9',
+                '通道传感器10',
+                '通道传感器11',
+                '通道传感器12',
+                '通道传感器13',
+                '通道传感器14',
+                '通道传感器15',
+                '通道传感器16',],
+//传感器17-32
+                actList5: [],
+            actList5New: [],
+            list5: ['通道传感器17',
+                '通道传感器18',
+                '通道传感器19',
+                '通道传感器20',
+                '通道传感器21',
+                '通道传感器22',
+                '通道传感器23',
+                '通道传感器24',
+                '通道传感器25',
+                '通道传感器26',
+                '通道传感器27',
+                '通道传感器28',
+                '通道传感器29',
+                '通道传感器30',
+                '通道传感器31',
+                '通道传感器32',],
+                //传感器32-48
+                actList6: [],
+            actList6New: [],
+            list6: ['通道传感器33',
+                '通道传感器34',
+                '通道传感器35',
+                '通道传感器36',
+                '通道传感器37',
+                '通道传感器38',
+                '通道传感器39',
+                '通道传感器40',
+                '通道传感器41',
+                '通道传感器42',
+                '通道传感器43',
+                '通道传感器44',
+                '通道传感器45',
+                '通道传感器46',
+                '通道传感器47',
+                '通道传感器48',],
+            inputData: [],
+
+        }
+    },
+    mounted() {
+        this.dataInit()
+         //input获取焦点后全选
+    let inputList = document.querySelectorAll('input');
+   for (let index = 0; index < inputList.length; index++) {
+     inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
+   }
+    },
+    methods: {
+        padString(str, length) {
+            return str.padStart(length, '0');
+        },
+        //由于bit0和页面内是相反的 所以要倒着来 
+        getAct1() {
+            this.actList1=[]
+            var num = this.inputData['21501']
+            var num2 = this.padString(num.toString(2), 14)
+            this.actList1New=num2.split("")
+            this.actList1New.forEach((el,index)=>{
+                if(el=='1'){
+                    this.actList1.push(this.actList1New.length-index-1)
+                }
+            })
+        },
+        getAct2() {
+            this.actList2=[]
+            var num = this.inputData['21503']
+            var num2 = this.padString(num.toString(2), 14)
+            this.actList2New=num2.split("")
+            this.actList2New.forEach((el,index)=>{
+                if(el=='1'){
+                    this.actList2.push(this.actList2New.length-index-1)
+                }
+            })
+        },
+        getAct3() {
+            this.actList3=[]
+            var num = this.inputData['21502']
+            var num3 = this.padString(num.toString(2), 5)
+            this.actList3New=num3.split("")
+            this.actList3New.forEach((el,index)=>{
+                if(el=='1'){
+                    this.actList3.push(this.actList3New.length-index-1)
+                }
+            })
+        },
+        getAct4() {
+            this.actList4=[]
+            var num = this.inputData['21504']
+            var num4 = this.padString(num.toString(2), 16)
+            this.actList4New=num4.split("")
+            this.actList4New.forEach((el,index)=>{
+                if(el=='1'){
+                    this.actList4.push(this.actList4New.length-index-1)
+                }
+            })
+        },
+        getAct5() {
+            this.actList5=[]
+            var num = this.inputData['21505']
+            var num5 = this.padString(num.toString(2), 16)
+            this.actList5New=num5.split("")
+            this.actList5New.forEach((el,index)=>{
+                if(el=='1'){
+                    this.actList5.push(this.actList5New.length-index-1)
+                }
+            })
+        },
+        getAct6() {
+            this.actList6=[]
+            var num = this.inputData['21506']
+            var num6 = this.padString(num.toString(2), 16)
+            this.actList6New=num6.split("")
+            this.actList6New.forEach((el,index)=>{
+                if(el=='1'){
+                    this.actList6.push(this.actList6New.length-index-1)
+                }
+            })
+        },
+        dataInit() {
+            this.actList1New = []
+            this.list1.forEach((el, index) => {
+                this.actList1New.push('0')
+            })
+            this.actList1New = []
+            this.list2.forEach((el, index) => {
+                this.actList1New.push('0')
+            })
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+           
+            };
+            this.api.getControldataUpload(data).then((res) => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+
+                    this.getAct1()
+                    this.getAct2()
+                    this.getAct3()
+                    
+                    this.getAct4()
+                    this.getAct5()
+                    this.getAct6()
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+            });
+        },
+            //全选文本
+selectValue(e) {
+	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) {
+            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("请求出错");
+                }
+                       this.timer=null
+            });
+        },
+        selList1(index) {
+            if (this.actList1.indexOf(index) == -1) {
+                this.actList1.push(index)
+            } else {
+                this.actList1.splice(this.actList1.indexOf(index), 1)
+            }
+            this.actList1New=['0','0','0','0','0','0','0','0','0','0','0','0','0','0',]
+            this.actList1.forEach((el, index) => {
+                this.actList1New[this.actList1New.length-el-1] = '1'
+            })
+           
+            var num = this.actList1New.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn('500', dataNum);
+        },
+        selList2(index) {
+            if (this.actList2.indexOf(index) == -1) {
+                this.actList2.push(index)
+            } else {
+                this.actList2.splice(this.actList2.indexOf(index), 1)
+            }
+            this.actList2New=['0','0','0','0','0','0','0','0','0','0','0','0','0','0',]
+            this.actList2.forEach((el, index) => {
+                this.actList2New[this.actList2New.length-el-1] = '1'
+            })
+         
+            var num = this.actList2New.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn('501', dataNum);
+        },
+        selList3(index) {
+            if (this.actList3.indexOf(index) == -1) {
+                this.actList3.push(index)
+            } else {
+                this.actList3.splice(this.actList3.indexOf(index), 1)
+            }
+            this.actList3New=['0','0','0','0','0']
+            this.actList3.forEach((el, index) => {
+                this.actList3New[this.actList3New.length-el-1] = '1'
+            })
+           
+            var num = this.actList3New.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn('21502', dataNum);
+        },
+        selList4(index) {
+            if (this.actList4.indexOf(index) == -1) {
+                this.actList4.push(index)
+            } else {
+                this.actList4.splice(this.actList4.indexOf(index), 1)
+            }
+            this.actList4New=['0','0','0','0','0','0','0','0','0','0','0','0','0','0','0','0']
+            this.actList4.forEach((el, index) => {
+                this.actList4New[this.actList4New.length-el-1] = '1'
+            })
+          
+            var num = this.actList4New.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn('21504', dataNum);
+        },
+        selList5(index) {
+            if (this.actList5.indexOf(index) == -1) {
+                this.actList5.push(index)
+            } else {
+                this.actList5.splice(this.actList5.indexOf(index), 1)
+            }
+            this.actList5New=['0','0','0','0','0','0','0','0','0','0','0','0','0','0','0','0']
+            this.actList5.forEach((el, index) => {
+                this.actList5New[this.actList5New.length-el-1] = '1'
+            })
+          
+            var num = this.actList5New.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn('21505', dataNum);
+        },
+        selList6(index) {
+            if (this.actList6.indexOf(index) == -1) {
+                this.actList6.push(index)
+            } else {
+                this.actList6.splice(this.actList6.indexOf(index), 1)
+            }
+            this.actList6New=['0','0','0','0','0','0','0','0','0','0','0','0','0','0','0','0']
+            this.actList6.forEach((el, index) => {
+                this.actList6New[this.actList6New.length-el-1] = '1'
+            })
+          
+            var num = this.actList6New.join("");
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn('21506', dataNum);
+        },
+    },
+
+}
+</script>
+<style lang="scss"></style>
+    
\ No newline at end of file