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

---
 src/assets/css/main.css                   | 103 +++-
 src/assets/css/main.min.css               |   2 +-
 src/assets/css/main.scss                  | 197 +++++--
 src/assets/img/LED.png                    | Bin 0 -> 2658 bytes
 src/assets/img/circulationCan.png         | Bin 0 -> 2941 bytes
 src/assets/img/coercionMist.png           | Bin 0 -> 3176 bytes
 src/assets/img/electromagneticControl.png | Bin 0 -> 2821 bytes
 src/assets/img/forceOutput.png            | Bin 0 -> 2236 bytes
 src/assets/img/insizeSunshade.png         | Bin 0 -> 2789 bytes
 src/assets/img/internalInsulation.png     | Bin 0 -> 2581 bytes
 src/assets/img/intrinsicParameter.png     | Bin 0 -> 2418 bytes
 src/assets/img/outsizeSunshade.png        | Bin 0 -> 2833 bytes
 src/assets/img/parameterSet.png           | Bin 0 -> 2646 bytes
 src/assets/img/sunroofControl.png         | Bin 0 -> 2174 bytes
 src/assets/img/targetCo2.png              | Bin 0 -> 3037 bytes
 src/assets/img/targetHumidity.png         | Bin 0 -> 3256 bytes
 src/assets/img/targetTemperature.png      | Bin 0 -> 3245 bytes
 src/assets/img/wetFan.png                 | Bin 0 -> 2940 bytes
 src/components/setParamsControl.vue       |   1 -
 src/router/index.js                       |  60 +++
 src/views/index.vue                       |   7 +-
 src/views/page/LED.vue                    | 153 ++++++
 src/views/page/circulationCan.vue         | 123 +++++
 src/views/page/coercionMist.vue           |  80 +++
 src/views/page/electromagneticControl.vue | 160 ++++++
 src/views/page/forceOutput.vue            |  38 ++
 src/views/page/insizeSunshade.vue         | 136 +++++
 src/views/page/internalInsulation.vue     |  99 ++++
 src/views/page/intrinsicParameter.vue     | 256 +++++++++
 src/views/page/outsizeSunshade.vue        | 110 ++++
 src/views/page/parameterSet.vue           | 612 ++++++++++++++++++++++
 src/views/page/sunroofControl.vue         | 154 ++++++
 src/views/page/targetCo2.vue              |  99 ++++
 src/views/page/targetHumidity.vue         | 181 +++++++
 src/views/page/targetTemperature.vue      | 181 +++++++
 src/views/page/wetFan.vue                 | 248 +++++++++
 36 files changed, 2955 insertions(+), 45 deletions(-)
 create mode 100644 src/assets/img/LED.png
 create mode 100644 src/assets/img/circulationCan.png
 create mode 100644 src/assets/img/coercionMist.png
 create mode 100644 src/assets/img/electromagneticControl.png
 create mode 100644 src/assets/img/forceOutput.png
 create mode 100644 src/assets/img/insizeSunshade.png
 create mode 100644 src/assets/img/internalInsulation.png
 create mode 100644 src/assets/img/intrinsicParameter.png
 create mode 100644 src/assets/img/outsizeSunshade.png
 create mode 100644 src/assets/img/parameterSet.png
 create mode 100644 src/assets/img/sunroofControl.png
 create mode 100644 src/assets/img/targetCo2.png
 create mode 100644 src/assets/img/targetHumidity.png
 create mode 100644 src/assets/img/targetTemperature.png
 create mode 100644 src/assets/img/wetFan.png
 create mode 100644 src/views/page/LED.vue
 create mode 100644 src/views/page/circulationCan.vue
 create mode 100644 src/views/page/coercionMist.vue
 create mode 100644 src/views/page/electromagneticControl.vue
 create mode 100644 src/views/page/forceOutput.vue
 create mode 100644 src/views/page/insizeSunshade.vue
 create mode 100644 src/views/page/internalInsulation.vue
 create mode 100644 src/views/page/intrinsicParameter.vue
 create mode 100644 src/views/page/outsizeSunshade.vue
 create mode 100644 src/views/page/parameterSet.vue
 create mode 100644 src/views/page/sunroofControl.vue
 create mode 100644 src/views/page/targetCo2.vue
 create mode 100644 src/views/page/targetHumidity.vue
 create mode 100644 src/views/page/targetTemperature.vue
 create mode 100644 src/views/page/wetFan.vue

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index d490b25..0a0c6e1 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -518,10 +518,18 @@
   padding: 0 8px;
 }
 
+.input-sel > span {
+  padding: 0 10px;
+}
+
 .input-sel > .title {
   margin-bottom: 11px;
 }
 
+.input-sel.input-sel-w180 .el-dropdown-link {
+  width: 180px;
+}
+
 .input-sel .el-dropdown-link {
   width: 300px;
   height: 44px;
@@ -601,6 +609,47 @@
   color: #859BB6;
 }
 
+.input-main.input-main-w120 input {
+  width: 120px;
+}
+
+.input-main.input-main-w260 input {
+  width: 260px;
+}
+
+.input-main.input-main-w80 input {
+  width: 80px;
+}
+
+.input-main.input-main-w100 input {
+  width: 100px;
+}
+
+.number-view {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  margin: 0 15px 0 0 !important;
+}
+
+.number-view > div {
+  width: 30px;
+  height: 30px;
+  background: #0294E2;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: #FFFFFF;
+}
+
+.p-t-31 {
+  padding-top: 31px;
+}
+
 .input-main-80 {
   width: 100%;
   flex-wrap: wrap;
@@ -643,6 +692,10 @@
   background-color: #014781;
 }
 
+.el-dropdown-menu.input-menu-180 {
+  width: 180px;
+}
+
 .el-dropdown-menu .popper__arrow::after {
   border-bottom-color: rgba(0, 186, 255, 0.25) !important;
 }
@@ -847,6 +900,27 @@
   margin-top: 20px;
 }
 
+.text-tips {
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: #fff;
+  margin-top: 20px;
+}
+
+.title-tips-bold {
+  font-size: 18px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  color: #8BEAFF;
+  margin-top: 20px;
+}
+
+.shrink-none > div {
+  flex-shrink: unset !important;
+  width: auto !important;
+}
+
 .flex-view {
   display: flex;
   align-items: center;
@@ -876,8 +950,17 @@
   padding-left: 8px;
 }
 
+.m-b-20 {
+  margin: 10px 8px !important;
+}
+
+.flex-warp {
+  width: 100%;
+  flex-wrap: wrap;
+}
+
 .btn {
-  margin: 0 8px !important;
+  margin: 0 8px;
   padding: 0 20px;
   border-radius: 3px;
   height: 40px;
@@ -893,6 +976,20 @@
   min-width: 120px;
 }
 
+.btn.btn-w80 {
+  min-width: 80px;
+}
+
+.btn.btn-w74 {
+  width: 74px;
+  min-width: unset;
+}
+
+.btn.btn-w66 {
+  width: 66px;
+  min-width: unset;
+}
+
 .btn > img {
   margin-right: 10px;
   width: 14px;
@@ -1170,6 +1267,10 @@
   margin: 15px 0 30px;
 }
 
+.sensorSet .sensor-view .right .right-top .input-sel > span {
+  padding: 0 10px;
+}
+
 .sensorSet .sensor-view .right .right-top .input-sel > .title {
   margin-bottom: 11px;
 }
diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css
index 95c4ec9..9912ef6 100644
--- a/src/assets/css/main.min.css
+++ b/src/assets/css/main.min.css
@@ -1 +1 @@
-.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper,.vrcode-model .el-dialog{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.mobile-scroll{overflow-y:auto}.mobile-scroll::-webkit-scrollbar{width:0px;cursor:pointer}.mobile-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.mobile-scroll::-webkit-scrollbar-thumb{width:0px;cursor:pointer;background:#ccc;border:0px solid rgba(0,0,0,0.1)}.el-popconfirm__main,.el-date-table td span,.el-date-range-picker__header div{color:#606266 !important}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-button--text span{color:#409EFF !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.warning-btn{justify-content:flex-end}.warning-btn .btn.green{opacity:1}.warning-model{padding:0 30px 25px}.warning-model .input-main{margin:0}.warning-model .input-main input{width:300px}.warning-model .input-sel{margin-right:30px}.warning-model .input-sel>span{margin-right:10px}.warning-model .input-sel .el-dropdown-link{width:200px}.warning-model .vrcode-btn.red-btn{margin:0 !important}.warning-sel{width:200px !important}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.table-title .title-text{font-size:16px;margin-left:15px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:cover;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;white-space:nowrap}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>.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.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.wufang .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.wufang .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.skylight .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter{display:none}.vrcode-table .vrcode-table-view.table-view .isOpen{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-family:Microsoft YaHei;font-weight:400}.vrcode-table .vrcode-table-view.table-view .isOpen.open-green{background:rgba(0,255,186,0.1);color:#00FFBA;border:1px solid rgba(0,255,186,0.4)}.vrcode-table .vrcode-table-view.table-view .isOpen.open-red{background:rgba(245,108,108,0.6);border:1px solid #F56C6C;color:#FFFFFF}.vrcode-btn{min-width:80px;padding:0 15px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;cursor:pointer;margin:7.5px 10px 7.5px 0 !important;border-radius:3px}.vrcode-btn>img{margin-right:5px}.vrcode-btn.blue-btn{background:#00A6FF}.vrcode-btn.blue-btn:hover{background:#0089F2}.vrcode-btn.red-btn{background:#F56C6C}.vrcode-btn.red-btn:hover{background:#FF5E5E}.vrcode-btn.save-btn{background:#00BB88;font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.save-btn:hover{background:#009E73}.vrcode-btn.cancle-btn{width:100px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.cancle-btn:hover{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.6)}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold;text-align:left}.vrcode-model .vrcode-model-title.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.vrcode-model .vrcode-radio .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model .el-dialog__body{width:100%;min-height:calc(30vh - 70px)}.vrcode-model .el-dialog__body .vrcode-content{width:100%;height:calc(100% - 43px);padding:0 30px}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view{width:100%;padding:20px 0 15px 0;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view>div{flex-shrink:0}.vrcode-model .el-dialog{background:rgba(0,76,147,0.9);border:2px solid rgba(0,186,255,0.6);max-height:90vh;min-height:30vh}.vrcode-input{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-input input{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-input input::placeholder{color:#92B1D0}.vrcode-selimage{width:100%}.vrcode-selimage>.title{margin-bottom:7px}.vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-selimage .sel-image-view .sel-div{width:130px;height:130px;margin-right:30px;background:rgba(86,209,255,0.25);border:1px dashed #56D1FF;cursor:pointer;margin-bottom:15px;flex-shrink:0}.vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:110px;height:110px;background:rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px;padding:20px;display:flex;align-items:center;justify-content:space-between}.plantingPlan .plan-view .plan-view-left{width:180px;height:100%}.plantingPlan .plan-view .plan-view-right{width:calc(100% - 200px);height:100%;display:flex;justify-content:space-around;flex-direction:column}.plantingPlan .plan-view .plan-view-right .name{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.productTraceability{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.productTraceability .productTraceability-title{width:100%;max-width:1182px;height:110px;background:url(../img/vrcode-title1.png) no-repeat;background-size:1182px 110px;background-position:center center;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-title>span{padding:0 20px;font-size:60px;font-family:Alimama ShuHeiTi;font-weight:bold;font-style:italic;color:#DDF1FF;background:linear-gradient(0deg, #fff 0%, #7dabff 76.7334%, #f3f7ff 88.08594%, #f3f7ff 92.62695%, #d2e2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.productTraceability .productTraceability-content{margin-top:135px;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-content>div{margin:0 45px;cursor:pointer}.productTraceability .productTraceability-content .content-1{width:200px;height:316px;background:url(../img/productTraceability-1.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-1:hover{background:url(../img/productTraceability-1hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2{width:240px;height:316px;background:url(../img/productTraceability-2.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2:hover{background:url(../img/productTraceability-2hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3{width:200px;height:316px;background:url(../img/productTraceability-3.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3:hover{background:url(../img/productTraceability-3hover.png) no-repeat center;background-size:100% 100%}.model-title{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0}.model-sel{display:flex;flex-wrap:wrap;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;display:flex;align-items:center}.model-sel .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.model-sel .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.setsuyuan{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.setsuyuan .setsuyuan-page{width:375px;height:736px;background:url(../img/setsuyuan-page.png) no-repeat center;background-size:100% 100%;padding:22px 23px 21px 24px}.setsuyuan .setsuyuan-page .mobile-page{width:100%;border-radius:30px;height:100%;overflow:auto}.setsuyuan .setsuyuan-page .mobile-page>div{min-height:100%}.setsuyuan .setsuyuan-page .mobile-page .mobile-img{width:100%;height:auto}.setsuyuan .setsuyuan-page .mobile-page .mobile-top{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:100% 100% !important}.setsuyuan .setsuyuan-page .mobile-page .mobile-top>div{font-family:Microsoft Yahei;font-size:30px;white-space:nowrap}.setsuyuan .setsuyuan-page .mobile-page .mobile-content{width:100%;min-height:453px;text-align:center;padding:35px 10px 20px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view{position:relative;margin-bottom:30px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:20px 10px 10px 10px;position:relative}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text{font-size:14px;text-align:left;color:#000}.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;width:138px;height:31px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:2;font-size:15px;position:absolute;top:-16px;left:50%;transform:translateX(-50%)}.setsuyuan .page-content{width:calc(100% - 400px) !important}.setsuyuan .vrcode-selimage{margin-top:30px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div{width:200px;height:160px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:178px;height:138px}.setsuyuan .setsuyuan-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9999;margin:0px 0 30px}.setsuyuan .vrcode-input{width:100%;margin-right:0}.setsuyuan .vrcode-input input{width:100%;max-width:800px}.setsuyuan .setsuyuan-input{display:flex;margin-bottom:15px}.setsuyuan .setsuyuan-input .setsuyuan-input-name{width:120px;padding-right:20px;text-align:right;line-height:40px;white-space:nowrap}.setsuyuan .setsuyuan-input .el-color-picker__trigger{background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5)}.setsuyuan .save-btn{width:100px;height:40px;background:#19ABFF;border-radius:3px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;cursor:pointer}.setsuyuan .setsuyuan-input-select{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;margin-right:20px}.setsuyuan .setsuyuan-input-select .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.setsuyuan .setsuyuan-input-select .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-button span{color:#606266}.el-button--primary.el-button span{color:#fff}.return-btn{margin:0 8px;min-width:120px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;background:#00BB88}
+.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper,.vrcode-model .el-dialog{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.mobile-scroll{overflow-y:auto}.mobile-scroll::-webkit-scrollbar{width:0px;cursor:pointer}.mobile-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.mobile-scroll::-webkit-scrollbar-thumb{width:0px;cursor:pointer;background:#ccc;border:0px solid rgba(0,0,0,0.1)}.el-popconfirm__main,.el-date-table td span,.el-date-range-picker__header div{color:#606266 !important}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-button--text span{color:#409EFF !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.warning-btn{justify-content:flex-end}.warning-btn .btn.green{opacity:1}.warning-model{padding:0 30px 25px}.warning-model .input-main{margin:0}.warning-model .input-main input{width:300px}.warning-model .input-sel{margin-right:30px}.warning-model .input-sel>span{margin-right:10px}.warning-model .input-sel .el-dropdown-link{width:200px}.warning-model .vrcode-btn.red-btn{margin:0 !important}.warning-sel{width:200px !important}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.table-title .title-text{font-size:16px;margin-left:15px}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:cover;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;white-space:nowrap}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>span{padding:0 10px}.input-sel>.title{margin-bottom:11px}.input-sel.input-sel-w180 .el-dropdown-link{width:180px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.margin-none{margin:0 !important}.padding-none{padding:0 !important}.border-right{border-right:1px solid rgba(2,148,226,0.5)}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main.input-main-w120 input{width:120px}.input-main.input-main-w260 input{width:260px}.input-main.input-main-w80 input{width:80px}.input-main.input-main-w100 input{width:100px}.number-view{height:100%;display:flex;align-items:center;margin:0 15px 0 0 !important}.number-view>div{width:30px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.p-t-31{padding-top:31px}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu.input-menu-180{width:180px}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px}.text-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:20px}.title-tips-bold{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#8BEAFF;margin-top:20px}.shrink-none>div{flex-shrink:unset !important;width:auto !important}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.m-b-20{margin:10px 8px !important}.flex-warp{width:100%;flex-wrap:wrap}.btn{margin:0 8px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn.btn-w80{min-width:80px}.btn.btn-w74{width:74px;min-width:unset}.btn.btn-w66{width:66px;min-width:unset}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>span{padding:0 10px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 10px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;white-space:nowrap}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.wufang .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.wufang .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.skylight .sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter{display:none}.vrcode-table .vrcode-table-view.table-view .isOpen{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-family:Microsoft YaHei;font-weight:400}.vrcode-table .vrcode-table-view.table-view .isOpen.open-green{background:rgba(0,255,186,0.1);color:#00FFBA;border:1px solid rgba(0,255,186,0.4)}.vrcode-table .vrcode-table-view.table-view .isOpen.open-red{background:rgba(245,108,108,0.6);border:1px solid #F56C6C;color:#FFFFFF}.vrcode-btn{min-width:80px;padding:0 15px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;cursor:pointer;margin:7.5px 10px 7.5px 0 !important;border-radius:3px}.vrcode-btn>img{margin-right:5px}.vrcode-btn.blue-btn{background:#00A6FF}.vrcode-btn.blue-btn:hover{background:#0089F2}.vrcode-btn.red-btn{background:#F56C6C}.vrcode-btn.red-btn:hover{background:#FF5E5E}.vrcode-btn.save-btn{background:#00BB88;font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.save-btn:hover{background:#009E73}.vrcode-btn.cancle-btn{width:100px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.cancle-btn:hover{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.6)}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold;text-align:left}.vrcode-model .vrcode-model-title.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.vrcode-model .vrcode-radio .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model .el-dialog__body{width:100%;min-height:calc(30vh - 70px)}.vrcode-model .el-dialog__body .vrcode-content{width:100%;height:calc(100% - 43px);padding:0 30px}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view{width:100%;padding:20px 0 15px 0;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view>div{flex-shrink:0}.vrcode-model .el-dialog{background:rgba(0,76,147,0.9);border:2px solid rgba(0,186,255,0.6);max-height:90vh;min-height:30vh}.vrcode-input{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-input input{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-input input::placeholder{color:#92B1D0}.vrcode-selimage{width:100%}.vrcode-selimage>.title{margin-bottom:7px}.vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-selimage .sel-image-view .sel-div{width:130px;height:130px;margin-right:30px;background:rgba(86,209,255,0.25);border:1px dashed #56D1FF;cursor:pointer;margin-bottom:15px;flex-shrink:0}.vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:110px;height:110px;background:rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px;padding:20px;display:flex;align-items:center;justify-content:space-between}.plantingPlan .plan-view .plan-view-left{width:180px;height:100%}.plantingPlan .plan-view .plan-view-right{width:calc(100% - 200px);height:100%;display:flex;justify-content:space-around;flex-direction:column}.plantingPlan .plan-view .plan-view-right .name{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.productTraceability{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.productTraceability .productTraceability-title{width:100%;max-width:1182px;height:110px;background:url(../img/vrcode-title1.png) no-repeat;background-size:1182px 110px;background-position:center center;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-title>span{padding:0 20px;font-size:60px;font-family:Alimama ShuHeiTi;font-weight:bold;font-style:italic;color:#DDF1FF;background:linear-gradient(0deg, #fff 0%, #7dabff 76.7334%, #f3f7ff 88.08594%, #f3f7ff 92.62695%, #d2e2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.productTraceability .productTraceability-content{margin-top:135px;display:flex;align-items:center;justify-content:center}.productTraceability .productTraceability-content>div{margin:0 45px;cursor:pointer}.productTraceability .productTraceability-content .content-1{width:200px;height:316px;background:url(../img/productTraceability-1.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-1:hover{background:url(../img/productTraceability-1hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2{width:240px;height:316px;background:url(../img/productTraceability-2.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-2:hover{background:url(../img/productTraceability-2hover.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3{width:200px;height:316px;background:url(../img/productTraceability-3.png) no-repeat center;background-size:100% 100%}.productTraceability .productTraceability-content .content-3:hover{background:url(../img/productTraceability-3hover.png) no-repeat center;background-size:100% 100%}.model-title{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0}.model-sel{display:flex;flex-wrap:wrap;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;display:flex;align-items:center}.model-sel .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.model-sel .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.setsuyuan{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.setsuyuan .setsuyuan-page{width:375px;height:736px;background:url(../img/setsuyuan-page.png) no-repeat center;background-size:100% 100%;padding:22px 23px 21px 24px}.setsuyuan .setsuyuan-page .mobile-page{width:100%;border-radius:30px;height:100%;overflow:auto}.setsuyuan .setsuyuan-page .mobile-page>div{min-height:100%}.setsuyuan .setsuyuan-page .mobile-page .mobile-img{width:100%;height:auto}.setsuyuan .setsuyuan-page .mobile-page .mobile-top{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:100% 100% !important}.setsuyuan .setsuyuan-page .mobile-page .mobile-top>div{font-family:Microsoft Yahei;font-size:30px;white-space:nowrap}.setsuyuan .setsuyuan-page .mobile-page .mobile-content{width:100%;min-height:453px;text-align:center;padding:35px 10px 20px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view{position:relative;margin-bottom:30px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:20px 10px 10px 10px;position:relative}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text{font-size:14px;text-align:left;color:#000}.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;width:138px;height:31px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:2;font-size:15px;position:absolute;top:-16px;left:50%;transform:translateX(-50%)}.setsuyuan .page-content{width:calc(100% - 400px) !important}.setsuyuan .vrcode-selimage{margin-top:30px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div{width:200px;height:160px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:178px;height:138px}.setsuyuan .setsuyuan-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9999;margin:0px 0 30px}.setsuyuan .vrcode-input{width:100%;margin-right:0}.setsuyuan .vrcode-input input{width:100%;max-width:800px}.setsuyuan .setsuyuan-input{display:flex;margin-bottom:15px}.setsuyuan .setsuyuan-input .setsuyuan-input-name{width:120px;padding-right:20px;text-align:right;line-height:40px;white-space:nowrap}.setsuyuan .setsuyuan-input .el-color-picker__trigger{background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5)}.setsuyuan .save-btn{width:100px;height:40px;background:#19ABFF;border-radius:3px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;cursor:pointer}.setsuyuan .setsuyuan-input-select{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;margin-right:20px}.setsuyuan .setsuyuan-input-select .no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.setsuyuan .setsuyuan-input-select .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-button span{color:#606266}.el-button--primary.el-button span{color:#fff}.return-btn{margin:0 8px;min-width:120px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;background:#00BB88}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 9f69ed4..cf5ca13 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -252,36 +252,47 @@
         }
     }
 }
-.warning-btn{
+
+.warning-btn {
     justify-content: flex-end;
-   .btn.green{
+
+    .btn.green {
         opacity: 1;
     }
 }
-.warning-model{
-    padding:0 30px 25px;
-   .input-main{
-    margin: 0;
-    input{
-        width: 300px;
+
+.warning-model {
+    padding: 0 30px 25px;
+
+    .input-main {
+        margin: 0;
+
+        input {
+            width: 300px;
+        }
     }
-   }
-    .input-sel{
+
+    .input-sel {
         margin-right: 30px;
-        >span{
+
+        >span {
             margin-right: 10px;
         }
-   }
-   .input-sel .el-dropdown-link{
-    width: 200px;
-   }
-   .vrcode-btn.red-btn{
-    margin: 0!important;
-   }
+    }
+
+    .input-sel .el-dropdown-link {
+        width: 200px;
+    }
+
+    .vrcode-btn.red-btn {
+        margin: 0 !important;
+    }
 }
-.warning-sel{
-    width: 200px!important;
+
+.warning-sel {
+    width: 200px !important;
 }
+
 .table-title {
     display: flex;
     align-items: center;
@@ -542,10 +553,17 @@
 }
 
 .input-sel {
+    >span{
+        padding: 0 10px;
+    }
     >.title {
         margin-bottom: 11px;
     }
-
+    &.input-sel-w180{
+        .el-dropdown-link{
+            width: 180px;
+        }
+    }
     .el-dropdown-link {
         width: 300px;
         height: 44px;
@@ -627,8 +645,54 @@
             color: #859BB6;
         }
     }
+    &.input-main-w120{
+        input{
+            width: 120px;
+        }
+    }
+    &.input-main-w260{
+        input{
+            width: 260px;
+        }
+    }
+    &.input-main-w80{
+        input{
+            width: 80px;
+        }
+    }
+    &.input-main-w100{
+        input{
+            width: 100px;
+        }
+    }
 }
 
+.number-view {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    margin:0   15px  0 0!important;
+
+    >div {
+        width: 30px;
+        height: 30px;
+        background: #0294E2;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 16px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #FFFFFF;
+    }
+}
+
+.p-t-31 {
+    padding-top: 31px;
+}
+
+
 .input-main-80 {
     width: 100%;
     flex-wrap: wrap;
@@ -670,7 +734,9 @@
     width: 300px;
     border: none;
     background-color: #014781;
-
+    &.input-menu-180{
+        width:180px;
+    }
     .popper__arrow::after {
         border-bottom-color: rgba(0, 186, 255, 0.25) !important;
     }
@@ -879,6 +945,27 @@
     color: #8BEAFF;
     margin-top: 20px;
 }
+.text-tips{
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #fff;
+    margin-top: 20px;
+}
+.title-tips-bold {
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #8BEAFF;
+    margin-top: 20px;
+}
+
+.shrink-none {
+    >div {
+        flex-shrink: unset !important;
+        width: auto !important;
+    }
+}
 
 .flex-view {
     display: flex;
@@ -909,9 +996,15 @@
     }
 
 }
-
+.m-b-20{
+    margin:10px 8px!important;
+}
+.flex-warp{
+    width: 100%;
+    flex-wrap: wrap;
+}
 .btn {
-    margin: 0 8px !important;
+    margin: 0 8px;
     padding: 0 20px;
     border-radius: 3px;
     height: 40px;
@@ -925,7 +1018,17 @@
     cursor: pointer;
     white-space: nowrap;
     min-width: 120px;
-
+    &.btn-w80{
+        min-width: 80px;
+    }
+    &.btn-w74{
+       width: 74px;
+       min-width: unset;
+    }
+    &.btn-w66{
+        width: 66px;
+        min-width: unset;
+     }
     >img {
         margin-right: 10px;
         width: 14px;
@@ -1218,7 +1321,9 @@
 
                 .input-sel {
                     margin: 15px 0 30px;
-
+                    >span{
+                        padding: 0 10px;
+                    }
                     >.title {
 
                         margin-bottom: 11px;
@@ -2567,14 +2672,16 @@
 }
 
 .vrcode {
-    .header{
-        .header-right{
+    .header {
+        .header-right {
             width: 500px;
         }
-        .header-center{
+
+        .header-center {
             width: calc(100% - 500px - 373px);
         }
     }
+
     .el-menu {
         border-right: none;
     }
@@ -2847,10 +2954,12 @@
         position: relative;
         font-weight: bold;
         text-align: left;
-        &.vrcode-model-title-282{
+
+        &.vrcode-model-title-282 {
             background: url(../img/vrcode-title-282.png) no-repeat;
             background-size: 282px 43px;
         }
+
         &::after {
             content: ' ';
             width: 32px;
@@ -3368,9 +3477,11 @@
             border-radius: 30px;
             height: 100%;
             overflow: auto;
-            >div{
+
+            >div {
                 min-height: 100%;
             }
+
             .mobile-img {
                 width: 100%;
                 height: auto;
@@ -3394,14 +3505,15 @@
 
             .mobile-content {
                 width: 100%;
-                min-height:453px;
+                min-height: 453px;
                 text-align: center;
                 padding: 35px 10px 20px;
             }
 
             .mobile-view {
                 position: relative;
-    margin-bottom: 30px;
+                margin-bottom: 30px;
+
                 .mobile-view-content {
                     width: 100%;
                     box-sizing: border-box;
@@ -3410,10 +3522,11 @@
                     padding: 20px 10px 10px 10px;
                     position: relative;
                 }
-                .mobile-text{
-                font-size: 14px;
-                text-align: left;
-                color: #000;
+
+                .mobile-text {
+                    font-size: 14px;
+                    text-align: left;
+                    color: #000;
                 }
             }
 
@@ -3540,12 +3653,14 @@
 
     color: #606266;
 }
-.el-button--primary{
-    &.el-button span{
+
+.el-button--primary {
+    &.el-button span {
         color: #fff;
     }
-    
+
 }
+
 .return-btn {
     // width: 120px;
     margin: 0 8px;
@@ -3562,4 +3677,4 @@
     color: #FFFFFF;
     cursor: pointer;
     background: #00BB88;
-  }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/src/assets/img/LED.png b/src/assets/img/LED.png
new file mode 100644
index 0000000000000000000000000000000000000000..33ea87b1749c2995862839a48841ef33c5cea608
GIT binary patch
literal 2658
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
QFaQ7m07*qoM6N<$f^0|bl>h($

literal 0
HcmV?d00001

diff --git a/src/assets/img/circulationCan.png b/src/assets/img/circulationCan.png
new file mode 100644
index 0000000000000000000000000000000000000000..648535be5f230de86f9fe0abecc0fb53211dbf10
GIT binary patch
literal 2941
zcmV-@3xf2CP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px=H%UZ6RA@uxn|bJMRTam-+u1D5p|mWmET=+Ev5c(HqR}vlDAJ<8#6&?93=2at
zic%>ROG_Ih%0$Gdgm5CkA~NDVhs>PFoQE=}e3hs3d9Ckjz5UKT!~I>KKk&fi+~J(P
z*LSbAzH2!97A^Q_nr0(On@HMJ(pHkTl=Oo5ys@MWC2bJXJ|pQrlKv&>X-Q8?`iG=P
z<MXOg%D)#WVp+ssP17(AAOZFgN!v==ToT_mF-JaoUcU4DeCGS7Bt0zYAxTe20=&nV
zTkItP4xngq8%Zw@Z5kxnLpx}Y7oRzNw$Ro#XSB}?E8(-pLhJWPdIZfc1^C>6o2Egd
zX!8}4UKG*;a8&^1J>bv^X9KOZWElWxkemT+_u$O&n54f-da#tjJd=;ffSaa47<}_p
zp;;!y2N8g?fuhxH#u=#J=lOY`&Dy>WSbU!a=FEYn@5I+jDYeD)F2W?hp;b&5uuKj}
z$i`Z==>n+s-Lcxppm}do&twRA78lU>Owsmez)jO^A?Y=ewhu6n3SiNwwK~ge$AYb|
ztIgeJ4sVzg@0WCYDFtF1JVpU-nugG_o1_=V$`U?o!hQZZD8R@IYT!0;q5|&;V}B~8
za9)~8H%$Y`-Gi9^8R5bvY*JcsxEK;Nez%{S)Bua7c|9)akEN8q_l?!7;n3`!0T!)d
z#wI5F>G}d|90twVga%-=4U6AYN+FDO9y0-l&jJ<=*I*azt0NV>=CW+!HE1*p=uV&R
z1l%+Yq=3&tP!QAVOec}k`qpZn!ff8o^fr?Ok>S(GzSgl0;E1z3NqTJn#5c^w_SvZ#
zaq>~Sfx}KV)2U;73^a|RUKpl+tE9V1DTK;(Ok>R#P19^GX|K2mpMa?F+j+q<HbOx#
z4l8H{@Cf5rPH406PB+Jb_kGNPhROUGZ)GXvZ!-ahDZe2yD9qU5XBHb<=q?j?nh40(
zNqV!S9U~njrURCY=?+PMmh=}%4+PsXADI?M&e(FLRpT&dn>KSW{tel**O+t^0%TEp
zghsO|=gcWjgaE8)b`68a4PbSC|8QIN932Gc!hmtm0@v|^Y<?x_YQl>oG{g7^&OI!G
zT`N~vHG5~%M&mb2y4wXu28>{PhYz4#gvH#tOxd7b-3s@yxW~SNW&v`Oq+f>M2exK*
zdX$Z>fe|!==QDEx{0d3mi!k$PNiPe{UnXfqjNfJUS<8ef77N9#D5c<<|I<upmq7_b
zfULD!`;x;FW_oG>$pr!Lsbjw(=~78AZLQ|>;VNj3IEnVQ3lpd6BK%>F90&)nYb1Rl
z?k9`-dW?srZSq}2oVCoDEdIS{*?{>HqGD2r%G#Y}$_9Ku07hW@tOdaTzb)yzF&<>d
zHMurMXyzsazPq)Ex5T25L~yY1XbJ!<(w8OuER@m*7+j3Yy$~2y1A(nFV9LGy!h8)l
zlSRFX)+SXGCik`=q-<u4b8cI3To7^Gi`V7v_!{Pim3>gsha~M#bxaT%z`qy(Y|CXq
z3>dk7Pp(~}2Zb*Zdod+eb(ZgD;0EyeRs&y>#5scj@Hg9d{=?AlER8UxyCW1S?~wFK
zN&8l2iz|FZ($7Z%1|(W0F2hemfja=qDnM445n!D!_Z8NFg_!7F9WUw77?g!_%!T;A
z6&hyDKEPNL!o9BzO-F^MUH*BI@!_wA4>M2Sc-#YE7Z-rW#Z~~Ae$*SoxA2op{j&l;
z0x}^2o)o~*=#|m(*(bDcUi+CB;N7O_8k6zJl0MQ3c0y>SzK$6E#b9u*A4*PKTre({
zgS>wLFy>5Q4^Xr7P*z3eg^#h~Zw<*-2KaYMdQZgi9|y_cDnlmCg1o)$U>p%dlfxYI
zUDxu&cOp-&39@Su9ip6WV%E0-7<MK+V0O-|*2+Jt(O3*7JScpZd$9~c#!tdE%(7^m
zF}o6lnhy{Vq0mO1<0B7a@nS4Ybx6aE?<jygxX8l*CbUfPUwjv#j%~A;kB9Hw(yshx
zB27dP`@d7cF`X5YU~as7p`6jd<cyDtV39)$xsD$L7*^y5ha)EJEB_!25{a)xIAUT<
z_ly|BoyA%HKjnMp)Vqe85D6eRc;VN<JAInAA3Hof1K@YXjbi}=@Re=n^81o@iJ%U6
zGO97`ITf(o=L^9bXxHx3mvK2B!wm+!5r82WZp05Em%fC9LAaKf{i9%HQpnFm;&1<+
z0;=y?hd)wYk{GHjh?Vz02!7}zLu=S2<7NORv;dSi$9d@CRSlT#0{;BFj`VU7z_A*t
zI6zXmLV^?)q^*GO3wO-V?*Jy7+<Xy$iI2y%G5NQFZVY=)SqK)G5O{W^zW^p(JtsJ0
z3gAr_VbVO|JGqU=mxpx>Wk6HFV$#H5I0K@ByzpTP5<U-UIGZ$)W#f5CEBi3MPZ@Yo
zxWpm>=c<f)n&<$zo*9v0D50rYdV_hx65UL)ELfTr4FpEF0&OhPq~Q~Cgil4BCnvtI
zO_Dy_hN<5~_?#S;rY0Vk8GgfKQnX3m$WQERbDffS<f_Rbg}JD;Pmx5*ipFRGk-tNh
z$kCV7bS55CQ%i(#^A3|E(V)n#$%AV!xiJ}$GbY!?2#U2(1HY*)CQb{c#%D=zuqehJ
zBCO8Ta-QM=(8O!Z?Y(U)=HMvc9mAOjfv8=npoS6z77pRDw!@<Hf~!DIhfDfsEbLuv
zK70(F$gr+H?anM7<|z-I5YXX-u&B1&YqmK8n0QJ29AZ<Khjcn94~dzW>{VgPm^I@O
zj%X?jjhC~mb;`qe8vtm9CLVwh$Onr-vVdP>dVn4h&<z0EJ0}KUcU?#t`2G4IE1oC}
z`7W|_H2_x5+u{KffblQ#T3Fi$-%~wd&S;1xy9JmPgAMotk*3m2%)~`|hFDL*FeZJ?
z?b@|lJgXU~Y36C-G4cMPVeblHA{GN*qc*0G{9x4DT%VsI)g4hZc}QrO4rjKQ+uOAA
z;s|}b_gJ$Qka@bBcmWtYhphoVrcG-N0~ppMA#fuOrgg!7caRpECVs-aytv;_{SXY3
z=QF)AVk~lGz}!PdcUIeu`sn}(dQo$m7Wbk}`}DkxcxwlfwhyyVBp*A+jse%jq=E>G
zS+WU*MWDNasnM3@d?Ed&wqL~)3i?)jUo$Y{Q-)qL0&ssLKD0dbQ463c+bA5+Fsw@Y
zM|N~%2#+s1)ijxzjQE~Kfqh-yLZGy0X~-i_?wnu+5a6{-e$*0xSyAdu_H$rDeGk*z
z5pmxa;W1+p1pvX?#MJkPs}QdN!1Z04Bi^1LbCSdWyiOUJ(>?R9){aei+{3iw%Tpeg
z+HZ5F#87A%aNfX1m4h{qd(-rDCWUWd>W~`@%wm}zx(JDd?J7<T*3EYoxc_nK8ix4)
z196kdJP*Vzv_lA_$Sd!rb9#z3d5)o`Tpuet?qW&s0v6Z*Ks>YzQ0mV`ZF$Jx>riCP
zFsI+o0@VlBPdlb>c}S+s6Ftbt`<R#Ork4DK!CWzZQ%f>!e8Ah5+@#N&M^~@SRCO%q
zdJ~_)dYc1eH+|bu0uAYSW14pbEZ2=`e%gOy-xkEdCjzmn2lFOepy|9DZ@Fzfyt&@B
zQ(M#^;PC0^&*sv~r<ddQVcNvEEp+>E0u4DlKQ@Rb&;<CU{so|mtaBW8dFP6%{tE!x
zA7}wRyMF=5QZC_79yy$44gs7WbQ@^?lZSKZ_4_A}3N!-yZ#)zpFu9um&a+AJ@>Zps
zZDp+j(z&uXta&U-L(0nM?r%ID!0~TlA;kfWL9!kTJSIuW$pnkSGb8{mpFe7KIpV-y
n@w}VX;N1Q6p37(buXz6jNrGdtr3X$~00000NkvXXu0mjfjB0?2

literal 0
HcmV?d00001

diff --git a/src/assets/img/coercionMist.png b/src/assets/img/coercionMist.png
new file mode 100644
index 0000000000000000000000000000000000000000..299400cc845f52e0665342dafc0071f2056371a7
GIT binary patch
literal 3176
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
O0000<MNUMnLSTZnMfgtu

literal 0
HcmV?d00001

diff --git a/src/assets/img/electromagneticControl.png b/src/assets/img/electromagneticControl.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ae90316d33fa889dc9df8f0cbf5c6e6f8476b4c
GIT binary patch
literal 2821
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
XSMqGKDRX0%00000NkvXXu0mjfld&~F

literal 0
HcmV?d00001

diff --git a/src/assets/img/forceOutput.png b/src/assets/img/forceOutput.png
new file mode 100644
index 0000000000000000000000000000000000000000..84cd12f8d5eb86072241e05490832bf3cffb8d4a
GIT binary patch
literal 2236
zcmV;t2t)UYP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px-c1c7*RA@uxn@Ok~RTzcOjfqK|=XpkORzwjM(TyOY8x=%QapzV+1YL-r;E13I
zB5o9%a3`X;cjLww5=@L>5-}!0W1Oc%P1#@k&-12URdo&BFD)r}RCmAbs(bD^|9EdD
zP53B^VzH$CB`uY7sH8(A9T4xANZL=*qPXoYNq<ZFQ_>Deze)N@(vR_eXG-a>Ne(eh
z;$lTna2-Gb>}W|xN?I<7&x^Q6e)fI&%&+q^pZ_jtyQFU={VECYzDDn14+0!OVe$w`
zCj^@Y345>ugZ%NH!)FiLY;%Tv{!j_;eJxnuBI!Gr9|F8L;G!sC6gE$iba0FwfI9;y
zuK@=uoDH<hlE(l*gX9con+Io(pCx@IX<JH(`*c1!11^e!!C;%G1+&}~8)N{S4HQ;$
z8RtO#I=?@!b6MNg0gLT3!JIi@`U`A5rBqf-<0Nzf9IPT;z;bgy;%v;Sr3;|4?Y3nj
z2hD3sJ$HtHXL13(r3>4w0T)GaprkV-9UEY9Du9Jivsx$HwqVQOE6d$7$8Xpvel2N3
zN(sj{_GksTC<;Q$S&|NmnI(K!!cF!$b^tBEPzG*^6BT$(82c=x#Ce#ci=qJJ+2NS}
zh;U&E+bInW7vlyR|F@mnsR0(I`TIrErzxc$ny%Hza4>srfQ40LY{z6fT_~`|VbGlI
z&;ShEc=5F<CBj(cQ42V17O*f}20Lk6ZAtLl*K&!MLBlYhD{Z<Ga8VRE1#A`vg=5;C
z>157np;>Jr%<^`ow@ea_44Y=`dmQrsN1Q!H(wPAe+pssb&30vEn%{Tmf@z34D5U<m
zq)jO$LghSZ%zaQ4#o>}Jj2~eWI4bP63>KE1Hck^zZo5u7tB8YXoEQv~`4K8tr<A_0
z1sqa7KQbs}?C?|e#!mWuap%L+1dd5zpNyrf%-nlh+T;ynWS`{Hp8H`G0%TF=1f#i>
z^UMiQFv|sRAI;*;F{{%A%eB{!?)fyf8G!3R=hBApb&@u_;K%{P)<t0huuBMHR;%n5
zo2F=ZC2W1#V7We_=D86eZ-tqWYu8B|mI+mm0&%NSN|@%q(g=2smqZu>WSQOah57NR
zl3tf|a!d-pVWRRHcgRF=9oVAu<jnP7ib=-QssI~P&NATFO4<s`2F!;zDq=2<%Iub<
zYydC}&{w070O*^N-U)N48%&o8z)=z{9+3nYjO&GwqF#&fH30^fS;m23`#7+j228nk
zNib!=d3jeJXcgc$B)uKpaVTIW8ZQgrN29sW7O+`n49FV5IMo&8+9`Tar^m&SD$=R5
zT?4O^G{2qH0ce~~S4kT%AYqxfjDPx4(nbI?3pgusQ3mXMxv8)=!!IwO(}Lk=$2hHg
zvK^Pf2Waem6@Zz+izC$F37u6nrH>9vcSyP=q%$dItFFUXHjJ2hBEpPYK~48`aY6P)
zd5gqX0vI_{*aOtwxlIbmAl%nt26sFBDWC=%CPoJnLfS?Fr<_hVk@b22<DHKRDLb>;
zBmb-cVZbPac-N|#&|^ZlE)ER9$hs|HZUw8(ypZ;G0AJqGez{Ot(#+np4~l`O8Zxb_
z`_Hpu0ACYs+u?}W94F1a;k4RhT4m6-V~3|*0KPUD>jHR|Gp!tS8Sr8NUl$IG83agE
z!tsB|w5kBRs#^x&>jNkqKLEE`yqfh)D+f(p4Pdg#<$VFqdZtwec<E3{&vK^a6w?fo
zd@Skfw1#F{b|&LuHwh3`6H#O1NRm&|d(IZ!#)ZPN(^}LwEIF&{n`trYBs*Rlt4k-z
zu$=Cac+j$`YVp(ouMA6l5|12kpG*rNTZ6qimH~#Nxh$f{hv8J2tZ~Zl1XLy-eNxMz
znbtR>H1WRZQ&q7HSZwaL=$jEaUX=81R{XaCU71?;DISJqTH8i8c~{sYfW6nl%HciD
z#Al-I1XC=8KQHOMmY{2khd$-u&`c|5*sU0<njA0{*sUWK+?nk#$U!sdP3_^@@^DB4
zpifVWK{8nOY*3w1Y2760>Zoqqcrc(VGr&y9rf3AbA7x`*JE^Jxu)1%HXGo^S%-d<v
z{6k?6NxCrr=Q{@oNhly^lK&H$?hct-8Re9+y2Z0wLq*ZGi8nOU!iI5LG}Vt8G5(+=
za{3&Y7uu0_&LR%;gOSI6KoX|Ggj7{Y)lIwr%q-!p0p6ue+c(o<pg65H;f=45bYAqI
zz3YcbJuc*q$L0X+$0LxBv4k>a1tM?LQYX-+-O;xZ@34eJ!LeY6T@IEr?~z1NkC*li
zJ%<{?5S!cXm2^X_3UbdCqt}l!_)tTY)5@I{>X_e%50<+uwb;%8$~rQ3IId~n31L9k
z?y5NR-mKb7^ZtSW$7%@gKZ^JK&O3Xmq-@)*Uup@!-1x-U&w;aOT1?BshvQvah7GXp
z`<^(MxoR{i_eX~HaLBm{Y?<Bq#k9<p+boxQuyso@ZNM|Qx@^ge!_uVzcxA(?hOcFI
z>9IF2m(C&hZ$TU{2g`K};%z_;`Hq>+6;U@qR+$&Xv0ZGwc|kl_1}F<<v#{kMS5TcI
z{5fE|Z+Xb1jWZ%fdLQ$wZfeQx7Abez)RIXX8}POz)|*HJ^Ub4nTtj5r_qUd|!RF2O
z?%S3!&?F+>nC4vpv$`?OtNm-5wjhqJDPva;@@AbCrt{r+v$pkcU3u3|RiGX#t9@#7
zY00K%ar-cN`TB`&AI?DI9QKV3;u+{kJOWT<MtPj&b<-mN?5?A2JKaYB@=*?W$RiJD
zxzil?kOxT!ncu=b<WU06fc+Q`g$JHIuYRf?<EhJ@njYh!M&G<wALFS2j(rmgX|Pi+
zlJ(?y@VN3ZPbT;-i4KkT*?CZ_$`Hpqisy$k49@$pP{M*diuVuQ$;+c~UL*hj0000<
KMNUMnLSTXu%OnZ_

literal 0
HcmV?d00001

diff --git a/src/assets/img/insizeSunshade.png b/src/assets/img/insizeSunshade.png
new file mode 100644
index 0000000000000000000000000000000000000000..75f5a813d151d705530c4cb0f2d8ecd4f7b833a3
GIT binary patch
literal 2789
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/internalInsulation.png b/src/assets/img/internalInsulation.png
new file mode 100644
index 0000000000000000000000000000000000000000..683f456c3b06a679ae5c87bacb7a0605bc20e0e6
GIT binary patch
literal 2581
zcmV+w3hMQVP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px;&q+i<RA@uxn_H|UMHPnsf`J*3J9t64ixEXI$^(#Klmr4k$b%9HK|uvXE(wUf
z=$kJ}xP=f12u28Z5lBdkCh`J72}TDp6TuM}hC5Lh1iZiuI!%9v^-pSg_U@|gedYk6
zlat<O@9ygQYyInAYgJVz&GXST%_2!#N?I&wdr8|#+B*K<Lel1vHjBrulk|T{Z%SGt
z>A#X*lk{r*zc!`xzxnK9nvcesrlB1`0_=m5c9yi2B))Ir8Tr}I<vV}Q&wT&7q}7sM
zlJp-*fOi|CyFC-&0E#7dlJwEAra@votb+yl<9`mH-Dz8!GuG!1mhivZ!s^dUdKt^l
z0(>;!rfIM!*4$0fw$Xb4t_`4k1{_x5Y@l5$xeov|NX~$^dvNCXm!xMUy_izsIfIYE
zfSabFGx+9SVObuE57Gh728va48s|X$Ie$K%b6VTi0gLZ5z??a-^pp5{N~z13-a!}y
zIIIeF0n5VyiP+exrY?ZGzFTXJ95kOz^;`@A&)@?3`61S>2HZ5w2PEwy>B9jAQ2{I#
zwN<Clwiaynx-Q*Kb9BR^_;*Q9q?8c0;!y>-X&OSyCnfC=BTM)&h5P)o*n!Fmy1-3w
zq5_`@V}DC2ah{FRP168!zYwN3B3zil7NwcPMX96lyZzjv23Rc3-@hgOHKp`QUt7Hv
z4$FQzz+zQsY+<sW4h3t~re9X&O1yKI88l}L8i27jD*i}Hi7+<tm<l+27O+^j3wErp
zdXNwu4w#awb1m?k;$6^K7|;`adLrPaX%Gc`7J)*T<}#g3oQ7HzAlw5xNK%dr>->(G
znk5>wfPI}++zO7Bmq<d$@M-$K!LbqGh_ic0+BX2=8&+fc?9h%m>)J)q*Cd@B8PzSV
zKHMtlg#b<L9eU)TG1NBE*5i_%NhuL3*B_Gr?<ncOxCx&?sIbf!uz8lXyQFVPIwnh4
z@U^=oUDXc4s_4~Nzvezf3=5O_5h|Cbl>Rvta8UU((IIH;@H0k@0n6ypiO;q)J44dJ
zp{RKuaFu1P`&=pMk0Fduv?^pqL%Djph#_wvBl}BE?e&dDAwU-Osjz5H<veq$p`6P;
z;`b44HuN1y9}gN&x}WRGk$)lS*HI<8fT(#M*BCVSnc58Y3Q5no;K%_(1uTINU|m8G
zqd%0&_ScWJ!f`?y8;_Utp-PKU4&Ei{+86*=PeVXMZLCbF!pazKSxO1le4935-CZRS
zh5*^MZp{NtVcJCSPLXtUR!P;g!8N$iJ#7{CbLbdu0q|OiJ3iaWfPVyG#L5QDmk1Rx
z7ooCsYpHCou;d^~=SVsrM!FVgejS4In54@k-4_O^^=nhxRz|>x%?Q|91E$=gqtMZS
z^YX5*)21--^(&#oD6$LtF@WcY7vbtANw-IA#V2dp1sAM<)&S<7rR3Tv=Aia&1%ucN
z&!KaT@8%)rW0JleF_u_6p9j|YjihTNJss38g)YZttc)hXJnmfuU`7G4B1-|R^X0z6
z+7yOn`?r=jUD9D867vbxZISr=DdP3gNQ6ohcU%S^pwWh90EUX63vnP3a8@-feRRm7
zkuOL(Gty8`!%PFreGDkBVgceAP>;4sROLPj{+~s%g5~={S1w+JN1pQ#fT1&mJwUC_
z(?XFgOPDz}!Vc<Qqo9Nw;_N@7qYMlg9P?tQW!YDWA>5Bo-yA+ZO~FlTt2MM<31HM2
zzk|xotTxC$qX)M5CnAwJJOrTzEKNKWf`%{InzYHYzZW5q!N;}w+T<Sk`9P@n!&$b~
z9V`aJnHSVv4d6p6{TFMHXP?`~$u9*Xn6YH!Y7T&YyA?N*dZGfLNN@m8RYqIim-P7p
zV3_z^Jooo)-!F(1(i41nUpDe%0Dmza>TpC1oaDdIoKYga(m3Z+qw_U@pJ{#Yn=!GD
z-!o8`#*OEN4!|CAfj$f4cE6N#Z-mk1!Olq<U_W+vS_fcqT_{`vY)}BFvy^z>4Z*1e
zOz6Tw#8&7=>WM31C8m*}H<a!>2%WdJ?sRdMkW9P23wRNLkBUy9&@|SUaA0{DfU1%@
zVqx;tnga`eBmD1%V9SZIqCld;AHGb)=(8{bhG<<B85C@rcD(_+WLyH^F9%R&`~X~9
zyfR>FThz4{FxAjW!KCYA(6BHAO*>R+WP7Yj^&J5IRlBTnNz7K3!Xdu{7~R-vApx^C
zgoOcUz{dqLD2j!h2X89Ci-%I0j*PW1VF|wn@bwYWh~<D}num~76XJ$gIHxqp#};Em
zYYbq72~Y?PE<n9YQjdr+;dWNUXtbepi~+p9h!_%<+>xPx5jtWo`8LA!)mB}95DCE*
zZS8zxs576LUMg967Ql01sW$N#3z&rEw`~RXqevsKj_DrSV*rT3kH#4hD<v{R08dOj
zYE#RxfGIWaXf67amdblZnMeN3L4J+3sen*wLR~2i4*@(ewH#7Bj1es;{pavg!rl)h
z5&P*3vl%~*B7(R|eqNfJt_3``co<q94)tMM@~1H)iCD4n05ImHS$Uw$Jio1XnfNOm
zLjZdQbA$45=mfwRz@(!T50}LR9c?(~9@^&DXGh{us)-qlTELSg0G5xL;u!;&jzVpA
z<ouyseRwcZSSllCN~nozz}5nuKE*TFlcpImi8mIosfub7ml*)q<(0$|mHm5-g{M#A
z1z=_cP-}pfrfFvdTnlX4btS-)rfI1Yn5JDbW+MK*061T6*?1y8tX#X)V!*5yF@pgu
z7xKU*?u;6mmBD<bBlq3uODzGIi<w`h5U0^;i)jW7Sjs&Tg)s}{V+M&n(l-{|E^Jpg
za=@l?-C|ni%cbQ~LJTpKDIVe}#lWOVzcGMH_wZbjm-}OB6@T`md~RKg(7#;jCpAsu
z1#ue3%H0KVtm(#agHp0z0x|S=o)1vZ%-FK|f;d$dzxOYQhm`?JF<#p8;Qd)1fT0~9
zbA3M82I@1uJbcSTMr}5=FyZcf%(HH483V9%PuFjUZ)(Y?jSqO+k|*i&&7;nqN}bvi
zzuS#GqmfUx58t+wfhH00#x(B=m~~^?tOJl!Ip3q@)&7V3wjdS-CqxW-Q{`akd^g^h
z%`US5&IKw5>#c_?y1RC|4=Vx=pML*rF75dAyK(z4tBEV;b^CAz8gY1kY!J^t&&MkO
zll(ZJgm-zDZxha60U)Jh=ia7$1t9O`3@>@);VjpX(n}sB9b|qB`;tcoG#&P9JQN-%
zIp2B1%cR$M@~u$0Rr_A!p+;v-_?>%=X9932M=WH?lZipE<hzn8RaAL0;Z=SBzI$HO
rn&gOuSMmIkhQWFH6(%gmt9Wk#*HPo68&@Rc00000NkvXXu0mjf0};j6

literal 0
HcmV?d00001

diff --git a/src/assets/img/intrinsicParameter.png b/src/assets/img/intrinsicParameter.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2fb36a5bb31d8825e82324359a74e3130f59e93
GIT binary patch
literal 2418
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/outsizeSunshade.png b/src/assets/img/outsizeSunshade.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0d6e1c06a6c8ea095775eb33e5ba5cf42442a2a
GIT binary patch
literal 2833
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/parameterSet.png b/src/assets/img/parameterSet.png
new file mode 100644
index 0000000000000000000000000000000000000000..a131f5781cef2b62ec60548d38f90e09f30384e5
GIT binary patch
literal 2646
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
Ef?xFZy8r+H

literal 0
HcmV?d00001

diff --git a/src/assets/img/sunroofControl.png b/src/assets/img/sunroofControl.png
new file mode 100644
index 0000000000000000000000000000000000000000..79daa47faf52a62bc6a1e5d9e9d4ac3446ff2be3
GIT binary patch
literal 2174
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
A`v3p{

literal 0
HcmV?d00001

diff --git a/src/assets/img/targetCo2.png b/src/assets/img/targetCo2.png
new file mode 100644
index 0000000000000000000000000000000000000000..588efa69879a840c25ac0d1d6ea9783cfa4a23b3
GIT binary patch
literal 3037
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/targetHumidity.png b/src/assets/img/targetHumidity.png
new file mode 100644
index 0000000000000000000000000000000000000000..f19d329b54881d1a0840b39f6271bb3286800ab0
GIT binary patch
literal 3256
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/targetTemperature.png b/src/assets/img/targetTemperature.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0cd7f127785c8d4333f2ba5997fbfc8e942cebe
GIT binary patch
literal 3245
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/wetFan.png b/src/assets/img/wetFan.png
new file mode 100644
index 0000000000000000000000000000000000000000..fab1367509e3ddd8df2afbc89f3746aaae3a6f17
GIT binary patch
literal 2940
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

literal 0
HcmV?d00001

diff --git a/src/components/setParamsControl.vue b/src/components/setParamsControl.vue
index 5cbeba2..45abd11 100644
--- a/src/components/setParamsControl.vue
+++ b/src/components/setParamsControl.vue
@@ -70,7 +70,6 @@ export default {
     },
     "$store.state.equipmentIndex"(newName, oldName) {
       this.dataInit();
-      console.log(11);
     },
   },
   mounted() {
diff --git a/src/router/index.js b/src/router/index.js
index 2b475ba..fdc90e5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -127,6 +127,66 @@ const routes = [
         path: '/snowRemoval',
         name: 'snowRemoval',
         component: () => import('../views/wufang/snowRemoval.vue')
+      },{
+        path: '/targetTemperature',
+        name: 'targetTemperature',
+        component: () => import('../views/page/targetTemperature.vue')
+      },{
+        path: '/targetHumidity',
+        name: 'targetHumidity',
+        component: () => import('../views/page/targetHumidity.vue')
+      },{
+        path: '/targetCo2',
+        name: 'targetCo2',
+        component: () => import('../views/page/targetCo2.vue')
+      },{
+        path: '/sunroofControl',
+        name: 'sunroofControl',
+        component: () => import('../views/page/sunroofControl.vue')
+      },{
+        path: '/outsizeSunshade',
+        name: 'outsizeSunshade',
+        component: () => import('../views/page/outsizeSunshade.vue')
+      },{
+        path: '/insizeSunshade',
+        name: 'insizeSunshade',
+        component: () => import('../views/page/insizeSunshade.vue')
+      },{
+        path: '/wetFan',
+        name: 'wetFan',
+        component: () => import('../views/page/wetFan.vue')
+      },{
+        path: '/LED',
+        name: 'LED',
+        component: () => import('../views/page/LED.vue')
+      },{
+        path: '/electromagneticControl',
+        name: 'electromagneticControl',
+        component: () => import('../views/page/electromagneticControl.vue')
+      },{
+        path: '/coercionMist',
+        name: 'coercionMist',
+        component: () => import('../views/page/coercionMist.vue')
+      },{
+        path: '/circulationCan',
+        name: 'circulationCan',
+        component: () => import('../views/page/circulationCan.vue')
+      },{
+        path: '/internalInsulation',
+        name: 'internalInsulation',
+        component: () => import('../views/page/internalInsulation.vue')
+      },{
+        path: '/forceOutput',
+        name: 'forceOutput',
+        component: () => import('../views/page/forceOutput.vue')
+      },{
+        path: '/intrinsicParameter',
+        name: 'intrinsicParameter',
+        component: () => import('../views/page/intrinsicParameter.vue')
+      },{
+        path: '/parameterSet',
+        name: 'parameterSet',
+        component: () => import('../views/page/parameterSet.vue')
       },]
     },]
   },
diff --git a/src/views/index.vue b/src/views/index.vue
index 8b8da2a..29bdfc2 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -285,7 +285,12 @@ export default {
 
                 } else if (item.router == 'largeScreen') {
                     const foundObject = this.limitUserId.find(item => item.id == 2);
-                    if (!foundObject) return this.$message('您当前没有权限查看!')
+                    if (!foundObject){
+                        this.$message('您当前没有权限查看!')
+                        return
+                    }else{
+                        this.$router.push({ name: item.router })
+                    }
 
                 } else if (item.router != this.routerNow && !item.http) {
 
diff --git a/src/views/page/LED.vue b/src/views/page/LED.vue
new file mode 100644
index 0000000..7c64c08
--- /dev/null
+++ b/src/views/page/LED.vue
@@ -0,0 +1,153 @@
+<template>
+    <div class="wetFan">
+        <div class="table-title">
+            <img src="../../assets/img/LED.png" alt="">补光灯
+        </div>
+        <div class="title-tips">
+            工作方式选择
+        </div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+            </div>
+        </div>
+        <div class="text-tips">手动启动时开灯</div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn blue btn-w80">
+                    1#灯
+                </div>
+                <div class="btn off btn-w80">
+                    2#灯
+                </div>
+                <div class="btn off btn-w80">
+                    3#灯
+                </div>
+                <div class="btn off btn-w80">
+                    4#灯
+                </div>
+                <div class="btn off btn-w80">
+                    5#灯
+                </div>
+                <div class="btn off btn-w80">
+                    6#灯
+                </div>
+                <div class="btn off btn-w80">
+                    7#灯
+                </div>
+                <div class="btn off btn-w80">
+                    8#灯
+                </div>
+            </div>
+        </div>
+        <div class="flex-view padding-none border-none shrink-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>高温报警时，禁止启动补光灯</span>
+            </div>
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>使用1#日标温度</span>
+            </div>
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>使用2#日标温度</span>
+            </div>
+        </div>
+        <div class="flex-view padding-none border-none shrink-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>室外关照大于</span>
+                <input type="text" placeholder="0">
+                <span>时，禁止启用补光灯。 (KLux)</span>
+            </div>
+        </div>
+        <div class="flex-view padding-none shrink-none">
+            <div class="input-main-80">
+                <span>多组补光灯启动时，间隔</span>
+                <input type="text" placeholder="0">
+                <span>秒顺序启动，防止同时启动瞬间功率过大</span>
+            </div>
+        </div>
+        <div class="text-tips">时段1</div>
+        <div class="flex-view border-none padding-none shrink-none">
+            <div class="input-main-80">
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="input-btn ">
+                <div class="btn blue btn-w80">
+                    1#灯
+                </div>
+                <div class="btn off btn-w80">
+                    2#灯
+                </div>
+                <div class="btn off btn-w80">
+                    3#灯
+                </div>
+                <div class="btn off btn-w80">
+                    4#灯
+                </div>
+                <div class="btn off btn-w80">
+                    5#灯
+                </div>
+                <div class="btn off btn-w80">
+                    6#灯
+                </div>
+                <div class="btn off btn-w80">
+                    7#灯
+                </div>
+                <div class="btn off btn-w80">
+                    8#灯
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            openIndex: 1,
+            openIndex1: 1,
+            openIndex2: 1,
+        }
+    },
+    mounted() { },
+    methods: {},
+
+}
+</script>
+<style lang="scss"></style>
+  
\ No newline at end of file
diff --git a/src/views/page/circulationCan.vue b/src/views/page/circulationCan.vue
new file mode 100644
index 0000000..9c306a2
--- /dev/null
+++ b/src/views/page/circulationCan.vue
@@ -0,0 +1,123 @@
+<template>
+    <div class="circulationCan">
+        <div class="table-title">
+            <img src="../../assets/img/circulationCan.png" alt="">环流风扇
+        </div>
+        <div class="title-tips">工作方式选择</div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>时段1：</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-main-80">
+                <span>时段2：</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-main-80">
+                <span>时段3：</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view shrink-none padding-none">
+            <div class="input-main-80">
+                <span>时段4：</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>加湿时，同时运行环流风扇。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>CO2补气时，同时运行环流风扇。</span>
+            </div>
+        </div>
+
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>加湿时，同时运行环流风扇。</span>
+                <input type="text" placeholder="0">
+                <span>%，启动环流风扇。 控制精度</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            openIndex:1,
+        }
+    },
+    mounted() { },
+    methods: {},
+
+}
+</script>
+<style lang="scss"></style>
\ No newline at end of file
diff --git a/src/views/page/coercionMist.vue b/src/views/page/coercionMist.vue
new file mode 100644
index 0000000..ef6b71e
--- /dev/null
+++ b/src/views/page/coercionMist.vue
@@ -0,0 +1,80 @@
+<template>
+    <div class="coercionMist">
+        <div class="table-title">
+            <img src="../../assets/img/coercionMist.png" alt="">高压微雾
+        </div>
+        <div class="title-tips">工作方式选择</div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+            </div>
+        </div>
+        <div class="flex-view  border-none shrink-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main input-main-w120">
+                <span>室内温度高于目标温度</span>
+                <input type="text" placeholder="0">
+                <span>度，开启高压微雾降温。</span>
+            </div>
+        </div>
+        <div class="flex-view  shrink-none">
+            <div class="input-main input-main-w120">
+                <span>开启</span>
+                <input type="text" placeholder="0">
+                <span>秒，关闭</span>
+                <input type="text" placeholder="0">
+                <span>秒，进行间隔工作。</span>
+            </div>
+        </div>
+        <div class="flex-view  border-none shrink-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main input-main-w120">
+                <span>室内湿度低于目标湿度</span>
+                <input type="text" placeholder="0">
+                <span>%，开启高压微雾加湿。</span>
+            </div>
+        </div>
+        <div class="flex-view  border-none shrink-none">
+            <div class="input-main input-main-w120">
+                <span>开启</span>
+                <input type="text" placeholder="0">
+                <span>秒，关闭</span>
+                <input type="text" placeholder="0">
+                <span>秒，进行间隔工作。</span>
+            </div>
+        </div>
+    </div>
+  </template>
+  <script>
+  export default {
+    data(){
+        return {
+            openIndex:1
+        }
+    },
+    mounted(){},
+    methods:{},
+  
+  }
+  </script>
+  <style lang="scss">
+  
+  </style>
+  
+  
\ No newline at end of file
diff --git a/src/views/page/electromagneticControl.vue b/src/views/page/electromagneticControl.vue
new file mode 100644
index 0000000..569167d
--- /dev/null
+++ b/src/views/page/electromagneticControl.vue
@@ -0,0 +1,160 @@
+<template>
+    <div class="electromagneticControl">
+        <div class="table-title">
+            <img src="../../assets/img/electromagneticControl.png" alt="">电磁自动控制
+        </div>
+        <div class="title-tips">
+            工作方式选择
+        </div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+            </div>
+        </div>
+        <div class="flex-view shrink-none">
+            <div class="input-sel">
+                <div class="title">运行模式选择(2选1)</div>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-btn p-t-31">
+                <div class="btn blue btn-w66">
+                   周一
+                </div>
+                <div class="btn off btn-w66">
+                    周二
+                </div>
+                <div class="btn off btn-w66">
+                    周三
+                </div>
+                <div class="btn off btn-w66">
+                周四
+                </div>
+                <div class="btn off btn-w66">
+                    周五
+                </div>
+                <div class="btn off btn-w66">
+                    周六
+                </div>
+                <div class="btn off btn-w66">
+                    周日
+                </div>
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+
+            <div class="input-main-80">
+                <span>时间段启动：每次灌溉时长</span>
+                <input type="text" placeholder="0">
+                <span>分</span>
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="number-view">
+                <div>1</div>
+            </div>
+            <div class="input-main-80">
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>时间段里启动次数</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view shrink-none padding-none">
+            <div class="number-view">
+                <div>2</div>
+            </div>
+            <div class="input-main-80">
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>时间段里启动次数</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="text-tips">
+            土壤传感器
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>有效检测时间段</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>最低土壤湿度</span>
+                <input type="text" placeholder="0">
+                <span>%</span>
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>最高土壤湿度</span>
+                <input type="text" placeholder="0">
+                <span>%</span>
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>灌溉时长上限</span>
+                <input type="text" placeholder="0">
+                <span>%</span>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            openIndex: 1,
+            sensorType: '',
+            typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
+            { label: '空气温度', value: 1, countType: 3, unit: '℃' },
+            { label: '空气湿度', value: 2, countType: 2, unit: '%' },]
+        }
+    },
+    mounted() { },
+    methods: {
+        //类型选择
+        handleCommand(command) {
+            console.log(command);
+        },
+    },
+
+}
+</script>
+<style lang="scss"></style>
+  
\ No newline at end of file
diff --git a/src/views/page/forceOutput.vue b/src/views/page/forceOutput.vue
new file mode 100644
index 0000000..d8e2845
--- /dev/null
+++ b/src/views/page/forceOutput.vue
@@ -0,0 +1,38 @@
+<template>
+    <div class="forceOutput">
+        <div class="table-title">
+            <img src="../../assets/img/forceOutput.png" alt="">强制输出参数
+        </div>
+        <div class="title-tips">
+            测试模式选择
+        </div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn blue">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />非测试模式
+                </div>
+            </div>
+        </div>
+        <div class="flex-view">
+            <div class="input-btn flex-warp">
+                <div class="btn off btn-w80 m-b-20" v-for="item,index in 64" :key="index">
+                   {{index+1}}#
+                </div>
+            </div>
+        </div>
+    </div>
+  </template>
+  <script>
+  export default {
+    data(){
+        return {}
+    },
+    mounted(){},
+    methods:{},
+  
+  }
+  </script>
+  <style lang="scss">
+  
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/page/insizeSunshade.vue b/src/views/page/insizeSunshade.vue
new file mode 100644
index 0000000..af2b6f4
--- /dev/null
+++ b/src/views/page/insizeSunshade.vue
@@ -0,0 +1,136 @@
+<template>
+  <div class="insizeSunshade">
+      <div class="table-title">
+          <img src="../../assets/img/insizeSunshade.png" alt="">外遮阳控制
+      </div>
+      <div class="title-tips">工作方式选择</div>
+      <div class="flex-view">
+          <div class="input-btn ">
+              <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                  <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+              </div>
+              <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                  <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+              </div>
+              <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                  <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+              </div>
+              <div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
+                  <img src="../../assets/image/irrigateSet1.png" alt="" />停止
+              </div>
+          </div>
+      </div>
+      <div class="flex-view border-none  shrink-none padding-none">
+          <div class="input-btn">
+              <div class="btn off btn-w80">
+                  无效
+              </div>
+          </div>
+          <div class="input-main-80">
+              <span>白天遮阳时段限制：</span>
+              <input type="text" placeholder="0">
+              <span>:</span>
+              <input type="text" placeholder="0">
+              <span>-</span>
+              <input type="text" placeholder="0">
+              <span>:</span>
+              <input type="text" placeholder="0">
+          </div>
+      </div>
+      <div class="flex-view border-none  shrink-none padding-none">
+          <div class="input-btn">
+              <div class="btn off btn-w80">
+                  无效
+              </div>
+          </div>
+          <div class="input-main-80">
+              <span>室外光照大于</span>
+              <input type="text" placeholder="0">
+              <span>时，展开内遮阳。光照确认时间</span>
+              <input type="text" placeholder="0">
+              <span>分钟。</span>
+          </div>
+      </div>
+
+      <div class="flex-view border-none  shrink-none padding-none">
+          <div class="input-btn">
+              <div class="btn off btn-w80">
+                  无效
+              </div>
+          </div>
+          <div class="input-main-80">
+              <span>室内温度高于目标温度</span>
+              <input type="text" placeholder="0">
+              <span>度，展开内遮阳。</span>
+          </div>
+      </div>
+
+      <div class="flex-view border-none  shrink-none padding-none">
+          <div class="input-btn">
+              <div class="btn off btn-w80">
+                  无效
+              </div>
+          </div>
+          <div class="input-main-80">
+              <span>夜间保温时段：</span>
+              <input type="text" placeholder="0">
+              <span>:</span>
+              <input type="text" placeholder="0">
+              <span>-</span>
+              <input type="text" placeholder="0">
+              <span>:</span>
+              <input type="text" placeholder="0">
+          </div>
+      </div>
+
+      <div class="flex-view border-none  shrink-none padding-none">
+          <div class="input-btn">
+              <div class="btn off btn-w80">
+                  无效
+              </div>
+          </div>
+          <div class="input-main-80">
+              <span>天窗除湿时，内遮阳开启角度</span>
+              <input type="text" placeholder="0">
+          </div>
+      </div>
+
+      <div class="flex-view shrink-none padding-none">
+          <div class="input-btn">
+              <div class="btn off btn-w80">
+                  无效
+              </div>
+          </div>
+          <div class="input-main-80">
+              <span>光照大于</span>
+              <input type="text" placeholder="0">
+              <span>时，提前</span>
+              <input type="text" placeholder="0">
+              <span>分钟收拢内遮阳。</span>
+          </div>
+      </div>
+
+      <div class="flex-view border-none  shrink-none padding-none">
+          <div class="input-main-80">
+              <span>夜间保温结束时，分</span>
+              <input type="text" placeholder="0">
+              <span>步收拢遮阳网，间隔时间</span>
+              <input type="text" placeholder="0">
+              <span>分钟</span>
+          </div>
+      </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+      return {
+          openIndex:1,
+      }
+  },
+  mounted() { },
+  methods: {},
+
+}
+</script>
+<style lang="scss"></style>
\ No newline at end of file
diff --git a/src/views/page/internalInsulation.vue b/src/views/page/internalInsulation.vue
new file mode 100644
index 0000000..78d2803
--- /dev/null
+++ b/src/views/page/internalInsulation.vue
@@ -0,0 +1,99 @@
+<template>
+    <div class="internalInsulation">
+        <div class="table-title">
+            <img src="../../assets/img/internalInsulation.png" alt="">内保温
+        </div>
+        <div class="title-tips">工作方式选择</div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+                <div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />停止
+                </div>
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-main-80">
+                <span>夜间保温时段：</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view  shrink-none padding-none">
+            <div class="input-main-80">
+                <span>夜间保温结束时，分</span>
+                <input type="text" placeholder="0">
+                <span>步收拢内保温，间隔时间</span>
+                <input type="text" placeholder="0">
+                <span>分钟</span>
+            </div>
+        </div>
+
+
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>室内温度高于目标温度</span>
+                <input type="text" placeholder="0">
+                <span>度，展开内保温。</span>
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>天窗除湿时，内保温开启角度</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>光照大于</span>
+                <input type="text" placeholder="0">
+                <span>时，提前</span>
+                <input type="text" placeholder="0">
+                <span>分钟收拢内保温。</span>
+            </div>
+        </div>
+
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            openIndex:1,
+        }
+    },
+    mounted() { },
+    methods: {},
+
+}
+</script>
+<style lang="scss"></style>
\ No newline at end of file
diff --git a/src/views/page/intrinsicParameter.vue b/src/views/page/intrinsicParameter.vue
new file mode 100644
index 0000000..61f7e1c
--- /dev/null
+++ b/src/views/page/intrinsicParameter.vue
@@ -0,0 +1,256 @@
+<template>
+    <div class="intrinsicParameter">
+        <div class="table-title">
+            <img src="../../assets/img/intrinsicParameter.png" alt="">设备固有参数
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>1#电磁阀自控传感器选择</span>
+                <input type="text" placeholder="0">
+                <span>输出通道：</span>
+                <input type="text" placeholder="0">
+                <span></span>
+                <span>2#电磁阀自控传感器选择</span>
+                <input type="text" placeholder="0">
+                <span>输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>3#电磁阀自控传感器选择</span>
+                <input type="text" placeholder="0">
+                <span>输出通道：</span>
+                <input type="text" placeholder="0">
+                <span></span>
+                <span>4#电磁阀自控传感器选择</span>
+                <input type="text" placeholder="0">
+                <span>输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>5#电磁阀自控传感器选择</span>
+                <input type="text" placeholder="0">
+                <span>输出通道：</span>
+                <input type="text" placeholder="0">
+                <span></span>
+                <span>6#电磁阀自控传感器选择</span>
+                <input type="text" placeholder="0">
+                <span>输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view shrink-none padding-none">
+            <div class="input-main-80">
+                <span>7#电磁阀自控传感器选择</span>
+                <input type="text" placeholder="0">
+                <span>输出通道：</span>
+                <input type="text" placeholder="0">
+                <span></span>
+                <span>8#电磁阀自控传感器选择</span>
+                <input type="text" placeholder="0">
+                <span>输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>湿帘水泵1-2组输出通道：</span>
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>环流风扇1-2组输出通道：</span>
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>高压微雾1-2组输出通道：</span>
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>冷暖风机1-2组输出通道：</span>
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>CO2补气1-2组输出通道：</span>
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>轴流风机1-5组输出通道：</span>
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view shrink-none padding-none">
+            <div class="input-main-80">
+                <span></span>
+                <span>补光灯1-8组输出通道：</span>
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>1#天窗全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>天窗朝向</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>2#天窗全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>天窗朝向</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>3#天窗全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>天窗朝向</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view shrink-none padding-none">
+            <div class="input-main-80">
+                <span>4#天窗全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>天窗朝向</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view shrink-none padding-none">
+            <div class="input-main-80">
+                <span>所有设备的行程保护时间</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="title-tips-bold">设备位置</div>
+        <div class="flex-view shrink-none padding-none">
+            <div class="input-main-80">
+                <span>经度</span>
+                <input type="text" placeholder="0">
+                <span>维度</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>1#内遮阳全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>2#内遮阳全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>1#内保温全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>2#内保温全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>1#湿帘窗全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none padding-none">
+            <div class="input-main-80">
+                <span>2#湿帘窗全程运行时间</span>
+                <input type="text" placeholder="0">
+                <span>打开输出通道：</span>
+                <input type="text" placeholder="0">
+                <span>关闭输出通道：</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {}
+    },
+    mounted() { },
+    methods: {},
+
+}
+</script>
+<style lang="scss"></style>
+  
\ No newline at end of file
diff --git a/src/views/page/outsizeSunshade.vue b/src/views/page/outsizeSunshade.vue
new file mode 100644
index 0000000..80e436f
--- /dev/null
+++ b/src/views/page/outsizeSunshade.vue
@@ -0,0 +1,110 @@
+<template>
+    <div class="outsizeSunshade">
+        <div class="table-title">
+            <img src="../../assets/img/outsizeSunshade.png" alt="">外遮阳控制
+        </div>
+        <div class="title-tips">工作方式选择</div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+                <div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />停止
+                </div>
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>工作时段限制：</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-main-80">
+                <span>降雨时遮阳网处于的位置</span>
+                <input type="text" placeholder="0">
+                <span>%</span>
+                <span>降雨确认时间</span>
+                <input type="text" placeholder="0">
+                <span>分钟</span>
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-main-80">
+                <span>室外光照大于</span>
+                <input type="text" placeholder="0">
+                <span>时，展开外遮阳</span>
+                <input type="text" placeholder="0">
+                <span>% (KLux)。光照确认时间</span>
+                <input type="text" placeholder="0">
+                <span>分钟</span>
+            </div>
+        </div>
+        <div class="flex-view shrink-none padding-none">
+            <div class="input-main-80">
+                <span>室外光照大于</span>
+                <input type="text" placeholder="0">
+                <span>时，外遮阳展开 100%(KLux)</span>
+            </div>
+        </div>
+
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>风速大于</span>
+                <input type="text" placeholder="0">
+                <span>时收拢遮阳网，大风保护解除时间</span>
+                <input type="text" placeholder="0">
+                <span>分钟</span>
+            </div>
+        </div>
+
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>室内温度高于目标温度</span>
+                <input type="text" placeholder="0">
+                <span>度，展开外遮阳。</span>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            openIndex:1,
+        }
+    },
+    mounted() { },
+    methods: {},
+
+}
+</script>
+<style lang="scss"></style>
\ No newline at end of file
diff --git a/src/views/page/parameterSet.vue b/src/views/page/parameterSet.vue
new file mode 100644
index 0000000..7e3a3ed
--- /dev/null
+++ b/src/views/page/parameterSet.vue
@@ -0,0 +1,612 @@
+<template>
+    <div class="parameterSet">
+        <div class="table-title">
+            <img src="../../assets/img/parameterSet.png" alt="">厂家内部参数配置
+        </div>
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>1#外遮阳:目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        <div class="flex-view shrink-none">
+            <div class="input-sel input-sel-w180">
+                <span>2#外遮阳:目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>1#内遮阳:目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view shrink-none">
+            <div class="input-sel input-sel-w180">
+                <span>2#内遮阳:目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>1#天窗: 目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>2#天窗: 目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>3#天窗: 目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view shrink-none">
+            <div class="input-sel input-sel-w180">
+                <span>4#天窗: 目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>环流风机: 1#风扇室内湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>2#风扇室内湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        <div class="flex-view shrink-none">
+            <div class="input-sel input-sel-w180">
+                <span>湿帘外翻窗：1#湿帘窗温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>2#湿帘窗温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span class="padding-none">1#高压微雾:目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        <div class="flex-view shrink-none">
+            <div class="input-sel input-sel-w180">
+                <span class="padding-none">2#高压微雾:目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>目标湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境湿度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+        
+        <div class="flex-view shrink-none border-none">
+            <div class="input-sel input-sel-w180">
+                <span>轴流风机: 目标温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div class="input-sel input-sel-w180">
+                <span>环境温度选择</span>
+                <el-dropdown @command="handleCommand">
+                    <div class="el-dropdown-link">
+                        <input v-model="sensorType" type="text" class="input-input" placeholder="无">
+                        <div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
+                    </div>
+                    <el-dropdown-menu class="input-menu-180" slot="dropdown">
+                        <el-dropdown-item v-for="item, index in typeList" :key="index" :command="item.value">{{
+                            item.label }}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+        </div>
+    </div>
+  </template>
+  <script>
+  export default {
+    data(){
+        return {
+            sensorType:'',
+            typeList: [{ label: '无意义的传感器', value: 0, countType: 0, unit: '' },
+            { label: '空气温度', value: 1, countType: 3, unit: '℃' },
+            { label: '空气湿度', value: 2, countType: 2, unit: '%' },]
+        }
+    },
+    mounted(){},
+    methods:{
+          //类型选择
+          handleCommand(command) {
+            console.log(command);
+        },
+    },
+  
+  }
+  </script>
+  <style lang="scss">
+  
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/page/sunroofControl.vue b/src/views/page/sunroofControl.vue
new file mode 100644
index 0000000..537d915
--- /dev/null
+++ b/src/views/page/sunroofControl.vue
@@ -0,0 +1,154 @@
+<template>
+    <div class="sunroofControl">
+        <div class="table-title">
+            <img src="../../assets/img/sunroofControl.png" alt="">天窗控制
+        </div>
+        <div class="title-tips">工作方式选择</div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+                <div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />停止
+                </div>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="number-view p-t-31">
+                <div>1</div>
+            </div>
+            <div class="input-main input-main-w120">
+                <div>温度控制精度</div>
+                <input type="text" placeholder="0">
+                <span></span>
+            </div>
+            <div class="input-main input-main-w120">
+                <div>计算周期</div>
+                <input type="text" placeholder="0">
+                <span></span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="number-view p-t-31">
+                <div>2</div>
+            </div>
+            <div class="input-main input-main-w120">
+                <div>比例系数</div>
+                <input type="text" placeholder="0">
+                <span></span>
+            </div>
+            <div class="input-main input-main-w120">
+                <div>积分系数</div>
+                <input type="text" placeholder="0">
+                <span></span>
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="number-view p-t-31">
+                <div>3</div>
+            </div>
+            <div class="input-main input-main-w260">
+                <div>天窗分阶段全部打开次数</div>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view padding-none">
+            <div class="number-view p-t-31">
+                <div>4</div>
+            </div>
+            <div class="input-main input-main-w260">
+                <div>风机运行时，天窗打开角度</div>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view border-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main input-main-w120">
+                <span>室外温度低于</span>
+                <input type="text" placeholder="0">
+                <span>度禁止开启天窗。</span>
+            </div>
+        </div>
+        <div class="flex-view padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main input-main-w120">
+                <span>风速大于</span>
+                <input type="text" placeholder="0">
+                <span>时，关闭天窗。大风保护解除时间</span>
+            </div>
+            <div class="input-main input-main-w80">
+                <input type="text" placeholder="0">
+                <span>分钟</span>
+            </div>
+        </div>
+        <div class="flex-view">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main input-main-w120">
+                <span>开启天窗除湿功能：</span>
+            </div>
+        </div>
+        <div class="flex-view border-none">
+            <div class="input-main input-main-w100">
+                <span>湿度控制精度</span>
+                <input type="text" placeholder="0">
+                <span>天窗除湿时开启角度</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="flex-view">
+            <div class="input-main input-main-w100">
+                <span>实测温度比目标温度低</span>
+                <input type="text" placeholder="0">
+                <span>将进行间断除湿开</span>
+                <input type="text" placeholder="0">
+                <span>分钟，关</span>
+                <input type="text" placeholder="0">
+                <span>分钟。</span>
+            </div>
+        </div>
+        <div class="flex-view padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main input-main-w120">
+                <span>室内温度低于</span>
+                <input type="text" placeholder="0">
+                <span>度，禁止开窗除湿。</span>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            openIndex: 1
+        }
+    },
+    mounted() { },
+    methods: {},
+
+}
+</script>
+<style lang="scss"></style>
\ No newline at end of file
diff --git a/src/views/page/targetCo2.vue b/src/views/page/targetCo2.vue
new file mode 100644
index 0000000..f1c6215
--- /dev/null
+++ b/src/views/page/targetCo2.vue
@@ -0,0 +1,99 @@
+<template>
+    <div class="targetCo2">
+      <div class="table-title">
+      <img src="../../assets/img/targetCo2.png" alt="">目标CO2
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>1#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标CO2</span>
+        <input type="text" placeholder="0">
+        <span>%</span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>2#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标CO2</span>
+        <input type="text" placeholder="0">
+        <span>%</span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>3#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标CO2</span>
+        <input type="text" placeholder="0">
+        <span>%</span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>4#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标CO2</span>
+        <input type="text" placeholder="0">
+        <span>%</span>
+      </div>
+    </div>
+
+    </div>
+  </template>
+  <script>
+  export default {
+    data(){
+        return {}
+    },
+    mounted(){},
+    methods:{},
+  
+  }
+  </script>
+  <style lang="scss">
+  
+  </style>
+  
+  
\ No newline at end of file
diff --git a/src/views/page/targetHumidity.vue b/src/views/page/targetHumidity.vue
new file mode 100644
index 0000000..b6ce161
--- /dev/null
+++ b/src/views/page/targetHumidity.vue
@@ -0,0 +1,181 @@
+<template>
+    <div class="targetHumidity">
+        <div class="table-title">
+      <img src="../../assets/img/targetHumidity.png" alt="">目标湿度
+    </div>
+    <div class="title-tips-bold">
+      1#目标湿度参数配置
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>1#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标湿度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>2#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标湿度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>3#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标湿度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view shrink-none padding-none">
+      <div class="input-main-80">
+        <span>4#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标湿度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+
+    <div class="title-tips-bold">
+      2#目标湿度参数配置
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>1#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标湿度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>2#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标湿度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>3#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标湿度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>4#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标湿度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    </div>
+  </template>
+  <script>
+  export default {
+    data(){
+        return {}
+    },
+    mounted(){},
+    methods:{},
+  
+  }
+  </script>
+  <style lang="scss">
+  
+  </style>
+  
+  
\ No newline at end of file
diff --git a/src/views/page/targetTemperature.vue b/src/views/page/targetTemperature.vue
new file mode 100644
index 0000000..0dabf98
--- /dev/null
+++ b/src/views/page/targetTemperature.vue
@@ -0,0 +1,181 @@
+<template>
+    <div class="targetTemperature">
+      <div class="table-title">
+      <img src="../../assets/img/targetTemperature.png" alt="">目标温度
+    </div>
+    <div class="title-tips-bold">
+      1#目标温度参数配置
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>1#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标温度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>2#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标温度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>3#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标温度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view shrink-none padding-none">
+      <div class="input-main-80">
+        <span>4#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标温度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+
+    <div class="title-tips-bold">
+      2#目标温度参数配置
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>1#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标温度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>2#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标温度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>3#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标温度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    <div class="flex-view border-none shrink-none padding-none">
+      <div class="input-main-80">
+        <span>4#时段起始时间：</span>
+        <input type="text" placeholder="0">
+        <span>:</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>过渡时间(分钟)：</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+      <div class="input-main-80">
+        <span>目标温度</span>
+        <input type="text" placeholder="0">
+        <span></span>
+      </div>
+    </div>
+    </div>
+  </template>
+  <script>
+  export default {
+    data(){
+        return {}
+    },
+    mounted(){},
+    methods:{},
+  
+  }
+  </script>
+  <style lang="scss">
+  
+  </style>
+  
+  
\ No newline at end of file
diff --git a/src/views/page/wetFan.vue b/src/views/page/wetFan.vue
new file mode 100644
index 0000000..95c8deb
--- /dev/null
+++ b/src/views/page/wetFan.vue
@@ -0,0 +1,248 @@
+<template>
+    <div class="wetFan">
+        <div class="table-title">
+            <img src="../../assets/img/wetFan.png" alt="">风机湿帘
+        </div>
+        <div class="title-tips">
+            工作方式选择
+        </div>
+        <div class="flex-view">
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+            </div>
+        </div>
+        <div class="text-tips">手动打开时风机启动</div>
+        <div class="flex-view border-none">
+            <div class="input-btn ">
+                <div class="btn blue btn-w80">
+                    1#
+                </div>
+                <div class="btn off btn-w80">
+                    2#
+                </div>
+                <div class="btn off btn-w80">
+                    3#
+                </div>
+                <div class="btn off btn-w80">
+                    4#
+                </div>
+                <div class="btn off btn-w80">
+                    5#
+                </div>
+            </div>
+        </div>
+        <div class="text-tips">工作时段限制</div>
+        <div class="flex-view border-none">
+            <div class="input-main-80">
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+                <span>-</span>
+                <input type="text" placeholder="0">
+                <span>:</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+        <div class="text-tips">工作时段限制</div>
+        <div class="flex-view shrink-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>工作模式一</span>
+            </div>
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>工作模式二</span>
+            </div>
+        </div>
+        <div class="flex-view shrink-none">
+            <div class="input-main-80">
+                <span>工作模式一：风机湿帘工作最大级数</span>
+                <input type="text" placeholder="0">
+                <span>风机湿帘工作调整时间</span>
+                <input type="text" placeholder="0">
+                <span>分</span>
+            </div>
+        </div>
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>室外温度小于</span>
+                <input type="text" placeholder="0">
+                <span>时，禁止启动风机。</span>
+            </div>
+        </div>
+
+        <div class="flex-view border-none  shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>实测温度大于目标温度</span>
+                <input type="text" placeholder="0">
+                <span>时，跳过天窗直接启动风机。</span>
+            </div>
+        </div>
+
+        <div class="flex-view shrink-none padding-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>湿帘结束后，风机延时吹干湿帘时间</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+
+        <div class="flex-view  shrink-none">
+            <div class="input-main-80">
+                <span>工作模式二：控温精度滞回带</span>
+                <input type="text" placeholder="0">
+            </div>
+        </div>
+
+        <div class="flex-view padding-none border-none shrink-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>温度大于</span>
+                <input type="text" placeholder="0">
+                <span>时，启动1#风机。</span>
+            </div>
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>温度大于</span>
+                <input type="text" placeholder="0">
+                <span>时，启动2#风机。</span>
+            </div>
+        </div>
+        <div class="flex-view padding-none border-none shrink-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>温度大于</span>
+                <input type="text" placeholder="0">
+                <span>时，启动3#风机。</span>
+            </div>
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>温度大于</span>
+                <input type="text" placeholder="0">
+                <span>时，启动4#风机。</span>
+            </div>
+        </div>
+        <div class="flex-view padding-none shrink-none">
+            <div class="input-btn">
+                <div class="btn off btn-w80">
+                    无效
+                </div>
+            </div>
+            <div class="input-main-80">
+                <span>温度大于</span>
+                <input type="text" placeholder="0">
+                <span>时，启动5#风机。</span>
+            </div>
+        </div>
+
+        <div class="flex-view border-none shrink-none">
+            <div class="input-main">
+                <span>湿帘水泵1:</span>
+            </div>
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex1 == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex1 == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex1 == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+            </div>
+        </div>
+        <div class="flex-view shrink-none">
+            <div class="input-main-80">
+                <span>降温需求到达</span>
+                <input type="text" placeholder="0">
+                <span>级时，湿帘泵1启动。</span>
+            </div>
+        </div>
+
+        <div class="flex-view border-none shrink-none">
+            <div class="input-main">
+                <span>湿帘水泵2:</span>
+            </div>
+            <div class="input-btn ">
+                <div class="btn" :class="openIndex2 == 1 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
+                </div>
+                <div class="btn" :class="openIndex2 == 2 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
+                </div>
+                <div class="btn" :class="openIndex2 == 3 ? 'blue' : 'green'">
+                    <img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
+                </div>
+            </div>
+        </div>
+        <div class="flex-view border-none shrink-none">
+            <div class="input-main-80">
+                <span>降温需求到达2</span>
+                <input type="text" placeholder="0">
+                <span>级时，湿帘泵2启动。</span>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            openIndex: 1,
+            openIndex1: 1,
+            openIndex2: 1,
+        }
+    },
+    mounted() { },
+    methods: {},
+
+}
+</script>
+<style lang="scss"></style>
+  
\ No newline at end of file