{"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=54786d81&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GridControl\\ReactivePower.vue","mtime":1667804639602},{"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\n\n\n\n\n\n\n\n\n\n\n\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.reactive-power{\r\n    width: 100%;\r\n    height: 100%;\r\n    color: $--color-text;\r\n    .differ-header{\r\n        span{\r\n            display: inline-block;\r\n        }\r\n        .differ-header-var_52{\r\n            margin-left: 20px;\r\n            .differ-icon{\r\n                background: linear-gradient(to right,#5796c4,#1883cf);\r\n            }\r\n        }\r\n        .differ-header-powReact{\r\n            margin-left: 20px;\r\n            .differ-icon{\r\n                background: linear-gradient(to right,#6ccca7,#31c78d);\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    .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    .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    .iconDiffer-outer-border.var_52{\r\n        border: 1px solid #1979be;\r\n        margin-bottom: 4px;\r\n    }\r\n    .iconDiffer{\r\n        height: 5px;\r\n        margin-left:2px;\r\n        margin-right:2px;\r\n    }\r\n    .iconDiffer.var_52{\r\n        background: linear-gradient(to right,#5796c4,#1979be);\r\n        \r\n    }\r\n    .iconDiffer.powReact{\r\n        background: linear-gradient(to right,#4f967a,#1b9a69);\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    .iconDiffer-value.powReact{\r\n        color:#41b78a;\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    #chart-container{\r\n        width: calc(100% - 460px);\r\n        height: 98%;\r\n        margin-right: 20px;\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        span{\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            vertical-align: middle;\r\n        }\r\n        .control-item-value{\r\n            margin-left: 20px;\r\n            margin-top: 6px;\r\n            .num{\r\n                font-family: 'electronicFont';\r\n                vertical-align: middle;\r\n                color: #02c82e;\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        .control-item-value.orign{\r\n            .num{\r\n               color: #ff9c00;\r\n            }\r\n        }\r\n        .control-item-img{\r\n            margin-left: 20px;\r\n            width: 40px;\r\n            height: 40px;\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        /deep/ .el-switch__label.is-active{\r\n            color: #25b4be;\r\n        }\r\n    }\r\n    .crew-container{\r\n        width: 100%;\r\n        height: calc(100% - 210px);\r\n    }\r\n    .editScroll {\r\n        height: 100% !important;\r\n        overflow-x: hidden;\r\n        /deep/ .el-scrollbar__wrap {\r\n            overflow-x: hidden;\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    .scroll-content{\r\n        display: flex;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    #chartContainer{\r\n        width: calc(50% - 20px);\r\n        margin-left:20px;\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    .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        :hover {\r\n            cursor: pointer;\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    .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    .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    .crew-name{\r\n        font-weight: 700;\r\n        font-size: 18px;\r\n        color: $--color-text;\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        span{\r\n            margin-left: 10px;\r\n            color: #25b4be;\r\n        }\r\n    }\r\n}\r\n",null]}