{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GridControl\\ReactivePower.vue?vue&type=style&index=0&id=3da1b626&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GridControl\\ReactivePower.vue","mtime":1681441192473},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '@/assets/css/element-variables.scss';\r\n\r\n.reactive-power {\r\n    width: 100%;\r\n    height: 100%;\r\n    color: $--color-text;\r\n\r\n    .differ-header {\r\n        span {\r\n            display: inline-block;\r\n        }\r\n\r\n        .differ-header-var_52 {\r\n            margin-left: 20px;\r\n\r\n            .differ-icon {\r\n                background: linear-gradient(to right, #5796c4, #1883cf);\r\n            }\r\n        }\r\n\r\n        .differ-header-powReact {\r\n            margin-left: 20px;\r\n\r\n            .differ-icon {\r\n                background: linear-gradient(to right, #6ccca7, #31c78d);\r\n            }\r\n        }\r\n\r\n        .differ-icon {\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 10px;\r\n        }\r\n\r\n\r\n    }\r\n\r\n    .table-value {\r\n        font-size: 14px;\r\n        font-family: 'electronicFont';\r\n        color: #44abf5;\r\n    }\r\n\r\n    .table-value.powReact {\r\n        color: #41b78a;\r\n    }\r\n\r\n    .table-value-unit {\r\n        font-size: 12px;\r\n        font-weight: normal;\r\n        margin-left: 10px;\r\n    }\r\n\r\n    .iconDiffer-outer {\r\n        width: 100%;\r\n    }\r\n\r\n    .iconDiffer-outer-border {\r\n        width: 86%;\r\n        height: 12px;\r\n        border: 1px solid #1b9a69;\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .iconDiffer-outer-border.var_52 {\r\n        border: 1px solid #1979be;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .iconDiffer {\r\n        height: 5px;\r\n        margin-left: 2px;\r\n        margin-right: 2px;\r\n    }\r\n\r\n    .iconDiffer.var_52 {\r\n        background: linear-gradient(to right, #5796c4, #1979be);\r\n\r\n    }\r\n\r\n    .iconDiffer.powReact {\r\n        background: linear-gradient(to right, #4f967a, #1b9a69);\r\n    }\r\n\r\n    .iconDiffer-value {\r\n        position: absolute;\r\n        left: 100%;\r\n        width: 12%;\r\n        color: #44abf5;\r\n    }\r\n\r\n    .iconDiffer-value.powReact {\r\n        color: #41b78a;\r\n    }\r\n\r\n    .control-container {\r\n        height: 200px;\r\n        margin-bottom: 10px;\r\n        width: 100%;\r\n        background-color: rgba(18, 60, 88, 0.5);\r\n        border: 1px solid #25b4be;\r\n        box-sizing: border-box;\r\n        border-radius: 4px;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        align-items: center;\r\n    }\r\n\r\n    #chart-container {\r\n        width: calc(100% - 460px);\r\n        height: 98%;\r\n        margin-right: 20px;\r\n    }\r\n\r\n    .control-item {\r\n        width: 400px;\r\n        height: 60px;\r\n        line-height: 60px;\r\n        margin: 0 80px;\r\n        display: flex;\r\n        justify-content: start;\r\n        align-items: center;\r\n\r\n        span {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        .control-item-value {\r\n            margin-left: 20px;\r\n            margin-top: 6px;\r\n\r\n            .num {\r\n                font-family: 'electronicFont';\r\n                vertical-align: middle;\r\n                color: #02c82e;\r\n            }\r\n\r\n            .unit {\r\n                font-size: 12px;\r\n                color: #868e99;\r\n                font-weight: normal;\r\n                margin-left: 6px;\r\n            }\r\n        }\r\n\r\n        .control-item-value.orign {\r\n            .num {\r\n                color: #ff9c00;\r\n            }\r\n        }\r\n\r\n        .control-item-img {\r\n            margin-left: 20px;\r\n            width: 40px;\r\n            height: 40px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        /deep/ .el-switch__label {\r\n            color: #0e4456;\r\n            font-weight: 700;\r\n        }\r\n\r\n        /deep/ .el-switch__label.is-active {\r\n            color: #25b4be;\r\n        }\r\n    }\r\n\r\n    .crew-container {\r\n        width: 100%;\r\n        height: calc(100% - 210px);\r\n    }\r\n\r\n    .editScroll {\r\n        height: 100% !important;\r\n        overflow-x: hidden;\r\n\r\n        /deep/ .el-scrollbar__wrap {\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        /deep/ .el-scrollbar__view {\r\n            overflow-x: hidden;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n        }\r\n    }\r\n\r\n    .scroll-content {\r\n        display: flex;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    #chartContainer {\r\n        width: calc(50% - 20px);\r\n        margin-left: 20px;\r\n    }\r\n\r\n    .scroll-crews-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: start;\r\n        // margin-right: -10px;\r\n    }\r\n\r\n    .card {\r\n        background-color: rgba(18, 60, 88, 0.5);\r\n        border: 1px solid #25b4be;\r\n        box-sizing: border-box;\r\n        border-radius: 4px;\r\n        height: 100px;\r\n        padding: 10px;\r\n        box-sizing: border-box;\r\n        margin-top: 10px;\r\n        position: relative;\r\n\r\n        :hover {\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    .crew-item-content {\r\n        width: 100%;\r\n        height: 100%;\r\n        color: $--color-text;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n    }\r\n\r\n    .crew-img {\r\n        width: 60px;\r\n        height: 60px;\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: 0;\r\n        opacity: 0.25;\r\n    }\r\n\r\n    .crew-img2 {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: absolute;\r\n        right: 40px;\r\n        bottom: 0;\r\n        opacity: 0.2;\r\n    }\r\n\r\n    .crew-name {\r\n        font-weight: 700;\r\n        font-size: 18px;\r\n        color: $--color-text;\r\n    }\r\n\r\n    .crew-point {\r\n        width: 80%;\r\n        margin: 0 auto;\r\n        font-size: 12px;\r\n        margin-top: 6px;\r\n\r\n        span {\r\n            margin-left: 10px;\r\n            color: #25b4be;\r\n        }\r\n    }\r\n}\r\n",null]}