openatc-components 0.5.9 → 0.5.11

package/static/styles/overview.scss

@@ -1,147 +1,152 @@
-
- 
-// 总览页面
-.container-main {
-  width: 100%;
-  // height: 880PX;
-  height: 100%;
-  // min-width: 1250PX;
-  background: $--background-color-base;
-  .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;
-  }
-  .icon-ziyuan:before {
-    content: "\e670";
-    position:absolute;
-    z-index:2;
-    left: 45PX;
-    top: 72PX;
-    // color: #$--color-primary;
-  }
-  .tuxing-left {
-    float: left;
-    // margin-top: 20PX;
-    margin-left: 1%;
-    width: 62%;
-    // height: 860PX;
-    background-color: $--color-white;
-    border: solid 1PX $--border-color-lighter;
-  }
-  .tuxing-right {
-    float: left;
-    margin-left: 1%;
-    width: 35%;
-    box-sizing: border-box;
-    background-color: $--color-white;
-    border: solid 1PX $--border-color-lighter;
-    position: relative;
-    overflow-x: auto;
-  }
-  .main-patternstatus{
-    .curTimeLine {
-      position: absolute;
-      top: -10PX;
-      width: 2PX;
-      z-index: 999;
-      background-color: $--color-text-primary;
-    }
-    .divider {
-      position: absolute;
-      top: -10PX;
-      // left: 370px;
-      width: 2PX;
-      // height: 99px;
-      z-index: 999;
-      background-color: $--color-text-primary;
-    }
-    .curTimeDiv {
-      position: absolute;
-      z-index:50;
-      top: -25PX;
-      font-size: 14PX;
-      margin-left: -10PX;
-      text-align:center;
-      vertical-align: middle;
-      width: 25PX;
-      height: 19PX;
-      color: $--color-text-primary;
-      // background-color: black;
-    }
-  }
-  .pattern-status {
-    min-height: 200PX;
-    margin-left: 20PX;
-    margin-top: 20PX;
-    margin-right: 20PX;
-    margin-bottom: 86PX;
-    .overLap{
-      width: 100% !important;
-    }
-  }
-  .pattern-name {
-    display: inline;
-    font-size: 20PX;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 22PX;
-    letter-spacing: 0PX;
-    color: $--color-text-primary;
-  }
-  .pattern-message {
-    display: inline;
-    margin-left: 10PX;
-    font-size: 14PX;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 22PX;
-    letter-spacing: 0PX;
-    color: $--color-text-regular;
-  }
-
-  .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;
-  }
-  
-
-  .el-tag {
-    margin-right: 4PX;
-    margin-bottom: 4PX;
-  }
-  .sloat-icon {
-    cursor:pointer;
-    margin-top: 15PX;
-  }
-  .pattern-explain {
-    float: right;
-    color: $--color-text-regular;
-    .el-checkbox__label {
-      font-size: 14PX;
-      color: $--color-text-regular;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 22PX;
-      letter-spacing: 0PX;
-    }
-  }
- .jsontextarea {
-  textarea {
-    min-height: 200PX !important;
-    max-height:300PX;
-  }
- }
+
+ 
+// 总览页面
+.container-main {
+  width: 100%;
+  // height: 880PX;
+  height: 100%;
+  // min-width: 1250PX;
+  background: $--background-color-base;
+  .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;
+  }
+  .icon-ziyuan:before {
+    content: "\e670";
+    position:absolute;
+    z-index:2;
+    left: 45PX;
+    top: 72PX;
+    // color: #$--color-primary;
+  }
+  .tuxing-left {
+    float: left;
+    // margin-top: 20PX;
+    margin-left: 1%;
+    width: 62%;
+    // height: 860PX;
+    background-color: $--color-white;
+    border: solid 1PX $--border-color-lighter;
+  }
+  .tuxing-right {
+    float: left;
+    margin-left: 1%;
+    width: 35%;
+    box-sizing: border-box;
+    background-color: $--color-white;
+    border: solid 1PX $--border-color-lighter;
+    position: relative;
+    overflow-x: auto;
+  }
+  .main-patternstatus{
+    .curTimeLine {
+      position: absolute;
+      top: -10PX;
+      width: 2PX;
+      z-index: 999;
+      background-color: $--color-text-primary;
+    }
+    .divider {
+      position: absolute;
+      top: -10PX;
+      // left: 370px;
+      width: 2PX;
+      // height: 99px;
+      z-index: 999;
+      background-color: $--color-text-primary;
+    }
+    .curTimeDiv {
+      position: absolute;
+      z-index:50;
+      top: -25PX;
+      font-size: 14PX;
+      margin-left: -10PX;
+      text-align:center;
+      vertical-align: middle;
+      width: 25PX;
+      height: 19PX;
+      color: $--color-text-primary;
+      // background-color: black;
+    }
+  }
+  .pattern-status {
+    min-height: 200PX;
+    margin-left: 20PX;
+    margin-top: 20PX;
+    margin-right: 20PX;
+    margin-bottom: 86PX;
+    .overLap{
+      width: 100% !important;
+    }
+  }
+  .pattern-name {
+    display: inline;
+    font-size: 20PX;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 22PX;
+    letter-spacing: 0PX;
+    color: $--color-text-primary;
+  }
+  .pattern-message {
+    display: inline;
+    margin-left: 10PX;
+    font-size: 14PX;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 22PX;
+    letter-spacing: 0PX;
+    color: $--color-text-regular;
+  }
+
+  .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;
+  }
+  
+
+  .el-tag {
+    margin-right: 4PX;
+    margin-bottom: 4PX;
+  }
+  .sloat-icon {
+    cursor:pointer;
+    margin-top: 15PX;
+  }
+  .pattern-explain {
+    float: right;
+    color: $--color-text-regular;
+    .el-checkbox__label {
+      font-size: 14PX;
+      color: $--color-text-regular;
+      font-weight: normal;
+      font-stretch: normal;
+      line-height: 22PX;
+      letter-spacing: 0PX;
+    }
+  }
+ .jsontextarea {
+  textarea {
+    min-height: 200PX !important;
+    max-height:300PX;
+  }
+ }
+}
+.el-button-group {
+  .btn {
+    color: $--color-text-primary;
+  }
 }

