From efdaa5ec801251889d0abb59086d62f54d02a146 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E8=90=8C?= <525441437@qq.com>
Date: Tue, 5 Dec 2023 18:00:10 +0800
Subject: [PATCH] 1

---
 src/api/index.js            |  11 +-
 src/assets/css/main.css     |   3 +-
 src/assets/css/main.min.css |   2 +-
 src/assets/css/main.scss    |   3 +-
 src/views/page/realTime.vue | 299 ++++++++++++++++++++++--------------
 文档.txt                    |   4 +-
 6 files changed, 198 insertions(+), 124 deletions(-)

diff --git a/src/api/index.js b/src/api/index.js
index b4c4600..0f12963 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -217,6 +217,15 @@ export default {
   // 查看用户额外权限
   user_getjurisdiction(userId,data){
     return sendGetRequest(`/user/getjurisdiction?userId=${userId}`, data)
-  }
+  },
 
+
+  //实时数据页面状态值(查看全部设备)
+  getStatePermissionStatus(data){
+      return sendGetRequest(`/getcontrol/getStatePermissionStatus`, data)
+    },
+    getPermissionStatus(data){
+      return sendGetRequest(`/getcontrol/getPermissionStatus`, data)
+    }
+    
 };
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index a12b256..6b2158b 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -1699,7 +1699,7 @@
 }
 
 .realTime .page-content .status-view .status-view-top {
-  padding: 0 10px 0 20px;
+  padding: 0 10px 0 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1712,6 +1712,7 @@
   font-family: Microsoft YaHei;
   font-weight: bold;
   color: #FFFFFF;
+  white-space: nowrap;
 }
 
 .realTime .page-content .status-view .status-view-top .status-view-top-right {
diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css
index 1ae44a2..566ffd1 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}.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}.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:1920px 1080px;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;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>.title{margin-bottom:11px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.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-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.btn{margin:0 8px !important;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 20px;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}.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>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}.wufang .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.wufang .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .input-main{margin-right:20px}.skylight .input-main>input{width:260px}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .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}.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{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-model .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-model .vrcode-input input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.vrcode-model .vrcode-radio .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-selimage{width:100%}.vrcode-model .vrcode-selimage>.title{margin-bottom:7px}.vrcode-model .vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-model .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-model .vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-model .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-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.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}.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}
+.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}.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}.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:1920px 1080px;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;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>.title{margin-bottom:11px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.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-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.btn{margin:0 8px !important;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 10px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;white-space:nowrap}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue>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}.wufang .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.wufang .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .input-main{margin-right:20px}.skylight .input-main>input{width:260px}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .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}.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{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-model .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-model .vrcode-input input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.vrcode-model .vrcode-radio .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-selimage{width:100%}.vrcode-model .vrcode-selimage>.title{margin-bottom:7px}.vrcode-model .vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-model .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-model .vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-model .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-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.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}.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}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 69600d7..7153054 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -1795,7 +1795,7 @@ margin-top: 20px;
             margin: 7.5px;
 
             .status-view-top {
-                padding: 0 10px 0 20px;
+                padding: 0 10px 0 10px;
                 display: flex;
                 align-items: center;
                 justify-content: space-between;
@@ -1807,6 +1807,7 @@ margin-top: 20px;
                     font-family: Microsoft YaHei;
                     font-weight: bold;
                     color: #FFFFFF;
+                    white-space: nowrap;
                 }
 
                 .status-view-top-right {
diff --git a/src/views/page/realTime.vue b/src/views/page/realTime.vue
index 4318fb4..8343728 100644
--- a/src/views/page/realTime.vue
+++ b/src/views/page/realTime.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="formula realTime">
-        <div class="page-content new-data" :class="deviceName == 10||deviceName == 30 ? 'control-page' : ''">
+        <div class="page-content new-data" :class="deviceName == 10 || deviceName == 30 ? 'control-page' : ''">
 
-            <div class="control-view" v-if="deviceName == 10||deviceName == 30">
+            <div class="control-view" v-if="deviceName == 10 || deviceName == 30">
                 <div class="title">气象站:</div>
                 <vue-seamless class="control-list" :data="controlList" :class-option="defaultOption1">
                     <div class="list-view" v-for="item, index in controlList " :key="index">
@@ -51,7 +51,7 @@
 
             </div>
             <div class="flex-list realTime-bottom">
-                <div class="left-view"  v-if="deviceName!=30">
+                <div class="left-view" v-if="deviceName != 30">
                     <div ref="monitor" class="monitor" id="monitor">
                         <!-- <video ref="videoPlayer" class="video-js" id="video-js"></video> -->
                         <div ref="videoPlayer" class="video-js" id="video-js"></div>
@@ -66,83 +66,11 @@
                 设备运行状态
             </div>
             <div class="flex-view border-none">
-                <div class="status-view">
-                    <div class="status-view-top">
-                        <div class="status-view-top-left">{{ fanStatus.name }}</div>
-                        <!-- <el-popover placement="top" width="140">
-                            <div class="set-status-blue">进入修改设定值</div>
-                            <el-popover placement="top" width="160">
-                                <p class="del-text"><i style="color:red" class="el-popconfirm__icon el-icon-info"></i>确认删除?
-                                </p>
-                                <div style="text-align: right; margin: 0">
-                                    <el-button class="el-button el-button--text el-button--mini color-blue">取消</el-button>
-                                    <el-button class="el-button el-button--text el-button--mini color-blue">确定</el-button>
-                                </div>
-                                <div class="set-status-red" slot="reference">删除</div>
-                            </el-popover>
-                            <el-popover placement="right" width="100">
-                                <input v-model="item.index" type="text" class="status-save">
-                                <el-button class="el-button el-button--text el-button--mini color-blue">保存</el-button>
-                                <div class="set-status-blue" slot="reference">排序</div>
-                            </el-popover>
-                            <img class="status-view-top-right" slot="reference" src="../../assets/img/more.png" alt="">
-                        </el-popover> -->
-                        <img class="status-view-top-right" slot="reference" src="../../assets/img/more.png" alt="">
-                    </div>
-                    <div class="status-view-content">
-                        <div v-if="fanStatus.open != 0" class="status-true">
-                            <div class="status-true-sel">
-                                <div class="sel">
-                                    <img v-if="fanStatus.open == 1" src="../../assets/img/status-true-sel.png" alt="">
-                                    <img v-else src="../../assets/img/status-true-nosel.png" alt="">
-                                    自动控制
-                                </div>
-                                <div class="sel-phone">
-                                    <img v-if="fanStatus.open != 1" src="../../assets/img/status-true-sel.png" alt="">
-                                    <img v-else src="../../assets/img/status-true-nosel.png" alt="">
-                                    手机控制
-                                </div>
-                            </div>
-                            <div class="status-fan">
-                                <div class="btn" :class="fanStatus.status[0] == 1 ? 'blue' : 'off'">
-                                    <img class="fan-img" v-if="fanStatus.status[0] == 1" src="../../assets/img/fan-on.png"
-                                        alt="">
-                                    <img v-else src="../../assets/img/fan-off.png" alt="">
-                                    <span>1#风机</span>
-                                </div>
-                                <div class="btn" :class="fanStatus.status[1] == 1 ? 'blue' : 'off'">
-                                    <img class="fan-img" v-if="fanStatus.status[1] == 1" src="../../assets/img/fan-on.png"
-                                        alt="">
-                                    <img v-else src="../../assets/img/fan-off.png" alt=""> <span>2#风机</span>
-                                </div>
-                                <div class="btn" :class="fanStatus.status[2] == 1 ? 'blue' : 'off'">
-                                    <img class="fan-img" v-if="fanStatus.status[2] == 1" src="../../assets/img/fan-on.png"
-                                        alt="">
-                                    <img v-else src="../../assets/img/fan-off.png" alt=""> <span>3#风机</span>
-                                </div>
-                                <div class="btn" :class="fanStatus.status[3] == 1 ? 'blue' : 'off'">
-                                    <img class="fan-img" v-if="fanStatus.status[3] == 1" src="../../assets/img/fan-on.png"
-                                        alt="">
-                                    <img v-else src="../../assets/img/fan-off.png" alt=""> <span>4#风机</span>
-                                </div>
-                                <div class="btn" :class="fanStatus.status[4] == 1 ? 'blue' : 'off'">
-                                    <img class="fan-img" v-if="fanStatus.status[4] == 1" src="../../assets/img/fan-on.png"
-                                        alt="">
-                                    <img v-else src="../../assets/img/fan-off.png" alt=""> <span>5#风机</span>
-                                </div>
-                            </div>
-                        </div>
-                        <div v-else class="status-noTrue">
-                            <img src="../../assets/img/status-no.png" alt="">
-                            <div>当前设备无效</div>
-                        </div>
-                    </div>
-                </div>
                 <div class="status-view" v-for="item, index in statusList" :key="index">
                     <div class="status-view-top">
                         <div class="status-view-top-left">{{ item.name }}</div>
-                        <!-- <el-popover placement="top" width="140">
-                            <div class="set-status-blue">进入修改设定值</div>
+                        <el-popover placement="top" width="140">
+                            <!-- <div class="set-status-blue">进入修改设定值</div> -->
                             <el-popover placement="top" width="160">
                                 <p class="del-text"><i style="color:red" class="el-popconfirm__icon el-icon-info"></i>确认删除?
                                 </p>
@@ -152,16 +80,12 @@
                                 </div>
                                 <div class="set-status-red" slot="reference">删除</div>
                             </el-popover>
-                            <el-popover placement="right" width="100">
-                                <input v-model="item.index" type="text" class="status-save">
-                                <el-button class="el-button el-button--text el-button--mini color-blue">保存</el-button>
-                                <div class="set-status-blue" slot="reference">排序</div>
-                            </el-popover>
                             <img class="status-view-top-right" slot="reference" src="../../assets/img/more.png" alt="">
-                        </el-popover> -->
-                        <img class="status-view-top-right" slot="reference" src="../../assets/img/more.png" alt="">
+                        </el-popover>
+                        <!-- <img class="status-view-top-right" slot="reference" src="../../assets/img/more.png" alt=""> -->
                     </div>
-                    <div class="status-view-content">
+                    <!-- 风机 -->
+                    <div class="status-view-content" v-if="item.type == 1">
                         <div v-if="item.open != 0" class="status-true">
                             <div class="status-true-sel">
                                 <div class="sel">
@@ -175,13 +99,66 @@
                                     手机控制
                                 </div>
                             </div>
-                            <div class="status-true-charts">
+                            <div class="status-fan">
+                                <div class="btn" :class="item.status[0] == 1 ? 'blue' : 'off'">
+                                    <img class="fan-img" v-if="item.status[0] == 1" src="../../assets/img/fan-on.png"
+                                        alt="">
+                                    <img v-else src="../../assets/img/fan-off.png" alt="">
+                                    <span>1#风机</span>
+                                </div>
+                                <div class="btn" :class="item.status[1] == 1 ? 'blue' : 'off'">
+                                    <img class="fan-img" v-if="item.status[1] == 1" src="../../assets/img/fan-on.png"
+                                        alt="">
+                                    <img v-else src="../../assets/img/fan-off.png" alt=""> <span>2#风机</span>
+                                </div>
+                                <div class="btn" :class="item.status[2] == 1 ? 'blue' : 'off'">
+                                    <img class="fan-img" v-if="item.status[2] == 1" src="../../assets/img/fan-on.png"
+                                        alt="">
+                                    <img v-else src="../../assets/img/fan-off.png" alt=""> <span>3#风机</span>
+                                </div>
+                                <div class="btn" :class="item.status[3] == 1 ? 'blue' : 'off'">
+                                    <img class="fan-img" v-if="item.status[3] == 1" src="../../assets/img/fan-on.png"
+                                        alt="">
+                                    <img v-else src="../../assets/img/fan-off.png" alt=""> <span>4#风机</span>
+                                </div>
+                                <div class="btn" :class="item.status[4] == 1 ? 'blue' : 'off'">
+                                    <img class="fan-img" v-if="item.status[4] == 1" src="../../assets/img/fan-on.png"
+                                        alt="">
+                                    <img v-else src="../../assets/img/fan-off.png" alt=""> <span>5#风机</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div v-else class="status-noTrue">
+                            <img src="../../assets/img/status-no.png" alt="">
+                            <div>当前设备无效</div>
+                        </div>
+                    </div>
+                    <!-- 顶卷膜及其他 -->
+                    <div class="status-view-content" v-if="item.type != 1">
+                        <div v-if="item.open != 0" class="status-true">
+                            <div class="status-true-sel">
+                                <div class="sel">
+                                    <img v-if="item.open == 1" src="../../assets/img/status-true-sel.png" alt="">
+                                    <img v-else src="../../assets/img/status-true-nosel.png" alt="">
+                                    自动控制
+                                </div>
+                                <div class="sel-phone">
+                                    <img v-if="item.open != 1" src="../../assets/img/status-true-sel.png" alt="">
+                                    <img v-else src="../../assets/img/status-true-nosel.png" alt="">
+                                    手机控制
+                                </div>
+                            </div>
+                            <div class="status-true-charts" v-if="item.type == 6 || item.type == 5 || item.type == 2">
                                 <img src="../../assets/img/status-true-charts-icon.png" alt="">
                                 <div :id="'statusCharts' + index"></div>
+                            </div>
+                            <div class="status-true-charts" style="background: unset;height: 50px;" v-else>
+
                             </div>
                             <div class="status-true-text">
-                                <div class="status-true-text-left">{{ getNumberStatus(item.index) }}</div>
-                                <div class="status-true-text-right">{{ item.progress }}%</div>
+                                <div class="status-true-text-left">{{ getNumberStatus(item) }}</div>
+                                <div class="status-true-text-right" v-if="item.type == 6 || item.type == 5 || item.type == 2">{{
+                                    item.progress }}%</div>
                             </div>
                         </div>
                         <div v-else class="status-noTrue">
@@ -234,9 +211,6 @@ export default {
         return {
             statusList: [],
 
-            fanStatus: {
-                name: '风机', open: 0, status: []
-            },
             time: null,//右上角时间
             list: [],
             inputData: [],
@@ -248,6 +222,9 @@ export default {
             controlList: [],
             statusInterval: null,//status状态的Interval
             statusTime: 2,//status状态的秒数
+
+            allDevicestatus: [],//所有权限
+            nowDevicestatus: [],//当前设备权限
         }
     },
     watch: {
@@ -321,16 +298,48 @@ export default {
             })
             console.log(this.player);
         },
-        getNumberStatus(index) {
-            if (index == 0) {
-                return '静止状态'
-            } else if (index == 1) {
-                return '正向打开中'
-            } else if (index == 2) {
-                return '反向关闭中'
-            } else {
-                return ''
-            }
+        getNumberStatus(item) {
+            var index = item.index
+            if (item.type == 2||item.type == 5||item.type == 6) {
+                //顶卷膜
+                if (index == 0) {
+                    return '静止状态'
+                } else if (index == 1) {
+                    return '正向打开中'
+                } else if (index == 2) {
+                    return '反向关闭中'
+                } else {
+                    return ''
+                }
+            } else if (item.type == 3) {
+                //加温水泵
+                if (index == 0) {
+                    return '加温水泵关闭'
+                } else if (index == 1) {
+                    return '加温水泵打开'
+                } else {
+                    return ''
+                }
+            } else if (item.type == 4) {
+                //地热风机
+                if (index == 0) {
+                    return '地热风机关闭'
+                } else if (index == 1) {
+                    return '地热风机打开'
+                } else {
+                    return ''
+                }
+            } else if (item.type == 7) {
+                //地热风机
+                if (index == 0) {
+                    return '除雪关闭'
+                } else if (index == 1) {
+                    return '除雪打开'
+                } else {
+                    return ''
+                }
+            } 
+
         },
         createVideo() {
 
@@ -566,8 +575,9 @@ export default {
                     }
                     // console.log(this.controlList);
                 })
-
+                this.getPermissionStatus()
                 this.getStatus()
+                this.getStatePermissionStatus()
                 clearInterval(this.statusInterval) && this.statusInterval
                 this.statusInterval = setInterval(() => {
                     if (this.deviceName == 10) {
@@ -615,7 +625,7 @@ export default {
                                     var num = el.environmentData + el1.unit
                                     this.list.push({
                                         ...el,
-                                        name:el.environmentDataId,
+                                        name: el.environmentDataId,
                                         num: num,
                                         img: require(`../../assets/image/real-time-${el.formula}.png`)
                                     })
@@ -642,6 +652,26 @@ export default {
             }
 
         },
+        //获取全部status数据
+        getStatePermissionStatus() {
+            this.api.getStatePermissionStatus().then(res => {
+                if (res.data.code == 200) {
+                    this.allDevicestatus = res.data.data
+                }
+            })
+        },
+        //获取当前设备的权限
+        getPermissionStatus() {
+            var store = this.$store.state
+            var TargetValue = {
+                deviceId: store.equipmentList[this.indexs - 1].deviceId
+            }
+            this.api.getPermissionStatus(TargetValue).then(res => {
+                if (res.data.code == 200) {
+                    this.nowDevicestatus = res.data.data
+                }
+            })
+        },
         getStatus() {
             var store = this.$store.state
             var TargetValue = {
@@ -649,24 +679,57 @@ export default {
             }
             this.api.getControlGetState(TargetValue).then(res => {
                 if (res.data.code == 200) {
-                    this.fanStatus.open = res.data.data['1023']
-                    this.fanStatus.status = []
-                    var num = res.data.data['1024']
-                    var num1 = this.padString(num.toString(2), 5)
-                    var openListNew = []
-                    openListNew = num1.split("")
-                    this.fanStatus.status = openListNew.reverse()
                     this.statusList = []
-                    for (var i = 0; i < 4; i++) {
-                        var statusData = { name: `顶卷膜${i + 1}`, open: res.data.data[(1025 + (i * 3))], progress: res.data.data[(1027 + (i * 3))], index: res.data.data[(1026 + (i * 3))] }
-                        this.statusList.push(statusData)
+                    this.nowDevicestatus.forEach((el, index) => {
+                        if (el.id == 1) {
+                            //风机
+                            var fandata = {}
+                            fandata.open = res.data.data['1023']
+                            fandata.id = el.id
+                            fandata.type = 1
+                            fandata.name = el.name
+                            fandata.status = []
+                            var num = res.data.data['1024']
+                            var num1 = this.padString(num.toString(2), 5)
+                            var openListNew = []
+                            openListNew = num1.split("")
+                            fandata.status = openListNew.reverse()
+                            this.statusList.push(fandata)
+                        } else if (el.id == 2 || el.id == 3 || el.id == 4 || el.id == 5) {
+                            //顶卷膜
+                            var statusData = { name: el.name, type: 2, id: el.id, open: res.data.data[(1025 + ((el.id - 2) * 3))], progress: res.data.data[(1027 + ((el.id - 2) * 3))], index: res.data.data[(1026 + ((el.id - 2) * 3))] }
+                            this.statusList.push(statusData)
+                        } else if (el.id == 6) {
+                            //加温水泵
+                            var statusData = { name: el.name, type: 3, id: el.id, open: res.data.data['1000'], progress: 0, index: res.data.data['1001'] }
+                            this.statusList.push(statusData)
+                        } else if (el.id == 7) {
+                            //地热风机
+                            var statusData = { name: el.name, type: 4, id: el.id, open: res.data.data['1002'], progress: 0, index: res.data.data['1003'] }
+                            this.statusList.push(statusData)
+                        } else if (el.id == 8) {
+                            //上风口
+                            var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1004'], progress: res.data.data['1006'], index: res.data.data['1005'] }
+                            this.statusList.push(statusData)
+                        } else if (el.id == 9) {
+                            //下风口
+                            var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1007'], progress: res.data.data['1009'], index: res.data.data['1008'] }
+                            this.statusList.push(statusData)
+                        } else if (el.id == 10) {
+                            //卷被
+                            var statusData = { name: el.name, type: 6, id: el.id, open: res.data.data['1010'], progress: res.data.data['1012'], index: res.data.data['1011'] }
+                            this.statusList.push(statusData)
+                        } else if (el.id == 11) {
+                            //除雪
+                            var statusData = { name: el.name, type: 7, id: el.id, open: res.data.data['1013'], progress: 0, index: res.data.data['1014'] }
+                            this.statusList.push(statusData)
+                        }
+                    })
 
-
-                    }
                     this.$forceUpdate();
                     setTimeout(() => {
                         this.statusList.forEach((el, index) => {
-                            if (el.open != 0) {
+                            if (el.open != 0 && (el.type == 6 || el.type == 5 || el.type == 2)) {
                                 statusCharts(`statusCharts${index}`, el.progress)
                             }
                         })
@@ -674,9 +737,7 @@ export default {
 
                 } else {
                     this.statusList = []
-                    this.fanStatus = {
-                        name: '风机', open: 0, status: []
-                    }
+
                     this.$forceUpdate();
                     // this.$message.error(res.data.msg);
                 }
diff --git a/文档.txt b/文档.txt
index c9224ab..9e6f49a 100644
--- a/文档.txt
+++ b/文档.txt
@@ -2,4 +2,6 @@ vscode打开
 
 先npm install 下载依赖
 
-依赖下载完成后 npm run serve 进行运行
\ No newline at end of file
+依赖下载完成后 npm run serve 进行运行
+
+该项目很多数据是无法循环的 故许多参数数据是写死的 如果需要添加新数据需要手动添加.