{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\WindFarmOverview\\CrewOverview.vue?vue&type=style&index=0&id=2d0a03ca&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\WindFarmOverview\\CrewOverview.vue","mtime":1667804639712},{"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.page-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    .main-left {\r\n        margin-right: 10px;\r\n        width: 240px;\r\n        height: 100%;\r\n        display: flex;\r\n    }\r\n    .crew-list-container {\r\n        width: 100px;\r\n        height: 100%;\r\n    }\r\n    .crew-list {\r\n        width: 100%;\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n        border: 1px solid #0381a5;\r\n        box-shadow: #0381a5 0px 0px 6px inset;\r\n        text-align: center;\r\n        .page-btn {\r\n            height: 20px;\r\n            cursor: pointer;\r\n        }\r\n        .page-btn i {\r\n            font-size: 20px;\r\n            color: $--color-primary;\r\n        }\r\n        .page-btn:hover i {\r\n            color: $--light-active-border;\r\n        }\r\n        .page-btn.disable i,\r\n        .page-btn.disable:hover i {\r\n            color: $--color-text-dark;\r\n        }\r\n        .crew-btn-list {\r\n            height: calc(100% - 40px);\r\n            overflow: hidden;\r\n        }\r\n        .crews-plane {\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-evenly;\r\n            align-items: center;\r\n        }\r\n        .crew-btn {\r\n            color: $--color-text;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n        }\r\n        .crew-btn.active,\r\n        .crew-btn:hover {\r\n            color: $--color-primary;\r\n        }\r\n        img {\r\n            width: 40%;\r\n            height: auto;\r\n        }\r\n    }\r\n\r\n    .main-card2 {\r\n        height: calc(100% - 16px);\r\n        margin-top: 16px;\r\n        width: 240px;\r\n        margin-left: 10px;\r\n        box-sizing: border-box;\r\n        background: url('../../assets/img/crewInfo_section2.png') center / 100%\r\n            100% no-repeat;\r\n    }\r\n    .crew-info-top {\r\n        height: 140px;\r\n        margin-top: 10px;\r\n        padding: 0 20px;\r\n        box-sizing: border-box;\r\n        border-bottom: 1px solid $--hover-bgcolor;\r\n        .crew-state-container {\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            justify-content: start;\r\n            align-items: center;\r\n            position: relative;\r\n            margin-top: 20px;\r\n            .state-img {\r\n                width: 30%;\r\n                height: auto;\r\n                margin-right: 20px;\r\n                img {\r\n                    width: 100%;\r\n                }\r\n            }\r\n            .crew-state-code {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n        .crew-state-info {\r\n            margin-top: 10px;\r\n            color: $--color-text-dark;\r\n        }\r\n        .crew-state-code {\r\n            color: $--color-text;\r\n            padding: 2px 0;\r\n            position: relative;\r\n        }\r\n        .crew-state-code.orange {\r\n            color: $--color-warning;\r\n            cursor: pointer;\r\n            font-weight: bold;\r\n        }\r\n        .crew-state-code.red {\r\n            color: $--color-danger;\r\n        }\r\n        .crew-state-code.green {\r\n            color: $--color-success;\r\n        }\r\n        .crew-select-container {\r\n            position: absolute;\r\n            width: 120px;\r\n            height: 242px;\r\n            box-sizing: border-box;\r\n            border: 1px solid #0381a5;\r\n            box-shadow: #0381a5 0px 0px 6px inset;\r\n            text-align: left;\r\n            background: #04172f;\r\n            z-index: 2;\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n        }\r\n        .crew-option {\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            padding: 4px 10px;\r\n            color: $--color-text;\r\n            box-sizing: border-box;\r\n        }\r\n        .crew-option:hover,\r\n        .crew-option.active {\r\n            background: #0381a5;\r\n        }\r\n    }\r\n    .selectIcon {\r\n        font-size: 16px;\r\n        transform: rotate(0deg);\r\n        transform-origin: 50% 50%;\r\n        cursor: pointer;\r\n        transition: transform 0.5s;\r\n    }\r\n    .selectIcon.change {\r\n        transform: rotate(180deg);\r\n    }\r\n    .crew-info-list {\r\n        height: calc(100% - 170px);\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin-bottom: 10px;\r\n    }\r\n    .info-section {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: start;\r\n        flex: 1;\r\n        width: 80%;\r\n        box-sizing: border-box;\r\n        // padding: 10px 0;\r\n        background: url('../../assets/img/crew-info-section.png') center / 100%\r\n            100% no-repeat;\r\n        margin-top: 10px;\r\n        color: $--color-text;\r\n    }\r\n    .info-section-icon {\r\n        width: 30%;\r\n        text-align: center;\r\n        color: $--color-primary;\r\n        i {\r\n            font-size: 28px;\r\n        }\r\n    }\r\n    .info-section-name span {\r\n        color: $--color-text-dark;\r\n    }\r\n    .info-section-value {\r\n        font-size: 16px;\r\n        color: $--color-warning;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .main-center {\r\n        width: calc(100% - 620px);\r\n        height: 100%;\r\n        background: url('../../assets/img/crew1.png') center / 80% 60% no-repeat;\r\n        position: relative;\r\n    }\r\n    .crew-section-info {\r\n        border: 2px solid #026694;\r\n        color: $--color-text;\r\n        display: inline-block;\r\n        position: absolute;\r\n        background: rgba(#031329, 0.6);\r\n        padding-bottom: 4px;\r\n    }\r\n    .crew-section-title {\r\n        cursor: pointer;\r\n        padding: 4px 6px;\r\n        font-weight: bold;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-content: center;\r\n        i {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n    .crew-section-item {\r\n        padding: 0 10px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        min-width: 190px\r\n    }\r\n    .crew-section-container {\r\n        border-top: 1px dashed #026694;\r\n        padding-top: 4px;\r\n        width: 100%;\r\n        transition: all 0.2s;\r\n        height: 48px;\r\n        overflow: hidden;\r\n    }\r\n    .crew-section-container.show {\r\n        height: auto;\r\n    }\r\n    .more {\r\n        text-align: center;\r\n        color: $--color-warning;\r\n    }\r\n    .crew-piont-name {\r\n        margin-right: 20px;\r\n    }\r\n    .crew-piont-value {\r\n        color: $--color-warning;\r\n    }\r\n    .crew-piont-on {\r\n        display: inline-block;\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 10px;\r\n        background: $--color-success;\r\n    }\r\n    .crew-piont-off {\r\n        display: inline-block;\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 10px;\r\n        background: $--color-danger;\r\n    }\r\n\r\n    .main-right {\r\n        margin-left: 10px;\r\n        width: 360px;\r\n        height: 100%;\r\n    }\r\n\r\n    .main-card {\r\n        position: relative;\r\n        .card-head {\r\n            position: absolute;\r\n            top: -12px;\r\n            left: 10px;\r\n            color: $--color-text;\r\n            font-size: 14px;\r\n            font-weight: bold;\r\n        }\r\n        .title {\r\n            width: calc(100% - 80px);\r\n            margin-left: 40px;\r\n            text-align: center;\r\n        }\r\n        .card-btn-group {\r\n            text-align: right;\r\n        }\r\n        .message-type-btn {\r\n            cursor: pointer;\r\n            color: $--color-text;\r\n            padding: 4px 14px;\r\n            background: url('../../assets/img/crew-tab.png') center / 100% 100%\r\n                no-repeat;\r\n        }\r\n        .message-type-btn:nth-of-type(1) {\r\n            color: $--color-danger;\r\n        }\r\n        .message-type-btn:nth-of-type(2) {\r\n            color: $--color-warning;\r\n        }\r\n        .message-type-btn:nth-of-type(3) {\r\n            color: $--color-success;\r\n        }\r\n        .message-type-btn:hover,\r\n        .message-type-btn.active {\r\n            background: url('../../assets/img/crew-tab-active.png') center /\r\n                100% 100% no-repeat;\r\n            font-weight: bold;\r\n        }\r\n        .message-type-btn + .message-type-btn {\r\n            margin-left: 10px;\r\n        }\r\n        .table-container {\r\n            height: calc(100% - 30px);\r\n            margin-top: 10px;\r\n        }\r\n    }\r\n    .main-card3 {\r\n        height: calc(45% - 24px);\r\n        background: url('../../assets/img/crewInfo_section1.png') center / 100%\r\n            100% no-repeat;\r\n        margin-top: 16px;\r\n        padding: 16px;\r\n        box-sizing: border-box;\r\n    }\r\n    .main-card4 {\r\n        height: calc(55% - 18px);\r\n        background: url('../../assets/img/crewInfo_section1.png') center / 100%\r\n            100% no-repeat;\r\n        margin-top: 24px;\r\n        padding: 10px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .minitor-container {\r\n        height: calc(60% - 10px);\r\n        margin-top: 10px;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: rgba($--color-primary, 0.25);\r\n        border-radius: 10px;\r\n        padding: 10px;\r\n        box-sizing: border-box;\r\n        .minitor-item {\r\n            flex: 1;\r\n            font-size: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            flex-flow: column;\r\n\r\n            .minitor-item-icon {\r\n                color: $--color-primary;\r\n                // margin-bottom: 6px;\r\n                i {\r\n                    font-size: 28px;\r\n                }\r\n            }\r\n            .minitor-item-value {\r\n                font-weight: bold;\r\n                font-size: 14px;\r\n            }\r\n            div {\r\n                text-align: center;\r\n                padding: 2px 0;\r\n            }\r\n        }\r\n    }\r\n    .boolean-icon-on {\r\n        display: inline-block;\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 10px;\r\n        background-color: $--color-success;\r\n    }\r\n    .boolean-icon-off {\r\n        display: inline-block;\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 10px;\r\n        background-color: $--color-info;\r\n    }\r\n    .icon-point {\r\n        display: inline-block;\r\n        width: 6px;\r\n        height: 6px;\r\n        border-radius: 6px;\r\n        background-color: $--color-primary;\r\n    }\r\n}\r\n.list-up-enter-active {\r\n    animation: list-up-in 0.5s;\r\n}\r\n.list-up-leave-active {\r\n    animation: list-up-on 0.5s;\r\n}\r\n@keyframes list-up-in {\r\n    0% {\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        transform: translateY(-100%);\r\n    }\r\n}\r\n@keyframes list-up-on {\r\n    0% {\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        transform: translateY(-100%);\r\n    }\r\n}\r\n\r\n.list-down-enter-active {\r\n    animation: list-down-in 0.5s;\r\n}\r\n.list-down-leave-active {\r\n    animation: list-down-on 0.5s;\r\n}\r\n@keyframes list-down-in {\r\n    0% {\r\n        transform: translateY(0);\r\n        opacity: 0;\r\n    }\r\n    1% {\r\n        transform: translateY(-200%);\r\n        opacity: 0;\r\n    }\r\n    2% {\r\n        transform: translateY(-200%);\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: translateY(-100%);\r\n        opacity: 1;\r\n    }\r\n}\r\n@keyframes list-down-on {\r\n    0% {\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        transform: translateY(100%);\r\n    }\r\n}\r\n.editScroll {\r\n    height: 100% !important;\r\n    width: 100%;\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        height: 100%;\r\n    }\r\n}\r\n@media screen and (max-width: 1400px) {\r\n    .page-container {\r\n        .main-left {\r\n            width: 220px;\r\n        }\r\n        .main-center {\r\n            width: calc(100% - 560px);\r\n        }\r\n        .main-right {\r\n            width: 320px;\r\n        }\r\n    }\r\n}\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n    transition: opacity 0.3s;\r\n}\r\n.fade-enter,\r\n.fade-leave-to {\r\n    opacity: 0;\r\n}\r\n.msg-code{\r\n  color:#ff9c00;\r\n  text-decoration: underline;\r\n  cursor: pointer;\r\n}\r\n.icon-flag-ship{\r\n    position: absolute;\r\n    right: 12px;\r\n    top: -4px;\r\n    width: 40px;\r\n    i{\r\n        font-size: 40px;\r\n        color: #ff6363;\r\n    }\r\n    span{\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        position: absolute;\r\n        left: 12px;\r\n        top: 10px;\r\n    }\r\n}\r\n",null]}