{"remainingRequest":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\damDance-fvue\\src\\views\\BigScreen\\bigScreen.vue?vue&type=style&index=0&id=5c5ee2e2&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\damDance-fvue\\src\\views\\BigScreen\\bigScreen.vue","mtime":1699938536887},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\damDance-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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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 '~@/views/bigScreen.scss';\r\n.fullscreen {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n#map {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n.map-header {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 75px;\r\n    background: url('~@/assets/img/screen-header.png') no-repeat center / 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 999;\r\n    span {\r\n        font-size: 36px;\r\n        letter-spacing: 10px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n    }\r\n}\r\n.map-side {\r\n    position: absolute;\r\n    height: calc(100% - 38px);\r\n    width: 500px;\r\n    bottom: 0px;\r\n    background-color: rgba(#0e2039, 0.8);\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n    z-index: 10;\r\n    color: #ffffff;\r\n    z-index: 999;\r\n}\r\n.map-left-side {\r\n    left: 0;\r\n}\r\n.map-right-side {\r\n    right: 0;\r\n}\r\n.point-control-wrapper {\r\n    position: absolute;\r\n    left: 520px;\r\n    top: 100px;\r\n    width: 250px;\r\n    height: 100px;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    z-index: 999;\r\n    color: #fff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 20px;\r\n    .point-item {\r\n        text-align: center;\r\n        padding: 10px;\r\n        cursor: pointer;\r\n    }\r\n    .point-item-img {\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n    .point-name {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n    }\r\n    .point-num {\r\n        font-size: 30px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n    }\r\n    .point-item:hover,\r\n    .point-item.active {\r\n        .point-name {\r\n            color: #fff;\r\n            text-shadow: 0 0 20px #3399ff, 0 0 20px #3399ff, 0 0 20px #3399ff;\r\n        }\r\n        .point-num {\r\n            color: #3399ff;\r\n        }\r\n    }\r\n}\r\n.side-top {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    .side-top-selector {\r\n        width: 48%;\r\n    }\r\n    /deep/ .el-input__inner {\r\n        box-shadow: inset 0px 0px 5px 1px #1a8cff;\r\n        background-color: transparent;\r\n        border: 1px solid #1a8cff;\r\n        color: #fff;\r\n    }\r\n    /deep/.el-input__inner:hover {\r\n        border-color: #49d3ff;\r\n    }\r\n}\r\n.time {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: start;\r\n    font-size: 20px;\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n    img {\r\n        width: 24px;\r\n        height: 24px;\r\n        margin-right: 4px;\r\n    }\r\n}\r\n.btn-group {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.route-btn {\r\n    width: 76px;\r\n    height: 36px;\r\n    line-height: 36px;\r\n    text-align: center;\r\n    box-shadow: inset 0px 0px 5px 1px #1a8cff;\r\n    background-color: transparent;\r\n    border: 1px solid #1a8cff;\r\n    border-radius: 4px;\r\n    // background: url('~@/assets/img/workplat.png') no-repeat center / 100%;\r\n    font-weight: 700;\r\n    color: #cce5ff;\r\n    cursor: pointer;\r\n}\r\n.route-btn:hover {\r\n    border-color: #49d3ff;\r\n}\r\n.side-content {\r\n    width: 100%;\r\n    height: calc(100% - 60px);\r\n    margin-top: 20px;\r\n    display: flex;\r\n    justify-content: space-evenly;\r\n    flex-wrap: wrap;\r\n    #event-source,\r\n    #event-palce {\r\n        width: 100%;\r\n        height: calc(100% - 60px);\r\n    }\r\n    .side-section {\r\n        width: 100%;\r\n        height: 33.33%;\r\n        overflow: hidden;\r\n    }\r\n    .section-header {\r\n        border-bottom: 1px solid #1a8cff;\r\n        padding: 10px 0;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n    }\r\n    .section-icon {\r\n        width: 14px;\r\n        height: 14px;\r\n        margin-right: 4px;\r\n    }\r\n    .section-content {\r\n        width: 100%;\r\n        height: calc(100% - 60px);\r\n        margin-top: 20px;\r\n    }\r\n    .events-type {\r\n        gap: 40px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n    .events-type-item {\r\n        width: 183px;\r\n        height: 210px;\r\n        border-radius: 4px 4px 4px 4px;\r\n        opacity: 1;\r\n        border: 1px solid #1a8cff;\r\n        box-sizing: border-box;\r\n        padding: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n    .type-label {\r\n        width: 90px;\r\n        height: 30px;\r\n        line-height: 30px;\r\n        background: #3399ff;\r\n        border-radius: 18px 18px 18px 18px;\r\n        text-align: center;\r\n    }\r\n    .type-img {\r\n        width: 144px;\r\n        height: 130px;\r\n        position: relative;\r\n        img {\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n        .type-count {\r\n            left: 50%;\r\n            top: 26px;\r\n            position: absolute;\r\n            transform: translateX(-50%);\r\n            font-size: 36px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n        }\r\n    }\r\n    .event-schedule {\r\n        gap: 40px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n    .schedule-wrapper {\r\n        width: 240px;\r\n        height: 180px;\r\n        border-radius: 10px;\r\n        border: 1px solid #5479ac;\r\n        padding: 20px;\r\n        box-sizing: border-box;\r\n        .event-total {\r\n            padding-bottom: 10px;\r\n            border-bottom: 1px solid #5479ac;\r\n            text-align: center;\r\n            box-sizing: border-box;\r\n        }\r\n        .event-label {\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            color: #cce5ff;\r\n            text-align: center;\r\n            margin-top: 6px;\r\n        }\r\n        .event-count {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: #00eaff;\r\n            text-align: center;\r\n        }\r\n        .orange {\r\n            color: #ffdaa5;\r\n        }\r\n        .red {\r\n            color: #f59f9f;\r\n        }\r\n        .large {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n    .event-schedule-wrapper {\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n        align-items: center;\r\n        padding-top: 20px;\r\n        box-sizing: border-box;\r\n    }\r\n    #gauge {\r\n        width: 180px;\r\n        height: 180px;\r\n    }\r\n}\r\n#map /deep/ .green .leaflet-popup-content-wrapper,\r\n#map /deep/ .green .leaflet-popup-tip {\r\n    border-radius: 0;\r\n    background: linear-gradient(\r\n        180deg,\r\n        rgba(9, 74, 94, 0.9) 0%,\r\n        rgba(29, 146, 205, 0.8239) 96%\r\n    );\r\n    box-shadow: inset 0px 1px 9px 0px #59ffff, inset 0px 1px 4px 0px #3fe1ff,\r\n        inset 0px 1px 8px 0px rgba(0, 255, 240, 0.5);\r\n    border: 1px solid;\r\n    border-image: linear-gradient(\r\n            180deg,\r\n            rgba(2, 250, 252, 1),\r\n            rgba(1, 244, 248, 1)\r\n        )\r\n        1 1;\r\n}\r\n\r\n#map /deep/ .orange .leaflet-popup-content-wrapper,\r\n#map /deep/ .orange .leaflet-popup-tip {\r\n    border-radius: 0;\r\n    background: linear-gradient(\r\n        180deg,\r\n        rgba(143, 62, 36, 0.8) 0%,\r\n        #f07c42 100%\r\n    );\r\n    box-shadow: inset 0px 1px 8px 1px #ff8330;\r\n}\r\n\r\n#map /deep/ .monitor .leaflet-popup-content-wrapper {\r\n    border-radius: 0;\r\n    background: linear-gradient(180deg, #125db7 0%, #00112c 100%);\r\n    box-shadow: 0px 0px 10px 0px rgba(3, 251, 255, 0.3);\r\n    border: 1px solid #03fbff;\r\n}\r\n#map /deep/ .monitor .leaflet-popup-tip {\r\n    display: none;\r\n}\r\n\r\n/deep/.leaflet-container a.leaflet-popup-close-button {\r\n    color: #fff !important;\r\n}\r\n/deep/.leaflet-container a.leaflet-popup-close-button:hover,\r\n/deep/.leaflet-container a.leaflet-popup-close-button:focus {\r\n    color: #fff !important;\r\n}\r\n.popup-volumn {\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    text-align: center;\r\n    border-bottom: 1px solid #5a9bb2;\r\n    padding: 20px 0;\r\n    margin-bottom: 20px;\r\n    .volumn-num {\r\n        display: inline-block;\r\n        width: 26px;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        background: #1a8cff;\r\n        border-radius: 4px 4px 4px 4px;\r\n        font-size: 30px;\r\n        color: #e5f2ff;\r\n    }\r\n    .volumn-num ~ .volumn-num {\r\n        margin-left: 4px;\r\n    }\r\n}\r\n.popup-volumn.orange {\r\n    border-bottom: 1px solid #2a3c57;\r\n    .volumn-num {\r\n        background: #ff973f;\r\n    }\r\n}\r\n.popup-info {\r\n    margin: 4px 0;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    span {\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        color: #ffffff;\r\n    }\r\n    span.label {\r\n        width: 76px;\r\n    }\r\n    span.content {\r\n        width: calc(100% - 76px);\r\n    }\r\n}\r\n/deep/.event-dialog {\r\n    background: url('~@/assets/img/model-bg.png') no-repeat;\r\n    background-size: 100% 100%;\r\n    .el-dialog__header {\r\n        background-color: transparent;\r\n        .el-dialog__title {\r\n            color: #fff;\r\n        }\r\n    }\r\n    .el-dialog__headerbtn .el-dialog__close {\r\n        color: #fff !important;\r\n    }\r\n    .el-dialog__body {\r\n        padding-top: 8px;\r\n    }\r\n}\r\n.table-info {\r\n    border: 1px solid #42bddc;\r\n    margin: 10px 0 0 0;\r\n    .header {\r\n        display: flex;\r\n        height: 35px;\r\n        background: linear-gradient(\r\n            360deg,\r\n            #1a355c 0%,\r\n            rgba(66, 93, 133, 0.09) 100%\r\n        );\r\n        .header-item {\r\n            color: #fff;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 0 0 0 6px;\r\n            font-size: 16px;\r\n        }\r\n    }\r\n    .body-content {\r\n        height: 360px;\r\n        overflow-y: auto;\r\n        .body {\r\n            display: flex;\r\n            height: 25px;\r\n            border-right: none;\r\n            border: 2px solid transparent;\r\n\r\n            &:hover {\r\n                background: linear-gradient(\r\n                    90deg,\r\n                    rgba(16, 40, 73, 0) 0%,\r\n                    #102849 51%,\r\n                    rgba(16, 40, 73, 0) 100%\r\n                );\r\n                border-radius: 0px 0px 0px 0px;\r\n                border: 2px solid;\r\n                border-image: linear-gradient(\r\n                        90deg,\r\n                        rgba(255, 255, 255, 0),\r\n                        rgba(93, 144, 194, 1),\r\n                        rgba(93, 144, 194, 0)\r\n                    )\r\n                    2 2;\r\n            }\r\n            .body-item {\r\n                color: #eee;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                padding: 0 0 0 6px;\r\n            }\r\n            .operate {\r\n                span {\r\n                    cursor: pointer;\r\n                    // &:hover {\r\n                    //     color: #1a8cff;\r\n                    // }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n.btn-content {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    .btn {\r\n        width: 120px;\r\n        height: 30px;\r\n        border: 1px solid #2cdfe8;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: #fff;\r\n        cursor: pointer;\r\n    }\r\n    .btn-active {\r\n        background-color: #385aff;\r\n    }\r\n}\r\n",null]}