openatc-components 0.2.37 → 0.2.38

package/src/kisscomps/components/XRDDirSelector/XRDDirSelector.vue

@@ -484,6 +484,8 @@
 </template>
 <script>
 import { mapState } from 'vuex'
+import { getTheme } from '../../../utils/auth.js'
+
 export default {
   name: 'xdr-dir-selector',
   props: {
@@ -554,196 +556,196 @@ export default {
           id: 1,
           name: '东西路段人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 2,
           name: '南北路段人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 3,
           name: 'X人行横道-\\',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 4,
           name: 'X人行横道-/',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 5,
           name: '北人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 6,
           name: '南人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 7,
           name: '东人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 8,
           name: '西人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 9,
           name: '西人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 10,
           name: '西人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 11,
           name: '东人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 12,
           name: '东人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 13,
           name: '南人行横道-右',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 14,
           name: '南人行横道-左',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 15,
           name: '北人行横道-右',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 16,
           name: '北人行横道-左',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 17,
           name: '东南人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 18,
           name: '西南人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 19,
           name: '东北人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 20,
           name: '西北人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 21,
           name: '东南人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 22,
           name: '东南人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 23,
           name: '西南人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 24,
           name: '西南人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 25,
           name: '东北人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 26,
           name: '东北人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 27,
           name: '西北人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 28,
           name: '西北人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         }
       ],

package/static/styles/schemeconfig.scss

@@ -57,14 +57,14 @@
   .model-label, .stage-label {
     width: 100PX;
     font-size: 14PX;
-    font-weight: 400;
-    color: #606266;
+    font-weight: 700;
+    color: $--color-text-secondary;;
     line-height: 28PX;
     padding-right: 12PX;
   }
   .model-label-title {
     font-size: 14PX;
-    font-weight: 400;
+    font-weight: 700;
     line-height: 28PX;
     color: $--color-text-secondary;
     padding-right: 12PX;
@@ -74,8 +74,8 @@
     text-align: center;
     cursor:pointer;
     width: 70PX;
-    height: 65PX;
-    background-color: #edf6ff;
+    height: 80PX;
+    // background-color: #edf6ff;
     border-radius: 6PX;
     line-height: 1.15;
     .patternWalk{
@@ -88,22 +88,28 @@
     height: 24PX;
   }
   .single-model .model-icon {
-    margin-top: 10PX;
+    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: 65PX;
-    background-color: #a2cfff;
+    height: 80PX;
+    background-color: #edf6ff;
     border-radius: 6PX;
-    // border: solid 1PX #409eff;
+    line-height: 1.15;
   }
   .single-model-name {
-    margin-top: 3PX;
+    margin-top: 13PX;
     font-size: 12PX;
     font-weight: normal;
     font-stretch: normal;
@@ -111,6 +117,15 @@
     letter-spacing: 0PX;
     color: #606266;
   }
+  .single-model-name-theme {
+    margin-top: 13PX;
+    font-size: 12PX;
+    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;
@@ -207,7 +222,7 @@
 }
 // 手动控制弹框
 .manual-control-modal{
-  padding: 21PX 0PX 21PX 28PX;
+  // padding: 21PX 0PX 21PX 28PX;
   min-width: 360PX;
   overflow: auto;
   .title {
@@ -240,7 +255,6 @@
   }
   .el-form-item__label {
     font-size: 14PX;
-    font-weight: 400;
     color: $--color-text-secondary;
   }
   .el-dialog__footer {
@@ -264,25 +278,52 @@
       text-align: left;
     }
   }
-  .footer {
-    button {
-      width: 56PX;
-      height: 32PX;
-      padding: 0;
-      text-align: center;
-      line-height: 30PX;
-      font-size: 12PX;
-      font-weight: normal;
-      font-stretch: normal;
-    }
-  }
   .model-label, .stage-label {
     color: $--color-text-secondary;
   }
 } 
+.manual-control-modal-new {
+  padding: 20PX;
+  .el-tabs__nav.is-top {
+    width: 100%;
+  }
+  .el-tabs--card>.el-tabs__header .el-tabs__item {
+    background-color: $--background-color-base;
+    width: 25%;
+    text-align: center;
+    border-left: none;
+    border-bottom-color: $--border-color-light;
+  }
+  .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+    background-color: $--color-white;
+    border-bottom: none;
+  }
+  .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;
+  }
+}
 .priority-control{
   height: 100%;
-  padding: 21PX 0PX 21PX 28PX;
   min-width: 360PX;
   overflow: auto;
   .title {
@@ -299,32 +340,19 @@
   }
   .footer {
     float: right;
-    margin: 38PX 24PX 40PX 0;
-    button {
-      width: 56PX;
-      height: 32PX;
-      padding: 0;
-      text-align: center;
-      line-height: 30PX;
-      font-size: 12PX;
-      font-weight: normal;
-      font-stretch: normal;
-    }
   }
   .el-input--mini{
     width: 90%;
   }
   .el-form-item {
     margin-bottom: 10PX;
+    margin-right: 10PX;
   }
   .el-form-item__label {
     font-size: 14PX;
-    font-weight: 400;
+    font-weight: 700;
     color: $--color-text-secondary;
   }
-  .el-select {
-    width: 90%;
-  }
   .el-input-number {
     width: 100%;
     .el-input__inner {
@@ -334,7 +362,7 @@
 }
 .tentativeplan-control{
   // height: 100%;
-  padding: 21PX 0PX 21PX 28PX;
+  // padding: 21PX 0PX 21PX 28PX;
   min-width: 360PX;
   overflow: hidden !important;
   .forbiddenstage{
@@ -389,14 +417,13 @@
   }
   .footer {
     float: right;
-    margin: 38PX 24PX 40PX 0;
   }
   .el-form-item {
     margin-bottom: 0PX;
+    margin-right: 10PX;
   }
   .el-form-item__label {
     font-size: 14PX;
-    font-weight: 400;
     color: $--color-text-secondary;
   }
   .el-dialog__footer {
@@ -405,27 +432,12 @@
   .el-dialog__header {
     padding: 19PX 30PX;
   }
-  .el-select {
-    width: 90%;
-  }
   .el-input-number {
     width: 100%;
     .el-input__inner {
       text-align: left;
     }
   }
-  .footer {
-    button {
-      width: 56PX;
-      height: 32PX;
-      padding: 0;
-      text-align: center;
-      line-height: 30PX;
-      font-size: 12PX;
-      font-weight: normal;
-      font-stretch: normal;
-    }
-  }
   .model-label, .stage-label {
     color: $--color-text-secondary;
   }

package/static/styles/stages.scss

@@ -35,14 +35,7 @@
     }
   }
   .single-model-select {
-    margin-right: 10px;
-    text-align: center;
-    cursor:pointer;
-    width: 70px;
-    height: 65px;
-    background-color: #a2cfff;
-    border-radius: 6px;
-    // border: solid 1PX #409eff;
+    // background-color: #a2cfff;
   }
   .single-model-name {
     margin-top: 3px;