5 lines
9.2 KiB
CSS
5 lines
9.2 KiB
CSS
/*!
|
|
Build based on gin-vue-admin
|
|
Time : 1778033155000 */
|
|
.background-box{max-width:100vw;height:100vh;background:url(/electricity/assets/087AC4D233B64EB0background.CofXiwfJ.png) #000 no-repeat center center/100% 100%}.container{position:relative;display:flex;max-width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999}.container .left{display:flex;flex-direction:column;padding:.9rem 0;width:5.63rem;height:100%;background:url(/electricity/assets/087AC4D233B64EB0background-left.DcQrgOmZ.png) no-repeat;background-size:100% 100%;gap:.12rem}.container .left .module-card{border-radius:8px;padding:.2rem .2rem .2rem .4rem;display:flex;flex-direction:column;flex:1}.container .left .module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.08rem}.container .left .module-title{display:flex;align-items:center;gap:.1rem;font-size:.2rem;font-weight:700;color:#e2e8f0}.container .left .title-icon{width:.06rem;height:.24rem;background:linear-gradient(180deg,#00d4ff,#3b82f6);border-radius:2px}.container .left .left-first-module{flex:1}.container .left .device-stat-content{display:flex;flex:1}.container .left .device-ring-chart{flex:1;min-height:1.5rem;height:100%;width:100%}.container .left .device-list{flex:.8;display:flex;flex-direction:column}.container .left .device-item{display:flex;align-items:center;gap:.12rem;font-size:.18rem;font-weight:700;white-space:nowrap}.container .left .device-dot{width:.1rem;height:.1rem;border-radius:2px}.container .left .device-name{color:#e2e8f0;flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container .left .device-count{color:#e2e8f0;font-weight:700;font-size:.14rem;margin-right:.06rem;white-space:nowrap}.container .left .device-percent{color:#10b981;font-weight:700;white-space:nowrap}.container .left .left-second-module{flex:.7}.container .left .device-status-content{flex:1;overflow:hidden}.container .left .device-status-content .el-table{--el-table-border-color: transparent !important;background-color:transparent!important;background:transparent!important}.container .left .device-status-content .el-table th,.container .left .device-status-content .el-table td,.container .left .device-status-content .el-table tr,.container .left .device-status-content .el-table .el-table__cell,.container .left .device-status-content .el-table .el-table__row{background-color:transparent!important;background:transparent!important}.container .left .device-status-content .el-table td,.container .left .device-status-content .el-table th{border:none!important}.container .left .device-status-content .el-table .cell{font-size:.14rem!important;color:#e2e8f0!important}.container .left .status-dot{width:.16rem;height:.16rem;border-radius:50%;display:inline-block}.container .left .status-dot.online{background-color:#10b981}.container .left .status-dot.alarm{background-color:#ef4444}.container .left .status-dot.offline{background-color:#64748b}.container .left .left-third-module{flex:1.3}.container .left .project-bar-chart{flex:1;min-height:1.5rem;height:100%;width:100%}.container .center{flex:1;display:flex;flex-direction:column;padding-bottom:.3rem}.container .center .title{height:1rem;line-height:1rem;text-align:center;color:#fff;font-size:.4rem;font-weight:700}.container .center .top{flex:1;padding-top:.69rem;text-align:center;position:relative}.container .center .top .image{margin:0 auto}.container .center .top .image.first{width:5.85rem;height:1.55rem}.container .center .top .image.second{position:relative;top:-.2rem;width:5.64rem;height:1.14rem}.container .center .top .image.third{position:relative;top:-.5rem;width:2.5rem;height:2.5rem}.container .center .top .image.fifth{position:relative;top:-.8rem;width:5.98rem;height:1.21rem}.container .center .top>div{position:absolute}.container .center .top>div>p{font-size:.16rem;font-weight:700;color:#fff}.container .center .top>div>img{width:1.32rem;height:.85rem}.container .center .top>div.first{top:5.22rem;left:50%;transform:translate(-3.9rem)}.container .center .top>div.second{top:5.54rem;left:50%;transform:translate(-1.9rem)}.container .center .top>div.third{top:5.54rem;left:50%;transform:translate(.73rem)}.container .center .top>div.fourth{top:5.22rem;left:50%;transform:translate(2.65rem)}.container .center .bottom{height:3.57rem;background:url(/electricity/assets/087AC4D233B64EB0center-10.ByDfgIgo.png) no-repeat;background-size:100% 100%;padding:.5rem .3rem .3rem;box-sizing:border-box}.container .center .bottom .scroll-container{width:100%;overflow:hidden;white-space:nowrap}.container .center .bottom .scroll-text{display:inline-block;white-space:nowrap;animation:scroll 10s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.container .center .bottom .el-table{--el-table-border-color: transparent !important;background-color:transparent!important;background:transparent!important}.container .center .bottom .el-table th,.container .center .bottom .el-table td,.container .center .bottom .el-table tr,.container .center .bottom .el-table .el-table__cell,.container .center .bottom .el-table .el-table__row{background-color:transparent!important;background:transparent!important}.container .center .bottom .el-table td,.container .center .bottom .el-table th{border:none!important}.container .center .bottom .el-table .cell{font-size:.14rem!important;color:#e2e8f0!important}.container .right{width:5.63rem;height:100%;background:url(/electricity/assets/087AC4D233B64EB0background-right.DKiuluSy.png) no-repeat;background-size:100% 100%;padding:.9rem 0;display:flex;flex-direction:column;gap:.12rem}.container .right .module-card{border-radius:8px;padding:.2rem .2rem .2rem .4rem;display:flex;flex-direction:column}.container .right .module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.08rem}.container .right .module-title{display:flex;align-items:center;gap:.1rem;font-size:.2rem;font-weight:700;color:#e2e8f0}.container .right .title-icon{width:.06rem;height:.24rem;background:linear-gradient(180deg,#00d4ff,#3b82f6);border-radius:2px}.container .right .module-more{font-size:.18rem;font-weight:700;color:#e2e8f0;cursor:pointer}.container .right .module-more:hover{color:#00d4ff}.container .right .alarm-pending-module{flex:1}.container .right .alarm-pending-chart{flex:1;min-height:1.2rem}.container .right .alert-distribution-module{flex:1}.container .right .alert-tab{padding:.06rem .15rem;background:rgba(30,58,138,.3);border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#94a3b8;font-size:.16rem;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap}.container .right .alert-tab.active{background:rgba(59,130,246,.3);border-color:#3b82f6;color:#00d4ff}.container .right .alert-distribution-content{display:flex;gap:.4rem;flex:1}.container .right .alert-ring-chart{flex:1;min-height:2rem}.container .right .alert-list{flex:1;display:flex;flex-direction:column;gap:.12rem}.container .right .alert-item{display:flex;align-items:center;gap:.12rem;font-size:.18rem;font-weight:700;white-space:nowrap}.container .right .alert-dot{width:.16rem;height:.16rem;border-radius:2px}.container .right .alert-name{color:#e2e8f0;flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container .right .alert-count{color:#e2e8f0;font-weight:700;font-size:.2rem;margin-right:.06rem;white-space:nowrap}.container .right .alert-percent{color:#10b981;font-weight:700;white-space:nowrap}.container .right .alert-trend-module{flex:1}.container .right .alert-trend-chart{flex:1;min-height:1.2rem}.container .right .work-order-module{flex:.5}.container .right .work-order-content{display:flex;gap:.3rem;flex:1}.container .right .work-order-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.1rem;background:rgba(30,58,138,.2);border-radius:8px;border:1px solid rgba(59,130,246,.3)}.container .right .order-icon{display:flex;align-items:center;justify-content:center}.container .right .order-info{text-align:center}.container .right .order-label{font-size:.22rem;color:#e2e8f0;margin-bottom:.08rem}.container .right .order-count{font-size:.36rem;font-weight:700}.container .right .order-count.white{color:#e2e8f0}.container .right .order-count.cyan{color:#06b6d4}.container .right .order-count.green{color:#10b981}.map-card{flex:1;padding:0;overflow:hidden}.card{background-color:rgba(15,23,42,.8);display:flex;flex-direction:column;position:relative}.card-title{font-size:16px;font-weight:700;color:#94a3b8;margin-bottom:15px;text-align:center}.map-container-full{flex:1;display:flex;flex-direction:column;padding:0;margin:0}.map-control{position:absolute;top:15px;left:15px;background-color:rgba(15,23,42,.9);border:1px solid #1e3a8a;border-radius:8px;padding:15px;z-index:1000;min-width:120px}.control-top{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #1e3a8a}.control-title{font-size:14px;font-weight:700;color:#64748b;margin-bottom:5px}.control-value{font-size:26px;font-weight:700;color:#3b82f6}.status-list{display:flex;flex-direction:column;gap:8px}.status-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#e2e8f0}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.online{background-color:#10b981}.status-dot.alarm{background-color:#ef4444}.status-dot.offline{background-color:#64748b}.top2{flex:1;display:flex;flex-direction:column}
|