diff --git a/src/api/index.js b/src/api/index.js index 5eaef98..f199111 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -687,5 +687,13 @@ getIccid(data){ getFi_updateName(data){ return sendPutRequest(`/getFi/updateName`, data) }, + //系统页面备忘录获取 + readControl_getMemo(data){ + return sendGetRequest(`/readControl/getMemo`, data) + }, + //系统页面备忘录修改 + readControl_setMemo(data){ + return sendPostRequest(`/readControl/setMemo`, data) + }, }; diff --git a/src/assets/css/main.css b/src/assets/css/main.css index e727377..32304f8 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -116,6 +116,10 @@ max-height: 300px; } +textarea { + resize: none; +} + .border-none { border: none !important; } @@ -1376,6 +1380,12 @@ color: #A8B6C8; } +.system-tips.system-textarea { + padding: 10px; + height: auto; + min-height: 101px; +} + .upload .upload-view { width: 520px; height: 520px; diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css index db5c256..de1abe0 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}.tips-model{padding:10px}.tips-model .tips-model-title{font-size:18px;font-weight:bold}.tips-model .tips-model-text{font-size:14px;padding:5px 20px}.tips-model .tips-model-table{width:500px;border:1px solid #eee}.tips-model .tips-model-th,.tips-model .tips-model-tr{width:500px;display:flex;align-items:center;justify-content:space-between;height:20px}.tips-model .tips-model-th>div,.tips-model .tips-model-tr>div{width:20%;height:100%;display:flex;align-items:center;justify-content:center;padding:0}.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}.formula .page-content{position:relative}.formula .page-content .export{position:absolute;right:30px;top:20px;display:flex;align-items:center}.formula .page-content .export .export-btn{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);line-height:42px;margin-left:20px;padding:0 10px;cursor:pointer}.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;cursor:pointer}.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}.page-title.title-402{background:url(../image/title-302.png) no-repeat center;background-size:402px 43px;background-position:left center;min-width:402px}.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.w-250{width:250px}.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} +.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}.tips-model{padding:10px}.tips-model .tips-model-title{font-size:18px;font-weight:bold}.tips-model .tips-model-text{font-size:14px;padding:5px 20px}.tips-model .tips-model-table{width:500px;border:1px solid #eee}.tips-model .tips-model-th,.tips-model .tips-model-tr{width:500px;display:flex;align-items:center;justify-content:space-between;height:20px}.tips-model .tips-model-th>div,.tips-model .tips-model-tr>div{width:20%;height:100%;display:flex;align-items:center;justify-content:center;padding:0}.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}textarea{resize:none}.border-none{border:none !important}.formula .page-content{position:relative}.formula .page-content .export{position:absolute;right:30px;top:20px;display:flex;align-items:center}.formula .page-content .export .export-btn{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);line-height:42px;margin-left:20px;padding:0 10px;cursor:pointer}.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;cursor:pointer}.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}.page-title.title-402{background:url(../image/title-302.png) no-repeat center;background-size:402px 43px;background-position:left center;min-width:402px}.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.w-250{width:250px}.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}.system-tips.system-textarea{padding:10px;height:auto;min-height:101px}.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 f6f119b..5eacd3b 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -118,7 +118,9 @@ max-height: 300px; @extend .scroll; } - +textarea{ + resize: none; +} .border-none { border: none !important; } @@ -1436,6 +1438,11 @@ font-family: Microsoft YaHei; font-weight: 400; color: #A8B6C8; + &.system-textarea{ + padding: 10px; + height: auto; + min-height: 101px; + } } .upload { diff --git a/src/views/page/systemSet-con.vue b/src/views/page/systemSet-con.vue index e582522..ca28c0e 100644 --- a/src/views/page/systemSet-con.vue +++ b/src/views/page/systemSet-con.vue @@ -94,6 +94,12 @@ SIM:=0,SIM卡正常;=1,无SIM卡;=2,SIM卡异常(网络注册失败)
信号质量:CSQ<11 信号很差;11<CSQ<18,信号不稳定;CSQ>18,信号稳定,最大是31. +
+ 备忘录 +
+ @@ -108,6 +114,9 @@ export default { inputData: [], loading:null, ICCID:'', + memoDetail: { + memo: '' + }, } }, watch: { @@ -249,7 +258,30 @@ this.dataInit(); this.$message.error(res.data.msg); } }) - }, + this.getMemo() + +}, +getMemo() { + var store = this.$store.state + var data1 = { + deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, + }; + this.api.readControl_getMemo(data1).then(res => { + if (res.data.code == 200) { + if (res.data.data) { + this.memoDetail = res.data.data + } else { + this.memoDetail = { + deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, + id: "", + memo: "", + } + } + } else { + // this.$message.error(res.data.msg); + } + }) +}, getType(index) { if (index == 0) { return '控制器正常' @@ -260,6 +292,23 @@ this.dataInit(); } else { return ' ' } + }, + //备忘录失去焦点 + blurMemo() { + var data = this.memoDetail + this.api.readControl_setMemo(data).then(res => { + if (res.data.code == 200) { + this.$message({ + message: res.data.msg, + type: "success", + }); + if(!data.id){ + this.getMemo() + } + } else { + this.$message.error(res.data.msg); + } + }) }, //全选文本 selectValue(e) { diff --git a/src/views/page/systemSet-soil.vue b/src/views/page/systemSet-soil.vue index a902187..0b82007 100644 --- a/src/views/page/systemSet-soil.vue +++ b/src/views/page/systemSet-soil.vue @@ -75,6 +75,12 @@ SIM:=0,SIM卡正常;=1,无SIM卡;=2,SIM卡异常(网络注册失败)
信号质量:CSQ<11 信号很差;11<CSQ<18,信号不稳定;CSQ>18,信号稳定,最大是31. +
+ 备忘录 +
+ @@ -84,7 +90,11 @@ export default { return { inputData: [], loading:null, - ICCID:'' + ICCID:'', + + memoDetail: { + memo: '' + }, } }, @@ -221,6 +231,29 @@ export default { this.$message.error(res.data.msg); } }) + + this.getMemo() + }, + getMemo() { + var store = this.$store.state + var data1 = { + deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, + }; + this.api.readControl_getMemo(data1).then(res => { + if (res.data.code == 200) { + if (res.data.data) { + this.memoDetail = res.data.data + } else { + this.memoDetail = { + deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, + id: "", + memo: "", + } + } + } else { + // this.$message.error(res.data.msg); + } + }) }, getType(index) { if (index == 0) { @@ -233,6 +266,23 @@ export default { return ' ' } }, + //备忘录失去焦点 + blurMemo() { + var data = this.memoDetail + this.api.readControl_setMemo(data).then(res => { + if (res.data.code == 200) { + this.$message({ + message: res.data.msg, + type: "success", + }); + if(!data.id){ + this.getMemo() + } + } else { + this.$message.error(res.data.msg); + } + }) + }, //全选文本 selectValue(e) { var store = this.$store.state diff --git a/src/views/page/systemSet.vue b/src/views/page/systemSet.vue index 4e6f9c4..180cd93 100644 --- a/src/views/page/systemSet.vue +++ b/src/views/page/systemSet.vue @@ -7,76 +7,100 @@
导入设定值
导出设定值
- +
系统参数设置
-
- 软件版本号 - +
+ 软件版本号 + - -
-
- 施肥机状况 - - + +
+
+ 施肥机状况 + + +
+
+ 施肥机剩余使用时间 + + 天 +
-
- 施肥机剩余使用时间 - - 天 -
-
信号质量 - +
SIM - +
4G - +

IP - - - - + + + +
ICCID - - - - - - - - - - + + + + + + + + + +
-
+
ICCID - +
说明:4G:=0,无网络;=2,2G网络;=4,4G网络
SIM:=0,SIM卡正常;=1,无SIM卡;=2,SIM卡异常(网络注册失败)
信号质量:CSQ<11 信号很差;11<CSQ<18,信号不稳定;CSQ>18,信号稳定,最大是31.
+
+ 备忘录 +
+
@@ -90,28 +114,32 @@ export default { data() { return { inputData: [], - loading:null, - ICCID:'' + loading: null, + ICCID: '', + + memoDetail: { + memo: '' + }, } }, - - mounted() { + + mounted() { 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)' + }); this.dataInit() - //input获取焦点后全选 - let inputList = document.querySelectorAll('input'); - for (let index = 0; index < inputList.length; index++) { - inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本 - } - }, + //input获取焦点后全选 + let inputList = document.querySelectorAll('input'); + for (let index = 0; index < inputList.length; index++) { + inputList[index].onfocus = this.selectValue;//input放入焦点，全选文本 + } + }, methods: { - //文件下载导出 - downLoadData() { + //文件下载导出 + downLoadData() { this.loading = this.$loading({ lock: true, text: '加载中', @@ -120,13 +148,13 @@ export default { }); var store = this.$store.state var index = store.equipmentIndex; - var devicecode=store.equipmentList[index - 1].deviceId + var devicecode = store.equipmentList[index - 1].deviceId this.api.FsdataReadValuedownload(devicecode).then(res => { // 创建一个blob对象 this.loading.close() - console.log(res,111); + console.log(res, 111); const blob = new Blob([res.data], { type: 'text/txt' }); - console.log(blob,111); + console.log(blob, 111); // 创建一个a标签 const url = window.URL.createObjectURL(blob); const link = document.createElement('a'); @@ -153,45 +181,45 @@ export default { background: 'rgba(0, 0, 0, 0.7)' }); var store = this.$store.state - var deviceId=store.equipmentList[store.equipmentIndex - 1].deviceId - - const files = e.target.files + var deviceId = store.equipmentList[store.equipmentIndex - 1].deviceId - const that = this - for (let i = 0; i < files.length; i++) { - const formData = new FormData() - console.log(files[i]) - formData.append('file', files[i]) - const fileContent = URL.createObjectURL(files[i]) - formData.append('devicecode', deviceId) - this.api.upLoadFsdataWriteValue(formData).then((res) => { - this.loading.close() - if (res.data.code == 200) { - this.$message.success(res.data.msg); - }else{ - this.$message.error(res.data.msg); - } - }) - } - setTimeout(() => { - this.$refs.fileInput.value = '' - }, 100) - }, - change16to10(code,el){ - var num=parseInt(el.target.value,16) - var dataNum={ - target:{ - value:num + const files = e.target.files + + const that = this + for (let i = 0; i < files.length; i++) { + const formData = new FormData() + console.log(files[i]) + formData.append('file', files[i]) + const fileContent = URL.createObjectURL(files[i]) + formData.append('devicecode', deviceId) + this.api.upLoadFsdataWriteValue(formData).then((res) => { + this.loading.close() + if (res.data.code == 200) { + this.$message.success(res.data.msg); + } else { + this.$message.error(res.data.msg); + } + }) + } + setTimeout(() => { + this.$refs.fileInput.value = '' + }, 100) + }, + change16to10(code, el) { + var num = parseInt(el.target.value, 16) + var dataNum = { + target: { + value: num } } this.change(code, dataNum) }, - fliter2(string){ - var data='' - if(string.length<2){ - data='0'+string - }else{ - data=string + fliter2(string) { + var data = '' + if (string.length < 2) { + data = '0' + string + } else { + data = string } return data }, @@ -203,34 +231,57 @@ export default { regNum: 72, }; this.api.postState(data).then((res) => { - - this.loading.close() + + this.loading.close() if (res.data.code == 200) { this.inputData = res.data.data; - this.inputData['55']= this.fliter2(this.inputData['55'].toString(16)) - this.inputData['56']= this.fliter2(this.inputData['56'].toString(16)) - this.inputData['57']= this.fliter2(this.inputData['57'].toString(16)) - this.inputData['58']= this.fliter2(this.inputData['58'].toString(16)) - this.inputData['59']= this.fliter2(this.inputData['59'].toString(16)) - this.inputData['60']= this.fliter2(this.inputData['60'].toString(16)) - this.inputData['61']= this.fliter2(this.inputData['61'].toString(16)) - this.inputData['62']= this.fliter2(this.inputData['62'].toString(16)) - this.inputData['63']= this.fliter2(this.inputData['63'].toString(16)) - this.inputData['64']= this.fliter2(this.inputData['64'].toString(16)) + this.inputData['55'] = this.fliter2(this.inputData['55'].toString(16)) + this.inputData['56'] = this.fliter2(this.inputData['56'].toString(16)) + this.inputData['57'] = this.fliter2(this.inputData['57'].toString(16)) + this.inputData['58'] = this.fliter2(this.inputData['58'].toString(16)) + this.inputData['59'] = this.fliter2(this.inputData['59'].toString(16)) + this.inputData['60'] = this.fliter2(this.inputData['60'].toString(16)) + this.inputData['61'] = this.fliter2(this.inputData['61'].toString(16)) + this.inputData['62'] = this.fliter2(this.inputData['62'].toString(16)) + this.inputData['63'] = this.fliter2(this.inputData['63'].toString(16)) + this.inputData['64'] = this.fliter2(this.inputData['64'].toString(16)) this.inputData['76'] = 'REV:' + this.inputData['76'] this.inputData['77'] = this.getType(this.inputData['77']) } else { this.$message.error(res.data.msg); } }); - var data1 = { + var data1 = { deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, }; - this.api.getFsIccid(data1).then(res=>{ - if(res.data.code==200){ - this.ICCID=res.data.msg - }else{ - this.$message.error(res.data.msg); + this.api.getFsIccid(data1).then(res => { + if (res.data.code == 200) { + this.ICCID = res.data.msg + } else { + this.$message.error(res.data.msg); + } + }) + this.getMemo() + + }, + getMemo() { + var store = this.$store.state + var data1 = { + deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, + }; + this.api.readControl_getMemo(data1).then(res => { + if (res.data.code == 200) { + if (res.data.data) { + this.memoDetail = res.data.data + } else { + this.memoDetail = { + deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId, + id: "", + memo: "", + } + } + } else { + // this.$message.error(res.data.msg); } }) }, @@ -245,29 +296,46 @@ export default { return ' ' } }, - //全选文本 - selectValue(e) { - var store = this.$store.state - store.nowInput=e.target.value + //备忘录失去焦点 + blurMemo() { + var data = this.memoDetail + this.api.readControl_setMemo(data).then(res => { + if (res.data.code == 200) { + this.$message({ + message: res.data.msg, + type: "success", + }); + if(!data.id){ + this.getMemo() + } + } else { + this.$message.error(res.data.msg); + } + }) + }, + //全选文本 + selectValue(e) { + var store = this.$store.state + store.nowInput = e.target.value e.currentTarget.select(); - }, - //失去焦点 - blurChange(code, el) { - var store=this.$store.state - var data = { - equipmentId: store.equipmentList[store.equipmentIndex-1].deviceId, - regAddress: code, - num: el.target.value, - }; //避免开启多个计时器 - if (store.nowInput != el.target.value) { + }, + //失去焦点 + blurChange(code, el) { + var store = this.$store.state + var data = { + equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId, + regAddress: code, + num: el.target.value, + }; //避免开启多个计时器 + if (store.nowInput != el.target.value) { this.changeData(data); } // if (this.timer) { // this.timer && clearInterval(this.timer); // this.changeData(data); // } - - }, + + }, change(code, el) { var store = this.$store.state var data = { @@ -294,27 +362,24 @@ export default { // }, 100); }, changeData(data) { - // var store = this.$store.state - // this.api.postWriteFs(data).then((res) => { - // if (res.data.code == 200) { - // this.$message({ - // message: res.data.msg, - // type: "success", - // }); - // store.nowInput='' - // // this.dataInit(); - // } else { - // this.inputData[data.regAddress]=store.nowInput - // this.$message.error(res.data.msg); - // } - // this.timer = null - // }); + // var store = this.$store.state + // this.api.postWriteFs(data).then((res) => { + // if (res.data.code == 200) { + // this.$message({ + // message: res.data.msg, + // type: "success", + // }); + // store.nowInput='' + // // this.dataInit(); + // } else { + // this.inputData[data.regAddress]=store.nowInput + // this.$message.error(res.data.msg); + // } + // this.timer = null + // }); }, }, } - - \ No newline at end of file + \ No newline at end of file