openatc-components 0.2.80 → 0.2.82

package/static/styles/schemeconfig.scss

@@ -1,535 +1,550 @@
-// 方案配置面板
-.scheme-config {
-  position: relative;
-  .iconfont {
-    font-family: "iconfont" !important;
-    font-size: 34PX;
-    text-align: center;
-    font-weight: 500;
-    color: #000000;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-  .right-control-part {
-    min-width: 300PX;
-    overflow: auto;
-  }
-  .cross-mess {
-    margin-left: 15PX;
-    margin-top: 15PX;
-    height: 20PX;
-    font-size: 20PX;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 22PX;
-    letter-spacing: 0PX;
-    color: $--color-text-primary;
-  }
-  .cross-module {
-    float: left;
-    margin-top: 5PX;
-    padding-left: 15PX;
-    width: 100%;
-    padding-bottom: 20PX;
-    // min-width: 600PX;
-    // height: 180PX;
-    background-color: $--color-white;
-  }
-  .cross-content {
-    margin-top: 10PX;
-    // margin-left: 7PX;
-    overflow: hidden;
-  }
-  .cross-name {
-    // height: 13PX;
-    font-size: 14PX;font-weight: normal;
-    font-stretch: normal;
-    line-height: 22PX;
-    letter-spacing: 0PX;
-    color: $--color-text-regular;
-  }
-  .control-model {
-    float: left;
-    margin-top: 10PX;
-    // margin-left: 15PX;
-  }
-  .model-label, .stage-label {
-    width: 100PX;
-    font-size: 14PX;
-    font-weight: 700;
-    color: $--color-text-secondary;;
-    line-height: 28PX;
-    padding-right: 12PX;
-  }
-  .model-label-title {
-    font-size: 14PX;
-    font-weight: 700;
-    line-height: 28PX;
-    color: $--color-text-secondary;
-    padding-right: 12PX;
-  }
-  .single-model {
-    margin-right: 10PX;
-    text-align: center;
-    cursor:pointer;
-    width: 70PX;
-    height: 80PX;
-    // background-color: #edf6ff;
-    border-radius: 6PX;
-    line-height: 1.15;
-    .patternWalk{
-      left: 14PX !important;
-    }
-  }
-  .single-model .closephase-icon {
-    margin-top: 10PX;
-    width: 56PX;
-    height: 24PX;
-  }
-  .single-model .model-icon {
-    margin: 0 auto;
-    width: 24PX;
-    height: 24PX;
-    color: $--color-text-regular;
-  }
-  .single-model-select {
-    // background-color: #299BCC !important;
-    // border: solid 1PX #409eff;
-  }
-  .single-model-new {
-    margin-right: 10PX;
-    padding-top: 13PX;
-    text-align: center;
-    cursor:pointer;
-    width: 70PX;
-    height: 80PX;
-    background-color: #edf6ff;
-    border-radius: 6PX;
-    line-height: 1.15;
-  }
-  .single-model-name {
-    margin-top: 13PX;
-    font-size: 12PX;
-    font-weight: normal;
-    font-stretch: normal;
-    // line-height: 22PX;
-    letter-spacing: 0PX;
-    color: #606266;
-  }
-  .single-model-name-theme {
-    margin-top: 13PX;
-    font-size: 13PX;
-    font-weight: normal;
-    font-stretch: normal;
-    // line-height: 22PX;
-    letter-spacing: 0PX;
-    color: $--color-text-regular;
-  }
-  .current-stage-num {
-    margin-top: 3PX;
-    font-size: 12PX;
-    font-weight: bold;
-    font-stretch: normal;
-    letter-spacing: 0PX;
-    // color: #303133;
-    color:#606266;
-  }
-  .cross-value {
-    // width: 180PX;
-    height: 22PX;
-    font-size: 14PX;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 22PX;
-    letter-spacing: 0PX;
-    color: $--color-text-primary;
-  }
-  .el-tag {
-    margin-right: 4PX;
-    margin-bottom: 4PX;
-  }
-  .fault-detail-btn {
-    float: right;
-    font-size: 14PX;
-    font-family: Source Han Sans CN;
-    font-weight: 400;
-    color: #299BCC;
-    line-height: 32PX;
-    margin-right: 20PX;
-    cursor: pointer;
-  }
-    // 信号机控制状态模块样式
-    .controlStatePart {
-      color: $--color-text-primary;
-      padding-right: 13PX;
-      .el-row {
-        height: 100%;
-      }
-      .el-col {
-        height: 100%;
-        min-width: 90PX;
-        text-align: center;
-      }
-      .bg-base {
-        height: 100%;
-        background: $--background-color-base;
-      }
-      .bigPart {
-        width: 100%;
-        height: 90PX;
-        margin-bottom: 5PX;
-        .grid-content {
-          padding-top: 22PX;
-          border-radius: 6PX;
-          .value {
-            margin-bottom: 5PX;
-            font-size: 18PX;
-            line-height: 22PX;
-            height: 22PX;
-            color: $--color-text-primary;
-          }
-          .name {
-            font-size: 14PX;
-            line-height: 22PX;
-            color: $--color-text-secondary;
-          }
-        }
-        
-      }
-      .smallPart {
-        width: 100%;
-        .grid-content {
-          height: 70PX;
-          padding-top: 10PX;
-          margin-bottom: 5PX;
-          border-radius: 6PX;
-          .value {
-            margin-bottom: 5PX;
-            font-size: 14PX;
-            line-height: 22PX;
-            color: $--color-text-primary;
-            height: 22PX;
-          }
-          .name {
-            font-size: 14PX;
-            line-height: 22PX;
-            color: $--color-text-secondary;
-          }
-        }
-      }
-    }
-}
-// 手动控制弹框
-.manual-control-modal{
-  // padding: 21PX 0PX 21PX 28PX;
-  min-width: 360PX;
-  overflow: auto;
-  .title {
-    margin-bottom: 24PX;
-    font-size: 20PX;
-    font-weight: 400;
-    line-height: 22PX;
-    color: $--color-text-primary;
-    span {
-      font-size: 14PX;
-      font-weight: 400;
-      color: $--color-text-secondary;
-    }
-  }
-  .col-inner{
-    // width: 100% !important;
-  }
-  .model-label {
-    margin-top: 6PX;
-  }
-  .stage-label {
-    margin-top: 30PX;
-  }
-  .footer {
-    float: right;
-    margin: 38PX 24PX 40PX 0;
-  }
-  .el-form-item {
-    margin-bottom: 0PX;
-  }
-  .el-form-item__label {
-    font-size: 14PX;
-    color: $--color-text-secondary;
-  }
-  .el-dialog__footer {
-    padding: 10PX 72PX 38PX 0;
-  }
-  .el-dialog__header {
-    padding: 19PX 30PX;
-  }
-  .el-select {
-    // width: 75PX;
-  }
-  .el-input {
-    // width: 50%;
-  }
-  .el-input-number--mini {
-    // width: 44%;
-  }
-  .el-input-number {
-    // width: 100%;
-    .el-input__inner {
-      text-align: left;
-    }
-  }
-  .model-label, .stage-label {
-    color: $--color-text-secondary;
-  }
-} 
-.manual-control-modal-new {
-  padding: 20PX 20PX 0 20PX;
-  .el-tabs__nav.is-top {
-    width: 100%;
-  }
-  .el-tabs--card>.el-tabs__header .el-tabs__nav {
-    border-color: $--border-color-lighter;
-  }
-  .el-tabs--card>.el-tabs__header .el-tabs__item {
-    background-color: $--color-black;
-    width: 25%;
-    text-align: center;
-    border-left: none;
-    border-bottom-color: $--border-color-lighter;
-  }
-  .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
-    background-color: $--color-white;
-    border-bottom: none;
-  }
-  .el-tabs__content {
-    overflow-x: auto;
-  }
-  .group-control {
-    margin-bottom: 20PX;
-    overflow: hidden;
-  }
-
-  .common-config {
-    .el-form-item__label {
-      color: $--color-text-secondary;
-    }
-    .el-form-item {
-      margin-bottom: 0PX;
-    }
-    .el-input-number {
-      .el-input__inner {
-        text-align: left;
-      }
-    }
-  }
-
-  .footer {
-    float: right;
-    margin: 28PX 0PX 40PX 0;
-  }
-
-  .main-patternstatus {
-    margin-bottom: 0;
-  }
-  .closephasekanban:last-child {
-    margin-bottom: 0;
-  }
-  .stage-part {
-    margin-top: 6PX;
-  }
-}
-.priority-control{
-  height: 100%;
-  min-width: 360PX;
-  overflow: auto;
-  .title {
-    margin-bottom: 24PX;
-    font-size: 20PX;
-    font-weight: 400;
-    line-height: 22PX;
-    color: $--color-text-primary;
-    span {
-      font-size: 14PX;
-      font-weight: 400;
-      color: $--color-text-secondary;
-    }
-  }
-  .footer {
-    float: right;
-  }
-  .el-input--mini{
-    width: 90%;
-  }
-  .el-form-item {
-    margin-bottom: 10PX;
-    margin-right: 10PX;
-  }
-  .el-form-item__label {
-    font-size: 14PX;
-    font-weight: 700;
-    color: $--color-text-secondary;
-  }
-  .el-input-number {
-    width: 100%;
-    .el-input__inner {
-      text-align: left;
-    }
-  }
-}
-.tentativeplan-control{
-  // height: 100%;
-  // padding: 21PX 0PX 21PX 28PX;
-  min-width: 360PX;
-  overflow: hidden !important;
-  .forbiddenstage{
-    width: 77% !important;
-    margin: 10px auto;
-    color: $--color-text-primary;
-  }
-  .stage-panel-contener {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-  }
-  .optimizetype {
-    font-size: 14PX;
-    color: $--color-text-primary;
-  }
-  // .todo {
-  //   float: left;
-  // }
-  .stage-item {
-    cursor: pointer;
-    width: 100%;
-    height: auto;
-    margin: 5px 0;
-    line-height: 40px;
-    color: $--color-text-primary;
-    padding: 1px 1px;
-    box-sizing: border-box;
-    font-size: 14PX;
-  }
-  .title {
-    margin-bottom: 24PX;
-    font-size: 20PX;
-    font-weight: 400;
-    line-height: 22PX;
-    color: $--color-text-primary;
-    span {
-      font-size: 14PX;
-      font-weight: 400;
-      color: $--color-text-secondary;
-    }
-  }
-  .col-inner{
-    // width: 100% !important;
-  }
-  .model-label, .stage-label {
-    color: $--color-text-secondary;
-  }
-  .model-label {
-    margin-top: 14PX;
-  }
-  .stage-label {
-    margin-top: 30PX;
-  }
-  .el-input--mini{
-    width: 90%;
-  }
-  .footer {
-    float: right;
-  }
-  .el-form-item {
-    margin-bottom: 0PX;
-    margin-right: 10PX;
-  }
-  .el-form-item__label {
-    font-size: 14PX;
-    color: $--color-text-secondary;
-  }
-  .el-dialog__footer {
-    padding: 10PX 72PX 38PX 0;
-  }
-  .el-dialog__header {
-    padding: 19PX 30PX;
-  }
-  .el-input-number {
-    width: 100%;
-    .el-input__inner {
-      text-align: left;
-    }
-  }
-  .model-label, .stage-label {
-    color: $--color-text-secondary;
-  }
-  .expendkanban .common-board-column{
-    width: 77% !important;
-    margin: 0 auto;
-    margin-bottom: 13PX;
-  }
-  .closephasekanban {
-    width: 60%;
-    margin: 0 auto;
-    margin-bottom: 13PX;
-  }
-  .common-board-column {
-    // max-width: unset !important;
-    .el-select {
-      width: 100% !important;
-    }
-  }
-  .ex
-  .el-input {
-    width: 85% !important;
-  }
-  .el-input.is-disabled .el-input__inner {
-    text-align: center;
-  }
-  .el-input-number {
-    width: 100%;
-    .el-input__inner {
-      text-align: center;
-    }
-  }
-}
-.closephase-control{
-  height: 100%;
-  min-width: 250PX;
-  overflow: auto;
-  .closephasekanban {
-    width: 60%;
-    margin: 0 auto;
-    margin-bottom: 13PX;
-  }
-  .el-input--mini {
-    width: 44%;
-  }
-  .el-form-item__content {
-    min-width: 120PX;
-  }
-} 
-
-.lockingphase-control {
-  height: 100%;
-  min-width: 430PX;
-  overflow: auto;
-  .closephasekanban {
-    width: 60%;
-    margin: 0 auto;
-    margin-bottom: 13PX;
-  }
-  .el-form-item {
-    width: 45%;
-    min-width: 180PX;
-  }
-  .el-input-number--mini{
-    width: 100%;
-  }
-  .el-input {
-    width: 100%;
-  }
-  .el-form-item__content {
-    width: calc(100% - 120PX);
-    min-width: 80PX;
-  }
+// 方案配置面板
+.scheme-config {
+  position: relative;
+  overflow: hidden;
+  .iconfont {
+    font-family: "iconfont" !important;
+    font-size: 34PX;
+    text-align: center;
+    font-weight: 500;
+    color: #000000;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .right-control-part {
+    min-width: 300PX;
+    overflow: auto;
+    height: 100%;
+  }
+  .cross-mess {
+    margin-left: 15PX;
+    margin-top: 15PX;
+    height: 20PX;
+    font-size: 18PX;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 22PX;
+    letter-spacing: 0PX;
+    color: $--color-text-primary;
+  }
+  .cross-module {
+    float: left;
+    margin-top: 5PX;
+    padding-left: 15PX;
+    width: 100%;
+    padding-bottom: 20PX;
+    // min-width: 600PX;
+    // height: 180PX;
+    background-color: $--color-white;
+  }
+  .cross-content {
+    margin-top: 10PX;
+    // margin-left: 7PX;
+    overflow: hidden;
+  }
+  .cross-name {
+    // height: 13PX;
+    font-size: 14PX;font-weight: normal;
+    font-stretch: normal;
+    line-height: 22PX;
+    letter-spacing: 0PX;
+    color: $--color-text-regular;
+  }
+  .control-model {
+    float: left;
+    margin-top: 10PX;
+    // margin-left: 15PX;
+  }
+  .model-label, .stage-label {
+    width: 100PX;
+    font-size: 14PX;
+    font-weight: 700;
+    color: $--color-text-secondary;;
+    line-height: 28PX;
+    padding-right: 12PX;
+  }
+  .model-label-title {
+    font-size: 14PX;
+    font-weight: 700;
+    line-height: 28PX;
+    color: $--color-text-secondary;
+    padding-right: 12PX;
+  }
+  .single-model {
+    margin-right: 10PX;
+    text-align: center;
+    cursor:pointer;
+    width: 70PX;
+    height: 80PX;
+    // background-color: #edf6ff;
+    border-radius: 6PX;
+    line-height: 1.15;
+    .patternWalk{
+      left: 14PX !important;
+    }
+  }
+  .single-model .closephase-icon {
+    margin-top: 10PX;
+    width: 56PX;
+    height: 24PX;
+  }
+  .single-model .model-icon {
+    margin: 0 auto;
+    width: 24PX;
+    height: 24PX;
+    color: $--color-text-regular;
+  }
+  .single-model-select {
+    // background-color: #299BCC !important;
+    // border: solid 1PX #409eff;
+  }
+  .single-model-new {
+    margin-right: 10PX;
+    padding-top: 13PX;
+    text-align: center;
+    cursor:pointer;
+    width: 70PX;
+    height: 80PX;
+    background-color: #edf6ff;
+    border-radius: 6PX;
+    line-height: 1.15;
+  }
+  .single-model-name {
+    margin-top: 13PX;
+    font-size: 12PX;
+    font-weight: normal;
+    font-stretch: normal;
+    // line-height: 22PX;
+    letter-spacing: 0PX;
+    color: #606266;
+  }
+  .single-model-name-theme {
+    margin-top: 13PX;
+    font-size: 13PX;
+    font-weight: normal;
+    font-stretch: normal;
+    // line-height: 22PX;
+    letter-spacing: 0PX;
+    color: $--color-text-regular;
+  }
+  .current-stage-num {
+    margin-top: 3PX;
+    font-size: 12PX;
+    font-weight: bold;
+    font-stretch: normal;
+    letter-spacing: 0PX;
+    // color: #303133;
+    color:#606266;
+  }
+  .cross-value {
+    // width: 180PX;
+    height: 22PX;
+    font-size: 14PX;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 22PX;
+    letter-spacing: 0PX;
+    color: $--color-text-primary;
+  }
+  .el-tag {
+    margin-right: 4PX;
+    margin-bottom: 4PX;
+  }
+  .fault-detail-btn {
+    float: right;
+    font-size: 14PX;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #299BCC;
+    line-height: 32PX;
+    margin-right: 20PX;
+    cursor: pointer;
+  }
+    // 信号机控制状态模块样式
+    .controlStatePart {
+      color: $--color-text-primary;
+      padding-right: 13PX;
+      .el-row {
+        height: 100%;
+      }
+      .el-col {
+        height: 100%;
+        min-width: 90PX;
+        text-align: center;
+      }
+      .bg-base {
+        height: 100%;
+        background: $--background-color-base;
+      }
+      .bigPart {
+        width: 100%;
+        height: 90PX;
+        margin-bottom: 5PX;
+        .grid-content {
+          padding-top: 22PX;
+          border-radius: 6PX;
+          .value {
+            margin-bottom: 5PX;
+            font-size: 18PX;
+            line-height: 22PX;
+            height: 22PX;
+            color: $--color-text-primary;
+          }
+          .name {
+            font-size: 14PX;
+            line-height: 22PX;
+            color: $--color-text-secondary;
+          }
+        }
+        
+      }
+      .smallPart {
+        width: 100%;
+        .grid-content {
+          height: 70PX;
+          padding-top: 10PX;
+          margin-bottom: 5PX;
+          border-radius: 6PX;
+          .value {
+            margin-bottom: 5PX;
+            font-size: 14PX;
+            line-height: 22PX;
+            color: $--color-text-primary;
+            height: 22PX;
+          }
+          .name {
+            font-size: 14PX;
+            line-height: 22PX;
+            color: $--color-text-secondary;
+          }
+        }
+      }
+    }
+    .manual-common-content {
+      height: calc(100% - 100PX);
+      overflow-y: auto;
+    }
+    .manual-common-content::-webkit-scrollbar {
+      width: 8PX;
+    }
+}
+// 手动控制弹框
+.manual-control-modal{
+  // padding: 21PX 0PX 21PX 28PX;
+  // min-width: 360PX;
+  overflow: auto;
+  .title {
+    margin-bottom: 24PX;
+    font-size: 20PX;
+    font-weight: 400;
+    line-height: 22PX;
+    color: $--color-text-primary;
+    span {
+      font-size: 14PX;
+      font-weight: 400;
+      color: $--color-text-secondary;
+    }
+  }
+  .col-inner{
+    // width: 100% !important;
+  }
+  .model-label {
+    margin-top: 6PX;
+  }
+  .stage-label {
+    margin-top: 30PX;
+  }
+  .footer {
+    float: right;
+    margin: 38PX 24PX 40PX 0;
+  }
+  .el-form-item {
+    margin-bottom: 0PX;
+  }
+  .el-form-item__label {
+    font-size: 14PX;
+    color: $--color-text-secondary;
+  }
+  .el-dialog__footer {
+    padding: 10PX 72PX 38PX 0;
+  }
+  .el-dialog__header {
+    padding: 19PX 30PX;
+  }
+  .el-select {
+    // width: 75PX;
+  }
+  .el-input {
+    // width: 50%;
+  }
+  .el-input-number--mini {
+    // width: 44%;
+  }
+  .el-input-number {
+    // width: 100%;
+    .el-input__inner {
+      text-align: left;
+    }
+  }
+  .model-label, .stage-label {
+    color: $--color-text-secondary;
+  }
+} 
+.manual-control-modal-new {
+  padding: 20PX 20PX 0 20PX;
+  height: 100%;
+  .el-tabs {
+    height: 100%;
+  }
+  .el-tabs__nav.is-top {
+    width: 100%;
+  }
+  .el-tabs--card>.el-tabs__header .el-tabs__nav {
+    border-color: $--border-color-lighter;
+  }
+  .el-tabs--card>.el-tabs__header .el-tabs__item {
+    background-color: $--color-black;
+    width: 25%;
+    text-align: center;
+    border-left: none;
+    border-bottom-color: $--border-color-lighter;
+  }
+  .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+    background-color: $--color-white;
+    border-bottom: none;
+  }
+  .el-tabs__content {
+    overflow-x: auto;
+    height: calc(100% - 60PX);
+  }
+  .el-tab-pane {
+    height: 100%;
+  }
+  .el-form-item__label {
+    font-size: 14PX;
+    color: $--color-text-secondary;
+  }
+  .group-control {
+    margin-bottom: 20PX;
+    overflow: hidden;
+  }
+
+  .common-config {
+    .el-form-item {
+      margin-bottom: 0PX;
+    }
+    .el-input-number {
+      .el-input__inner {
+        text-align: left;
+      }
+    }
+  }
+
+  .footer {
+    float: right;
+    margin: 28PX 0PX 40PX 0;
+  }
+
+  .main-patternstatus {
+    margin-bottom: 0;
+  }
+  .closephasekanban:last-child {
+    margin-bottom: 0;
+  }
+  .stage-part {
+    margin-top: 6PX;
+  }
+}
+.priority-control{
+  height: 100%;
+  overflow: auto;
+  .title {
+    margin-bottom: 24PX;
+    font-size: 20PX;
+    font-weight: 400;
+    line-height: 22PX;
+    color: $--color-text-primary;
+    span {
+      font-size: 14PX;
+      font-weight: 400;
+      color: $--color-text-secondary;
+    }
+  }
+  .footer {
+    float: right;
+  }
+  .el-input--mini{
+    width: 90%;
+  }
+  .el-form-item {
+    margin-bottom: 0PX;
+    margin-right: 10PX;
+  }
+  .el-form-item__label {
+    font-weight: 700;
+  }
+  .el-input-number {
+    width: 100%;
+    .el-input__inner {
+      text-align: left;
+    }
+  }
+  .el-select {
+    width: 100%;
+  }
+}
+.tentativeplan-control{
+  // height: 100%;
+  // padding: 21PX 0PX 21PX 28PX;
+  // min-width: 360PX;
+  // overflow: hidden !important;
+  .forbiddenstage{
+    width: 77% !important;
+    margin: 10px auto;
+    color: $--color-text-primary;
+    font-size: 14PX;
+  }
+  .stage-panel-contener {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+  .optimizetype {
+    font-size: 14PX;
+    color: $--color-text-primary;
+  }
+  // .todo {
+  //   float: left;
+  // }
+  .stage-item {
+    cursor: pointer;
+    width: 100%;
+    height: auto;
+    margin: 5px 0;
+    line-height: 40px;
+    color: $--color-text-primary;
+    padding: 1px 1px;
+    box-sizing: border-box;
+    font-size: 14PX;
+  }
+  .title {
+    margin-bottom: 24PX;
+    font-size: 20PX;
+    font-weight: 400;
+    line-height: 22PX;
+    color: $--color-text-primary;
+    span {
+      font-size: 14PX;
+      font-weight: 400;
+      color: $--color-text-secondary;
+    }
+  }
+  .col-inner{
+    // width: 100% !important;
+  }
+  .model-label, .stage-label {
+    color: $--color-text-secondary;
+  }
+  .model-label {
+    margin-top: 14PX;
+  }
+  .stage-label {
+    margin-top: 30PX;
+  }
+  .el-input--mini{
+    width: 90%;
+  }
+  .footer {
+    float: right;
+  }
+  .el-form-item {
+    margin-bottom: 0PX;
+    margin-right: 10PX;
+  }
+  .el-dialog__footer {
+    padding: 10PX 72PX 38PX 0;
+  }
+  .el-dialog__header {
+    padding: 19PX 30PX;
+  }
+  .el-input-number {
+    width: 100%;
+    .el-input__inner {
+      text-align: left;
+    }
+  }
+  .model-label, .stage-label {
+    color: $--color-text-secondary;
+  }
+  .expendkanban .common-board-column{
+    width: 77% !important;
+    margin: 0 auto;
+    margin-bottom: 13PX;
+  }
+  .closephasekanban {
+    width: 60%;
+    margin: 0 auto;
+    margin-bottom: 13PX;
+  }
+  .common-board-column {
+    // max-width: unset !important;
+    .el-select {
+      width: 100% !important;
+    }
+  }
+  .ex
+  .el-input {
+    width: 85% !important;
+  }
+  .el-input.is-disabled .el-input__inner {
+    text-align: center;
+  }
+  .el-input-number {
+    width: 100%;
+    .el-input__inner {
+      text-align: center;
+    }
+  }
+  .el-select {
+    width: 100%;
+  }
+}
+.closephase-control{
+  height: 100%;
+  min-width: 250PX;
+  overflow: auto;
+  .closephasekanban {
+    width: 60%;
+    margin: 0 auto;
+    margin-bottom: 13PX;
+  }
+  .el-input--mini {
+    width: 44%;
+  }
+  .el-form-item__content {
+    min-width: 120PX;
+  }
+} 
+
+.lockingphase-control {
+  height: 100%;
+  .closephasekanban {
+    width: 60%;
+    margin: 0 auto;
+    margin-bottom: 13PX;
+  }
+  .el-form-item {
+    margin-bottom: 0;
+    margin-right: 10PX;
+  }
+  .el-input-number {
+    width: 100%;
+  }
+  .el-input-number--mini{
+    width: 100%;
+  }
+  .el-input {
+    width: 100%;
+  }
 }