diff --git a/src/api/index.js b/src/api/index.js
index 899a7c4..440239e 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -362,7 +362,10 @@ interiorthermalinsulation(data) {
 readcirculationfan(data) {
   return sendGetRequest(`/readControl/readcirculationfan`, data)
 },
-
+//报警设置
+readalarmSetting(data) {
+  return sendGetRequest(`/readControl/alarmSetting`, data)
+},
 
   //二维码溯源
   //查看农事作物信息
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index a483596..7d1a173 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -904,6 +904,8 @@
   font-weight: 400;
   color: #8BEAFF;
   margin-top: 20px;
+  display: flex;
+  align-items: center;
 }
 
 .text-tips {
@@ -986,6 +988,12 @@
   min-width: 80px;
 }
 
+.btn.btn-tips {
+  min-width: 70px;
+  width: 70px;
+  height: 35px;
+}
+
 .btn.btn-w74 {
   width: 74px;
   min-width: unset;
diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css
index bfbddaf..6e2e5c7 100644
--- a/src/assets/css/main.min.css
+++ b/src/assets/css/main.min.css
@@ -1 +1 @@
-.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper,.vrcode-model .el-dialog{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.mobile-scroll{overflow-y:auto}.mobile-scroll::-webkit-scrollbar{width:0px;cursor:pointer}.mobile-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.mobile-scroll::-webkit-scrollbar-thumb{width:0px;cursor:pointer;background:#ccc;border:0px solid rgba(0,0,0,0.1)}.el-popconfirm__main,.el-date-table td span,.el-date-range-picker__header div{color:#606266 !important}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-button--text span{color:#409EFF !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.warning-btn{justify-content:flex-end}.warning-btn .btn.green{opacity:1}.warning-model{padding:0 30px 25px}.warning-model .input-main{margin:0}.warning-model .input-main input{width:300px}.warning-model .input-sel{margin-right:30px}.warning-model .input-sel>span{margin-right:10px}.warning-model .input-sel .el-dropdown-link{width:200px}.warning-model .vrcode-btn.red-btn{margin:0 !important}.warning-sel{width:200px !important}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.table-title .title-text{font-size:16px;margin-left:15px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:cover;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;white-space:nowrap}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>span{padding:0 10px}.input-sel>.title{margin-bottom:11px}.input-sel.input-sel-w180 .el-dropdown-link{width:180px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.margin-none{margin:0 !important}.padding-none{padding:0 !important}.border-right{border-right:1px solid rgba(2,148,226,0.5)}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main.input-main-w120 input{width:120px}.input-main.input-main-w260 input{width:260px}.input-main.input-main-w80 input{width:80px}.input-main.input-main-w100 input{width:100px}.number-view{height:100%;display:flex;align-items:center;margin:0 15px 0 0 !important}.number-view>div{width:30px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.p-t-31{padding-top:31px}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.outline{color:red;font-weight:bold;font-size:24px}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu.input-menu-180{width:180px}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px}.text-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:20px}.title-tips-bold{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#8BEAFF;margin-top:20px}.shrink-none>div{flex-shrink:unset !important;width:auto !important}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.m-b-20{margin:10px 8px !important}.flex-warp{width:100%;flex-wrap:wrap}.btn{margin:0 8px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn.btn-w80{min-width:80px}.btn.btn-w74{width:74px;min-width:unset}.btn.btn-w66{width:66px;min-width:unset}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>span{padding:0 10px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 10px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;white-space:nowrap}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter{display:none}.vrcode-table .vrcode-table-view.table-view .isOpen{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-family:Microsoft YaHei;font-weight:400}.vrcode-table .vrcode-table-view.table-view .isOpen.open-green{background:rgba(0,255,186,0.1);color:#00FFBA;border:1px solid rgba(0,255,186,0.4)}.vrcode-table .vrcode-table-view.table-view .isOpen.open-red{background:rgba(245,108,108,0.6);border:1px solid #F56C6C;color:#FFFFFF}.vrcode-btn{min-width:80px;padding:0 15px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;cursor:pointer;margin:7.5px 10px 7.5px 0 !important;border-radius:3px}.vrcode-btn>img{margin-right:5px}.vrcode-btn.blue-btn{background:#00A6FF}.vrcode-btn.blue-btn:hover{background:#0089F2}.vrcode-btn.red-btn{background:#F56C6C}.vrcode-btn.red-btn:hover{background:#FF5E5E}.vrcode-btn.save-btn{background:#00BB88;font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.save-btn:hover{background:#009E73}.vrcode-btn.cancle-btn{width:100px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.cancle-btn:hover{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.6)}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold;text-align:left}.vrcode-model .vrcode-model-title.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model .el-dialog__body{width:100%;min-height:calc(30vh - 70px)}.vrcode-model .el-dialog__body .vrcode-content{width:100%;height:calc(100% - 43px);padding:0 30px}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view{width:100%;padding:20px 0 15px 0;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view>div{flex-shrink:0}.vrcode-model .el-dialog{background:rgba(0,76,147,0.9);border:2px solid rgba(0,186,255,0.6);max-height:90vh;min-height:30vh}.vrcode-input{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-input input{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-input input::placeholder{color:#92B1D0}.vrcode-selimage{width:100%}.vrcode-selimage>.title{margin-bottom:7px}.vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-selimage .sel-image-view .sel-div{width:130px;height:130px;margin-right:30px;background:rgba(86,209,255,0.25);border:1px dashed #56D1FF;cursor:pointer;margin-bottom:15px;flex-shrink:0}.vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:110px;height:110px;background:rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px;padding:20px;display:flex;align-items:center;justify-content:space-between}.plantingPlan .plan-view .plan-view-left{width:180px;height:100%}.plantingPlan .plan-view .plan-view-right{width:calc(100% - 200px);height:100%;display:flex;justify-content:space-around;flex-direction:column}.plantingPlan .plan-view .plan-view-right .name{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.productTraceability{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.productTraceability .productTraceability-title{width:100%;max-width:1182px;height:110px;background:url(../img/vrcode-title1.png) no-repeat;background-size:1182px 110px;background-position:center center;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-title>span{padding:0 20px;font-size:60px;font-family:Alimama ShuHeiTi;font-weight:bold;font-style:italic;color:#DDF1FF;background:linear-gradient(0deg, #fff 0%, #7dabff 76.7334%, #f3f7ff 88.08594%, #f3f7ff 92.62695%, #d2e2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.productTraceability .productTraceability-content{margin-top:135px;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-content>div{margin:0 45px;cursor:pointer}.productTraceability .productTraceability-content .content-1{width:200px;height:316px;background:url(../img/productTraceability-1.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-1:hover{background:url(../img/productTraceability-1hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2{width:240px;height:316px;background:url(../img/productTraceability-2.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2:hover{background:url(../img/productTraceability-2hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3{width:200px;height:316px;background:url(../img/productTraceability-3.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3:hover{background:url(../img/productTraceability-3hover.png) no-repeat center;background-size:100% 100%}.model-title{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0}.model-sel{display:flex;flex-wrap:wrap;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;margin-bottom:10px;display:flex;align-items:center}.setsuyuan{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.setsuyuan .setsuyuan-page{width:375px;height:736px;background:url(../img/setsuyuan-page.png) no-repeat center;background-size:100% 100%;padding:22px 23px 21px 24px}.setsuyuan .setsuyuan-page .mobile-page{width:100%;border-radius:30px;height:100%;overflow:auto}.setsuyuan .setsuyuan-page .mobile-page>div{min-height:100%}.setsuyuan .setsuyuan-page .mobile-page .mobile-img{width:100%;height:auto}.setsuyuan .setsuyuan-page .mobile-page .mobile-top{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:100% 100% !important}.setsuyuan .setsuyuan-page .mobile-page .mobile-top>div{font-family:Microsoft Yahei;font-size:30px;white-space:nowrap}.setsuyuan .setsuyuan-page .mobile-page .mobile-content{width:100%;min-height:453px;text-align:center;padding:35px 10px 20px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view{position:relative;margin-bottom:30px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:20px 10px 10px 10px;position:relative}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text{font-size:14px;text-align:left;color:#000}.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;width:138px;height:31px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:2;font-size:15px;position:absolute;top:-16px;left:50%;transform:translateX(-50%)}.setsuyuan .page-content{width:calc(100% - 400px) !important}.setsuyuan .vrcode-selimage{margin-top:30px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div{width:200px;height:160px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:178px;height:138px}.setsuyuan .setsuyuan-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9999;margin:0px 0 30px}.setsuyuan .vrcode-input{width:100%;margin-right:0}.setsuyuan .vrcode-input input{width:100%;max-width:800px}.setsuyuan .setsuyuan-input{display:flex;margin-bottom:15px}.setsuyuan .setsuyuan-input .setsuyuan-input-name{width:120px;padding-right:20px;text-align:right;line-height:40px;white-space:nowrap}.setsuyuan .setsuyuan-input .el-color-picker__trigger{background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5)}.setsuyuan .save-btn{width:100px;height:40px;background:#19ABFF;border-radius:3px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;cursor:pointer}.setsuyuan .setsuyuan-input-select{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;margin-right:20px}.el-button span{color:#606266}.el-button--primary.el-button span{color:#fff}.return-btn{margin:0 8px;min-width:120px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;background:#00BB88}
+.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper,.vrcode-model .el-dialog{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.mobile-scroll{overflow-y:auto}.mobile-scroll::-webkit-scrollbar{width:0px;cursor:pointer}.mobile-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.mobile-scroll::-webkit-scrollbar-thumb{width:0px;cursor:pointer;background:#ccc;border:0px solid rgba(0,0,0,0.1)}.el-popconfirm__main,.el-date-table td span,.el-date-range-picker__header div{color:#606266 !important}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-button--text span{color:#409EFF !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.warning-btn{justify-content:flex-end}.warning-btn .btn.green{opacity:1}.warning-model{padding:0 30px 25px}.warning-model .input-main{margin:0}.warning-model .input-main input{width:300px}.warning-model .input-sel{margin-right:30px}.warning-model .input-sel>span{margin-right:10px}.warning-model .input-sel .el-dropdown-link{width:200px}.warning-model .vrcode-btn.red-btn{margin:0 !important}.warning-sel{width:200px !important}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.table-title .title-text{font-size:16px;margin-left:15px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:cover;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;white-space:nowrap}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>span{padding:0 10px}.input-sel>.title{margin-bottom:11px}.input-sel.input-sel-w180 .el-dropdown-link{width:180px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.margin-none{margin:0 !important}.padding-none{padding:0 !important}.border-right{border-right:1px solid rgba(2,148,226,0.5)}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main.input-main-w120 input{width:120px}.input-main.input-main-w260 input{width:260px}.input-main.input-main-w80 input{width:80px}.input-main.input-main-w100 input{width:100px}.number-view{height:100%;display:flex;align-items:center;margin:0 15px 0 0 !important}.number-view>div{width:30px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.p-t-31{padding-top:31px}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.outline{color:red;font-weight:bold;font-size:24px}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu.input-menu-180{width:180px}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px;display:flex;align-items:center}.text-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:20px}.title-tips-bold{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#8BEAFF;margin-top:20px}.shrink-none>div{flex-shrink:unset !important;width:auto !important}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.m-b-20{margin:10px 8px !important}.flex-warp{width:100%;flex-wrap:wrap}.btn{margin:0 8px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn.btn-w80{min-width:80px}.btn.btn-tips{min-width:70px;width:70px;height:35px}.btn.btn-w74{width:74px;min-width:unset}.btn.btn-w66{width:66px;min-width:unset}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>span{padding:0 10px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 10px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;white-space:nowrap}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter{display:none}.vrcode-table .vrcode-table-view.table-view .isOpen{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-family:Microsoft YaHei;font-weight:400}.vrcode-table .vrcode-table-view.table-view .isOpen.open-green{background:rgba(0,255,186,0.1);color:#00FFBA;border:1px solid rgba(0,255,186,0.4)}.vrcode-table .vrcode-table-view.table-view .isOpen.open-red{background:rgba(245,108,108,0.6);border:1px solid #F56C6C;color:#FFFFFF}.vrcode-btn{min-width:80px;padding:0 15px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;cursor:pointer;margin:7.5px 10px 7.5px 0 !important;border-radius:3px}.vrcode-btn>img{margin-right:5px}.vrcode-btn.blue-btn{background:#00A6FF}.vrcode-btn.blue-btn:hover{background:#0089F2}.vrcode-btn.red-btn{background:#F56C6C}.vrcode-btn.red-btn:hover{background:#FF5E5E}.vrcode-btn.save-btn{background:#00BB88;font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.save-btn:hover{background:#009E73}.vrcode-btn.cancle-btn{width:100px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.cancle-btn:hover{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.6)}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold;text-align:left}.vrcode-model .vrcode-model-title.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model .el-dialog__body{width:100%;min-height:calc(30vh - 70px)}.vrcode-model .el-dialog__body .vrcode-content{width:100%;height:calc(100% - 43px);padding:0 30px}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view{width:100%;padding:20px 0 15px 0;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view>div{flex-shrink:0}.vrcode-model .el-dialog{background:rgba(0,76,147,0.9);border:2px solid rgba(0,186,255,0.6);max-height:90vh;min-height:30vh}.vrcode-input{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-input input{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-input input::placeholder{color:#92B1D0}.vrcode-selimage{width:100%}.vrcode-selimage>.title{margin-bottom:7px}.vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-selimage .sel-image-view .sel-div{width:130px;height:130px;margin-right:30px;background:rgba(86,209,255,0.25);border:1px dashed #56D1FF;cursor:pointer;margin-bottom:15px;flex-shrink:0}.vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:110px;height:110px;background:rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px;padding:20px;display:flex;align-items:center;justify-content:space-between}.plantingPlan .plan-view .plan-view-left{width:180px;height:100%}.plantingPlan .plan-view .plan-view-right{width:calc(100% - 200px);height:100%;display:flex;justify-content:space-around;flex-direction:column}.plantingPlan .plan-view .plan-view-right .name{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.productTraceability{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.productTraceability .productTraceability-title{width:100%;max-width:1182px;height:110px;background:url(../img/vrcode-title1.png) no-repeat;background-size:1182px 110px;background-position:center center;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-title>span{padding:0 20px;font-size:60px;font-family:Alimama ShuHeiTi;font-weight:bold;font-style:italic;color:#DDF1FF;background:linear-gradient(0deg, #fff 0%, #7dabff 76.7334%, #f3f7ff 88.08594%, #f3f7ff 92.62695%, #d2e2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.productTraceability .productTraceability-content{margin-top:135px;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-content>div{margin:0 45px;cursor:pointer}.productTraceability .productTraceability-content .content-1{width:200px;height:316px;background:url(../img/productTraceability-1.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-1:hover{background:url(../img/productTraceability-1hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2{width:240px;height:316px;background:url(../img/productTraceability-2.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2:hover{background:url(../img/productTraceability-2hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3{width:200px;height:316px;background:url(../img/productTraceability-3.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3:hover{background:url(../img/productTraceability-3hover.png) no-repeat center;background-size:100% 100%}.model-title{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0}.model-sel{display:flex;flex-wrap:wrap;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;margin-bottom:10px;display:flex;align-items:center}.setsuyuan{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.setsuyuan .setsuyuan-page{width:375px;height:736px;background:url(../img/setsuyuan-page.png) no-repeat center;background-size:100% 100%;padding:22px 23px 21px 24px}.setsuyuan .setsuyuan-page .mobile-page{width:100%;border-radius:30px;height:100%;overflow:auto}.setsuyuan .setsuyuan-page .mobile-page>div{min-height:100%}.setsuyuan .setsuyuan-page .mobile-page .mobile-img{width:100%;height:auto}.setsuyuan .setsuyuan-page .mobile-page .mobile-top{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:100% 100% !important}.setsuyuan .setsuyuan-page .mobile-page .mobile-top>div{font-family:Microsoft Yahei;font-size:30px;white-space:nowrap}.setsuyuan .setsuyuan-page .mobile-page .mobile-content{width:100%;min-height:453px;text-align:center;padding:35px 10px 20px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view{position:relative;margin-bottom:30px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:20px 10px 10px 10px;position:relative}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text{font-size:14px;text-align:left;color:#000}.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;width:138px;height:31px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:2;font-size:15px;position:absolute;top:-16px;left:50%;transform:translateX(-50%)}.setsuyuan .page-content{width:calc(100% - 400px) !important}.setsuyuan .vrcode-selimage{margin-top:30px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div{width:200px;height:160px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:178px;height:138px}.setsuyuan .setsuyuan-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9999;margin:0px 0 30px}.setsuyuan .vrcode-input{width:100%;margin-right:0}.setsuyuan .vrcode-input input{width:100%;max-width:800px}.setsuyuan .setsuyuan-input{display:flex;margin-bottom:15px}.setsuyuan .setsuyuan-input .setsuyuan-input-name{width:120px;padding-right:20px;text-align:right;line-height:40px;white-space:nowrap}.setsuyuan .setsuyuan-input .el-color-picker__trigger{background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5)}.setsuyuan .save-btn{width:100px;height:40px;background:#19ABFF;border-radius:3px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;cursor:pointer}.setsuyuan .setsuyuan-input-select{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;margin-right:20px}.el-button span{color:#606266}.el-button--primary.el-button span{color:#fff}.return-btn{margin:0 8px;min-width:120px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;background:#00BB88}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 553025d..2d793f6 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -948,6 +948,8 @@
     font-weight: 400;
     color: #8BEAFF;
     margin-top: 20px;
+    display: flex;
+    align-items: center;
 }
 .text-tips{
     font-size: 16px;
@@ -1025,6 +1027,11 @@
     &.btn-w80{
         min-width: 80px;
     }
+    &.btn-tips{
+        min-width:70px;
+        width:70px;
+        height: 35px;
+    }
     &.btn-w74{
        width: 74px;
        min-width: unset;
diff --git a/src/assets/img/alarmSettings.png b/src/assets/img/alarmSettings.png
new file mode 100644
index 0000000..252bf05
Binary files /dev/null and b/src/assets/img/alarmSettings.png differ
diff --git a/src/components/setParamsControl.vue b/src/components/setParamsControl.vue
index 538726d..212d6e3 100644
--- a/src/components/setParamsControl.vue
+++ b/src/components/setParamsControl.vue
@@ -9,7 +9,7 @@
     </div>
     <el-collapse v-model="$store.state.activeNames">
       <template v-for="(item, index) in routerList">
-        <el-collapse-item :class="routerNow == item.router ? 'active' : ''" :name="index + 1" :key="index"
+        <el-collapse-item :class="routerNow == item.router||item.router.indexOf(routerNow)!=-1 ? 'active' : ''" :name="index + 1" :key="index"
           v-if="!item.isRouter">
           <template slot="title" class="collapse-title">
             <span class="name">{{ item.name }}</span>
@@ -198,6 +198,7 @@ export default {
             isRouter: true,
           });
         }
+        
         if (isParamInArray3) {
           this.routerList.push({
             name: "传感器通道配置",
@@ -215,10 +216,35 @@ export default {
           });
         }
         if (isParamInArray5) {
-          this.routerList.push({ name: "目标温度", list: [], router: "targetTemperature", isRouter: true },
-            { name: "目标湿度", list: [], router: "targetHumidity", isRouter: true },
-            { name: "目标CO2", list: [], router: "targetCo2", isRouter: true });
+          this.routerList.push(
+            {
+              name: "目标值",
+              router: "targetTemperature,targetHumidity,targetCo2",
+              list: [
+              { name: "目标温度", list: [], router: "targetTemperature", isRouter: true, index: 1 },
+            { name: "目标湿度", list: [], router: "targetHumidity", isRouter: true, index: 2 },
+            { name: "目标CO2", list: [], router: "targetCo2", isRouter: true, index: 3 }
+              ],
+            },
+          );
         }
+        if (isParamInArray6) {
+          this.routerList.push(
+            {
+              name: "报警设置",
+              router: "alarmSettings",
+              list: [],
+              isRouter: true 
+            },
+            {
+              name: "通道报警设置",
+              router: "exitSettings",
+              list: [],
+              isRouter: true 
+            },
+          );
+        }
+        
         if (isParamInArray7) {
           this.routerList.push({ name: "设备固有参数", list: [], router: "intrinsicParameter", isRouter: true });
         }
@@ -317,7 +343,11 @@ export default {
         }
 
         if (isParamInArray23) {
-          this.routerList.push({ name: "风机湿帘", list: [], router: "wetFan", isRouter: true });
+          this.routerList.push({ name: "风机湿帘", list: [
+          { name: '风机', status: -1, router: 'wetFan', index: 1 },
+              { name: '湿帘泵', status: -1, router: 'wetFan', index: 2 },
+              { name: '湿帘外翻帘', status: -1, router: 'wetFan', index: 3 },
+          ], router: "wetFan" });
         }
 
         if (isParamInArray24) {
@@ -332,7 +362,13 @@ export default {
           });
         }
         setTimeout(() => {
-      this.$router.push({ path: `/${this.routerList[0].router}` });
+          var router = this.$route.query
+        if (router.token && router.userid){
+          return
+        }
+         this.$router.push({ path: `/${this.routerList[0].router}` });
+    
+      
     }, 0);
       });
     
diff --git a/src/router/index.js b/src/router/index.js
index fdc90e5..0d06145 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -187,6 +187,14 @@ const routes = [
         path: '/parameterSet',
         name: 'parameterSet',
         component: () => import('../views/page/parameterSet.vue')
+      },{
+        path: '/alarmSettings',
+        name: 'alarmSettings',
+        component: () => import('../views/page/alarmSettings.vue')
+      },{
+        path: '/exitSettings',
+        name: 'exitSettings',
+        component: () => import('../views/page/exitSettings.vue')
       },]
     },]
   },