package/static/styles/patternConfig.scss

@@ -1,56 +1,56 @@
-// 路线优化
-.patternConfig {
-  // margin-top: 15PX;
-  height: 100%;
-  background-color: $--background-color-base;
-  .el-dialog__body {
-    padding: 0;
-  }
-  .main-container {
-    border: 0PX solid red;
-    width: 100%;
-    height: 100%;
-    // margin-top: 10PX;
-    // margin-bottom: 10PX;
-    .panel-content {
-      border: 0PX solid green;
-      width: 100%;
-      height: 680PX;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      .route-filter-container {
-        display: flex;
-        justify-content: flex-start;
-        margin-top: 10PX;
-        margin-left: 20PX;
-        flex-wrap: wrap;
-        .filter {
-          width: 30%;
-          border: 0PX solid red;
-          display: flex;
-          padding: 0 0 8PX 0;
-          justify-content: flex-start;
-          align-items: center;
-          .header-span {
-            width: 45PX;
-            border: 0PX solid red;
-            display: flex;
-            justify-content: flex-end;
-            color: $--color-text-secondary;
-            font-size: 14PX;
-            font-weight: normal;
-            font-stretch: normal;
-            line-height: 14PX;
-          }
-        }
-      }
-    }
-  }
-  .table-container {
-    .app-container {
-      background-color: $--color-white;
-      padding: 0;
-    }
-  }
-}
+// 路线优化
+.patternConfig {
+  // margin-top: 15PX;
+  height: 100%;
+  background-color: $--background-color-base;
+  .el-dialog__body {
+    padding: 0;
+  }
+  .main-container {
+    border: 0PX solid red;
+    width: 100%;
+    height: 100%;
+    // margin-top: 10PX;
+    // margin-bottom: 10PX;
+    .panel-content {
+      border: 0PX solid green;
+      width: 100%;
+      height: 680PX;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      .route-filter-container {
+        display: flex;
+        justify-content: flex-start;
+        margin-top: 10PX;
+        margin-left: 20PX;
+        flex-wrap: wrap;
+        .filter {
+          width: 30%;
+          border: 0PX solid red;
+          display: flex;
+          padding: 0 0 8PX 0;
+          justify-content: flex-start;
+          align-items: center;
+          .header-span {
+            width: 45PX;
+            border: 0PX solid red;
+            display: flex;
+            justify-content: flex-end;
+            color: $--color-text-secondary;
+            font-size: 14PX;
+            font-weight: normal;
+            font-stretch: normal;
+            line-height: 14PX;
+          }
+        }
+      }
+    }
+  }
+  .table-container {
+    .app-container {
+      background-color: $--color-white;
+      padding: 0;
+    }
+  }
+}

package/static/styles/phasePedSelect.scss

