{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\IntelligentControl\\ModelManagement.vue?vue&type=style&index=0&id=7fed4b3b&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\IntelligentControl\\ModelManagement.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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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$table-tr: #fff2cc;\r\n.model-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  .selection-tree {\r\n    width: 280px;\r\n    margin-right: 10px;\r\n    text-align: center;\r\n    /deep/ .icon-fengdianchang,\r\n    /deep/ .icon-pingtaishuliang {\r\n      margin-right: 6px;\r\n    }\r\n    .tree-list-con {\r\n      height: calc(100% - 42px);\r\n      margin-top: 10px;\r\n      border: 1px solid rgba($--color-primary, 0.4);\r\n    }\r\n    .tree-content {\r\n      height: calc(100% - 56px);\r\n      margin-bottom: -8px;\r\n    }\r\n    .search-input {\r\n      margin: 8px auto;\r\n      width: 90%;\r\n    }\r\n    .tree-icon {\r\n      margin-right: 6px;\r\n      color: $--color-primary;\r\n    }\r\n  }\r\n  .model-crew-list {\r\n    width: calc(100% - 220px);\r\n    .model-crew-head {\r\n      background: $--color-primary;\r\n      color: #fff;\r\n      padding: 10px;\r\n    }\r\n    .model-crew-content {\r\n      width: 100%;\r\n      height: calc(100% - 36px);\r\n      box-sizing: border-box;\r\n      display: flex;\r\n      padding: 0 10px;\r\n      padding-top: 10px;\r\n    }\r\n    .model-table {\r\n      width: calc(100% - 200px);\r\n      width: 100%;\r\n      height: 100%;\r\n      padding: 10px 0;\r\n    }\r\n    .serach-panle {\r\n      margin: 10px 0;\r\n      display: flex;\r\n      justify-content: start;\r\n      align-items: center;\r\n    }\r\n    /deep/ .el-table th {\r\n      color: $--color-text-primary;\r\n    }\r\n  }\r\n  .model-list-container {\r\n    width: calc(100% - 220px);\r\n    .model-list {\r\n      display: flex;\r\n      justify-content: start;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      box-sizing: border-box;\r\n    }\r\n    .model-item-container {\r\n      width: calc(25% - 10px);\r\n      height: 300px;\r\n      margin-bottom: 10px;\r\n      margin-right: 10px;\r\n    }\r\n    .model-item-container:nth-of-type(4n) {\r\n      margin-right: 0;\r\n      margin-top: 0;\r\n    }\r\n  }\r\n  .model-list-empty {\r\n    width: calc(100% - 220px);\r\n    height: calc(100% - 2px);\r\n    .model-empty-content {\r\n      color: $--color-text-placeholder;\r\n      i {\r\n        font-size: 100px;\r\n        color: $--color-text-placeholder;\r\n        margin-bottom: 10px;\r\n      }\r\n      text-align: center;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  /deep/ .el-scrollbar__wrap {\r\n    height: calc(100% + 17px) !important;\r\n  }\r\n  .model-item-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: $--color-primary;\r\n    color: #fff;\r\n    padding: 6px;\r\n  }\r\n  .model-item-body {\r\n    position: relative;\r\n    height: calc(100% - 28px);\r\n  }\r\n  .btn-group {\r\n    width: 100%;\r\n    position: absolute;\r\n    bottom: 10px;\r\n    left: 0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 0 6px;\r\n    box-sizing: border-box;\r\n  }\r\n  .model-item-content {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    .model-item-icon {\r\n      font-size: 40px;\r\n      color: rgba($--color-primary, 0.8);\r\n    }\r\n    .el-icon-warning {\r\n      color: rgba($--color-danger, 0.8);\r\n    }\r\n  }\r\n  //未执行\r\n  .model-item-danger {\r\n    background-color: $--color-danger;\r\n  }\r\n  //执行中\r\n  .model-item-warning {\r\n    background-color: $--color-warning;\r\n  }\r\n  //执行完成\r\n  .model-item-success {\r\n    background-color: $--color-success;\r\n  }\r\n  .btn-history {\r\n    cursor: pointer;\r\n  }\r\n  .table-page {\r\n    text-align: right;\r\n    padding: 10px 0;\r\n    /deep/ .el-input__inner {\r\n      height: 23px !important;\r\n      line-height: 23px !important;\r\n    }\r\n  }\r\n}\r\n.editScroll {\r\n  height: 100% !important;\r\n  overflow-x: hidden;\r\n}\r\n.model-status {\r\n  // border: 1px solid red;\r\n  padding: 15px 15px 0;\r\n  height: 30px;\r\n  color: #fff;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  // align-items: center;\r\n}\r\n\r\n.status-round {\r\n  width: 10px;\r\n  height: 10px;\r\n  margin-top: 3px;\r\n  margin-right: 5px;\r\n  border-radius: 50%;\r\n}\r\n\r\n.model-rate {\r\n  width: 80px;\r\n  position: relative;\r\n  div {\r\n    position: absolute;\r\n    right: 0;\r\n  }\r\n}\r\n.task-name {\r\n  width: calc(100% - 95px);\r\n  // text-align: center;\r\n}\r\n\r\n.model-content {\r\n  height: calc(100% - 45px);\r\n  color: #fff;\r\n  position: relative;\r\n}\r\n\r\n.icon-size {\r\n  font-size: 14px;\r\n  color: $--light-active-border;\r\n  padding-right: 5px;\r\n}\r\n.model-img {\r\n  width: 150px;\r\n  height: 150px;\r\n  background: url('../../assets/img/database_icon.png') center / 100% 100%\r\n    no-repeat;\r\n  text-align: center;\r\n}\r\n.model-bg {\r\n  height: 75%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n.model-text {\r\n  letter-spacing: 0;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  // text-shadow: 0px 2px 0px #eef6f8, 0px 10px 10px #07253d;\r\n  background-image: linear-gradient(135deg, #61f5ec, #2aa6ed);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  color: transparent;\r\n}\r\n.name-border {\r\n  padding: 0 15px;\r\n  height: 40px;\r\n  text-align: center;\r\n  font-size: 14px;\r\n}\r\n.name-border:hover {\r\n  cursor: default;\r\n}\r\n\r\n.model-detail {\r\n  position: absolute;\r\n  bottom: 15px;\r\n  right: 18px;\r\n}\r\n.model-detail:hover {\r\n  cursor: pointer;\r\n}\r\n/deep/ .el-dialog {\r\n  background: transparent;\r\n  border: 1px solid $--light-border;\r\n}\r\n/deep/ .el-dialog__header {\r\n  padding: 14px 25px;\r\n  background: $--table-bgcolor;\r\n  border-bottom: 1px solid $--light-border;\r\n}\r\n/deep/ .el-dialog__title {\r\n  color: #fff;\r\n  font-size: 16px;\r\n}\r\n/deep/ .el-dialog__body {\r\n  padding: 10px 20px 0;\r\n  background: $--table-bgcolor;\r\n}\r\n/deep/ .el-dialog__footer {\r\n  background: $--table-bgcolor;\r\n  border-top: 1px solid $--light-border;\r\n}\r\n/deep/ .el-icon-close:before {\r\n  font-size: 16px;\r\n}\r\n/deep/ .htTable-outer {\r\n  height: calc(100% - 90px) !important;\r\n}\r\n/deep/ .el-input-group__append {\r\n  background-color: $--table-title-bgcolor;\r\n}\r\n\r\n/deep/ .el-dialog__footer > div .el-button {\r\n  background: $--color-primary;\r\n  color: #fff;\r\n}\r\n/deep/ .el-icon-search:before,\r\n/deep/ .el-icon-close:before {\r\n  color: #fff;\r\n}\r\n.button-group {\r\n  height: 30px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.button {\r\n  width: calc(50% - 5px);\r\n  background: url('../../assets/img/tab.png') center / 100% 100% no-repeat;\r\n  color: #fff;\r\n  font-weight: bold;\r\n  line-height: 30px;\r\n}\r\n.button:hover {\r\n  cursor: pointer;\r\n  background: url('../../assets/img/tab_active.png') center / 100% 100%\r\n    no-repeat;\r\n  color: $--light-active-border;\r\n}\r\n.active_style {\r\n  background: url('../../assets/img/tab_active.png') center / 100% 100%\r\n    no-repeat;\r\n  color: $--light-active-border;\r\n}\r\n/deep/ .el-divider {\r\n  background: transparent;\r\n}\r\n/deep/ .ht-table-panel {\r\n  height: calc(100% - 10px);\r\n}\r\n/deep/ .el-range-editor--small.el-input__inner,\r\n/deep/ .el-date-editor .el-range-input {\r\n  background-color: $--background-color-secondary;\r\n}\r\n/deep/ .el-range-separator,\r\n/deep/ .el-date-editor .el-range-input {\r\n  color: $--color-text-placeholder;\r\n}\r\n/deep/ .el-table .cell {\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n}\r\n/deep/ .el-table .cell .table-header {\r\n  width: 100% !important;\r\n  box-sizing: border-box;\r\n}\r\n.dialog-body-border {\r\n  height: calc(100% - 10px);\r\n  width: 100%;\r\n}\r\n/deep/ .el-input--mini .el-input__inner {\r\n  height: 22px;\r\n  line-height: 22px;\r\n}\r\n\r\n/deep/ .el-table {\r\n  background: $--background-color-secondary;\r\n}\r\n.bgcolor {\r\n  background-color: $--background-color-secondary;\r\n  div {\r\n    color: $--color-info;\r\n    text-align: center;\r\n    padding-top: 200px;\r\n  }\r\n}\r\n\r\n/deep/ .is-scrolling-none {\r\n  height: calc(100% - 39px) !important;\r\n}\r\n/deep/ .is-scrolling-left,\r\n/deep/ .is-scrolling-middle,\r\n/deep/ .is-scrolling-right {\r\n  height: calc(100% - 40px) !important;\r\n}\r\n",null]}