{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GroupCoordination\\GroupControl.vue?vue&type=style&index=0&id=951322c4&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GroupCoordination\\GroupControl.vue","mtime":1667804639618},{"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\r\n@import '@/assets/css/element-variables.scss';\r\n// 背景颜色\r\n$bgcolor: #effcff;\r\n$font-color: rgb(78, 77, 77);\r\n.page-container {\r\n  display: flex;\r\n}\r\n.main-left {\r\n  width: calc(55% - 10px);\r\n  min-width: 480px;\r\n  height: 100%;\r\n  // display: flex;\r\n  // flex-direction: column;\r\n  // justify-content: space-between;\r\n}\r\n.main-right {\r\n  margin-left: 10px;\r\n  width: 45%;\r\n  height: 100%;\r\n  background-color: #fff;\r\n}\r\n.card1-1,\r\n.card1-2,\r\n.left-card2,\r\n.left-card3 {\r\n  // background-color: $bgcolor;\r\n  background-color: rgba($--background-color-secondary, 0.7);\r\n  border: 1px solid $--light-border;\r\n  border-radius: 5px;\r\n  \r\n}\r\n.card1-1,\r\n.card1-2 {\r\n  background: rgba(#20baf3, 0.7);\r\n  border: none;\r\n}\r\n.left-card1 {\r\n  height: 12%;\r\n  // flex: 0 0 12%;\r\n  min-height: 46px;\r\n  margin-bottom: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.left-card2 {\r\n  height: calc(38% - 10px);\r\n  // flex: 0 0 38%;\r\n  margin-bottom: 10px;\r\n}\r\n.left-card3 {\r\n  height: calc(50% - 13px);\r\n  // flex: 0 0 50%;\r\n  /deep/ .el-image{\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 5px;\r\n  }\r\n  /deep/ .el-image__placeholder,/deep/ .el-image__error {\r\n    background: transparent;\r\n  }\r\n}\r\n\r\n.card1-1 {\r\n  width: calc(50% - 7px);\r\n}\r\n.card1-2 {\r\n  width: calc(50% - 7px);\r\n}\r\n.icon_size {\r\n  font-size: 36px;\r\n  color: #03fae5;\r\n}\r\n.card1-content {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n  width: 80%;\r\n  justify-content: center;\r\n}\r\n.font-style {\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n  color: $--color-text;\r\n  padding: 0 10px;\r\n}\r\n.title-style {\r\n  font-size: 14px;\r\n  color: $--color-text;\r\n  padding: 10px;\r\n}\r\n\r\n.left-card2{\r\n    display: flex;\r\n    .chart{\r\n        width: 50%;\r\n    }\r\n}\r\n#container1,\r\n#container2 {\r\n  height: calc(100% - 68px);\r\n  width: calc(100% - 30px);\r\n  padding: 15px;\r\n}\r\n// /deep/.el-table thead tr,\r\n// /deep/.el-table thead tr th {\r\n//   background-color: $--color-primary !important;\r\n//   color: #fff;\r\n// }\r\n",null]}