@@ -1,71 +1,71 @@
-// phasepedselect
-.PhasePedSelect {
-  width: 100%;
-  height: auto;
-  // margin-top: 10PX;
-  // border: 1PX solid red;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-  .item {
-    width: 100%;
-    height: 50%;
-    // border: 1PX solid green;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    .name {
-      width: 100%;
-      height: 20%;
-      // border: 1PX solid green;
-      display: flex;
-      align-items: center;
-      font-size: 14PX;
-      color: $--color-text-secondary;
-      padding: 10PX 0;
-      font-weight: 700;
-    }
-    .content {
-      width: 100%;
-      height: 80%;
-      // border: 1PX solid green;
-      display: flex;
-      justify-content: flex-start;
-      flex-wrap: wrap;
-      gap: 10PX;
-      cursor: pointer;
-      .card {
-        width: 70PX;
-        height: 80PX;
-        // border: 1PX solid red;
-        position: relative;
-        // background-color: #243d59;
-        background-color: $--card-background-base;
-        border-radius: 5PX;
-        .num {
-          color: $--color-text-primary;
-          position: absolute;
-          left: 5PX;
-          bottom: 5PX;
-        }
-      }
-      .card-selected {
-        width: 70PX;
-        height: 80PX;
-        // border: 1PX solid red;
-        position: relative;
-        // background-color: #0082ac;
-        background-color: $--card-background-selected;
-        border-radius: 5PX;
-        .num {
-          color: $--color-text-primary;
-          position: absolute;
-          left: 5PX;
-          bottom: 5PX;
-        }
-      }
-    }
-  }
-}
+// phasepedselect
+.PhasePedSelect {
+  width: 100%;
+  height: auto;
+  // margin-top: 10PX;
+  // border: 1PX solid red;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  .item {
+    width: 100%;
+    height: 50%;
+    // border: 1PX solid green;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    .name {
+      width: 100%;
+      height: 20%;
+      // border: 1PX solid green;
+      display: flex;
+      align-items: center;
+      font-size: 14PX;
+      color: $--color-text-secondary;
+      padding: 10PX 0;
+      font-weight: 700;
+    }
+    .content {
+      width: 100%;
+      height: 80%;
+      // border: 1PX solid green;
+      display: flex;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      gap: 10PX;
+      cursor: pointer;
+      .card {
+        width: 70PX;
+        height: 80PX;
+        // border: 1PX solid red;
+        position: relative;
+        // background-color: #243d59;
+        background-color: $--card-background-base;
+        border-radius: 5PX;
+        .num {
+          color: $--color-text-primary;
+          position: absolute;
+          left: 5PX;
+          bottom: 5PX;
+        }
+      }
+      .card-selected {
+        width: 70PX;
+        height: 80PX;
+        // border: 1PX solid red;
+        position: relative;
+        // background-color: #0082ac;
+        background-color: $--card-background-selected;
+        border-radius: 5PX;
+        .num {
+          color: $--color-text-primary;
+          position: absolute;
+          left: 5PX;
+          bottom: 5PX;
+        }
+      }
+    }
+  }
+}

package/static/styles/stages.scss

@@ -1,58 +1,58 @@
-
- //阶段图/相位图例
- .intersection-stages, .intersection-phases {
-  .cross-content {
-    margin-top: 19PX;
-    // 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;
-  }
-  .single-model {
-    margin-right: 10px;
-    text-align: center;
-    cursor:pointer;
-    width: 70px;
-    height: 65px;
-    background-color: #edf6ff;
-    border-radius: 6px;
-    line-height: 1.15;
-    .patternWalk{
-      // left: 8PX !important;
-      top: 5PX !important;
-    }
-  }
-  .single-model-select {
-    // background-color: #a2cfff;
-  }
-  .single-model-name {
-    margin-top: 3px;
-    font-size: 12px;
-    font-weight: normal;
-    font-stretch: normal;
-    // line-height: 22PX;
-    letter-spacing: 0px;
-    color: #606266;
-  }
-  .current-stage-num {
-    margin-top: 3PX;
-    font-size: 12PX;
-    font-weight: bold;
-    font-stretch: normal;
-    letter-spacing: 0PX;
-    // color: #303133;
-    color:#606266;
-  }
+
+ //阶段图/相位图例
+ .intersection-stages, .intersection-phases {
+  .cross-content {
+    margin-top: 19PX;
+    // 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;
+  }
+  .single-model {
+    margin-right: 10px;
+    text-align: center;
+    cursor:pointer;
+    width: 70px;
+    height: 65px;
+    background-color: #edf6ff;
+    border-radius: 6px;
+    line-height: 1.15;
+    .patternWalk{
+      // left: 8PX !important;
+      top: 5PX !important;
+    }
+  }
+  .single-model-select {
+    // background-color: #a2cfff;
+  }
+  .single-model-name {
+    margin-top: 3px;
+    font-size: 12px;
+    font-weight: normal;
+    font-stretch: normal;
+    // line-height: 22PX;
+    letter-spacing: 0px;
+    color: #606266;
+  }
+  .current-stage-num {
+    margin-top: 3PX;
+    font-size: 12PX;
+    font-weight: bold;
+    font-stretch: normal;
+    letter-spacing: 0PX;
+    // color: #303133;
+    color:#606266;
+  }
  }