{"remainingRequest":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\deviceMonitor\\VideoMonitor.vue?vue&type=style&index=0&id=d31b0ab8&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\deviceMonitor\\VideoMonitor.vue","mtime":1687337086898},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-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// @import './css/screen.scss';\n$border-color: #566a7e;\n$active-color: #FFFFFF;\n$high-light-color: #ff7c40;\n$text-color:#000000;\n$text-color-dark:#8993a0;\n$dark-bg:#0b1926;\n$dark-bg-lighter: #999999;\n\n.video-monitor {\n\toverflow: hidden;\n\theight: 100%;\n\twidth: 100%;\n\tbackground: #ffffff; //#ebeef5;\n\tbox-sizing: border-box;\n\t// background-image: url('./../assets/img/waterbg5.jpg'); \n\t// background-image: #ffffff;\n\tcolor: $text-color;\n\tposition: relative;\n\tdisplay: flex;\n}\n\n#video-container {\n\twidth: calc(100% - 320PX);\n\theight: 100%;\n\tposition: relative;\n}\n\n.video-iframe {\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 1;\n}\n\n.videoWindow {\n\twidth: calc(100% - 320PX);\n\theight: 100%;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tz-index: 1;\n}\n\n.site-tree {\n\twidth: 320PX;\n\theight: 100%;\n\tbackground: #ffffff;\n\tbox-shadow: inset 0 0 100px rgba(#000, 0.3);\n\n\t// /deep/ .el-tabs--card>.el-tabs__header {\n\t// \tborder-bottom: 1px solid $border-color;\n\t// \tmargin-bottom: 0;\n\t// }\n\n\t// /deep/ .el-tabs--card>.el-tabs__header .el-tabs__nav {\n\t// \tborder: none;\n\t// }\n\n\t// /deep/ .el-tabs__item {\n\t// \tpadding: 6PX 16PX;\n\t// \theight: auto;\n\t// \tbox-sizing: border-box;\n\t// \tline-height: normal;\n\t// \tdisplay: inline-block;\n\t// \tlist-style: none;\n\t// \tfont-size: 14px;\n\t// \tfont-weight: 700;\n\t// \tcolor: $text-color;\n\t// \tposition: relative;\n\t// \tborder-radius: 4PX 4PX 0 0;\n\t// \tborder: 1px solid $border-color;\n\t// \tmargin: 0 2PX;\n\t// \tborder-bottom: 0;\n\t// }\n\n\t// /deep/ .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {\n\t// \tpadding-right: 16PX;\n\t// }\n\n\t// /deep/ .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {\n\t// \tpadding-left: 16PX;\n\t// }\n\n\t// /deep/ .el-tabs--card>.el-tabs__header .el-tabs__item:first-child {\n\t// \tborder-left: 1px solid $border-color;\n\t// }\n\n\t// /deep/ .el-tabs__item:hover {\n\t// \tcolor: $active-color;\n\t// \tcursor: pointer;\n\t// }\n\n\t// /deep/ .el-tabs__item.is-active {\n\t// \tcolor: $active-color;\n\t// }\n\n\t// .tree-tabs {\n\t// \twidth: 100%;\n\t// \theight: 100%;\n\t// \tcolor: #000;\n\t// \tbackground: #ffffff;\n\t// }\n\n\t// /deep/ .el-tabs__content {\n\t// \theight: calc(100% - 28PX);\n\t// }\n\n\t.tree-search-con {\n\t\tpadding: 10px 10px;\n\t\tbackground-color: #FFFFFF;\n\n\t\t>div {\n\t\t\twidth: calc(100% - 4PX);\n\t\t\tmargin: 0 2PX;\n\t\t}\n\n\t\t.helf-search {\n\t\t\twidth: calc(50% - 4PX);\n\t\t}\n\t}\n\n\t.tree-controler-con {\n\t\twidth: calc(100% - 8px);\n\t\tmargin: 4px auto;\n\t\tborder-bottom: 1px solid $border-color;\n\n\t\ti {\n\t\t\tfont-size: 16px;\n\t\t\tpadding: 4px 8px 8px 8px;\n\t\t\tcursor: pointer;\n\t\t\tcolor: $active-color;\n\t\t}\n\n\t\t.light:hover {\n\t\t\tcolor: $high-light-color;\n\t\t}\n\n\t\t.disable {\n\t\t\tcolor: $text-color-dark;\n\t\t\tcursor: default\n\t\t}\n\t}\n\n\t.filter-tree-outer {\n\t\theight: calc(100% - 40PX);\n\t}\n\n\t.filter-tree-outer.short {\n\t\theight: calc(100% - 70PX);\n\t}\n\n\t/deep/ .el-select .el-input--suffix .el-input__inner,\n\t/deep/ .el-input--mini .el-input__inner {\n\t\t// background-color: #000;\n\t\t// border: 1px solid $border-color;\n\t\tcolor: $text-color;\n\t}\n\n\t// /deep/ .el-select-dropdown {\n\t// \tbackground-color: $dark-bg;\n\t// \tborder: solid 1px $border-color;\n\t// }\n\n\t/deep/ .el-select-dropdown__item {\n\t\theight: 28PX;\n\t\tline-height: 28PX;\n\t}\n\n\t// /deep/ .el-select-dropdown__item span {\n\t// \tcolor: $text-color;\n\t// }\n\n\t// /deep/ .el-select-dropdown__item.selected span {\n\t// \tcolor: $active-color !important;\n\t// }\n\n\t// /deep/ .el-select-dropdown__item.hover,\n\t// /deep/ .el-select-dropdown__item.hover,\n\t// .el-select-dropdown__item:hover {\n\t// \tbackground-color: $dark-bg-lighter !important;\n\t// }\n\n\t/deep/ .el-scrollbar__wrap {\n\t\tmargin-right: -8PX !important;\n\t}\n\n\t// /deep/ .el-popper[x-placement^=\"bottom\"] .popper__arrow {\n\t// \ttop: -7PX;\n\t// \tborder-bottom-color: $border-color;\n\t// }\n\n\t// /deep/ .el-popper[x-placement^=\"bottom\"] .popper__arrow::after {\n\t// \tborder-bottom-color: $border-color;\n\t// }\n\n\t/deep/ .el-tree {\n\t\tbackground: #ffffff;\n\t\tcolor: $text-color;\n\t\tborder: none !important;\n\t}\n\n\t.editScroll {\n\t\twidth: 100% !important;\n\t\theight: 100% !important;\n\t\toverflow: auto;\n\t}\n\n\t/deep/ .el-tree-node:focus>.el-tree-node__content,\n\t/deep/ .el-tree-node__content:hover,\n\t/deep/ .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {\n\t\tbackground-color: $dark-bg-lighter;\n\t\tcolor: $active-color;\n\t}\n\n\t/deep/ .el-tree-node>.el-tree-node__children {\n\t\toverflow: visible;\n\t}\n\n\t.custom-tree-node {\n\t\tflex: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: start;\n\t\tfont-size: 12px;\n\t\tpadding-right: 8px;\n\t}\n\n\t.videoWindow {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.el-icon-video-camera {\n\t\tfont-weight: bold;\n\t}\n\n\t.el-icon-video-camera.red {\n\t\tcolor: #f56c6c\n\t}\n\n\t.el-icon-video-camera.green {\n\t\tcolor: #67c23a\n\t}\n\n}\n",null]}