diff --git a/src/api/index.js b/src/api/index.js index 75c49c5..cbb5078 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -147,4 +147,8 @@ export default { getReadControlSensorInputSynthesis(data){ return sendGetRequest('/readControl/sensorInputSynthesis',data) }, + //控制器 主页查看控制器气象站实时数据 + getControlRtDatastation(data){ + return sendGetRequest('/getcontrol/rtDatastation',data) + }, }; \ No newline at end of file diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 9082eea..1046c8f 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -786,6 +786,7 @@ .btn.green { background: #00BB88; + opacity: 0.5; } .btn.blue { @@ -988,6 +989,10 @@ background-size: 100% 100%; } +.sensorSet { + height: 100%; +} + .sensorSet .sensor-view { display: flex; align-items: center; @@ -1099,6 +1104,10 @@ margin-right: 30px; } +.sensorSet.sensorSet-con .sensor-view { + height: calc(100% - 120px); +} + .sensorSet.sensorSet-con .right-sel { width: 100%; flex-wrap: wrap; @@ -1466,7 +1475,48 @@ height: 100%; background: rgba(0, 92, 178, 0.15); border: 2px solid rgba(0, 186, 255, 0.2); - padding: 20px 30px; + padding: 30px 30px 20px; +} + +.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: 500px; +} + +.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; +} + +.realTime .page-content .control-view .control-list .list-view .icon { + width: 30px; + height: 30px; } .realTime .page-content .timeNow { diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css index a696307..ccff988 100644 --- a/src/assets/css/main.min.css +++ b/src/assets/css/main.min.css @@ -1 +1 @@ -.scroll,.el-dropdown-menu,.formula .page-content,.history .page-content .el-table--scrollable-x .el-table__body-wrapper{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.el-date-table td span,.el-date-range-picker__header div{color:#606266}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:1920px 1080px;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>.title{margin-bottom:11px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.btn{margin:0 8px !important;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px}.realTime .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:20px 30px}.realTime .page-content .timeNow{text-align:center;position:absolute;right:30px;top:42px;width:240px;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;flex-direction:column;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:80px;height:80px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{margin:5px 0}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:106px;height:40px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:20px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:440px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left{width:43%;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>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 43%);min-width:230px;height:100%}.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}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .input-main{margin-right:20px}.skylight .input-main>input{width:260px}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF} +.scroll,.el-dropdown-menu,.formula .page-content,.history .page-content .el-table--scrollable-x .el-table__body-wrapper{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.el-date-table td span,.el-date-range-picker__header div{color:#606266}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:1920px 1080px;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>.title{margin-bottom:11px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.btn{margin:0 8px !important;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px}.realTime .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}.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:500px}.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}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;position:absolute;right:30px;top:42px;width:240px;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;flex-direction:column;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:80px;height:80px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{margin:5px 0}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:106px;height:40px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:20px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:440px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left{width:43%;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>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 43%);min-width:230px;height:100%}.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}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .input-main{margin-right:20px}.skylight .input-main>input{width:260px}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF} diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss index 622b733..60c40d5 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -824,6 +824,7 @@ &.green { background: #00BB88; + opacity: 0.5; } &.blue { @@ -1045,6 +1046,7 @@ } .sensorSet { + height: 100%; .sensor-view { display: flex; align-items: center; @@ -1160,6 +1162,9 @@ } &.sensorSet-con{ + .sensor-view{ + height: calc(100% - 120px); + } .right-sel{ width: 100%; flex-wrap: wrap; @@ -1548,15 +1553,52 @@ width: 100%; height: 100%; padding: 20px; - + .page-content { position: relative; width: 100%; height: 100%; background: rgba(0, 92, 178, 0.15); border: 2px solid rgba(0, 186, 255, 0.20); - padding: 20px 30px; - + padding: 30px 30px 20px; + .control-view{ + display: flex; + align-items: center; + position: absolute; + right: 30px; + top: 10px; + .title{ + margin-right: 10px; + } + .control-list{ + display: flex; + align-items: center; + + overflow: hidden; + max-width: 500px; + >div { + // width: 100%!important; + display: flex; + overflow: unset !important; + + >div { + display: flex; + align-items: center; + flex-shrink: 0; + margin-right: 100px; + } + } + .list-view{ + display: flex; + align-items: center; + .icon{ + width: 30px; + height: 30px; + } + } + } + } + .timeNow { text-align: center; position: absolute; diff --git a/src/assets/image/图标/光亮度.png b/src/assets/image/图标/光亮度.png new file mode 100644 index 0000000..c59cc70 Binary files /dev/null and b/src/assets/image/图标/光亮度.png differ diff --git a/src/assets/image/图标/空气温度.png b/src/assets/image/图标/空气温度.png new file mode 100644 index 0000000..a45d0b8 Binary files /dev/null and b/src/assets/image/图标/空气温度.png differ diff --git a/src/assets/image/图标/空气湿度.png b/src/assets/image/图标/空气湿度.png new file mode 100644 index 0000000..4433e06 Binary files /dev/null and b/src/assets/image/图标/空气湿度.png differ diff --git a/src/assets/image/图标/雨雪信号.png b/src/assets/image/图标/雨雪信号.png new file mode 100644 index 0000000..b97a4e4 Binary files /dev/null and b/src/assets/image/图标/雨雪信号.png differ diff --git a/src/assets/image/图标/风向.png b/src/assets/image/图标/风向.png new file mode 100644 index 0000000..f373ce0 Binary files /dev/null and b/src/assets/image/图标/风向.png differ diff --git a/src/assets/image/图标/风速.png b/src/assets/image/图标/风速.png new file mode 100644 index 0000000..d036d62 Binary files /dev/null and b/src/assets/image/图标/风速.png differ diff --git a/src/views/page/fan.vue b/src/views/page/fan.vue index 9ee4642..0e04627 100644 --- a/src/views/page/fan.vue +++ b/src/views/page/fan.vue @@ -19,19 +19,19 @@
-
+
一号风组
-
+
二号风组
-
+
三号风组
-
+
四号风组
-
+
五号风组
@@ -246,9 +246,9 @@ export default { }, getAct21601(){ this.actList1=[] - var num = this.inputData['21601']?this.inputData['21601']:0 + var num = this.inputData['21601'] var num1 = this.padString(num.toString(2), 5) - var openListNew + var openListNew=[] openListNew = num1.split("") openListNew.forEach((el, index) => { this.actList1.push(openListNew[openListNew.length - index - 1]) diff --git a/src/views/page/realTime.vue b/src/views/page/realTime.vue index cdc2caa..9d1e6db 100644 --- a/src/views/page/realTime.vue +++ b/src/views/page/realTime.vue @@ -4,8 +4,25 @@
- {{ list[0].updateTime?list[0].updateTime:'' }} + {{ list[0].updateTime ? list[0].updateTime : '' }}
+
+
气象站:
+ +
+ + {{ item.environmentDataId + }}:{{ getControlData(item) }} +
+ +
+
实时数据 @@ -24,12 +41,12 @@
- -
{{ item.name }}
-
{{ item.num }}
-
+ +
{{ item.name }}
+
{{ item.num }}
+
- +
@@ -72,16 +89,17 @@ export default { indexs: 1, player: null, url: '', - timer:null, - deviceName:1, + timer: null, + deviceName: 1, + controlList: [], } }, watch: { $route(newVal, oldVal) { const that = this; - const store=this.$store.state + const store = this.$store.state this.indexs = this.$route.query.index ? this.$route.query.index : store.equipmentIndex; - this.deviceName =store.equipmentList[this.indexs - 1].deviceName + this.deviceName = store.equipmentList[this.indexs - 1].deviceName setTimeout(() => { that.dataInit(); }, 0); @@ -89,19 +107,19 @@ export default { }, mounted() { const that = this; - const store=this.$store.state + const store = this.$store.state this.indexs = this.$route.query.index ? this.$route.query.index : store.equipmentIndex; - this.deviceName =store.equipmentList[this.indexs - 1].deviceName + this.deviceName = store.equipmentList[this.indexs - 1].deviceName // this.getTime() setTimeout(() => { that.dataInit(); - that.timer&&clearInterval(that.timer) - that.timer= setInterval(() => { - that.dataInit(); - }, 60000); + that.timer && clearInterval(that.timer) + that.timer = setInterval(() => { + that.dataInit(); + }, 60000); }, 0); - + }, beforeDestroy() { const that = this; @@ -109,8 +127,8 @@ export default { if (this.player) { this.player.dispose(); } - that.timer&&clearInterval(that.timer) - this.$bus.$off('refreshTime') + that.timer && clearInterval(that.timer) + this.$bus.$off('refreshTime') }, methods: { createVideo() { @@ -136,191 +154,237 @@ export default { } return num }, - //countType计算类型 + //countType计算类型 //0是原数据 //1是原数据-400 //2是原数据/10 //3是(原数据-400) / 10 countType1(data) { - var num=data - 400 + var num = data - 400 return num.toFixed(2) }, countType2(data) { - var num=data / 10 + var num = data / 10 return num.toFixed(2) }, countType3(data) { - var num=(data - 400) / 10 + var num = (data - 400) / 10 return num.toFixed(2) }, + //右上角数据过滤 + getControlData(item) { + var x = item.environmentData + var num = item.num + if (item.formula == '12') { + if (x < 22 || x > 337) { + return '北' + } else if (x >= 22 && x <= 67) { + return '东北' + } else if (x > 67 && x < 112) { + return '东' + } else if (x >= 112 && x <= 157) { + return '东南' + } else if (x > 157 && x < 202) { + return '南' + } else if (x >= 202 && x <= 247) { + return '西南' + } else if (x > 247 && x < 292) { + return '西' + } else if (x >= 292 && x <= 337) { + return '西北' + } + } else { + return num + } + }, dataInit() { var store = this.$store.state - var equipmentId=store.equipmentList[this.indexs - 1].deviceId + var equipmentId = store.equipmentList[this.indexs - 1].deviceId // var data = { // equipmentId: store.equipmentList[this.indexs - 1].deviceId, // // pattern: 0, //需要根据文档填写 //6目标ph-数值 // // regNum: 73, // }; + var formData = { + equipmentId: store.equipmentList[this.indexs - 1].deviceId + } var list = store.typeList - if(this.deviceName==1){ + if (this.deviceName == 1) { this.api.postRtdata(equipmentId).then((res) => { - if (res.data.code == 200) { - this.inputData = res.data.data; - this.list=[] - this.inputData.forEach((el,index)=>{ - list.forEach((el1,index1)=>{ - if(el.formula==el1.value){ - var num=0 - var name='' - // if(el1.countType==1){ - // num=this.countType1(el.environmentData)+el1.unit - // }else if(el1.countType==2){ - // num=this.countType2(el.environmentData)+el1.unit - // }else if(el1.countType==3){ - // num=this.countType3(el.environmentData)+el1.unit - // }else{ - num=el.environmentData+el1.unit - // } - if(el.equipmentNumber==0){ - if(el.targetValue==1){ - name='目标'+el.environmentDataId - }else{ - name='1#平均'+el.environmentDataId - } - }else if(el.equipmentNumber==15){ - if(el.targetValue==1){ - name='目标'+el.environmentDataId - }else{ - name='2#平均'+el.environmentDataId - } - }else{ - name=el.equipmentNumber+'#'+el.environmentDataId - } + if (res.data.code == 200) { + this.inputData = res.data.data; + this.list = [] + this.inputData.forEach((el, index) => { + list.forEach((el1, index1) => { + if (el.formula == el1.value) { + var num = 0 + var name = '' + // if(el1.countType==1){ + // num=this.countType1(el.environmentData)+el1.unit + // }else if(el1.countType==2){ + // num=this.countType2(el.environmentData)+el1.unit + // }else if(el1.countType==3){ + // num=this.countType3(el.environmentData)+el1.unit + // }else{ + num = el.environmentData + el1.unit + // } + if (el.equipmentNumber == 0) { + if (el.targetValue == 1) { + name = '目标' + el.environmentDataId + } else { + name = '1#平均' + el.environmentDataId + } + } else if (el.equipmentNumber == 15) { + if (el.targetValue == 1) { + name = '目标' + el.environmentDataId + } else { + name = '2#平均' + el.environmentDataId + } + } else { + name = el.equipmentNumber + '#' + el.environmentDataId + } - this.list.push({ - ...el, - name:name, - num: num, - img: require(`../../assets/image/real-time-${el.formula}.png`) - - }) - - } + this.list.push({ + ...el, + name: name, + num: num, + img: require(`../../assets/image/real-time-${el.formula}.png`) + + }) + + } + }) }) - }) - } else { - this.$message.error(res.data.msg); - } - }); - var data1 = store.equipmentList[this.indexs - 1].deviceId + } else { + this.$message.error(res.data.msg); + } + }); + var data1 = store.equipmentList[this.indexs - 1].deviceId - this.api.postFsdata(data1).then(res => { - if (res.data.code == 200) { - var chartsData=res.data.data - realTimeLine('realTime-line',chartsData) - } else { - this.$message.error(res.data.msg); + this.api.postFsdata(data1).then(res => { + if (res.data.code == 200) { + var chartsData = res.data.data + realTimeLine('realTime-line', chartsData) + } else { + this.$message.error(res.data.msg); + } + }) + var nowDevice = store.equipmentList[this.indexs - 1] + var data2 = { + cameraid: nowDevice.cameraSerialNumber, + channelid: nowDevice.cameraChannelNumber } - }) - var nowDevice = store.equipmentList[this.indexs - 1] - var data2={ - cameraid:nowDevice.cameraSerialNumber, - channelid:nowDevice.cameraChannelNumber - } - //当前没有设备 默认写死 后续有数据需要改回去 - // var data2 = { - // cameraid: 'L18357958', - // channelid: '1' - // } - this.api.getGethls(data2).then(res => { - console.log(res.data, 11); - if (res.data.code == 200) { - this.url = res.data.msg - this.createVideo() - } - }) - }else if(this.deviceName==10){ + //当前没有设备 默认写死 后续有数据需要改回去 + // var data2 = { + // cameraid: 'L18357958', + // channelid: '1' + // } + this.api.getGethls(data2).then(res => { + if (res.data.code == 200) { + this.url = res.data.msg + this.createVideo() + } + }) + } else if (this.deviceName == 10) { this.api.getControlRtdata(equipmentId).then((res) => { - if (res.data.code == 200) { - this.inputData = res.data.data; - this.list=[] - this.inputData.forEach((el,index)=>{ - list.forEach((el1,index1)=>{ - if(el.formula==el1.value){ - var num=0 - var name='' - // if(el1.countType==1){ - // num=this.countType1(el.environmentData)+el1.unit - // }else if(el1.countType==2){ - // num=this.countType2(el.environmentData)+el1.unit - // }else if(el1.countType==3){ - // num=this.countType3(el.environmentData)+el1.unit - // }else{ - num=el.environmentData+el1.unit - // } - if(el.equipmentNumber==0){ - if(el.targetValue==1){ - name='目标'+el.environmentDataId - }else{ - name='1#平均'+el.environmentDataId - } - }else if(el.equipmentNumber==15){ - if(el.targetValue==1){ - name='目标'+el.environmentDataId - }else{ - name='2#平均'+el.environmentDataId - } - }else{ - name=el.equipmentNumber+'#'+el.environmentDataId - } + if (res.data.code == 200) { + this.inputData = res.data.data; + this.list = [] + this.inputData.forEach((el, index) => { + list.forEach((el1, index1) => { + if (el.formula == el1.value) { + var num = 0 + var name = '' + // if(el1.countType==1){ + // num=this.countType1(el.environmentData)+el1.unit + // }else if(el1.countType==2){ + // num=this.countType2(el.environmentData)+el1.unit + // }else if(el1.countType==3){ + // num=this.countType3(el.environmentData)+el1.unit + // }else{ + num = el.environmentData + el1.unit + // } + if (el.equipmentNumber == 0) { + if (el.targetValue == 1) { + name = '目标' + el.environmentDataId + } else { + name = '1#平均' + el.environmentDataId + } + } else if (el.equipmentNumber == 15) { + if (el.targetValue == 1) { + name = '目标' + el.environmentDataId + } else { + name = '2#平均' + el.environmentDataId + } + } else { + name = el.equipmentNumber + '#' + el.environmentDataId + } - this.list.push({ - ...el, - name:name, - num: num, - img: require(`../../assets/image/real-time-${el.formula}.png`) - + this.list.push({ + ...el, + name: name, + num: num, + img: require(`../../assets/image/real-time-${el.formula}.png`) + + }) + + } + }) + }) + } else { + this.$message.error(res.data.msg); + } + }); + this.api.getControlRtDatastation(formData).then(res => { + this.controlList = [] + res.data.data.forEach((el, index) => { + list.forEach((el1, index1) => { + if (el.formula == el1.value) { + console.log(el1); + var num = el.environmentData + el1.unit + this.controlList.push({ + ...el, + num: num, + img: require(`../../assets/image/real-time-${el.formula}.png`) }) - - } + } }) }) - } else { - this.$message.error(res.data.msg); - } - }); - var data1 = store.equipmentList[this.indexs - 1].deviceId + console.log(this.controlList); + }) - this.api.getControlFsdata(data1).then(res => { - if (res.data.code == 200) { - var chartsData=res.data.data - realTimeLine('realTime-line',chartsData) - } else { - this.$message.error(res.data.msg); + var data1 = store.equipmentList[this.indexs - 1].deviceId + + this.api.getControlFsdata(data1).then(res => { + if (res.data.code == 200) { + var chartsData = res.data.data + realTimeLine('realTime-line', chartsData) + } else { + this.$message.error(res.data.msg); + } + }) + var nowDevice = store.equipmentList[this.indexs - 1] + var data2 = { + cameraid: nowDevice.cameraSerialNumber, + channelid: nowDevice.cameraChannelNumber } - }) - var nowDevice = store.equipmentList[this.indexs - 1] - var data2={ - cameraid:nowDevice.cameraSerialNumber, - channelid:nowDevice.cameraChannelNumber + + //当前没有设备 默认写死 后续有数据需要改回去 + // var data2 = { + // cameraid: 'L18357958', + // channelid: '1' + // } + this.api.getGethls(data2).then(res => { + console.log(res.data, 11); + if (res.data.code == 200) { + this.url = res.data.msg + this.createVideo() + } + }) } - //当前没有设备 默认写死 后续有数据需要改回去 - // var data2 = { - // cameraid: 'L18357958', - // channelid: '1' - // } - this.api.getGethls(data2).then(res => { - console.log(res.data, 11); - if (res.data.code == 200) { - this.url = res.data.msg - this.createVideo() - } - }) - } - }, getTime() { this.time = getnowtime() diff --git a/src/views/page/sensorSet-con.vue b/src/views/page/sensorSet-con.vue index a2de5cd..faa7936 100644 --- a/src/views/page/sensorSet-con.vue +++ b/src/views/page/sensorSet-con.vue @@ -41,7 +41,7 @@
-
专感器类型
+
传感器类型
diff --git a/src/views/page/sensorSet.vue b/src/views/page/sensorSet.vue index 15527f7..ca42be2 100644 --- a/src/views/page/sensorSet.vue +++ b/src/views/page/sensorSet.vue @@ -24,7 +24,7 @@
-
专感器类型
+
传感器类型
@@ -107,7 +107,7 @@ export default { watch:{ 'active'(newVal,oldVal){ this.getSensorType() - this.getCountData() + // this.getCountData() }, }, mounted() { @@ -167,23 +167,25 @@ export default { }, //根据类型修改数据 getCountData(){ + for (var i = 0; i < 6; i++) { this.typeList.forEach((el, index) => { - if (el.value == this.inputData[this.numberList[this.active]]) { + if (el.value == this.inputData[this.numberList[i]]) { if(el.countType==0){ }else if(el.countType==1){ - this.inputData[this.numberList[this.active] + 2]=this.countType1(this.inputData[this.numberList[this.active] + 2]) - this.inputData[this.numberList[this.active] + 4]=this.countType1(this.inputData[this.numberList[this.active] + 4]) + this.inputData[this.numberList[i] + 2]=this.countType1(this.inputData[this.numberList[i] + 2]) + this.inputData[this.numberList[i] + 4]=this.countType1(this.inputData[this.numberList[i] + 4]) }else if(el.countType==2){ - this.inputData[this.numberList[this.active] + 2]=this.countType2(this.inputData[this.numberList[this.active] + 2]) - this.inputData[this.numberList[this.active] + 4]=this.countType2(this.inputData[this.numberList[this.active] + 4]) + this.inputData[this.numberList[i] + 2]=this.countType2(this.inputData[this.numberList[i] + 2]) + this.inputData[this.numberList[i] + 4]=this.countType2(this.inputData[this.numberList[i] + 4]) }else if(el.countType==3){ - this.inputData[this.numberList[this.active] + 2]=this.countType3(this.inputData[this.numberList[this.active] + 2]) - this.inputData[this.numberList[this.active] + 4]=this.countType3(this.inputData[this.numberList[this.active] + 4]) + this.inputData[this.numberList[i] + 2]=this.countType3(this.inputData[this.numberList[i] + 2]) + this.inputData[this.numberList[i] + 4]=this.countType3(this.inputData[this.numberList[i] + 4]) } } }) + } }, getSensorType(){ this.typeList.forEach((el,index)=>{ diff --git a/src/views/page/skylight.vue b/src/views/page/skylight.vue index b7f10ec..8d6c304 100644 --- a/src/views/page/skylight.vue +++ b/src/views/page/skylight.vue @@ -9,10 +9,10 @@ 自动运行
- 手动关闭 + 手动打开
- 手动打开 + 手动关闭
停止