{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\WindFarmOverview\\MapModel.vue?vue&type=style&index=1&id=74b04444&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\WindFarmOverview\\MapModel.vue","mtime":1681441192488},{"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\r\n@import '@/assets/css/element-variables.scss';\r\n\r\n.map-container {\r\n    position: relative;\r\n    height: 100%;\r\n    color: $--color-text;\r\n}\r\n\r\n.farm-overview-container {\r\n    // width: 640px;\r\n    // height: 350px;\r\n    line-height: 40px;\r\n    position: absolute;\r\n    right: 10px;\r\n    top: 10px;\r\n    z-index: 999;\r\n    color: $--color-text;\r\n    background-color: rgba(4, 20, 43, 0.7);\r\n\r\n    .overview-item {\r\n        // margin-right: 20px;\r\n        // width: 280px;\r\n    }\r\n\r\n    .overview-item-con {\r\n        font-size: 1rem !important;\r\n    }\r\n\r\n    .overview-item-icon {\r\n        font-size: 1.25rem !important;\r\n        padding-right: 8px;\r\n        vertical-align: middle;\r\n        margin-top: -3px;\r\n    }\r\n\r\n    .iconColor-primary {\r\n        color: $--color-primary;\r\n    }\r\n\r\n    .iconColor-success {\r\n        color: $--color-success;\r\n    }\r\n\r\n    .iconColor-danger {\r\n        color: $--color-danger;\r\n    }\r\n\r\n    .iconColor-warning {\r\n        color: $--color-warning;\r\n    }\r\n\r\n    .iconColor-info {\r\n        color: $--color-info;\r\n    }\r\n\r\n    /deep/ .el-card__body {\r\n        padding: 10px;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n.map-content-container {\r\n    width: 100%;\r\n    border-radius: 4px;\r\n    height: calc(100% - 10px);\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    #container {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .crew-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        min-width: 0;\r\n        word-wrap: break-word;\r\n        // background-color: rgba($--color-primary, 0.8);\r\n        background-color: rgba(4, 20, 43, 0.9);\r\n        background-clip: border-box;\r\n        border-radius: 0.25rem;\r\n        width: 16rem;\r\n        border-width: 0;\r\n        border-radius: 0.4rem;\r\n        box-shadow: 0 2px 6px 0 rgba(55, 85, 59, 0.8);\r\n        position: absolute;\r\n        top: 1rem;\r\n        left: 1rem;\r\n        -ms-flex: 1 1 auto;\r\n        flex: 1 1 auto;\r\n        color: #fff;\r\n        z-index: 999;\r\n        transform: translate(-50%, 3px);\r\n    }\r\n\r\n    .crew-card-title {\r\n        border-radius: 0.25rem;\r\n        padding: 0.75rem 0.65rem;\r\n        // background: $--color-primary;\r\n        background: rgba(4, 20, 43, 0.5);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        position: relative;\r\n\r\n        .el-icon-caret-top {\r\n            position: absolute;\r\n            top: -12px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            font-size: 18px;\r\n            color: #333;\r\n        }\r\n\r\n        .el-icon-close {\r\n            cursor: pointer;\r\n            padding: 6px;\r\n        }\r\n    }\r\n\r\n    .crew-card-content {\r\n        padding: 10px 16px;\r\n        background: #444;\r\n    }\r\n\r\n    .current-crew-info {\r\n        margin: 4px 0;\r\n\r\n        .crew-info-span {\r\n            color: $--color-text;\r\n        }\r\n    }\r\n\r\n    .crew-code {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n.content-window-card {\r\n    position: relative;\r\n    width: 23rem;\r\n    padding: 0.75rem 0 0 1.25rem;\r\n    box-shadow: none;\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n\r\n/deep/ .leaflet-popup .leaflet-popup-content-wrapper {\r\n    background-color: rgba(37, 180, 190, 0.5);\r\n}\r\n\r\n/deep/ .map-content-container .leaflet-container a.leaflet-popup-close-button:hover {\r\n    color: #333;\r\n}\r\n\r\n/deep/ .map-content-container .leaflet-container a.leaflet-popup-close-button {\r\n    color: #fff;\r\n}\r\n\r\n.el-icon-more {\r\n    margin-left: 10px;\r\n    font-size: 16px;\r\n    color: $--color-text;\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n        color: $--light-active-border;\r\n    }\r\n}\r\n\r\n/deep/ .leaflet-pane .leaflet-popup .leaflet-popup-content-wrapper {\r\n    background: rgba(4, 20, 43, 0.7);\r\n    color: #fff;\r\n}\r\n\r\n/deep/ .popup {\r\n    font-size: 14px;\r\n    position: relative;\r\n}\r\n\r\n/deep/ .popup-title {\r\n    height: 30px;\r\n    font-size: 16px;\r\n    color: $--color-text;\r\n    line-height: 30px;\r\n}\r\n\r\n/deep/ .popup-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n/deep/ .popup-content-item {\r\n    margin: 5px 0;\r\n}\r\n\r\n/deep/ .popup-color {\r\n    color: $--color-text;\r\n    margin: 0 3px;\r\n}\r\n\r\n/deep/ .detile {\r\n    position: absolute;\r\n    right: -15px;\r\n    bottom: -10px;\r\n\r\n    &:hover {\r\n        color: $--color-text;\r\n        cursor: pointer;\r\n    }\r\n}\r\n\r\n/deep/ .popup-content-workMode {\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n}\r\n\r\n/deep/ .popup-content- {\r\n    color: #819da7\r\n}\r\n\r\n/deep/ .popup-content-1 {\r\n    color: #ececec\r\n}\r\n\r\n/deep/ .popup-content-2 {\r\n    color: #d32c49\r\n}\r\n\r\n/deep/ .popup-content-4 {\r\n    color: #2b94de\r\n}\r\n\r\n/deep/ .popup-content-8 {\r\n    color: #ececec\r\n}\r\n\r\n/deep/ .popup-content-16 {\r\n    color: #1572d2\r\n}\r\n\r\n/deep/ .popup-content-32 {\r\n    color: #06b32c\r\n}\r\n\r\n/deep/ .popup-content-64 {\r\n    color: #e88f02\r\n}\r\n\r\n// /deep/ .leaflet-popup-tip {\r\n//   background-color: rgba(4, 20, 43, 0.7)\r\n// }\r\n",null]}