From 8a383c71673db131e0c5257aeb50aa1793fcced2 Mon Sep 17 00:00:00 2001 From: wb-zhuangyuehuang-vjzzZ Date: Thu, 18 Jul 2024 14:29:02 +0800 Subject: [PATCH] 1 --- src/assets/css/main.css | 6 +- src/assets/css/main.min.css | 2 +- src/assets/css/main.scss | 266 ++++++++++++++++------------ src/components/setParamsControl.vue | 192 ++++++++++++++------ src/views/manage/deviceSet.vue | 167 +++++++++-------- 5 files changed, 381 insertions(+), 252 deletions(-) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 62ebf30..349ab2a 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -3143,8 +3143,10 @@ .vrcode-model.manage-model .el-dialog__body .vrcode-content { padding: 10px 22px 0 !important; - display: flex; - justify-content: space-between; + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-row-gap: 0px; + grid-column-gap: 20px; } .vrcode-model.manage-model .el-dialog__footer { diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css index c18d9fa..e853289 100644 --- a/src/assets/css/main.min.css +++ b/src/assets/css/main.min.css @@ -1 +1 @@ -.scroll,.el-dropdown-menu,.index .index-content>.left,.index .index-content>.right.right-page .page-content,.formula .page-content,.realTime,.realTime .page-content .realTime-bottom.weather .left-view-new,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-model .el-dialog,.el-table .el-table__body-wrapper{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content>.left::-webkit-scrollbar,.index .index-content>.right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar,.el-table .el-table__body-wrapper::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content>.left::-webkit-scrollbar-track,.index .index-content>.right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track,.el-table .el-table__body-wrapper::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content>.left::-webkit-scrollbar-thumb,.index .index-content>.right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb,.el-table .el-table__body-wrapper::-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;white-space:nowrap}.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;margin-top:-70px}.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;margin:0 !important}.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;display:flex;align-items:center}.table-title .title-text img{margin-right:5px}.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-warning{width:75px;height:100%;display:flex;align-items:center;justify-content:center}.index .header .header-right{width:260px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px;flex-shrink:0}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 5px 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;flex-shrink:0}.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)}.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.input-sel-w140 .el-dropdown-link{width:140px}.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-disabled input{background:transparent;border:2px solid transparent;padding-left:0}.input-main.input-main-w260 input{width:260px}.input-main.input-main-w80 input{width:80px}.input-main.input-main-w100 input{width:100px}.number-view{height:100%;display:flex;align-items:center;margin:0 15px 0 0 !important}.number-view>div{width:30px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.p-t-31{padding-top:31px}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.outline{color:red;font-weight:bold;font-size:24px}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu.input-menu-180{width:180px}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.table-view{background:transparent;margin-top:30px}.table-view .cell{text-align:center}.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.table-view .el-table::before,.table-view .el-table--border::after{height:0}.table-view .el-table,.table-view .el-table tr,.table-view .el-table td.el-table__cell{border:none;background:transparent}.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.table-view .table-operate{height:30px;white-space:nowrap;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:Microsoft YaHei;font-weight:400;font-size:14px;cursor:pointer;min-width:66px;margin:0 5px;color:#FFFFFF;padding:0 7px}.table-view .table-operate.blue{background:#0294E2}.table-view .table-operate.red{background:#FF9191}.table-view .table-operate>img{width:16px;height:auto;margin-right:5px}.table-view .table-type{padding:0 15px;height:30px;background:rgba(0,186,255,0.15);border-radius:3px;border:1px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#00FFB9}.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}.table-view .status.status1{background:#00BB88}.table-view .status.noSel{opacity:0.5}.table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.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}.table-view .type1>div{justify-content:center}.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}.table-view .type2 img{width:14px;height:14px;margin-right:10px}.table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px;display:flex;align-items:center}.text-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:20px}.title-tips-bold{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#8BEAFF;margin-top:20px}.shrink-none>div{flex-shrink:unset !important;width:auto !important}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-sel-time{display:flex;align-items:center}.input-sel-time .el-range-separator{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding:0 8px;width:40px}.input-sel-time span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding:0 8px}.input-sel-time .el-input__inner{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel-time .el-input__inner .el-range-input{background:transparent;color:#fff}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.m-b-20{margin:10px 8px !important}.flex-warp{width:100%;flex-wrap:wrap}.btn{margin:0 8px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn.btn-w80{min-width:80px}.btn.btn-tips{min-width:70px;width:70px;height:35px}.btn.btn-w74{width:74px;min-width:unset}.btn.btn-w66{width:66px;min-width:unset}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>span{padding:0 10px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start;padding:20px 0 0;justify-content: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.model4-top .model-left{display:flex;align-items:center;height:54px;margin-right:10px}.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}.dataModel .view-new{width:100%;display:flex;align-items:center;flex-wrap:wrap;padding:50px 30px 0}.dataModel .view-new .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px;margin-bottom:20px}.dataModel .view-new .list-view img{width:60px;height:60px}.dataModel .view-new .list-view .text{text-align:center;margin:5px 0;font-size:14px}.dataModel .view-new .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}.dataModel .view-new .list-view .number.red{color:#fc7d6a}.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 .realTime-list .seamless-warp .list-view .number.red{color:#fc7d6a}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:350px;margin-top:30px}.realTime .page-content .realTime-bottom.videoMonitoring-monitor{justify-content:space-between;height:calc(100% - 90px)}.realTime .page-content .realTime-bottom.videoMonitoring-monitor .left-view{width:100%}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom.weather{height:400px}.realTime .page-content .realTime-bottom.weather .left-view-new{width:50%;height:100%;display:flex;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);padding:10px;flex-wrap:wrap;align-content:flex-start}.realTime .page-content .realTime-bottom.weather .left-view-new>div{height:60px;min-width:105px;flex-shrink:0;margin-right:10px;display:flex;align-items:center;margin-bottom:20px}.realTime .page-content .realTime-bottom.weather .left-view-new>div>img{width:60px;height:60px}.realTime .page-content .realTime-bottom.weather .left-view-new>div .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-bottom.weather .left-view-new>div .number{width:80px;height:30px;background:url(data:image/png;base64,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) 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 .realTime-bottom.weather .right{width:50%}.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%;display:flex;align-items:center;position:relative}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:calc(100% - 400px);height:100%}.realTime .page-content .realTime-bottom .left-view>div #video-js{position:absolute;left:0;top:0}.realTime .page-content .realTime-bottom .left-view>div .video-control{width:400px;display:flex;height:100%;padding:60px 0;flex-direction:column;align-items:center}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big{width:230px;height:230px;background:url(../img/video-control.png) no-repeat center;background-size:100% 100%;position:relative;overflow:hidden}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div{width:230px;height:230px;position:relative}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div:active .arrow{background:url(../img/control-arrow-active.png) no-repeat center;background-size:100% 100%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div .arrow{width:43px;height:26px;transform:rotate(135deg);background:url(../img/control-arrow.png) no-repeat center;background-size:100% 100%;position:absolute;top:16px;left:7px}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .top{transform:rotate(-135deg);position:absolute;bottom:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .bottom{transform:rotate(45deg);position:absolute;top:71%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .left{transform:rotate(135deg);position:absolute;right:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .right{transform:rotate(-45deg);position:absolute;left:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn{display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:30px;grid-column-gap:30px;margin-top:41px;width:310px}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div{width:140px;height:40px;background:#0294E2;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div:active{background:#22B2FF}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div>img{margin-right:12px;width:22px;height:auto}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div>div{white-space:nowrap;width:40px}.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.status-btn>div{width:150px;height:40px}.realTime .page-content .status-view .status-view-content .status-true .status-fan.status-btn>div>img{width:20px;height:20px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .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.w-100{width:100px}.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{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)}.manage-input{margin-bottom:15px}.manage-input.w-400 input{width:400px}.manage-input.w-350 input{width:350px}.manage-input.w-160 input{width:160px}.manage-input.w-180 input{width:180px}.manage-input .search-input{margin:0 10px;height:40px}.manage-input .input-title{font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;margin-bottom:10px}.manage-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-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.manage-input input::placeholder{color:#92B1D0}.vrcode-model.manage-model .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.vrcode-model.manage-model .el-dialog__body .vrcode-content{padding:10px 22px 0 !important;display:flex;justify-content:space-between}.vrcode-model.manage-model .el-dialog__footer{padding:15px 22px;border-top:1px solid rgba(0,180,255,0.35)}.vrcode-model.manage-model .dialog-footer{justify-content:flex-start}.vrcode-model.manage-model .manage-right .manage-img{width:380px;position:relative;background:rgba(0,132,255,0.15);border:2px solid rgba(0,132,255,0.35);padding:10px}.vrcode-model.manage-model .manage-right .manage-img img{width:360px;height:auto;min-height:200px}.vrcode-model.manage-model .manage-right .manage-img #sel-img{width:0;height:0;position:absolute;left:0;top:0}.vrcode-model.manage-model .manage-text{width:240px;height:160px;text-align:left;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Microsoft YaHei;line-height:28px;font-weight:400;font-size:14px;color:#00C0F7}.vrcode-model.manage-model .manage-img-small{width:240px;height:160px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,132,255,0.35);padding:10px;margin-top:25px;position:relative}.vrcode-model.manage-model .manage-img-small #sel-img{width:0;height:0;position:absolute;left:0;top:0}.vrcode-model.manage-model .manage-img-small img{width:100%;height:100%}.vrcode-model .model-return-btn{position:absolute;right:30px;top:30px;z-index:999}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold;text-align:left}.vrcode-model .vrcode-model-title.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model.confirm-psw .el-dialog__body{min-height:unset}.vrcode-model.confirm-psw .el-dialog{min-height:unset}.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 !important;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;margin-bottom:10px;display:flex;align-items:center}.setsuyuan{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.setsuyuan .setsuyuan-page{width:375px;height:736px;background:url(../img/setsuyuan-page.png) no-repeat center;background-size:100% 100%;padding:22px 23px 21px 24px}.setsuyuan .setsuyuan-page .mobile-page{width:100%;border-radius:30px;height:100%;overflow:auto}.setsuyuan .setsuyuan-page .mobile-page>div{min-height:100%}.setsuyuan .setsuyuan-page .mobile-page .mobile-img{width:100%;height:auto}.setsuyuan .setsuyuan-page .mobile-page .mobile-top{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:100% 100% !important}.setsuyuan .setsuyuan-page .mobile-page .mobile-top>div{font-family:Microsoft Yahei;font-size:30px;white-space:nowrap}.setsuyuan .setsuyuan-page .mobile-page .mobile-content{width:100%;min-height:453px;text-align:center;padding:35px 10px 20px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view{position:relative;margin-bottom:30px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:20px 10px 10px 10px;position:relative}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text{font-size:14px;text-align:left;color:#000}.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;width:138px;height:31px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:2;font-size:15px;position:absolute;top:-16px;left:50%;transform:translateX(-50%)}.setsuyuan .page-content{width:calc(100% - 400px) !important}.setsuyuan .vrcode-selimage{margin-top:30px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div{width:200px;height:160px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:178px;height:138px}.setsuyuan .setsuyuan-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9999;margin:0px 0 30px}.setsuyuan .vrcode-input{width:100%;margin-right:0}.setsuyuan .vrcode-input input{width:100%;max-width:800px}.setsuyuan .setsuyuan-input{display:flex;margin-bottom:15px}.setsuyuan .setsuyuan-input .setsuyuan-input-name{width:120px;padding-right:20px;text-align:right;line-height:40px;white-space:nowrap}.setsuyuan .setsuyuan-input .el-color-picker__trigger{background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5)}.setsuyuan .save-btn{width:100px;height:40px;background:#19ABFF;border-radius:3px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;cursor:pointer}.setsuyuan .setsuyuan-input-select{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;margin-right:20px}.systemSet-con{width:100%;height:100%}.el-button span{color:#606266}.el-button--primary.el-button span,.el-button--success.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}.el-pagination{margin-top:20px}.el-pagination .btn-prev .el-icon,.el-pagination .btn-next .el-icon{color:#333}.el-pager li{color:#333}.el-pager li.active{color:#409EFF}.el-select-dropdown__item.selected span{color:#409EFF;font-weight:700}.el-pagination__total,.el-pagination__jump{color:#fff}.el-select-dropdown__item span{color:#606266}.historyData .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px !important}.historyData .table-view .table-title{width:100%;display:flex;align-items:center;padding-bottom:5px;justify-content:space-between;border-bottom:2px solid rgba(0,180,255,0.5)}.historyData .table-view .image-list{width:100%;display:flex;flex-wrap:wrap;align-items:center}.historyData .table-view .image-list>div{width:380px;height:auto;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px;padding:10px;flex-shrink:0}.historyData .table-view .image-list>div .el-image{cursor:pointer;min-height:200px}.manage-btn{min-width:140px;height:40px;border-radius:3px;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;background:rgba(0,186,255,0.15);border-radius:3px;border:2px solid rgba(0,186,255,0.4);padding:0 15px;margin:7.5px 20px 7.5px 0 !important;display:flex;cursor:pointer;align-items:center;justify-content:center}.manage-btn.active{background:#0294E2;border:2px solid transparent}.manage-btn img{margin-right:5px;width:14px;height:auto}.manage-page{width:100%;height:100%;background:rgba(0,92,178,0.15);padding:20px 30px;border:2px solid rgba(0,186,255,0.2)}.manage-page .scroll,.manage-page .el-dropdown-menu,.manage-page .index .index-content>.left,.index .manage-page .index-content>.left,.manage-page .index .index-content>.right.right-page .page-content,.index .index-content>.right.right-page .manage-page .page-content,.manage-page .formula .page-content,.formula .manage-page .page-content,.manage-page .realTime,.manage-page .realTime .page-content .realTime-bottom.weather .left-view-new,.realTime .page-content .realTime-bottom.weather .manage-page .left-view-new,.manage-page .history .page-content .el-table--scrollable-x .el-table__body-wrapper,.history .page-content .el-table--scrollable-x .manage-page .el-table__body-wrapper,.manage-page .vrcode-model .el-dialog,.vrcode-model .manage-page .el-dialog,.manage-page .el-table .el-table__body-wrapper,.el-table .manage-page .el-table__body-wrapper{flex-wrap:nowrap !important}.table-title-btn{min-width:100px;height:40px;padding:0 15px;display:flex;align-items:center;justify-content:center;font-family:Microsoft YaHei;font-weight:bold;font-size:16px;color:#FFFFFF;cursor:pointer;border-radius:3px}.table-title-btn>img{width:14px;height:auto;margin-right:9px}.table-title-btn.blue{background:#0294E2}.table-title-btn.red{background:#FF9191}.videoManage .table-view{margin-top:0}.videoManage .flex-title{padding-top:0;justify-content:space-between;border-bottom:1px solid transparent}.el-table .el-table__body-wrapper::-webkit-scrollbar{width:17px}.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:5px solid #013769}.el-table .el-table__cell.gutter{display:none}.manage-dropdown{width:240px !important}.manage-dropdown.w-400{width:400px !important}.manage-dropdown.w-350{width:350px !important}.manage-input-sel{margin-right:30px;margin-bottom:15px}.manage-input-sel .input-title{font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;margin-bottom:10px}.manage-input-sel.w-400 .el-dropdown-link{width:400px}.manage-input-sel.w-350 .el-dropdown-link{width:350px}.manage-input-sel .el-dropdown-link{width:240px;height:44px;cursor:pointer;position:relative}.manage-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.manage-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.manage-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%)}.manage-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px} +.scroll,.el-dropdown-menu,.index .index-content>.left,.index .index-content>.right.right-page .page-content,.formula .page-content,.realTime,.realTime .page-content .realTime-bottom.weather .left-view-new,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-model .el-dialog,.el-table .el-table__body-wrapper{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content>.left::-webkit-scrollbar,.index .index-content>.right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar,.el-table .el-table__body-wrapper::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content>.left::-webkit-scrollbar-track,.index .index-content>.right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track,.el-table .el-table__body-wrapper::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content>.left::-webkit-scrollbar-thumb,.index .index-content>.right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.realTime .page-content .realTime-bottom.weather .left-view-new::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb,.el-table .el-table__body-wrapper::-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;white-space:nowrap}.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;margin-top:-70px}.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;margin:0 !important}.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;display:flex;align-items:center}.table-title .title-text img{margin-right:5px}.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-warning{width:75px;height:100%;display:flex;align-items:center;justify-content:center}.index .header .header-right{width:260px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px;flex-shrink:0}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 5px 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;flex-shrink:0}.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)}.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.input-sel-w140 .el-dropdown-link{width:140px}.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-disabled input{background:transparent;border:2px solid transparent;padding-left:0}.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}.input-main-one{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-one.table-input{justify-content:center}.input-main-one.table-input>span{color:#FF9191}.input-main-one span{padding:0 10px}.input-main-one input{width:300px;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-one input::placeholder{color:#859BB6}.outline{color:red;font-weight:bold;font-size:24px}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu.input-menu-180{width:180px}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.table-view{background:transparent;margin-top:30px}.table-view .cell{text-align:center}.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.table-view .el-table::before,.table-view .el-table--border::after{height:0}.table-view .el-table,.table-view .el-table tr,.table-view .el-table td.el-table__cell{border:none;background:transparent}.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.table-view .table-operate{height:30px;white-space:nowrap;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:Microsoft YaHei;font-weight:400;font-size:14px;cursor:pointer;min-width:66px;margin:0 5px;color:#FFFFFF;padding:0 7px}.table-view .table-operate.blue{background:#0294E2}.table-view .table-operate.red{background:#FF9191}.table-view .table-operate>img{width:16px;height:auto;margin-right:5px}.table-view .table-type{padding:0 15px;height:30px;background:rgba(0,186,255,0.15);border-radius:3px;border:1px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#00FFB9}.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}.table-view .status.status1{background:#00BB88}.table-view .status.noSel{opacity:0.5}.table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.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}.table-view .type1>div{justify-content:center}.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}.table-view .type2 img{width:14px;height:14px;margin-right:10px}.table-view .type2.noSel{opacity:0.5}.title-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF;margin-top:20px;display:flex;align-items:center}.text-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-top:20px}.title-tips-bold{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#8BEAFF;margin-top:20px}.shrink-none>div{flex-shrink:unset !important;width:auto !important}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-sel-time{display:flex;align-items:center}.input-sel-time .el-range-separator{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding:0 8px;width:40px}.input-sel-time span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding:0 8px}.input-sel-time .el-input__inner{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel-time .el-input__inner .el-range-input{background:transparent;color:#fff}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.m-b-20{margin:10px 8px !important}.flex-warp{width:100%;flex-wrap:wrap}.btn{margin:0 8px;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn.btn-w80{min-width:80px}.btn.btn-tips{min-width:70px;width:70px;height:35px}.btn.btn-w74{width:74px;min-width:unset}.btn.btn-w66{width:66px;min-width:unset}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>span{padding:0 10px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start;padding:20px 0 0;justify-content: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.model4-top .model-left{display:flex;align-items:center;height:54px;margin-right:10px}.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}.dataModel .view-new{width:100%;display:flex;align-items:center;flex-wrap:wrap;padding:50px 30px 0}.dataModel .view-new .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px;margin-bottom:20px}.dataModel .view-new .list-view img{width:60px;height:60px}.dataModel .view-new .list-view .text{text-align:center;margin:5px 0;font-size:14px}.dataModel .view-new .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}.dataModel .view-new .list-view .number.red{color:#fc7d6a}.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 .realTime-list .seamless-warp .list-view .number.red{color:#fc7d6a}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:350px;margin-top:30px}.realTime .page-content .realTime-bottom.videoMonitoring-monitor{justify-content:space-between;height:calc(100% - 90px)}.realTime .page-content .realTime-bottom.videoMonitoring-monitor .left-view{width:100%}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom.weather{height:400px}.realTime .page-content .realTime-bottom.weather .left-view-new{width:50%;height:100%;display:flex;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);padding:10px;flex-wrap:wrap;align-content:flex-start}.realTime .page-content .realTime-bottom.weather .left-view-new>div{height:60px;min-width:105px;flex-shrink:0;margin-right:10px;display:flex;align-items:center;margin-bottom:20px}.realTime .page-content .realTime-bottom.weather .left-view-new>div>img{width:60px;height:60px}.realTime .page-content .realTime-bottom.weather .left-view-new>div .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-bottom.weather .left-view-new>div .number{width:80px;height:30px;background:url(data:image/png;base64,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) 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 .realTime-bottom.weather .right{width:50%}.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%;display:flex;align-items:center;position:relative}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:calc(100% - 400px);height:100%}.realTime .page-content .realTime-bottom .left-view>div #video-js{position:absolute;left:0;top:0}.realTime .page-content .realTime-bottom .left-view>div .video-control{width:400px;display:flex;height:100%;padding:60px 0;flex-direction:column;align-items:center}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big{width:230px;height:230px;background:url(../img/video-control.png) no-repeat center;background-size:100% 100%;position:relative;overflow:hidden}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div{width:230px;height:230px;position:relative}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div:active .arrow{background:url(../img/control-arrow-active.png) no-repeat center;background-size:100% 100%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big>div .arrow{width:43px;height:26px;transform:rotate(135deg);background:url(../img/control-arrow.png) no-repeat center;background-size:100% 100%;position:absolute;top:16px;left:7px}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .top{transform:rotate(-135deg);position:absolute;bottom:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .bottom{transform:rotate(45deg);position:absolute;top:71%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .left{transform:rotate(135deg);position:absolute;right:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn-big .right{transform:rotate(-45deg);position:absolute;left:70.5%}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn{display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:30px;grid-column-gap:30px;margin-top:41px;width:310px}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div{width:140px;height:40px;background:#0294E2;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div:active{background:#22B2FF}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div>img{margin-right:12px;width:22px;height:auto}.realTime .page-content .realTime-bottom .left-view>div .video-control .video-btn>div>div{white-space:nowrap;width:40px}.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.status-btn>div{width:150px;height:40px}.realTime .page-content .status-view .status-view-content .status-true .status-fan.status-btn>div>img{width:20px;height:20px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add{cursor:pointer}.realTime .page-content .status-view .status-view-content .status-noTrue.status-add>img{width:40px;height:40px}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.wufang .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer;margin-right:9px}.sel{width:35px;height:35px;margin-right:9px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .flex-sel{display:flex;align-items:center;padding-right:10px;margin-right:10px}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .border-bottom{border-bottom:1px solid rgba(2,148,226,0.5)}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode .el-menu,.el-submenu__title:hover,.el-menu-item:hover,.el-menu-item:focus{background:transparent}.vrcode .header .header-right{width:500px}.vrcode .header .header-center{width:calc(100% - 500px - 373px)}.vrcode .el-menu{border-right:none}.vrcode .el-submenu__icon-arrow{font-size:16px;color:#fff}.vrcode .el-submenu .el-menu-item{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer;margin:0 auto}.vrcode .el-submenu .el-menu-item::before{content:" ";width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.vrcode .el-submenu__title,.vrcode .el-menu-item{display:flex;align-items:center}.vrcode .el-submenu__title .img,.vrcode .el-menu-item .img{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:15px}.vrcode .el-submenu .el-menu-item.is-active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .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.w-100{width:100px}.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{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)}.manage-input{margin-bottom:15px}.manage-input.w-400 input{width:400px}.manage-input.w-350 input{width:350px}.manage-input.w-160 input{width:160px}.manage-input.w-180 input{width:180px}.manage-input .search-input{margin:0 10px;height:40px}.manage-input .input-title{font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;margin-bottom:10px}.manage-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-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.manage-input input::placeholder{color:#92B1D0}.vrcode-model.manage-model .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.vrcode-model.manage-model .el-dialog__body .vrcode-content{padding:10px 22px 0 !important;display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:0px;grid-column-gap:20px}.vrcode-model.manage-model .el-dialog__footer{padding:15px 22px;border-top:1px solid rgba(0,180,255,0.35)}.vrcode-model.manage-model .dialog-footer{justify-content:flex-start}.vrcode-model.manage-model .manage-right .manage-img{width:380px;position:relative;background:rgba(0,132,255,0.15);border:2px solid rgba(0,132,255,0.35);padding:10px}.vrcode-model.manage-model .manage-right .manage-img img{width:360px;height:auto;min-height:200px}.vrcode-model.manage-model .manage-right .manage-img #sel-img{width:0;height:0;position:absolute;left:0;top:0}.vrcode-model.manage-model .manage-text{width:240px;height:160px;text-align:left;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Microsoft YaHei;line-height:28px;font-weight:400;font-size:14px;color:#00C0F7}.vrcode-model.manage-model .manage-img-small{width:240px;height:160px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,132,255,0.35);padding:10px;margin-top:25px;position:relative}.vrcode-model.manage-model .manage-img-small #sel-img{width:0;height:0;position:absolute;left:0;top:0}.vrcode-model.manage-model .manage-img-small img{width:100%;height:100%}.vrcode-model .model-return-btn{position:absolute;right:30px;top:30px;z-index:999}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold;text-align:left}.vrcode-model .vrcode-model-title.vrcode-model-title-282{background:url(../img/vrcode-title-282.png) no-repeat;background-size:282px 43px}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model.confirm-psw .el-dialog__body{min-height:unset}.vrcode-model.confirm-psw .el-dialog{min-height:unset}.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 !important;align-items:center;min-height:200px;max-height:700px;overflow:auto;padding:0 30px}.model-sel>div{width:33%;white-space:nowrap;flex-shrink:0;margin-bottom:10px;display:flex;align-items:center}.setsuyuan{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.setsuyuan .setsuyuan-page{width:375px;height:736px;background:url(../img/setsuyuan-page.png) no-repeat center;background-size:100% 100%;padding:22px 23px 21px 24px}.setsuyuan .setsuyuan-page .mobile-page{width:100%;border-radius:30px;height:100%;overflow:auto}.setsuyuan .setsuyuan-page .mobile-page>div{min-height:100%}.setsuyuan .setsuyuan-page .mobile-page .mobile-img{width:100%;height:auto}.setsuyuan .setsuyuan-page .mobile-page .mobile-top{width:100%;height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:100% 100% !important}.setsuyuan .setsuyuan-page .mobile-page .mobile-top>div{font-family:Microsoft Yahei;font-size:30px;white-space:nowrap}.setsuyuan .setsuyuan-page .mobile-page .mobile-content{width:100%;min-height:453px;text-align:center;padding:35px 10px 20px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view{position:relative;margin-bottom:30px}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-view-content{width:100%;box-sizing:border-box;background:#fff;border-radius:8px;padding:20px 10px 10px 10px;position:relative}.setsuyuan .setsuyuan-page .mobile-page .mobile-view .mobile-text{font-size:14px;text-align:left;color:#000}.setsuyuan .setsuyuan-page .mobile-page .mobile-content-title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAfCAYAAAA4LFWUAAACiElEQVR4Xu2bvU8UURTFz51Ag6wFauOfIWurnUtoiI2JEEuFkIBKokRpaDYIFmiIBpeSBI2VdkAHLR9/Bo26haPbwL5LZmZn3I+ZjUvyHnOTO+XOzrvnnfvLm5PdXEK3a3t+jLz+52C+DWCg63f1plQHaiA6YHO6ipHl71mboKwb3u6rZWbvpdTdq+7eHSAyK+be0nzak+mgbC+MEeFb76X0CekOcN3cx+hSR+9TQaGdhT0Ad6RvWvVfyIF9LpXvtj/ZCcrms1t0Y+AIlPlWulB1fUiIA8zgH7VhPHp33Ky4gwZva2adr12dFLItlWnBAfr1+5MZX5vKBuXr9CCd9p3geqFgob4uKcWBn77P/Wc38eDjn1hy64nyeeYxgSoYUk6k9NSKzqoPBj/Bw7WNVFBo6+kBiIsKihX75Sxa9QGmQx5/H/x+Fl7/TpQgxPaZo/BTPVHkNNWG0gAUAHzmJaE2ASUMsURRiFVQbNgvZ80GKMSchNoIlDjEeojCiYIip6k2lDZAgUESaiNQ4hAbF1VQbNgvZ80YlOD1Y+qTmPhQCUFJQqyCIqeZNpU2gRKHWkJziFVQbNovZ+1mUMJTBUVqCbEKipxm2lTaBkoQaglfZuc8boTYRnEeKiza1KFr59sBqvot/TcEP+vfY873VlSdTQe4VO7gQkGx6bjQtRUUoY1zLVtBce240HoKitDGuZatoLh2XGg9BUVo41zLVlBcOy60noIitHGuZfcCyl+dDHTdntzUq3GpfKVdjc715KY/uRHyn3M9gV6dFMxN11wL6WlSMBDn7bxeYdAL10K13uU5QKi/NaU3qfPm3ccBo5NlDkBRM8vlNdBy5RqAQ66b1bSZ47j2Odyz15vs+mViAAAAAElFTkSuQmCC) no-repeat center;width:138px;height:31px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:2;font-size:15px;position:absolute;top:-16px;left:50%;transform:translateX(-50%)}.setsuyuan .page-content{width:calc(100% - 400px) !important}.setsuyuan .vrcode-selimage{margin-top:30px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div{width:200px;height:160px}.setsuyuan .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:178px;height:138px}.setsuyuan .setsuyuan-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9999;margin:0px 0 30px}.setsuyuan .vrcode-input{width:100%;margin-right:0}.setsuyuan .vrcode-input input{width:100%;max-width:800px}.setsuyuan .setsuyuan-input{display:flex;margin-bottom:15px}.setsuyuan .setsuyuan-input .setsuyuan-input-name{width:120px;padding-right:20px;text-align:right;line-height:40px;white-space:nowrap}.setsuyuan .setsuyuan-input .el-color-picker__trigger{background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5)}.setsuyuan .save-btn{width:100px;height:40px;background:#19ABFF;border-radius:3px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;cursor:pointer}.setsuyuan .setsuyuan-input-select{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;margin-right:20px}.systemSet-con{width:100%;height:100%}.el-button span{color:#606266}.el-button--primary.el-button span,.el-button--success.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}.el-pagination{margin-top:20px}.el-pagination .btn-prev .el-icon,.el-pagination .btn-next .el-icon{color:#333}.el-pager li{color:#333}.el-pager li.active{color:#409EFF}.el-select-dropdown__item.selected span{color:#409EFF;font-weight:700}.el-pagination__total,.el-pagination__jump{color:#fff}.el-select-dropdown__item span{color:#606266}.historyData .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px !important}.historyData .table-view .table-title{width:100%;display:flex;align-items:center;padding-bottom:5px;justify-content:space-between;border-bottom:2px solid rgba(0,180,255,0.5)}.historyData .table-view .image-list{width:100%;display:flex;flex-wrap:wrap;align-items:center}.historyData .table-view .image-list>div{width:380px;height:auto;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px;padding:10px;flex-shrink:0}.historyData .table-view .image-list>div .el-image{cursor:pointer;min-height:200px}.manage-btn{min-width:140px;height:40px;border-radius:3px;font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;background:rgba(0,186,255,0.15);border-radius:3px;border:2px solid rgba(0,186,255,0.4);padding:0 15px;margin:7.5px 20px 7.5px 0 !important;display:flex;cursor:pointer;align-items:center;justify-content:center}.manage-btn.active{background:#0294E2;border:2px solid transparent}.manage-btn img{margin-right:5px;width:14px;height:auto}.manage-page{width:100%;height:100%;background:rgba(0,92,178,0.15);padding:20px 30px;border:2px solid rgba(0,186,255,0.2)}.manage-page .scroll,.manage-page .el-dropdown-menu,.manage-page .index .index-content>.left,.index .manage-page .index-content>.left,.manage-page .index .index-content>.right.right-page .page-content,.index .index-content>.right.right-page .manage-page .page-content,.manage-page .formula .page-content,.formula .manage-page .page-content,.manage-page .realTime,.manage-page .realTime .page-content .realTime-bottom.weather .left-view-new,.realTime .page-content .realTime-bottom.weather .manage-page .left-view-new,.manage-page .history .page-content .el-table--scrollable-x .el-table__body-wrapper,.history .page-content .el-table--scrollable-x .manage-page .el-table__body-wrapper,.manage-page .vrcode-model .el-dialog,.vrcode-model .manage-page .el-dialog,.manage-page .el-table .el-table__body-wrapper,.el-table .manage-page .el-table__body-wrapper{flex-wrap:nowrap !important}.table-title-btn{min-width:100px;height:40px;padding:0 15px;display:flex;align-items:center;justify-content:center;font-family:Microsoft YaHei;font-weight:bold;font-size:16px;color:#FFFFFF;cursor:pointer;border-radius:3px}.table-title-btn>img{width:14px;height:auto;margin-right:9px}.table-title-btn.blue{background:#0294E2}.table-title-btn.red{background:#FF9191}.videoManage .table-view{margin-top:0}.videoManage .flex-title{padding-top:0;justify-content:space-between;border-bottom:1px solid transparent}.el-table .el-table__body-wrapper::-webkit-scrollbar{width:17px}.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:5px solid #013769}.el-table .el-table__cell.gutter{display:none}.manage-dropdown{width:240px !important}.manage-dropdown.w-400{width:400px !important}.manage-dropdown.w-350{width:350px !important}.manage-input-sel{margin-right:30px;margin-bottom:15px}.manage-input-sel .input-title{font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#FFFFFF;margin-bottom:10px}.manage-input-sel.w-400 .el-dropdown-link{width:400px}.manage-input-sel.w-350 .el-dropdown-link{width:350px}.manage-input-sel .el-dropdown-link{width:240px;height:44px;cursor:pointer;position:relative}.manage-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.manage-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.manage-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%)}.manage-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px} diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss index 03efe09..9b922d3 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -302,7 +302,8 @@ font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; - margin: 0!important; + margin: 0 !important; + >img { width: 60px; height: 60px; @@ -768,7 +769,8 @@ } } } -.input-main-one{ + +.input-main-one { width: 100%; flex-wrap: wrap; display: flex; @@ -787,7 +789,7 @@ } input { - width:300px; + width: 300px; height: 44px; background: rgba(0, 186, 255, 0.15); border: 2px solid rgba(0, 186, 255, 0.40); @@ -804,6 +806,7 @@ } } } + .outline { color: red; font-weight: bold; @@ -1669,6 +1672,7 @@ align-items: flex-start; padding: 20px 0 0; justify-content: flex-start; + .btn { padding: 0 10px; @@ -1677,7 +1681,8 @@ height: 24px; } } - .model-left{ + + .model-left { display: flex; align-items: center; height: 54px; @@ -1691,7 +1696,7 @@ height: 14px; } } - + .model-right { >div { display: flex; @@ -2233,11 +2238,13 @@ width: calc(100% - 400px); height: 100%; } - #video-js{ + + #video-js { position: absolute; left: 0; top: 0; } + .video-control { width: 400px; display: flex; @@ -2735,7 +2742,7 @@ >div { margin-bottom: 10px; } - + >input { width: 500px; height: 44px; @@ -3210,7 +3217,7 @@ justify-content: center; } - + .isOpen { width: 80px; @@ -3257,9 +3264,11 @@ } border-radius: 3px; - &.w-100{ + + &.w-100 { width: 100px; } + &.blue-btn { background: #00A6FF; @@ -3302,98 +3311,116 @@ } } } -.manage-input{ + +.manage-input { margin-bottom: 15px; - &.w-400{ - input{ + + &.w-400 { + input { width: 400px; } - } - &.w-350{ - input{ + } + + &.w-350 { + input { width: 350px; } - } - &.w-160{ - input{ + } + + &.w-160 { + input { width: 160px; } - } - &.w-180{ - input{ - width:180px; + } + + &.w-180 { + input { + width: 180px; } } - .search-input{ + + .search-input { margin: 0 10px; height: 40px; } - .input-title{ + + .input-title { font-family: Microsoft YaHei; font-weight: 400; font-size: 16px; color: #FFFFFF; margin-bottom: 10px; } - 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-family: Microsoft YaHei; -font-weight: 400; -color: #FFFFFF; -&::placeholder { -color: #92B1D0; -} - } - } -.vrcode-model { - &.manage-model{ - .el-dialog{ - background: rgba(0,59,114,0.8); - border: 2px solid rgba(0, 186, 255,0.35); + 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-family: Microsoft YaHei; + font-weight: 400; + color: #FFFFFF; + + &::placeholder { + color: #92B1D0; } - .el-dialog__body{ - .vrcode-content{ - padding: 10px 22px 0!important; - display: flex; - // align-items: center; - justify-content: space-between; + } +} + +.vrcode-model { + &.manage-model { + .el-dialog { + background: rgba(0, 59, 114, 0.8); + border: 2px solid rgba(0, 186, 255, 0.35); + } + + .el-dialog__body { + .vrcode-content { + padding: 10px 22px 0 !important; + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-row-gap: 0px; //纵向间隔 + grid-column-gap: 20px; //横向间隔 } } - .el-dialog__footer{ + + .el-dialog__footer { padding: 15px 22px; border-top: 1px solid rgba(0, 180, 255, 0.35); } - .dialog-footer{ + + .dialog-footer { justify-content: flex-start; } - .manage-right{ - .manage-img{ + + .manage-right { + .manage-img { width: 380px; position: relative; -// height: 290px; -background: rgba(0,132,255,0.15); -border: 2px solid rgba(0,132,255,0.35); -img{ -width:360px; -height:auto; -min-height: 200px; -} -padding: 10px; -#sel-img{ -width: 0; -height: 0; -position: absolute; -left: 0; -top: 0; -} + // height: 290px; + background: rgba(0, 132, 255, 0.15); + border: 2px solid rgba(0, 132, 255, 0.35); + + img { + width: 360px; + height: auto; + min-height: 200px; + } + + padding: 10px; + + #sel-img { + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + } } } - .manage-text{ + + .manage-text { width: 240px; height: 160px; text-align: left; @@ -3403,32 +3430,36 @@ top: 0; flex-direction: column; font-family: Microsoft YaHei; line-height: 28px; -font-weight: 400; -font-size: 14px; -color: #00C0F7; + font-weight: 400; + font-size: 14px; + color: #00C0F7; } - .manage-img-small{ + + .manage-img-small { width: 240px; -height: 160px; -background: rgba(0,132,255,0.15); -border: 2px solid rgba(0,132,255,0.35); -padding: 10px; -margin-top: 25px; -position: relative; -#sel-img{ - width: 0; - height: 0; - position: absolute; - left: 0; - top: 0; - } -img{ - width: 100%; - height: 100%; -} + height: 160px; + background: rgba(0, 132, 255, 0.15); + border: 2px solid rgba(0, 132, 255, 0.35); + padding: 10px; + margin-top: 25px; + position: relative; + + #sel-img { + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + } + + img { + width: 100%; + height: 100%; + } } - + } + .model-return-btn { position: absolute; right: 30px; @@ -3912,7 +3943,7 @@ img{ .model-sel { display: flex; - flex-wrap: wrap!important; + flex-wrap: wrap !important; align-items: center; min-height: 200px; max-height: 700px; @@ -4231,7 +4262,7 @@ img{ border-radius: 3px; border: 2px solid rgba(0, 186, 255, 0.4); padding: 0 15px; - margin:7.5px 20px 7.5px 0!important; + margin: 7.5px 20px 7.5px 0 !important; display: flex; cursor: pointer; align-items: center; @@ -4255,8 +4286,9 @@ img{ background: rgba(0, 92, 178, 0.15); padding: 20px 30px; border: 2px solid rgba(0, 186, 255, 0.2); - .scroll{ - flex-wrap: nowrap!important; + + .scroll { + flex-wrap: nowrap !important; } } @@ -4307,13 +4339,15 @@ img{ // } } -.el-table{ +.el-table { .el-table__body-wrapper { @extend .scroll; + &::-webkit-scrollbar { /*滚动条整体*/ width: 17px; } + &::-webkit-scrollbar-thumb { /*滚动条里面的滑块*/ width: 4px; @@ -4321,44 +4355,50 @@ img{ background: #0294E2; border: 5px solid #013769; } - + } .el-table__cell.gutter { display: none; } } -.manage-dropdown{ - width: 240px!important; - &.w-400{ - width: 400px!important; + +.manage-dropdown { + width: 240px !important; + + &.w-400 { + width: 400px !important; + } + + &.w-350 { + width: 350px !important; } - &.w-350{ - width: 350px!important; - } } .manage-input-sel { margin-right: 30px; margin-bottom: 15px; - .input-title{ + .input-title { font-family: Microsoft YaHei; font-weight: 400; font-size: 16px; color: #FFFFFF; margin-bottom: 10px; } - &.w-400{ - .el-dropdown-link{ + + &.w-400 { + .el-dropdown-link { width: 400px; } } - &.w-350{ - .el-dropdown-link{ + + &.w-350 { + .el-dropdown-link { width: 350px; } - } + } + .el-dropdown-link { width: 240px; height: 44px; @@ -4369,8 +4409,8 @@ img{ width: 100%; height: 100%; - background: rgba(0,186,255,0.15); - border: 2px solid rgba(0,186,255,0.4); + background: rgba(0, 186, 255, 0.15); + border: 2px solid rgba(0, 186, 255, 0.4); font-size: 16px; padding-left: 15px; font-family: Microsoft YaHei; diff --git a/src/components/setParamsControl.vue b/src/components/setParamsControl.vue index 55bfa0f..0b9f556 100644 --- a/src/components/setParamsControl.vue +++ b/src/components/setParamsControl.vue @@ -43,7 +43,7 @@ export default { routerNow: "skylight", routerIndex: 1, purview: [], //权限数组 - loading:null, + loading: null, }; }, watch: { @@ -53,15 +53,15 @@ export default { "$store.state.equipmentIndex"(newName, oldName) { var store = this.$store.state; var item = store.equipmentList[store.equipmentIndex - 1] - if(item.deviceName == 10 || item.deviceName == 30){ - + if (item.deviceName == 10 || item.deviceName == 30) { + this.dataInit(); } }, }, mounted() { this.gerRouter(); - + this.dataInit(); }, methods: { @@ -80,13 +80,22 @@ export default { return 0 } }, + toNewList(list, list2) { + let newList = list.map((item, index) => { + // 从第二个数组中获取对应的 nickName 并赋值给 name + const match = list2[index]; + return match ? { ...item, name: match.nickName ? match.nickName : item.name } : item; + }); + return newList + }, dataInit() { + const that = this this.loading = this.$loading({ - lock: true, - text: '加载中', - spinner: 'el-icon-loading', - background: 'rgba(0, 0, 0, 0.7)' - }); + lock: true, + text: '加载中', + spinner: 'el-icon-loading', + background: 'rgba(0, 0, 0, 0.7)' + }); var store = this.$store.state; var data = store.equipmentList[store.equipmentIndex - 1].deviceId; this.api.getcontrol_cpermission(data).then((res) => { @@ -95,16 +104,23 @@ export default { this.purview = res.data.data; this.purview.forEach((el, index) => { if (el.id == 1) { + var list = [ + { name: "目标温度", list: [], router: "targetTemperature", isRouter: true, index: 1 }, + { name: "目标湿度", list: [], router: "targetHumidity", isRouter: true, index: 2 }, + { name: "目标CO3", list: [], router: "targetCo2", isRouter: true, index: 3 } + ] + let newList + if (el.child.length) { + newList = that.toNewList(list, el.child) + } else { + newList = list + } this.routerList.push( { id: el.id, sort: el.sort, name: el.nickName, router: "targetTemperature", - list: [ - { name: "目标温度", list: [], router: "targetTemperature", isRouter: true, index: 1 }, - { name: "目标湿度", list: [], router: "targetHumidity", isRouter: true, index: 2 }, - { name: "目标CO2", list: [], router: "targetCo2", isRouter: true, index: 3 } - ], + list: newList, }, ); } else if (el.id == 3) { @@ -118,80 +134,139 @@ export default { }, ); } else if (el.id == 19) { + var list = [ + { name: '通风窗1', status: -1, router: 'sunroofControl', index: 1 }, + { name: '通风窗2', status: -1, router: 'sunroofControl', index: 2 }, + { name: '通风窗3', status: -1, router: 'sunroofControl', index: 3 }, + { name: '通风窗4', status: -1, router: 'sunroofControl', index: 4 }, + { name: '通风窗5', status: -1, router: 'sunroofControl', index: 5 }, + { name: '通风窗6', status: -1, router: 'sunroofControl', index: 6 }, + ] + let newList + if (el.child.length) { + newList = that.toNewList(list, el.child) + } else { + newList = list + } this.routerList.push({ id: el.id, sort: el.sort, - name: el.nickName, list: [ - { name: '通风窗1', status: -1, router: 'sunroofControl', index: 1 }, - { name: '通风窗2', status: -1, router: 'sunroofControl', index: 2 }, - { name: '通风窗3', status: -1, router: 'sunroofControl', index: 3 }, - { name: '通风窗4', status: -1, router: 'sunroofControl', index: 4 }, - { name: '通风窗5', status: -1, router: 'sunroofControl', index: 5 }, - { name: '通风窗6', status: -1, router: 'sunroofControl', index: 6 }, - ], router: "sunroofControl", + name: el.nickName, list: newList, router: "sunroofControl", }); } else if (el.id == 25) { + var list = [ + { name: '外遮阳1', status: -1, router: 'outsizeSunshade', index: 1 }, + { name: '外遮阳2', status: -1, router: 'outsizeSunshade', index: 2 }, + ] + let newList + if (el.child.length) { + newList = that.toNewList(list, el.child) + } else { + newList = list + } this.routerList.push({ id: el.id, sort: el.sort, - name: el.nickName, list: [ - { name: '外遮阳1', status: -1, router: 'outsizeSunshade', index: 1 }, - { name: '外遮阳2', status: -1, router: 'outsizeSunshade', index: 2 }, - ], router: "outsizeSunshade", + name: el.nickName, list: newList, router: "outsizeSunshade", }); } else if (el.id == 24) { + var list = [ + { name: '内遮阳1', status: -1, router: 'insizeSunshade', index: 1 }, + { name: '内遮阳2', status: -1, router: 'insizeSunshade', index: 2 }, + ] + let newList + if (el.child.length) { + newList = that.toNewList(list, el.child) + } else { + newList = list + } this.routerList.push({ id: el.id, sort: el.sort, - name: el.nickName, list: [ - { name: '内遮阳1', status: -1, router: 'insizeSunshade', index: 1 }, - { name: '内遮阳2', status: -1, router: 'insizeSunshade', index: 2 }, - ], router: "insizeSunshade", + name: el.nickName, list: newList, router: "insizeSunshade", }); } else if (el.id == 27) { + var list = [ + { name: '内保温1', status: -1, router: 'internalInsulation', index: 1 }, + { name: '内保温2', status: -1, router: 'internalInsulation', index: 2 }, + ] + let newList + if (el.child.length) { + newList = that.toNewList(list, el.child) + } else { + newList = list + } this.routerList.push({ id: el.id, sort: el.sort, - name: el.nickName, list: [ - { name: '内保温1', status: -1, router: 'internalInsulation', index: 1 }, - { name: '内保温2', status: -1, router: 'internalInsulation', index: 2 }, - ], router: "internalInsulation", + name: el.nickName, list: newList, router: "internalInsulation", }); } else if (el.id == 29) { + var list = [ + { name: '立面保温1', status: -1, router: 'facadeInsulation', index: 1 }, + { name: '立面保温2', status: -1, router: 'facadeInsulation', index: 2 }, + { name: '立面保温3', status: -1, router: 'facadeInsulation', index: 3 }, + { name: '立面保温4', status: -1, router: 'facadeInsulation', index: 4 }, + ] + let newList + if (el.child.length) { + newList = that.toNewList(list, el.child) + } else { + newList = list + } this.routerList.push({ id: el.id, sort: el.sort, - name: el.nickName, list: [ - { name: '立面保温1', status: -1, router: 'facadeInsulation', index: 1 }, - { name: '立面保温2', status: -1, router: 'facadeInsulation', index: 2 }, - { name: '立面保温3', status: -1, router: 'facadeInsulation', index: 3 }, - { name: '立面保温4', status: -1, router: 'facadeInsulation', index: 4 }, - ], router: "facadeInsulation", + name: el.nickName, list: newList, router: "facadeInsulation", }); - } else if (el.id == 26) { - this.routerList.push({ - id: el.id, sort: el.sort, name: el.nickName, list: [ + } else if (el.id == 26) { + var list = [ { name: '风机', status: -1, router: 'wetFan', index: 1 }, { name: '湿帘泵', status: -1, router: 'wetFan', index: 2 }, { name: '湿帘外翻窗', status: -1, router: 'wetFan', index: 3 }, - ], router: "wetFan" + ] +let newList +if (el.child.length) { + newList=that.toNewList(list,el.child) +} else { + newList = list +} + this.routerList.push({ + id: el.id, sort: el.sort, name: el.nickName, list: newList, router: "wetFan" }); } else if (el.id == 21) { - this.routerList.push({ - id: el.id, sort: el.sort, - name: el.nickName, list: [ + var list = [ { name: '环流风扇1', status: -1, router: 'circulationCan', index: 1 }, { name: '环流风扇2', status: -1, router: 'circulationCan', index: 2 }, - ], router: "circulationCan", + ] +let newList +if (el.child.length) { + newList=that.toNewList(list,el.child) +} else { + newList = list +} + + this.routerList.push({ + id: el.id, sort: el.sort, + name: el.nickName, list: newList, router: "circulationCan", }); } else if (el.id == 20) { + this.routerList.push({ id: el.id, sort: el.sort, name: el.nickName, list: [], router: "LED", isRouter: true, }); } else if (el.id == 23) { - this.routerList.push({ - id: el.id, sort: el.sort, - name: el.nickName, list: [ + var list = [ { name: '高压微雾1', status: -1, router: 'coercionMist', index: 1 }, { name: '高压微雾2', status: -1, router: 'coercionMist', index: 2 }, - ], router: "coercionMist" + ] +let newList +if (el.child.length) { + newList=that.toNewList(list,el.child) +} else { + newList = list +} + + this.routerList.push({ + id: el.id, sort: el.sort, + name: el.nickName, list: newList, router: "coercionMist" }); } else if (el.id == 11 || el.id == 12 || el.id == 13 || el.id == 14 || el.id == 15 || el.id == 16 || el.id == 17 || el.id == 18) { if (!this.routerList.some(item => item.router === "electromagneticControl")) { @@ -251,6 +326,7 @@ export default { } else if (el.id == 22) { this.routerList.push({ name: el.nickName, list: [], router: "parameterSet", isRouter: true }); } else if (el.id == 8) { + this.routerList.push( { id: el.id, sort: el.sort, name: "加热水泵", list: [], router: "waterPump", isRouter: true }, { @@ -274,11 +350,11 @@ export default { this.routerNow != "/snowRemoval" ) { this.loading = this.$loading({ - lock: true, - text: '加载中', - spinner: 'el-icon-loading', - background: 'rgba(0, 0, 0, 0.7)' - }); + lock: true, + text: '加载中', + spinner: 'el-icon-loading', + background: 'rgba(0, 0, 0, 0.7)' + }); //调取数据 var store = this.$store.state; var data = { @@ -351,7 +427,7 @@ export default { if (router.token && router.userid) { return } - if(this.$route.name==this.routerList[0].router){ + if (this.$route.name == this.routerList[0].router) { return } this.$router.push({ path: `/${this.routerList[0].router}` }); diff --git a/src/views/manage/deviceSet.vue b/src/views/manage/deviceSet.vue index f3d7bf9..2ff3486 100644 --- a/src/views/manage/deviceSet.vue +++ b/src/views/manage/deviceSet.vue @@ -4,61 +4,72 @@ 设备状态设备
-
- - {{item.deviceTypeName}} +
+ + {{ item.deviceTypeName }}
- - - + + - +
{{ scope.$index + 1 }} +
+ + - + - + - +
- +
- 编辑 -
-
-
-
-
设备别名
- -
-
-
-
-
排序
- -
-
-
- -
确定
-
取消
- - + 编辑 +
+
+
+
+
设备别名
+ +
+
+
+
+
排序
+ +
+
+ + +
+ +
确定
+
取消
+ +