openatc-components 0.0.3 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openatc-components",
-  "version": "0.0.3",
+  "version": "0.0.9",
   "description": "A Vue.js project",
   "author": "openatc developer",
   "private": false,

package/src/kisscomps/components/CommonKanban/CommonKanban.vue

@@ -43,6 +43,9 @@
             <el-tooltip class="item" effect="dark" placement="left">
               <div slot="content">{{element.name}}</div>
               <div class="common-phase-description">
+                <div v-for="(side, index) in sidewalkPhaseData" :key="side.key + '-' + index">
+                  <PatternWalkSvg v-if="element.peddirection.includes(side.id)" :Data="side" Width="38" Height="40" />
+                </div>
                 <xdrdirselector Width="40px" Height="40px" :showlist="element.desc" :ISActiveMask="ISActiveMask" :MaskColor="MaskColor"></xdrdirselector>
               </div>
             </el-tooltip>
@@ -57,12 +60,14 @@
 <script>
 import xdrdirselector from '../XRDDirSelector/XRDDirSelector'
 import draggable from 'vuedraggable'
+import PatternWalkSvg from '../IntersectionMap/crossDirection/baseImg/PatternWalkSvg'
 
 export default {
   name: 'common-kanban',
   components: {
     draggable,
-    xdrdirselector
+    xdrdirselector,
+    PatternWalkSvg
   },
   props: {
     headerText: {
@@ -86,6 +91,9 @@ export default {
     Draggable: { // 是否开启拖动调整顺序
       type: Boolean,
       default: true
+    },
+    sidewalkPhaseData: {
+      type: Array
     }
   },
   methods: {

package/src/kisscomps/components/IntersectionMap/intersectionmap.vue

@@ -27,7 +27,7 @@
       :crossStatusData="crossStatusData"
       :agentId="agentId"
       :isShowInterval="isShowInterval"
-      :devStatus="devStatus"/>
+      :devStatus="devStatus" />
   </div>
 </div>
 </template>

package/src/kisscomps/components/IntersectionWithInterface/IntersectionWithInterface.vue

@@ -17,7 +17,7 @@
         :crossStatusData="crossStatusData"
         :devStatus="devStatus"
         :agentId="agentId"
-        :graphicMode="true"/>
+        :graphicMode="true" />
   </div>
 </template>
 <script>

package/src/kisscomps/components/SchemeConfig/SchemeConfig.vue

@@ -42,6 +42,7 @@
                 v-if="specialPage === 'closephase'"
                 :controlData="controlData"
                 :closePhaseRings="phaseRings"
+                :sidewalkPhaseData="sidewalkPhaseData"
                 :realtimeStatusModalvisible="realtimeStatusModalvisible"
                 @closePhaseBack="closePhaseBack"
                 @closePhaseControl= "closePhaseControl" />
@@ -49,6 +50,7 @@
                 v-if="specialPage === 'lockingphase'"
                 :controlData="controlData"
                 :closePhaseRings="phaseRings"
+                :sidewalkPhaseData="sidewalkPhaseData"
                 :realtimeStatusModalvisible="realtimeStatusModalvisible"
                 @closePhaseBack="closePhaseBack"
                 @closePhaseControl= "closePhaseControl" />

package/src/kisscomps/components/SchemeConfig/closePhaselControlModal/index.vue

@@ -41,6 +41,7 @@
             :list="ring.phases"
             :header-text="$t('openatccomponents.pattern.ring') + ring.num"
             :Draggable="false"
+            :sidewalkPhaseData="sidewalkPhaseData"
             @handleSort="handleSort">
               <template v-slot:kanbantitle>
                 <div class="col-title" v-text="$t('openatccomponents.overview.closemode')"></div>
@@ -106,6 +107,9 @@ export default {
     realtimeStatusModalvisible: {
       type: Boolean,
       default: true
+    },
+    sidewalkPhaseData: {
+      type: Array
     }
   },
   computed: {

package/src/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue

@@ -57,6 +57,7 @@
             :list="ring.phases"
             :header-text="$t('openatccomponents.pattern.ring') + ring.num"
             :Draggable="false"
+            :sidewalkPhaseData="sidewalkPhaseData"
             @handleSort="handleSort">
               <template v-slot:kanbantitle>
                 <div class="col-title" v-text="$t('openatccomponents.overview.closemode')"></div>
@@ -122,6 +123,9 @@ export default {
     realtimeStatusModalvisible: {
       type: Boolean,
       default: true
+    },
+    sidewalkPhaseData: {
+      type: Array
     }
   },
   data () {

package/src/views/intersection.vue

@@ -12,7 +12,7 @@
       <intersection-with-interface
         ref="intersectionWithInterface"
         :AgentId="agentId"
-        Token="eyJraWQiOiIxNjQ4NDMyMTY5NjExIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNDgzMjE2OSwiaWF0IjoxNjQ4NDMyMTY5fQ.yNM6N0STwcNHE9tYi7fTfb0vqYLabjPntx7pQDS2zy4"
+        Token="eyJraWQiOiIxNjQ4ODAyNTk2Nzc4IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTIwMjU5NiwiaWF0IjoxNjQ4ODAyNTk2fQ.TMA7MaKDDwGxOrzyRIFbfrsH-_UyPGFz2Uqnnwsc8nk"
         ></intersection-with-interface>
     </el-dialog>
   </div>
@@ -24,7 +24,7 @@ export default {
     return {
       boxVisible: false,
       dialogWidth: '80%',
-      agentId: '1640244524086'
+      agentId: '10001-928'
     }
   },
   methods: {

package/src/views/schemeconfig.vue

@@ -22,7 +22,7 @@
       append-to-body>
       <scheme-config
         ref="rightpanel"
-        agentId="1640244524086"
+        agentId="10001-928"
         :statusData="crossStatusData"
         :realtimeStatusModalvisible="false" />
     </el-dialog>

package/static/styles/common.scss

@@ -1,3 +1,18 @@
 @import './intersection.scss';
 @import './schemeconfig.scss';
-@import './commonkanban.scss';
+@import './commonkanban.scss';
+
+ // 全局滚动条样式
+ ::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-thumb {
+  // 滚动条的滑块
+  border-radius: 4px;
+  background: rgba(144, 147, 153, 0.3);
+}
+::-webkit-scrollbar-corner{
+  // 横向滚动条和纵向滚动条同时出现，右下角有个小白方格
+  background: transparent;
+}