{"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=3f3d5a26&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\damDance-fvue\\src\\views\\BigScreen\\bigScreen.vue","mtime":1697623194187},{"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\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,.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}\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.WorkPlat-btn{\r\n width: 128px;\r\n height: 38px;\r\n line-height: 38px;\r\n text-align: center;\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.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,#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 }\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(180deg, rgba(9,74,94,0.9) 0%, rgba(29,146,205,0.8239) 96%);\r\n box-shadow: inset 0px 1px 9px 0px #59FFFF, inset 0px 1px 4px 0px #3FE1FF, inset 0px 1px 8px 0px rgba(0,255,240,0.5);\r\n border: 1px solid;\r\n border-image: linear-gradient(180deg, rgba(2, 250, 252, 1), rgba(1, 244, 248, 1)) 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(180deg, rgba(143,62,36,0.8) 0%, #F07C42 100%);\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\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-monitor-address{\r\n font-size: 14px;\r\n color: #FFFFFF;\r\n font-weight: 700;\r\n}\r\n.popup-monitor-video{\r\n width: 600PX;\r\n height: 337PX;\r\n background-color: #0E2039;\r\n margin-top: 10px;\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",null]}