openatc-components 0.0.1 → 0.0.6

package/static/styles/intersection.scss

@@ -0,0 +1,144 @@
+// 路口图组件
+.intersection-map {
+  .crossDirection-display {
+    // height: 650px;
+    // transform-origin: center top;
+    padding-top: 30px;
+  }
+  .changeWidth {
+    width: 98% !important;
+  }
+  .changePaddingBottom {
+    padding-bottom: 30px;
+  }
+  /*当屏幕小于等于1680px的屏幕样式*/
+  @media only screen and (max-width: 1680px){
+    .crossDirection-display{
+      // transform: scale(0.9);
+      zoom: 0.9;
+      
+    }
+    .centerText .text {
+      font-size: 14px;
+    }
+   }
+  /*当屏幕小于等于1440px的屏幕样式*/
+  @media only screen and (max-width: 1440px){
+    .crossDirection-display{
+      // transform: scale(0.8);
+      zoom: 0.8;
+      
+    }
+    .centerText .text {
+      font-size: 18px;
+    }
+   }
+   /*当屏幕小于等于1280px的屏幕样式*/
+  @media only screen and (max-width: 1280px){
+    .crossDirection-display{
+      // transform: scale(0.65);
+      zoom: 0.65;
+    }
+    .centerText .text {
+      font-size: 20px;
+    }
+   }
+   /*当屏幕小于等于960px的屏幕样式*/
+  @media only screen and (max-width: 960px){
+    .crossDirection-display{
+      // transform: scale(0.5);
+      zoom: 0.5;
+    }
+    .centerText .text {
+      font-size: 14px;
+    }
+   }
+    /*当屏幕小于等于720px的屏幕样式*/
+  @media only screen and (max-width: 720px){
+    .crossDirection-display{
+      // transform: scale(0.45);
+      zoom: 0.45;
+    }
+    .centerText .text {
+      font-size: 14px;
+    }
+   }
+  // 小屏幕打开首页适配样式
+  .minifont {
+    font-size: 12px;
+    .cross-mess {
+      font-size: 16px;
+    }
+    .cross-value {
+      font-size: 12px;
+    }
+    .pattern-message {
+      font-size: 12px;
+    }
+  }
+  .superlargeCrossImg {
+  //  transform: scale(0.9);
+   zoom: 1;
+  
+  }
+  .largeCrossImg {
+  //  transform: scale(0.8);
+   zoom: 0.9;
+  
+  }
+  .middleCrossImg {
+  //  transform: scale(0.65);
+  // zoom: 0.65;
+  zoom: 0.8;
+  }
+  .smallCrossImg {
+  //  transform: scale(0.5);
+  //  zoom: 0.5;
+  zoom: 0.65;
+  }
+  .miniCrossImg {
+  //  transform: scale(0.45);
+  //  zoom: 0.45;
+   zoom: 0.5;
+  }
+  .superminiCrossImg {
+  //  transform: scale(0.35);
+  //  zoom: 0.35;
+    zoom: 0.45;
+  }
+  .minimumCrossImg {
+  //  transform: scale(0.25);
+  //  zoom: 0.25;
+    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.38);
+     margin-top: -1.5%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .transMiddleCrossImg3 {
+    -webkit-transform-origin-y: 0;
+     transform: scale(0.32);
+     margin-top: -1%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .transMiniCrossImg {
+    -webkit-transform-origin-y: 0;
+     transform: scale(0.28);
+     margin-top: -1.6%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+}

package/static/styles/light/index.scss

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

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

@@ -0,0 +1,43 @@
+/**
+ * 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: #409EFF;
+// $--color-white: #202940;
+// $--color-black: #30384D;
+// $--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: #30384D;
+// $--border-color-light: #30384D;
+// $--border-color-lighter: #30384D;
+// $--border-color-extra-light:#30384D;
+// $--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: $--color-text-placeholder;
+// $--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/schemeconfig.scss

@@ -0,0 +1,299 @@
+// 方案配置面板
+.scheme-config {
+  .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: 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;
+  }
+  .model-label, .stage-label {
+    width: 100px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #606266;
+    line-height: 28px;
+    padding-right: 12px;
+  }
+  .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: 14px !important;
+    }
+  }
+  .single-model .closephase-icon {
+    margin-top: 10px;
+    width: 56px;
+    height: 24px;
+  }
+  .single-model .model-icon {
+    margin-top: 10px;
+    width: 24px;
+    height: 24px;
+  }
+  .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;
+  }
+  .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;
+  }
+  .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: #409EFF;
+    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;
+  }
+  .model-label {
+    margin-top: 14px;
+  }
+  .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;
+    font-weight: 400;
+    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 {
+    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;
+  }
+} 
+
+.closephase-control{
+  height: 100%;
+  min-width: 250px;
+  overflow: auto;
+  .closephasekanban {
+    width: 60%;
+    margin: 0 auto;
+    margin-bottom: 13px;
+  }
+  .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 {
+    width: 100%;
+  }
+  .el-form-item__content {
+    width: calc(100% - 120px);
+    min-width: 80px;
+  }
+}

package/static/token.json

@@ -0,0 +1,3 @@
+{
+  "TOKEN": "eyJraWQiOiIxNjQ1Njk3NDc4NjcyIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczMjA5NzQ3OCwiaWF0IjoxNjQ1Njk3NDc4fQ.GBs4LNev9ttF95hLD63eWmdkJYD0lEhqrnqOpYK4dlU"
+}

package/test/e2e/custom-assertions/elementCount.js

@@ -1,27 +1,27 @@
-// A custom Nightwatch assertion.
-// The assertion name is the filename.
-// Example usage:
-//
-//   browser.assert.elementCount(selector, count)
-//
-// For more information on custom assertions see:
-// http://nightwatchjs.org/guide#writing-custom-assertions
-
-exports.assertion = function (selector, count) {
-  this.message = 'Testing if element <' + selector + '> has count: ' + count
-  this.expected = count
-  this.pass = function (val) {
-    return val === this.expected
-  }
-  this.value = function (res) {
-    return res.value
-  }
-  this.command = function (cb) {
-    var self = this
-    return this.api.execute(function (selector) {
-      return document.querySelectorAll(selector).length
-    }, [selector], function (res) {
-      cb.call(self, res)
-    })
-  }
-}
+// A custom Nightwatch assertion.
+// The assertion name is the filename.
+// Example usage:
+//
+//   browser.assert.elementCount(selector, count)
+//
+// For more information on custom assertions see:
+// http://nightwatchjs.org/guide#writing-custom-assertions
+
+exports.assertion = function (selector, count) {
+  this.message = 'Testing if element <' + selector + '> has count: ' + count
+  this.expected = count
+  this.pass = function (val) {
+    return val === this.expected
+  }
+  this.value = function (res) {
+    return res.value
+  }
+  this.command = function (cb) {
+    var self = this
+    return this.api.execute(function (selector) {
+      return document.querySelectorAll(selector).length
+    }, [selector], function (res) {
+      cb.call(self, res)
+    })
+  }
+}

package/test/e2e/nightwatch.conf.js

@@ -1,46 +1,46 @@
-require('babel-register')
-var config = require('../../config')
-
-// http://nightwatchjs.org/gettingstarted#settings-file
-module.exports = {
-  src_folders: ['test/e2e/specs'],
-  output_folder: 'test/e2e/reports',
-  custom_assertions_path: ['test/e2e/custom-assertions'],
-
-  selenium: {
-    start_process: true,
-    server_path: require('selenium-server').path,
-    host: '127.0.0.1',
-    port: 4444,
-    cli_args: {
-      'webdriver.chrome.driver': require('chromedriver').path
-    }
-  },
-
-  test_settings: {
-    default: {
-      selenium_port: 4444,
-      selenium_host: 'localhost',
-      silent: true,
-      globals: {
-        devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)
-      }
-    },
-
-    chrome: {
-      desiredCapabilities: {
-        browserName: 'chrome',
-        javascriptEnabled: true,
-        acceptSslCerts: true
-      }
-    },
-
-    firefox: {
-      desiredCapabilities: {
-        browserName: 'firefox',
-        javascriptEnabled: true,
-        acceptSslCerts: true
-      }
-    }
-  }
-}
+require('babel-register')
+var config = require('../../config')
+
+// http://nightwatchjs.org/gettingstarted#settings-file
+module.exports = {
+  src_folders: ['test/e2e/specs'],
+  output_folder: 'test/e2e/reports',
+  custom_assertions_path: ['test/e2e/custom-assertions'],
+
+  selenium: {
+    start_process: true,
+    server_path: require('selenium-server').path,
+    host: '127.0.0.1',
+    port: 4444,
+    cli_args: {
+      'webdriver.chrome.driver': require('chromedriver').path
+    }
+  },
+
+  test_settings: {
+    default: {
+      selenium_port: 4444,
+      selenium_host: 'localhost',
+      silent: true,
+      globals: {
+        devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)
+      }
+    },
+
+    chrome: {
+      desiredCapabilities: {
+        browserName: 'chrome',
+        javascriptEnabled: true,
+        acceptSslCerts: true
+      }
+    },
+
+    firefox: {
+      desiredCapabilities: {
+        browserName: 'firefox',
+        javascriptEnabled: true,
+        acceptSslCerts: true
+      }
+    }
+  }
+}