diff --git a/src/views/index.vue b/src/views/index.vue
index 33bd51b..f8b68a6 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -62,7 +62,7 @@ export default {
             headerList: [
                 { name: '实时数据', router: 'realTime', routerList: ['realTime'], img: require('../assets/image/header-img1.png') },
                 // { name: '设定值参数', router: 'status', index: 1, routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet'], img: require('../assets/image/header-img0.png') },
-                { name: '设定值参数', router: 'status', index: 1, routerList: ['status', 'skylight', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con','waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval',"targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet",], img: require('../assets/image/header-img0.png') },
+                { name: '设定值参数', router: 'status', index: 1, routerList: ['status','exitSettings', 'skylight', 'fan', 'upload-con', 'sensorSet-con','alarmSettings', 'synthesis-con','waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval',"targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet",], img: require('../assets/image/header-img0.png') },
                 { name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img1.png') },
                 { name: '视频监控', router: '', routerList: [], img: require('../assets/image/header-img2.png') },
                 //  history history
@@ -79,7 +79,7 @@ export default {
             activeNames: [3],
             leftList: [
                 { name: '首页', img: require('../assets/image/index-icon.png'), list: [], router: 'realTime', isRouter: true, },
-                { name: '温室', routerList: ['realTime', 'skylight', 'control', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval', "targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet"], img: require('../assets/image/left-img0.png'), list: [] },
+                { name: '温室', routerList: ['realTime','exitSettings', 'skylight', 'control', 'fan', 'upload-con', 'sensorSet-con', 'synthesis-con','alarmSettings', 'waterPump', 'geothermalFan', 'uptake', 'downtake', 'rollByRoll', 'snowRemoval', "targetTemperature", "targetHumidity", "targetCo2", "sunroofControl", "outsizeSunshade", "insizeSunshade", "wetFan", "LED", 'electromagneticControl', "coercionMist", "circulationCan", "internalInsulation", "forceOutput", "intrinsicParameter", "parameterSet"], img: require('../assets/image/left-img0.png'), list: [] },
                 // { name: '二号温室', img: require('../assets/image/left-img1.png'), list: [] },
                 { name: '施肥机', routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet', 'realTime', 'history', 'dataAnalysis'], img: require('../assets/image/left-img2.png'), list: [] },],
             routerNow: 'realTime',
@@ -304,7 +304,6 @@ export default {
             }
         },
         toRouter1(item) {
-            console.log(item,11);
             if (item.router) {
                 if (item.http) {
                     window.location.href = item.http;
@@ -320,7 +319,11 @@ export default {
                         this.$store.state.equipmentIndex = item.index
                         this.routerIndex = item.index
                         if (item.deviceName == 10) {
-                            this.$router.push({ path: `/skylight?change=${item.index}` })
+                            // 限制页面随意跳转
+                            if(this.routerNow!='skylight'&&this.leftList[1].routerList.indexOf(this.$route.name)!=-1){
+                                return
+                            }
+                            this.$router.push({ path: `/control?change=${item.index}` })
                         } else if (item.deviceName == 1 && this.routerNow != 'irrigateSet') {
                             this.$router.push({ path: `/irrigateSet?change=${item.index}` })
                         }
diff --git a/src/views/page/LED.vue b/src/views/page/LED.vue
index fc43241..5374353 100644
--- a/src/views/page/LED.vue
+++ b/src/views/page/LED.vue
@@ -1,14 +1,14 @@
 <template>
     <div class="wetFan">
         <div class="table-title">
-            <img src="../../assets/img/LED.png" alt="">补光灯&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[21400] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/LED.png" alt="">补光灯
         </div>
-        <div class="title-tips">
-            工作方式选择
+        <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[21400] == 0 ? 'blue' : 'green'">
+                    {{ inputData[21400] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
         <div class="flex-view">
             <div class="input-btn ">
diff --git a/src/views/page/alarmSettings.vue b/src/views/page/alarmSettings.vue
new file mode 100644
index 0000000..685d201
--- /dev/null
+++ b/src/views/page/alarmSettings.vue
@@ -0,0 +1,574 @@
+<template>
+    <div class="all">
+        <div class="table-title">
+            <img src="../../assets/img/alarmSettings.png" alt="">报警设置
+        </div>
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>目标温度1的实时温度选择</span>
+                <el-dropdown @command="handleCommand1($event, 20080)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20080]" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20081].length" @click="changeOpenTrue(0, 20081)">
+                <div v-if="inputDataNew[20081][0] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项一:温度高于目标值</span>
+                <input @blur="blurChange10('20082', $event)" v-model="inputData['20082']"
+                    @input="changeCount10('20082', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，高温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20081].length" @click="changeOpenTrue(1, 20081)">
+                <div v-if="inputDataNew[20081][1] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项二:温度低于目标值</span>
+                <input @blur="blurChange10('20083', $event)" v-model="inputData['20083']"
+                    @input="changeCount10('20083', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，低温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20081].length" @click="changeOpenTrue(2, 20081)">
+                <div v-if="inputDataNew[20081][2] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项三:温度高于</span>
+                <input @blur="blurChangeCount('20083', $event)" v-model="inputData['20083']"
+                    @input="changeCountData('20083', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，高温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20081].length" @click="changeOpenTrue(3, 20081)">
+                <div v-if="inputDataNew[20081][3] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项四:温度低于</span>
+                <input @blur="blurChangeCount('20084', $event)" v-model="inputData['20084']"
+                    @input="changeCountData('20084', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，低温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>目标温度2的实时温度选择</span>
+                <el-dropdown @command="handleCommand1($event, 20086)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20086]" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList1" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20087].length" @click="changeOpenTrue(0, 20087)">
+                <div v-if="inputDataNew[20087][0] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项一:温度高于目标值</span>
+                <input @blur="blurChange10('20087', $event)" v-model="inputData['20087']"
+                    @input="changeCount10('20087', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，高温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20087].length" @click="changeOpenTrue(1, 20087)">
+                <div v-if="inputDataNew[20087][1] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项二:温度低于目标值</span>
+                <input @blur="blurChange10('20088', $event)" v-model="inputData['20088']"
+                    @input="changeCount10('20088', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，低温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20087].length" @click="changeOpenTrue(2, 20087)">
+                <div v-if="inputDataNew[20087][2] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项三:温度高于</span>
+                <input @blur="blurChangeCount('20089', $event)" v-model="inputData['20089']"
+                    @input="changeCountData('20089', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，高温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20087].length" @click="changeOpenTrue(3, 20087)">
+                <div v-if="inputDataNew[20087][3] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项四:温度低于</span>
+                <input @blur="blurChangeCount('20090', $event)" v-model="inputData['20090']"
+                    @input="changeCountData('20090', $event)" type="text" value="60" placeholder="60" />
+                <span>℃，低温报警。</span>
+            </div>
+        </div>
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度1的实时湿度选择</span>
+                <el-dropdown @command="handleCommand2($event, 20092)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20092]" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20093].length" @click="changeOpenTrue(0, 20093)">
+                <div v-if="inputDataNew[20093][0] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项一:湿度高于目标值</span>
+                <input @blur="blurChange10('20094', $event)" v-model="inputData['20094']"
+                    @input="changeCount10('20094', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，高湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20093].length" @click="changeOpenTrue(1, 20093)">
+                <div v-if="inputDataNew[20093][1] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项二:湿度低于目标值</span>
+                <input @blur="blurChange10('20095', $event)" v-model="inputData['20095']"
+                    @input="changeCount10('20095', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，低湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20093].length" @click="changeOpenTrue(2, 20093)">
+                <div v-if="inputDataNew[20093][2] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项三:湿度高于</span>
+                <input @blur="blurChange10('20096', $event)" v-model="inputData['20096']"
+                    @input="changeCount10('20096', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，高湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20093].length" @click="changeOpenTrue(3, 20093)">
+                <div v-if="inputDataNew[20093][3] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项四:湿度低于</span>
+                <input @blur="blurChange10('20097', $event)" v-model="inputData['20097']"
+                    @input="changeCount10('20097', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，低湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度2的实时湿度选择</span>
+                <el-dropdown @command="handleCommand2($event, 20098)">
+                    <div class="el-dropdown-link">
+                        <input v-model="inputDataNew[20098]" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList2" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20099].length" @click="changeOpenTrue(0, 20099)">
+                <div v-if="inputDataNew[20099][0] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项一:湿度高于目标值</span>
+                <input @blur="blurChange10('20100', $event)" v-model="inputData['20100']"
+                    @input="changeCount10('20100', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，高湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20099].length" @click="changeOpenTrue(1, 20099)">
+                <div v-if="inputDataNew[20099][1] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项二:湿度低于目标值</span>
+                <input @blur="blurChange10('20101', $event)" v-model="inputData['20101']"
+                    @input="changeCount10('20101', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，低湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20099].length" @click="changeOpenTrue(2, 20099)">
+                <div v-if="inputDataNew[20099][2] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项三:湿度高于</span>
+                <input @blur="blurChange10('20102', $event)" v-model="inputData['20102']"
+                    @input="changeCount10('20102', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，高湿报警。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="flex-sel padding-none" v-if="inputDataNew[20099].length" @click="changeOpenTrue(3, 20099)">
+                <div v-if="inputDataNew[20099][3] == 0" class="no-sel margin-none"></div>
+                <div v-else class="sel margin-none"></div>
+            </div>
+            <div class="input-main input-main-w80">
+                <span>选项四:湿度低于</span>
+                <input @blur="blurChange10('20103', $event)" v-model="inputData['20103']"
+                    @input="changeCount10('20103', $event)" type="text" value="60" placeholder="60" />
+                <span>%RH，低湿报警。</span>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            inputDataNew: [],
+            inputData: [],
+            typeList1: [
+                { label: '1#平均温度', value: 0 },
+                { label: '2#平均温度', value: 1 },
+                { label: '1#温度传感器', value: 2 },
+                { label: '2#温度传感器', value: 3 },
+                { label: '3#温度传感器', value: 4 },
+                { label: '4#温度传感器', value: 5 },
+                { label: '5#温度传感器', value: 6 },
+                { label: '6#温度传感器', value: 7 },
+                { label: '7#温度传感器', value: 8 },
+                { label: '8#温度传感器', value: 9 },
+                { label: '9#温度传感器', value: 10 },
+                { label: '10#温度传感器', value: 11 },
+                { label: '11#温度传感器', value: 12 },
+                { label: '12#温度传感器', value: 13 },
+                { label: '13#温度传感器', value: 14 },
+                { label: '14#温度传感器', value: 15 },
+                { label: '15#温度传感器', value: 16 },],
+            typeList2: [
+                { label: '1#平均湿度', value: 0 },
+                { label: '2#平均湿度', value: 1 },
+                { label: '1#湿度传感器', value: 2 },
+                { label: '2#湿度传感器', value: 3 },
+                { label: '3#湿度传感器', value: 4 },
+                { label: '4#湿度传感器', value: 5 },
+                { label: '5#湿度传感器', value: 6 },
+                { label: '6#湿度传感器', value: 7 },
+                { label: '7#湿度传感器', value: 8 },
+                { label: '8#湿度传感器', value: 9 },
+                { label: '9#湿度传感器', value: 10 },
+                { label: '10#湿度传感器', value: 11 },
+                { label: '11#湿度传感器', value: 12 },
+                { label: '12#湿度传感器', value: 13 },
+                { label: '13#湿度传感器', value: 14 },
+                { label: '14#湿度传感器', value: 15 },
+                { label: '15#湿度传感器', value: 16 },],
+        }
+    },
+    mounted() {
+        this.dataInit()
+        //input获取焦点后全选
+        let inputList = document.querySelectorAll('input');
+        for (let index = 0; index < inputList.length; index++) {
+            inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
+        }
+    },
+    methods: {
+        getData1(data) {
+            var name = ''
+            this.typeList1.forEach((el, index) => {
+                if (el.value == data) {
+                    name = el.label
+                }
+            })
+            return name
+        },
+        getData2(data) {
+            var name = ''
+            this.typeList2.forEach((el, index) => {
+                if (el.value == data) {
+                    name = el.label
+                }
+            })
+            return name
+        },
+        //类型选择温度
+        handleCommand1(command, code) {
+            this.typeList1.forEach((el, index) => {
+                if (el.value == command) {
+                    this.inputDataNew[code] = el.label
+                }
+            })
+            var dataNum = {
+                target: {
+                    value: command,
+                },
+            };
+            this.changeBtn(code, dataNum);
+        },
+        //类型选择湿度
+        handleCommand2(command, code) {
+            this.typeList2.forEach((el, index) => {
+                if (el.value == command) {
+                    this.inputDataNew[code] = el.label
+                }
+            })
+            var dataNum = {
+                target: {
+                    value: command,
+                },
+            };
+            this.changeBtn(code, dataNum);
+        },
+        //失去焦点 计算公式 x/10
+        blurChange10(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value * 10,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+
+        },
+        //反向计算 计算公式 x/10
+        changeCount10(code, el) {
+            var data = el.target.value * 10
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+        // 计算展示值 计算公式 x/10
+        countData10(data) {
+            if (data) {
+                return data / 10
+            } else {
+                return 0
+            }
+        },
+        // 计算展示值 计算公式 (x - 400) / 10
+        countData(data) {
+            if (data) {
+                return (data - 400) / 10
+            } else {
+                return 0
+            }
+        },
+        //失去焦点
+        blurChangeCount(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: (el.target.value * 10) + 400,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+        },
+        changeCountData(code, el) {
+            var data = (el.target.value * 10) + 400
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+        padString(str, length) {
+      return str.padStart(length, '0');
+    },
+        //反转数组 不影响原数组
+        myReverse(arr) {
+            return [...arr].reverse()
+        },
+        changeOpenTrue(index, code) {
+            if (this.inputDataNew[code][index] == 0) {
+                this.inputDataNew[code][index] = 1
+            } else {
+                this.inputDataNew[code][index] = 0
+            }
+            this.$forceUpdate();
+            var num = this.myReverse(this.inputDataNew[code]).join("")
+
+            var dataNum = {
+                target: {
+                    value: parseInt(num, 2),
+                },
+            };
+            this.changeBtn(code, dataNum);
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.targetValue(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = JSON.parse(JSON.stringify(res.data.data));
+                    this.inputDataNew = JSON.parse(JSON.stringify(res.data.data))
+                    this.inputDataNew[20080] = this.getData1(this.inputData[20080])
+                    this.inputDataNew[20086] = this.getData1(this.inputData[20086])
+
+                    this.inputData[20082] = this.countData10(this.inputData[20082])
+                    this.inputData[20083] = this.countData10(this.inputData[20083])
+                    this.inputData[20084] = this.countData(this.inputData[20084])
+                    this.inputData[20085] = this.countData(this.inputData[20085])
+
+                    this.inputData[20088] = this.countData10(this.inputData[20088])
+                    this.inputData[20089] = this.countData10(this.inputData[20089])
+                    this.inputData[20090] = this.countData(this.inputData[20090])
+                    this.inputData[20091] = this.countData(this.inputData[20091])
+                    
+                    this.inputDataNew[20092] = this.getData2(this.inputData[20092])
+                    this.inputDataNew[20098] = this.getData2(this.inputData[20098])
+                    
+                    this.inputData[20094] = this.countData10(this.inputData[20094])
+                    this.inputData[20095] = this.countData10(this.inputData[20095])
+                    this.inputData[20096] = this.countData10(this.inputData[20096])
+                    this.inputData[20097] = this.countData10(this.inputData[20097])
+
+                    this.inputData[20100] = this.countData10(this.inputData[20100])
+                    this.inputData[20101] = this.countData10(this.inputData[20101])
+                    this.inputData[20102] = this.countData10(this.inputData[20102])
+                    this.inputData[20103] = this.countData10(this.inputData[20103])
+
+                    this.getOpenData(20081)
+                    this.getOpenData(20087)
+                    this.getOpenData(20093)
+                    this.getOpenData(20099)
+                }
+            })
+        },
+        getOpenData(code){
+            var num1 = this.inputData[code]?this.inputData[code]:0
+      var num11 = this.padString(num1.toString(2), 4)
+      var openList1New
+      openList1New = num11.split("")
+      this.inputDataNew[code] = openList1New.reverse()
+        },
+        //全选文本
+        selectValue(e) {
+            var store = this.$store.state
+            store.nowInput = e.target.value
+            e.currentTarget.select();
+        },
+        change(code, el) {
+      var store = this.$store.state;
+      var data = {
+        equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+        regAddress: code,
+        num: el.target.value,
+      };
+      this.delayTimer(0, data);
+    },
+    //限制 写入停止后j*100毫秒调取函数
+    delayTimer(i, data) {
+      const that = this;
+      //整体接口
+      let j = this.$store.state.lateSend;
+      //避免开启多个计时器
+      this.timer && clearInterval(this.timer);
+
+      this.timer = setInterval(() => {
+        ++i;
+        if (i == j) {
+          that.changeData(data);
+          clearInterval(this.timer);
+        }
+      }, 100);
+    },
+        //修改数据的函数
+        changeBtn(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value,
+            };
+            this.delayTimerBtn(0, data);
+        },
+        //切换btn的限制 写入停止后j*100毫秒调取函数
+        delayTimerBtn(i, data) {
+            const that = this;
+            //整体接口
+            let j = this.$store.state.lateSendBtn;
+            //避免开启多个计时器
+            this.timer && clearInterval(this.timer);
+
+            this.timer = setInterval(() => {
+                ++i;
+                if (i == j) {
+                    that.changeData(data);
+                    clearInterval(this.timer);
+                }
+            }, 100);
+        },
+        changeData(data) {
+            var store = this.$store.state
+            this.api.postControlWrite(data).then((res) => {
+                if (res.data.code == 200) {
+                    this.$message({
+                        message: res.data.msg,
+                        type: "success",
+                    });
+                    store.nowInput = ''
+                    // this.dataInit();
+                } else {
+                    this.inputData[data.regAddress] = store.nowInput
+                    this.$message.error(res.data.msg);
+                }
+                this.timer = null
+            });
+        },
+    },
+
+}
+</script>
+<style lang="scss"></style>
+  
+  
\ No newline at end of file
diff --git a/src/views/page/circulationCan.vue b/src/views/page/circulationCan.vue
index 45a2f6f..7c9d677 100644
--- a/src/views/page/circulationCan.vue
+++ b/src/views/page/circulationCan.vue
@@ -1,13 +1,16 @@
 <template>
     <div class="circulationCan">
         <div class="table-title">
-            <img src="../../assets/img/circulationCan.png" alt="">环流风扇{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/circulationCan.png" alt="">环流风扇{{ indexs }}
+
+        </div>
+        <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
@@ -29,65 +32,65 @@
             </div>
             <div class="input-main-80">
                 <span>时段1：</span>
-                <input @blur="blurChange(startList[indexs-1]+2, $event)" v-model="inputData[startList[indexs-1]+2]" @input="change(startList[indexs-1]+2, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 2, $event)" v-model="inputData[startList[indexs - 1] + 2]"
+                    @input="change(startList[indexs - 1] + 2, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+3, $event)" v-model="inputData[startList[indexs-1]+3]" @input="change(startList[indexs-1]+3, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 3, $event)" v-model="inputData[startList[indexs - 1] + 3]"
+                    @input="change(startList[indexs - 1] + 3, $event)" type="text" placeholder="0">
                 <span>-</span>
-                <input @blur="blurChange(startList[indexs-1]+4, $event)" v-model="inputData[startList[indexs-1]+4]" @input="change(startList[indexs-1]+4, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 4, $event)" v-model="inputData[startList[indexs - 1] + 4]"
+                    @input="change(startList[indexs - 1] + 4, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+5, $event)" v-model="inputData[startList[indexs-1]+5]" @input="change(startList[indexs-1]+5, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 5, $event)" v-model="inputData[startList[indexs - 1] + 5]"
+                    @input="change(startList[indexs - 1] + 5, $event)" type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-main-80">
                 <span>时段2：</span>
-                <input @blur="blurChange(startList[indexs-1]+6, $event)" v-model="inputData[startList[indexs-1]+6]" @input="change(startList[indexs-1]+6, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 6, $event)" v-model="inputData[startList[indexs - 1] + 6]"
+                    @input="change(startList[indexs - 1] + 6, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+7, $event)" v-model="inputData[startList[indexs-1]+7]" @input="change(startList[indexs-1]+7, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 7, $event)" v-model="inputData[startList[indexs - 1] + 7]"
+                    @input="change(startList[indexs - 1] + 7, $event)" type="text" placeholder="0">
                 <span>-</span>
-                <input @blur="blurChange(startList[indexs-1]+8, $event)" v-model="inputData[startList[indexs-1]+8]" @input="change(startList[indexs-1]+8, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 8, $event)" v-model="inputData[startList[indexs - 1] + 8]"
+                    @input="change(startList[indexs - 1] + 8, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+9, $event)" v-model="inputData[startList[indexs-1]+9]" @input="change(startList[indexs-1]+9, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 9, $event)" v-model="inputData[startList[indexs - 1] + 9]"
+                    @input="change(startList[indexs - 1] + 9, $event)" type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view border-none  shrink-none padding-none">
             <div class="input-main-80">
                 <span>时段3：</span>
-                <input @blur="blurChange(startList[indexs-1]+10, $event)" v-model="inputData[startList[indexs-1]+10]" @input="change(startList[indexs-1]+10, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 10, $event)" v-model="inputData[startList[indexs - 1] + 10]"
+                    @input="change(startList[indexs - 1] + 10, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+11, $event)" v-model="inputData[startList[indexs-1]+11]" @input="change(startList[indexs-1]+11, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 11, $event)" v-model="inputData[startList[indexs - 1] + 11]"
+                    @input="change(startList[indexs - 1] + 11, $event)" type="text" placeholder="0">
                 <span>-</span>
-                <input @blur="blurChange(startList[indexs-1]+12, $event)" v-model="inputData[startList[indexs-1]+12]" @input="change(startList[indexs-1]+12, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 12, $event)" v-model="inputData[startList[indexs - 1] + 12]"
+                    @input="change(startList[indexs - 1] + 12, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+13, $event)" v-model="inputData[startList[indexs-1]+13]" @input="change(startList[indexs-1]+13, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 13, $event)" v-model="inputData[startList[indexs - 1] + 13]"
+                    @input="change(startList[indexs - 1] + 13, $event)" type="text" placeholder="0">
             </div>
         </div>
         <div class="flex-view shrink-none padding-none">
             <div class="input-main-80">
                 <span>时段4：</span>
-                <input @blur="blurChange(startList[indexs-1]+14, $event)" v-model="inputData[startList[indexs-1]+14]" @input="change(startList[indexs-1]+14, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 14, $event)" v-model="inputData[startList[indexs - 1] + 14]"
+                    @input="change(startList[indexs - 1] + 14, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+15, $event)" v-model="inputData[startList[indexs-1]+15]" @input="change(startList[indexs-1]+15, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 15, $event)" v-model="inputData[startList[indexs - 1] + 15]"
+                    @input="change(startList[indexs - 1] + 15, $event)" type="text" placeholder="0">
                 <span>-</span>
-                <input @blur="blurChange(startList[indexs-1]+16, $event)" v-model="inputData[startList[indexs-1]+16]" @input="change(startList[indexs-1]+16, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 16, $event)" v-model="inputData[startList[indexs - 1] + 16]"
+                    @input="change(startList[indexs - 1] + 16, $event)" type="text" placeholder="0">
                 <span>:</span>
-                <input @blur="blurChange(startList[indexs-1]+17, $event)" v-model="inputData[startList[indexs-1]+17]" @input="change(startList[indexs-1]+17, $event)"
-                 type="text" placeholder="0">
+                <input @blur="blurChange(startList[indexs - 1] + 17, $event)" v-model="inputData[startList[indexs - 1] + 17]"
+                    @input="change(startList[indexs - 1] + 17, $event)" type="text" placeholder="0">
             </div>
         </div>
 
@@ -99,10 +102,12 @@
             </div>
             <div class="input-main-80">
                 <span>湿度高于</span>
-                <input @blur="blurChange10(startList[indexs - 1] + 18, $event)" v-model="inputData[startList[indexs - 1] + 18]"
+                <input @blur="blurChange10(startList[indexs - 1] + 18, $event)"
+                    v-model="inputData[startList[indexs - 1] + 18]"
                     @input="changeCount10(startList[indexs - 1] + 18, $event)" type="text" placeholder="0">
                 <span>启动,滞回带</span>
-                <input @blur="blurChange10(startList[indexs - 1] + 19, $event)" v-model="inputData[startList[indexs - 1] + 19]"
+                <input @blur="blurChange10(startList[indexs - 1] + 19, $event)"
+                    v-model="inputData[startList[indexs - 1] + 19]"
                     @input="changeCount10(startList[indexs - 1] + 19, $event)" type="text" placeholder="0">
             </div>
         </div>
@@ -239,7 +244,7 @@ export default {
                     value: parseInt(num, 2),
                 },
             };
-            this.inputData[this.startList[this.indexs - 1] + 1]=parseInt(num, 2)
+            this.inputData[this.startList[this.indexs - 1] + 1] = parseInt(num, 2)
             this.changeBtn(this.startList[this.indexs - 1] + 1, dataNum);
         },
         getActive1() {
diff --git a/src/views/page/coercionMist.vue b/src/views/page/coercionMist.vue
index 7080eb9..e6c341b 100644
--- a/src/views/page/coercionMist.vue
+++ b/src/views/page/coercionMist.vue
@@ -1,13 +1,15 @@
 <template>
     <div class="coercionMist">
         <div class="table-title">
-            <img src="../../assets/img/coercionMist.png" alt="">高压微雾{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/coercionMist.png" alt="">高压微雾{{ indexs }}
+        </div>
+        <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
diff --git a/src/views/page/electromagneticControl.vue b/src/views/page/electromagneticControl.vue
index 4856a36..62c271d 100644
--- a/src/views/page/electromagneticControl.vue
+++ b/src/views/page/electromagneticControl.vue
@@ -1,14 +1,14 @@
 <template>
     <div class="electromagneticControl">
         <div class="table-title">
-            <img src="../../assets/img/electromagneticControl.png" alt="">{{ indexs }}#电磁阀&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/electromagneticControl.png" alt="">{{ indexs }}#电磁阀
         </div>
-        <div class="title-tips">
-            工作方式选择
+        <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
         <div class="flex-view">
             <div class="input-btn ">
diff --git a/src/views/page/exitSettings.vue b/src/views/page/exitSettings.vue
new file mode 100644
index 0000000..fa3a29c
--- /dev/null
+++ b/src/views/page/exitSettings.vue
@@ -0,0 +1,257 @@
+<template>
+    <div class="exitSettings">
+        <div class="table-title">
+            <img src="../../assets/img/alarmSettings.png" alt="">通道报警设置
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>温度高于目标1</span>
+                <input @blur="blurChange(20620, $event)" v-model="inputData[20620]" @input="change(20620, $event)"
+                    type="text" placeholder="0">
+                <span>℃，高温报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>温度低于目标1</span>
+                <input @blur="blurChange(20621, $event)" v-model="inputData[20621]" @input="change(20621, $event)"
+                    type="text" placeholder="0">
+                <span>℃，低温报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>温度高于目标2</span>
+                <input @blur="blurChange(20622, $event)" v-model="inputData[20622]" @input="change(20622, $event)"
+                    type="text" placeholder="0">
+                <span>℃，高温报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view padding-none">
+            <div class="input-main-80">
+                <span>温度低于目标2</span>
+                <input @blur="blurChange(20623, $event)" v-model="inputData[20623]" @input="change(20623, $event)"
+                    type="text" placeholder="0">
+                <span>℃，低温报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>湿度高于目标1</span>
+                <input @blur="blurChange(20624, $event)" v-model="inputData[20624]" @input="change(20624, $event)"
+                    type="text" placeholder="0">
+                <span>%RH，高湿报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>湿度低于目标1</span>
+                <input @blur="blurChange(20625, $event)" v-model="inputData[20625]" @input="change(20625, $event)"
+                    type="text" placeholder="0">
+                <span>%RH，低湿报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>湿度高于目标2</span>
+                <input @blur="blurChange(20626, $event)" v-model="inputData[20626]" @input="change(20626, $event)"
+                    type="text" placeholder="0">
+                <span>%RH，高湿报警输出通道</span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-main-80">
+                <span>湿度低于目标2</span>
+                <input @blur="blurChange(20627, $event)" v-model="inputData[20627]" @input="change(20627, $event)"
+                    type="text" placeholder="0">
+                <span>%RH，低湿报警输出通道</span>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            inputData: [],
+        }
+    },
+    mounted() {
+        const that = this;
+        setTimeout(() => {
+            that.dataInit();
+        }, 0);
+        //input获取焦点后全选
+        let inputList = document.querySelectorAll('input');
+        for (let index = 0; index < inputList.length; index++) {
+            inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本
+        }
+    },
+    methods: {
+        //失去焦点 计算公式 x/10
+        blurChange10(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value * 10,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+
+        },
+        //反向计算 计算公式 x/10
+        changeCount10(code, el) {
+            var data = el.target.value * 10
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+        // 计算展示值 计算公式 x/10
+        countData10(data) {
+            if (data) {
+                return data / 10
+            } else {
+                return 0
+            }
+        },
+        // 计算展示值 计算公式 (x - 400) / 10
+        countData(data) {
+            if (data) {
+                return (data - 400) / 10
+            } else {
+                return 0
+            }
+        },
+        //失去焦点
+        blurChangeCount(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: (el.target.value * 10) + 400,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+        },
+        changeCountData(code, el) {
+            var data = (el.target.value * 10) + 400
+            var sendData = {
+                target: {
+                    value: data
+                }
+            }
+            this.change(code, sendData)
+        },
+        dataInit() {
+            var store = this.$store.state
+            var data = {
+                deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+            };
+            this.api.readalarmSetting(data).then(res => {
+                if (res.data.code == 200) {
+                    this.inputData = res.data.data;
+
+                }
+            })
+        },
+        //全选文本
+        selectValue(e) {
+            var store = this.$store.state
+            store.nowInput = e.target.value
+            e.currentTarget.select();
+        },
+        //失去焦点
+        blurChange(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value,
+            }; //避免开启多个计时器
+            if (this.timer) {
+                this.timer && clearInterval(this.timer);
+                this.changeData(data);
+            }
+
+        },
+        //修改数据的函数
+        changeBtn(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value,
+            };
+            this.delayTimerBtn(0, data);
+        },
+        //切换btn的限制 写入停止后j*100毫秒调取函数
+        delayTimerBtn(i, data) {
+            const that = this;
+            //整体接口
+            let j = this.$store.state.lateSendBtn;
+            //避免开启多个计时器
+            this.timer && clearInterval(this.timer);
+
+            this.timer = setInterval(() => {
+                ++i;
+                if (i == j) {
+                    that.changeData(data);
+                    clearInterval(this.timer);
+                }
+            }, 100);
+        },
+        change(code, el) {
+            var store = this.$store.state
+            var data = {
+                equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
+                regAddress: code,
+                num: el.target.value,
+            };
+            this.delayTimer(0, data);
+        },
+        //限制 写入停止后j*100毫秒调取函数
+        delayTimer(i, data) {
+            const that = this;
+            //整体接口
+            let j = this.$store.state.lateSend;
+            //避免开启多个计时器
+            this.timer && clearInterval(this.timer);
+
+            this.timer = setInterval(() => {
+                ++i;
+                if (i == j) {
+                    that.changeData(data);
+                    clearInterval(this.timer);
+                }
+            }, 100);
+        },
+        changeData(data) {
+            var store = this.$store.state
+            this.api.postControlWrite(data).then((res) => {
+                if (res.data.code == 200) {
+                    this.$message({
+                        message: res.data.msg,
+                        type: "success",
+                    });
+                    store.nowInput = ''
+                    // this.dataInit();
+                } else {
+                    this.inputData[data.regAddress] = store.nowInput
+                    this.$message.error(res.data.msg);
+                }
+                this.timer = null
+            });
+        },
+    },
+
+}
+</script>
+<style lang="scss"></style>
\ No newline at end of file
diff --git a/src/views/page/fan.vue b/src/views/page/fan.vue
index fcf151e..82e8598 100644
--- a/src/views/page/fan.vue
+++ b/src/views/page/fan.vue
@@ -1,11 +1,14 @@
 <template>
     <div class="skylight fan">
         <div class="table-title">
-            <img src="../../assets/image/skylight.png" alt=""> 风机{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/image/skylight.png" alt=""> 风机{{ indexs }}
+        </div>
+        <div class="title-tips">
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
         <div class="flex-view">
             <div class="input-btn">
diff --git a/src/views/page/insizeSunshade.vue b/src/views/page/insizeSunshade.vue
index 8fa2b35..a2e8631 100644
--- a/src/views/page/insizeSunshade.vue
+++ b/src/views/page/insizeSunshade.vue
@@ -1,13 +1,15 @@
 <template>
     <div class="insizeSunshade">
         <div class="table-title">
-            <img src="../../assets/img/insizeSunshade.png" alt="">内遮阳{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/insizeSunshade.png" alt="">内遮阳{{ indexs }}
+        </div>
+        <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
diff --git a/src/views/page/internalInsulation.vue b/src/views/page/internalInsulation.vue
index 4fce39d..a55430a 100644
--- a/src/views/page/internalInsulation.vue
+++ b/src/views/page/internalInsulation.vue
@@ -1,13 +1,15 @@
 <template>
     <div class="internalInsulation">
         <div class="table-title">
-            <img src="../../assets/img/internalInsulation.png" alt="">内保温{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[startList[indexs - 1]] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/internalInsulation.png" alt="">内保温{{ indexs }}
+        </div>
+        <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
diff --git a/src/views/page/outsizeSunshade.vue b/src/views/page/outsizeSunshade.vue
index 0aca285..0c17a20 100644
--- a/src/views/page/outsizeSunshade.vue
+++ b/src/views/page/outsizeSunshade.vue
@@ -1,16 +1,18 @@
 <template>
     <div class="outsizeSunshade">
         <div class="table-title">
-            <img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[startList[indexs-1]] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳{{ indexs }}
+        </div>
+        <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs-1]] == 1 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
                 </div>
                 <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs-1]] == 2 ? 'blue' : 'green'">
diff --git a/src/views/page/skylight.vue b/src/views/page/skylight.vue
index eb5eae2..b0efe8b 100644
--- a/src/views/page/skylight.vue
+++ b/src/views/page/skylight.vue
@@ -1,12 +1,15 @@
 <template>
   <div class="skylight">
     <div class="table-title">
-      <img src="../../assets/image/skylight.png" alt=""> 顶卷膜{{ indexs }}&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+      <img src="../../assets/image/skylight.png" alt=""> 顶卷膜{{ indexs }}
     </div>
+    <div class="title-tips">
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view border-bottom">
       <div class="input-btn">
         <div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'">
diff --git a/src/views/page/sunroofControl.vue b/src/views/page/sunroofControl.vue
index 9ef6b8a..1741f7e 100644
--- a/src/views/page/sunroofControl.vue
+++ b/src/views/page/sunroofControl.vue
@@ -1,16 +1,18 @@
 <template>
     <div class="sunroofControl">
         <div class="table-title">
-            <img src="../../assets/img/sunroofControl.png" alt="">通风窗{{indexs}}&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[startList[indexs-1]] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/sunroofControl.png" alt="">通风窗{{indexs}}
+        </div>
+        <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[startList[indexs - 1]] == 0 ? 'blue' : 'green'">
+                    {{ inputData[startList[indexs - 1]] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">工作方式选择</div>
         <div class="flex-view">
             <div class="input-btn ">
-                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs-1]] == 1 ? 'blue' : 'green'">
+                <div class="btn" @click="changeOpen(1)" :class="inputData[startList[indexs - 1]] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
                 </div>
                 <div class="btn" @click="changeOpen(2)" :class="inputData[startList[indexs-1]] == 2 ? 'blue' : 'green'">
diff --git a/src/views/page/wetFan.vue b/src/views/page/wetFan.vue
index 2f3a41f..dc83878 100644
--- a/src/views/page/wetFan.vue
+++ b/src/views/page/wetFan.vue
@@ -1,16 +1,18 @@
 <template>
     <div class="wetFan">
         <div class="table-title">
-            <img src="../../assets/img/wetFan.png" alt="">风机湿帘&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="inputData[21950] == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/wetFan.png" alt="">{{getName()}}
         </div>
-        <div class="title-tips">
-            工作方式选择
+     
+        <template v-if="indexs==1">
+            <div class="title-tips">工作方式选择
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="inputData[21950] == 0 ? 'blue' : 'green'">
+                    {{ inputData[21950] == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="flex-view">
+            <div class="flex-view">
             <div class="input-btn ">
                 <div class="btn" @click="changeOpen(1,21950)" :class="inputData[21950] == 1 ? 'blue' : 'green'">
                     <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
@@ -196,7 +198,7 @@
                 <span>时，启动4#风机。</span>
             </div>
         </div>
-        <div class="flex-view padding-none shrink-none">
+        <div class="flex-view padding-none border-none shrink-none">
             <div class="input-btn">
                 <div class="btn btn-w80" @click="changeIndexOpen2(4)" :class="actList3[4] == '1' ? 'blue' : 'off'">
                     {{actList3[4] == '1' ? '有效' : '无效'}}
@@ -209,8 +211,10 @@
                 <span>时，启动5#风机。</span>
             </div>
         </div>
+        </template>
 
-        <div class="flex-view border-none shrink-none">
+        <template  v-if="indexs==2">
+            <div class="flex-view border-none shrink-none">
             <div class="input-main">
                 <span>湿帘水泵1:</span>
             </div>
@@ -251,7 +255,7 @@
                 </div>
             </div>
         </div>
-        <div class="flex-view shrink-none">
+        <div class="flex-view shrink-none border-none">
             <div class="input-main-80">
                 <span>降温需求到达2</span>
                 <input @blur="blurChange(21972, $event)" v-model="inputData[21972]" @input="change(21972, $event)"
@@ -259,8 +263,10 @@
                 <span>级时，湿帘泵2启动。</span>
             </div>
         </div>
+        </template>
 
-        <div class="flex-view border-none shrink-none">
+        <template v-if="indexs==3">
+            <div class="flex-view border-none shrink-none">
             <div class="input-main">
                 <span>湿帘外翻窗1模式:</span>
             </div>
@@ -354,6 +360,7 @@
                 <span>分钟之后关闭湿帘窗。</span>
             </div>
         </div>
+        </template>
     </div>
 </template>
 <script>
@@ -366,10 +373,18 @@ export default {
             actList3: [],
             actList4: [],
             actList5: [],
+            indexs: 1,
         }
     },
+    watch: {
+        $route(newVal, oldVal) {
+            const that = this;
+            this.indexs = this.$route.query.id ? this.$route.query.id : 1;
+        },
+    },
     mounted() {
         const that = this;
+        this.indexs = this.$route.query.id ? this.$route.query.id : 1;
         setTimeout(() => {
             that.dataInit();
         }, 0);
@@ -380,6 +395,17 @@ export default {
         }
     },
     methods: {
+        getName(){
+            if(this.indexs==1){
+                return '风机'
+            }else if(this.indexs==2){
+                return '湿帘泵'
+            }else if(this.indexs==3){
+                return '湿帘外翻窗'
+            }else{
+                return '湿帘风机'
+            }
+        },
         //失去焦点 计算公式 x/10
         blurChange10(code, el) {
             var store = this.$store.state
diff --git a/src/views/wufang/downtake.vue b/src/views/wufang/downtake.vue
index 01a0ef4..8bd2481 100644
--- a/src/views/wufang/downtake.vue
+++ b/src/views/wufang/downtake.vue
@@ -1,13 +1,15 @@
 <template>
   <div class="waterPump wufang">
     <div class="table-title">
-      <img src="../../assets/img/downtake.png" alt="" /> 下风口&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+      <img src="../../assets/img/downtake.png" alt="" /> 下风口
     </div>
-    <div class="title-tips">下风口有效性设置</div>
+    <div class="title-tips">下风口有效性设置
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view">
       <div class="input-btn">
         <div
diff --git a/src/views/wufang/geothermalFan.vue b/src/views/wufang/geothermalFan.vue
index 4f7bf8a..85d80ca 100644
--- a/src/views/wufang/geothermalFan.vue
+++ b/src/views/wufang/geothermalFan.vue
@@ -1,13 +1,15 @@
 <template>
     <div class="waterPump">
         <div class="table-title">
-            <img src="../../assets/img/geothermalFan.png" alt=""> 地热风机&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/geothermalFan.png" alt=""> 地热风机
+        </div>
+        <div class="title-tips">地热风机有效性设置
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
-        <div class="title-tips">地热风机有效性设置</div>
         <div class="flex-view">
             <div class="input-btn">
                 <div class="btn" @click="changeOpen(1)" :class="openIndex == 1 ? 'blue' : 'green'">
diff --git a/src/views/wufang/rollByRoll.vue b/src/views/wufang/rollByRoll.vue
index 40d76dd..19cad9c 100644
--- a/src/views/wufang/rollByRoll.vue
+++ b/src/views/wufang/rollByRoll.vue
@@ -1,16 +1,17 @@
 <template>
   <div class="waterPump wufang">
     <div class="table-title">
-      <img src="../../assets/img/rollByRoll.png" alt="" /> 卷被&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
-
+      <img src="../../assets/img/rollByRoll.png" alt="" /> 卷被
       <div class="title-text">日出:{{ sunrise }}</div>
       <div class="title-text">日落:{{ sunset }}</div>
     </div>
-    <div class="title-tips">卷被有效性设置</div>
+    <div class="title-tips">卷被有效性设置
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view">
       <div class="input-btn">
         <div
diff --git a/src/views/wufang/snowRemoval.vue b/src/views/wufang/snowRemoval.vue
index 7b3b5f6..25cb70e 100644
--- a/src/views/wufang/snowRemoval.vue
+++ b/src/views/wufang/snowRemoval.vue
@@ -1,13 +1,15 @@
 <template>
   <div class="waterPump wufang">
     <div class="table-title">
-      <img src="../../assets/img/snowRemoval.png" alt="" /> 除雪&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+      <img src="../../assets/img/snowRemoval.png" alt="" /> 除雪
     </div>
-    <div class="title-tips">除雪有效性设置</div>
+    <div class="title-tips">除雪有效性设置
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view">
       <div class="input-btn">
         <div
diff --git a/src/views/wufang/uptake.vue b/src/views/wufang/uptake.vue
index c1b1d44..68b3ce9 100644
--- a/src/views/wufang/uptake.vue
+++ b/src/views/wufang/uptake.vue
@@ -1,13 +1,15 @@
 <template>
   <div class="waterPump wufang">
     <div class="table-title">
-      <img src="../../assets/img/uptake.png" alt="" /> 上风口&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+      <img src="../../assets/img/uptake.png" alt="" /> 上风口
     </div>
-    <div class="title-tips">上风口有效性设置</div>
+    <div class="title-tips">上风口有效性设置
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
+        </div>
     <div class="flex-view">
       <div class="input-btn">
         <div
diff --git a/src/views/wufang/waterPump.vue b/src/views/wufang/waterPump.vue
index c265c0b..d5e2ccb 100644
--- a/src/views/wufang/waterPump.vue
+++ b/src/views/wufang/waterPump.vue
@@ -1,11 +1,14 @@
 <template>
     <div class="waterPump">
         <div class="table-title">
-            <img src="../../assets/img/waterPump.png" alt=""> 加热水泵&nbsp;&nbsp;&nbsp;&nbsp;
-            <div @click="changeOpen(0)" class="flex-view border-none">
-             <div  :class="openIndex == 0 ? 'sel' : 'no-sel'"></div>
-              有效性
-           </div>
+            <img src="../../assets/img/waterPump.png" alt=""> 加热水泵
+        </div>
+        <div class="title-tips">
+            <div class="input-btn">
+                <div class="btn btn-tips"  @click="changeOpen(0)" :class="openIndex == 0 ? 'blue' : 'green'">
+                    {{ openIndex == 0 ? '无效' : '有效' }}
+                </div>
+            </div>
         </div>
         <div class="flex-view">
             <div class="input-btn">