{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\HolographicMonitor\\EquipmentMonitor.vue?vue&type=style&index=0&id=00f18796&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\HolographicMonitor\\EquipmentMonitor.vue","mtime":1667804639665},{"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\r\n@import '@/assets/css/element-variables.scss';\r\n.equipment-monitor-container {\r\n width: 100%;\r\n box-sizing: border-box;\r\n .top-container {\r\n width: 100%;\r\n height: 54px;\r\n box-sizing: border-box;\r\n border: 1px solid #145d77;\r\n background: #0f475b;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n .content-item {\r\n margin: 0 36px;\r\n padding: 6px 40px;\r\n color: $--color-text;\r\n font-weight: bold;\r\n font-size: 14px;\r\n }\r\n .item-num {\r\n font-size: 16px;\r\n padding: 0 6px;\r\n }\r\n .content-item.normal {\r\n background: $--color-success;\r\n }\r\n .content-item.warm {\r\n background: $--color-warning;\r\n }\r\n .content-item.alarm {\r\n background: $--color-danger;\r\n }\r\n .content-item.abnormal {\r\n background: $--color-info;\r\n }\r\n }\r\n .main-container {\r\n margin-top: 10px;\r\n height: calc(100% - 66px);\r\n }\r\n .col-container {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: space-around;\r\n }\r\n .collapse-container {\r\n width: calc(25% - 10px);\r\n box-sizing: border-box;\r\n height: 100%;\r\n /deep/ .el-collapse-item__arrow {\r\n order: 1;\r\n margin: 0 8px 0 8px;\r\n }\r\n .collapse-crew-item {\r\n width: 100%;\r\n margin: 0 auto;\r\n box-sizing: border-box;\r\n margin-bottom: 10px;\r\n border: 1px solid #145d77;\r\n /deep/.el-collapse-item__header {\r\n // background-color: $--border-color-lighter;\r\n border-bottom: 1px solid #145d77;\r\n background-color: #0f475b;\r\n color: $--color-text;\r\n }\r\n /deep/.el-collapse-item__header.is-active {\r\n border-bottom-color: #25b4be;\r\n color: #fff;\r\n font-weight: bold;\r\n // background-color: rgba($--color-primary, 0.6);\r\n background-color: #25b4be;\r\n }\r\n /deep/.el-collapse-item__content {\r\n padding-bottom: 0;\r\n background-color: #25b4be;\r\n color: $--color-text-dark;\r\n }\r\n /deep/.el-collapse-item__wrap {\r\n border-bottom: 1px solid #145d77;\r\n }\r\n }\r\n .collapse-crew-item:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n .collapse-part-item {\r\n width: 90%;\r\n margin: 0 auto;\r\n /deep/ .el-collapse-item__wrap {\r\n border-bottom: 0;\r\n }\r\n /deep/ .el-collapse {\r\n border-top: 0;\r\n border-bottom: 0;\r\n }\r\n /deep/ .el-collapse-item__header {\r\n background-color: #25b4be;\r\n }\r\n /deep/.el-collapse-item__header.is-active {\r\n background-color: #25b4be;\r\n // color:#303133;\r\n color: #fff;\r\n }\r\n /deep/.el-collapse-item__content {\r\n padding: 10px 0;\r\n color: #fff;\r\n }\r\n .part-item {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 4px 10px;\r\n }\r\n }\r\n\r\n .header-name {\r\n order: 2;\r\n display: inline-block;\r\n width: calc(100% - 40px);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .header-name-left{\r\n display: flex;\r\n align-items: center;\r\n }\r\n .crew-img {\r\n width: 20px;\r\n margin-left: 10px;\r\n }\r\n }\r\n .editScroll {\r\n height: 100% !important;\r\n overflow-x: hidden;\r\n /deep/ .el-scrollbar__wrap {\r\n overflow-x: hidden;\r\n }\r\n }\r\n}\r\n",null]}