openatc-components 0.5.16 → 0.5.17

package/static/styles/intersection.scss

@@ -1,181 +1,181 @@
-// 路口图组件
-.intersection-with-interface {
-  height: 100%;
-}
-.intersection-map {
-  height: 100%;
-  overflow: hidden;
-  .crossDirection-display {
-    // height: 650px;
-    // transform-origin: center top;
-    padding-top: 30px;
-  }
-  .changeWidth {
-    width: 98% !important;
-  }
-  .changePaddingBottom {
-    padding-bottom: 30px;
-  }
-  @media only screen and (min-width: 2048px){
-    .crossDirection-display{
-      zoom: 1.5;
-    }
-   }
-  @media only screen and (max-width: 2048px){
-    .crossDirection-display{
-      zoom: 1.3;
-    }
-   }
-  @media only screen and (max-width: 1920px){
-    .crossDirection-display{
-      zoom: 1.2;
-    }
-   }
-  /*当屏幕小于等于1680px的屏幕样式*/
-  @media only screen and (max-width: 1680px){
-    .crossDirection-display{
-      // transform: scale(0.9);
-      zoom: 0.9;
-      
-    }
-   }
-  /*当屏幕小于等于1440px的屏幕样式*/
-  @media only screen and (max-width: 1440px){
-    .crossDirection-display{
-      // transform: scale(0.8);
-      zoom: 0.8;
-      
-    }
-   }
-   /*当屏幕小于等于1280px的屏幕样式*/
-  @media only screen and (max-width: 1280px){
-    .crossDirection-display{
-      // transform: scale(0.65);
-      zoom: 0.65;
-    }
-   }
-   /*当屏幕小于等于960px的屏幕样式*/
-  @media only screen and (max-width: 960px){
-    .crossDirection-display{
-      // transform: scale(0.5);
-      zoom: 0.5;
-    }
-   }
-    /*当屏幕小于等于720px的屏幕样式*/
-  @media only screen and (max-width: 720px){
-    .crossDirection-display{
-      // transform: scale(0.45);
-      zoom: 0.45;
-    }
-   }
-  // 小屏幕打开首页适配样式
-  .minifont {
-    font-size: 12px;
-    .cross-mess {
-      font-size: 16px;
-    }
-    .cross-value {
-      font-size: 12px;
-    }
-    .pattern-message {
-      font-size: 12px;
-    }
-  }
-
-  .widescreenCrossImg {
-    // 宽屏最大缩放到1.3，否则高度溢出
-    zoom: 1.3;
-  }
-  .superlargeCrossImg {
-  //  transform: scale(0.9);
-    zoom: 1.1;
-  }
-  .largeCrossImg {
-    zoom: 1.1;
-  }
-  .middleCrossImg {
-    zoom: 1;
-  }
-  .middleCrossImg2 {
-    zoom: 0.8;
-  }
-  .smallCrossImg {
-    zoom: 0.8;
-  }
-  .smallCrossImg2 {
-    zoom: 0.8;
-  }
-  .miniCrossImg {
-    zoom: 0.7;
-  }
-  .superminiCrossImg {
-    zoom: 0.6;
-  }
-  .minimumCrossImg {
-    zoom: 0.35;
-  }
-  .transMiddleCrossImg {
-    -webkit-transform-origin-y: 0;
-     transform: scale(0.55);
-    //  transform: translateX(0.45) translateY(0.45);
-    //  transform: scale(0.25);
-     margin-top: 3%;
-     padding: 0PX;
-    //  zoom: 0.25;
-   }
-   .transMiddleCrossImg2 {
-    -webkit-transform-origin-y: 0;
-    //  transform: scale(0.27);
-    //  margin-top: -1.5%;
-     transform: scale(0.4);
-     margin-top: 0%;
-     padding: 0PX;
-    //  zoom: 0.25;
-   }
-   .transMiddleCrossImg3 {
-    -webkit-transform-origin-y: 0;
-     transform: scale(0.22);
-     margin-top: -1%;
-     padding: 0PX;
-    //  zoom: 0.25;
-   }
-   .transMiniCrossImg {
-    -webkit-transform-origin-y: 0;
-     transform: scale(0.18);
-     margin-top: -1.6%;
-     padding: 0PX;
-    //  zoom: 0.25;
-   }
-   .controlText {
-    position:absolute;
-    top:20%;
-    left:7%;
-    width:25%;
-    height:50px;
-    color: $--color-text-primary;
-    font-size:30PX;
- }
- .modeText {
-    position:absolute;
-    top:20%;
-    left:68%;
-    width:25%;
-    height:50px;
-    color: $--color-text-primary;
-    font-size:30PX;
- }
- .stateText {
-    position:absolute;
-    top:12%;
-    left:50%;
-    width:25%;
-    height:50px;
-    color: $--color-text-primary;
-    font-size:30PX;
- }
- .centerText {
-  .text {
-    font-size: 18PX;
-  }
- }
+// 路口图组件
+.intersection-with-interface {
+  height: 100%;
+}
+.intersection-map {
+  height: 100%;
+  overflow: hidden;
+  .crossDirection-display {
+    // height: 650px;
+    // transform-origin: center top;
+    padding-top: 30px;
+  }
+  .changeWidth {
+    width: 98% !important;
+  }
+  .changePaddingBottom {
+    padding-bottom: 30px;
+  }
+  @media only screen and (min-width: 2048px){
+    .crossDirection-display{
+      zoom: 1.5;
+    }
+   }
+  @media only screen and (max-width: 2048px){
+    .crossDirection-display{
+      zoom: 1.3;
+    }
+   }
+  @media only screen and (max-width: 1920px){
+    .crossDirection-display{
+      zoom: 1.2;
+    }
+   }
+  /*当屏幕小于等于1680px的屏幕样式*/
+  @media only screen and (max-width: 1680px){
+    .crossDirection-display{
+      // transform: scale(0.9);
+      zoom: 0.9;
+      
+    }
+   }
+  /*当屏幕小于等于1440px的屏幕样式*/
+  @media only screen and (max-width: 1440px){
+    .crossDirection-display{
+      // transform: scale(0.8);
+      zoom: 0.8;
+      
+    }
+   }
+   /*当屏幕小于等于1280px的屏幕样式*/
+  @media only screen and (max-width: 1280px){
+    .crossDirection-display{
+      // transform: scale(0.65);
+      zoom: 0.65;
+    }
+   }
+   /*当屏幕小于等于960px的屏幕样式*/
+  @media only screen and (max-width: 960px){
+    .crossDirection-display{
+      // transform: scale(0.5);
+      zoom: 0.5;
+    }
+   }
+    /*当屏幕小于等于720px的屏幕样式*/
+  @media only screen and (max-width: 720px){
+    .crossDirection-display{
+      // transform: scale(0.45);
+      zoom: 0.45;
+    }
+   }
+  // 小屏幕打开首页适配样式
+  .minifont {
+    font-size: 12px;
+    .cross-mess {
+      font-size: 16px;
+    }
+    .cross-value {
+      font-size: 12px;
+    }
+    .pattern-message {
+      font-size: 12px;
+    }
+  }
+
+  .widescreenCrossImg {
+    // 宽屏最大缩放到1.3，否则高度溢出
+    zoom: 1.3;
+  }
+  .superlargeCrossImg {
+  //  transform: scale(0.9);
+    zoom: 1.1;
+  }
+  .largeCrossImg {
+    zoom: 1.1;
+  }
+  .middleCrossImg {
+    zoom: 1;
+  }
+  .middleCrossImg2 {
+    zoom: 0.8;
+  }
+  .smallCrossImg {
+    zoom: 0.8;
+  }
+  .smallCrossImg2 {
+    zoom: 0.8;
+  }
+  .miniCrossImg {
+    zoom: 0.7;
+  }
+  .superminiCrossImg {
+    zoom: 0.6;
+  }
+  .minimumCrossImg {
+    zoom: 0.35;
+  }
+  .transMiddleCrossImg {
+    -webkit-transform-origin-y: 0;
+     transform: scale(0.55);
+    //  transform: translateX(0.45) translateY(0.45);
+    //  transform: scale(0.25);
+     margin-top: 3%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .transMiddleCrossImg2 {
+    -webkit-transform-origin-y: 0;
+    //  transform: scale(0.27);
+    //  margin-top: -1.5%;
+     transform: scale(0.4);
+     margin-top: 0%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .transMiddleCrossImg3 {
+    -webkit-transform-origin-y: 0;
+     transform: scale(0.22);
+     margin-top: -1%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .transMiniCrossImg {
+    -webkit-transform-origin-y: 0;
+     transform: scale(0.18);
+     margin-top: -1.6%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .controlText {
+    position:absolute;
+    top:20%;
+    left:7%;
+    width:25%;
+    height:50px;
+    color: $--color-text-primary;
+    font-size:30PX;
+ }
+ .modeText {
+    position:absolute;
+    top:20%;
+    left:68%;
+    width:25%;
+    height:50px;
+    color: $--color-text-primary;
+    font-size:30PX;
+ }
+ .stateText {
+    position:absolute;
+    top:12%;
+    left:50%;
+    width:25%;
+    height:50px;
+    color: $--color-text-primary;
+    font-size:30PX;
+ }
+ .centerText {
+  .text {
+    font-size: 18PX;
+  }
+ }
 }

package/static/styles/light/index.scss

@@ -1,3 +1,3 @@
-@import './theme/element-light.scss';
-@import '../index.scss';
+@import './theme/element-light.scss';
+@import '../index.scss';
 @import '../common.scss';

package/static/styles/light/theme/element-light.scss

@@ -1,45 +1,45 @@
-/**
- * Copyright (c) 2020 kedacom
- * OpenATC is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- * http://license.coscl.org.cn/MulanPSL2
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- **/
-/* 改变主题色变量 */
-$--color-black: #f7f8fa;
-$--color-primary: #299BCC;
-$--card-background-base: #edf6ff;
-$--card-background-selected: #c1e0ff;
-// $--color-white: #202940;
-// $--color-black: #f7f8fa;
-// $--background-color-base: #191F34;
-// $--color-text-primary: #FFFFFF;
-// $--color-text-regular: #FFFFFF;
-// $--color-text-secondary: #B9BABF;
-// $--color-text-placeholder: #8D9498;
-// $--color-info: #8D9498;
-// $--border-color-base: #DCDFE6;
-// $--border-color-light: #30384D;
-// $--border-color-lighter: #EBEEF5;
-// $--border-color-extra-light:#F2F6FC;
-// $--box-shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
-// $--button-primary-font-color: #FFFFFF;
-// $--button-info-font-color: #FFFFFF;
-// $--button-warning-font-color: #FFFFFF;
-// $--button-danger-font-color: #FFFFFF;
-// $--button-success-font-color: #FFFFFF;
-// $--radio-button-checked-font-color: #FFFFFF;
-// $--radio-font-color: $--color-text-secondary;
-$--tag-info-color: #303133;
-// $--tooltip-color: $--color-white;
-// $--checkbox-font-color: $--color-text-secondary;
-
-
-/* 改变 icon 字体路径变量，必需 */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
-
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+/* 改变主题色变量 */
+$--color-black: #f7f8fa;
+$--color-primary: #299BCC;
+$--card-background-base: #edf6ff;
+$--card-background-selected: #c1e0ff;
+// $--color-white: #202940;
+// $--color-black: #f7f8fa;
+// $--background-color-base: #191F34;
+// $--color-text-primary: #FFFFFF;
+// $--color-text-regular: #FFFFFF;
+// $--color-text-secondary: #B9BABF;
+// $--color-text-placeholder: #8D9498;
+// $--color-info: #8D9498;
+// $--border-color-base: #DCDFE6;
+// $--border-color-light: #30384D;
+// $--border-color-lighter: #EBEEF5;
+// $--border-color-extra-light:#F2F6FC;
+// $--box-shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
+// $--button-primary-font-color: #FFFFFF;
+// $--button-info-font-color: #FFFFFF;
+// $--button-warning-font-color: #FFFFFF;
+// $--button-danger-font-color: #FFFFFF;
+// $--button-success-font-color: #FFFFFF;
+// $--radio-button-checked-font-color: #FFFFFF;
+// $--radio-font-color: $--color-text-secondary;
+$--tag-info-color: #303133;
+// $--tooltip-color: $--color-white;
+// $--checkbox-font-color: $--color-text-secondary;
+
+
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
 @import "~element-ui/packages/theme-chalk/src/index";

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;
+    }
+  }
+}