openatc-components 0.4.97 → 0.4.99

package/package.json

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

package/src/kisscomps/components/BoardCard/BoardCard.vue

@@ -10,6 +10,7 @@
         <PatternStatus
         :showBarrier="showBarrier"
         :controlPhase="controlPhase"
+        :stage="stage"
         :isShowTip="isShowTip"
         :isBorder="isBorder"
         :isMove="isMove"
@@ -76,6 +77,9 @@ export default {
     stagesChange: {
       type: Array
     },
+    stage: {
+      type: Array
+    },
     isMove: {
       type: Boolean,
       default: true

package/src/kisscomps/components/PatternStatus/PatternStatus.vue

@@ -25,9 +25,19 @@
             <el-tooltip placement="top-start" effect="light">
                 <div v-if="item.id" slot="content">P{{ item.id }}:{{ item.split }}</div>
                 <div v-if="item.id" style="cursor: pointer">
+                <div style="cursor: pointer">
+                  <div class="ring-phase" style="float: unset">
+                    <xdrdirselector
+                      v-if="item.direction && item.direction.length > 0"
+                      Width="36px"
+                      Height="34px"
+                      :showlist="item.direction"
+                    ></xdrdirselector>
+                      </div>
+                    </div>
                   <div
                     class="box"
-                    style="position: absolute; width:40px; left: 0; top: 5px"
+                    style="position: absolute; width:40px; left: 40px; top: 5px"
                   >
                     <div class="ring-nums">P{{ item.id }}:{{ item.split }}</div>
                   </div>
@@ -182,6 +192,9 @@ export default {
       type: Boolean,
       default: true
     },
+    stage: {
+      type: Array
+    },
     cycleChange: {
       type: Boolean,
       default: true
@@ -479,6 +492,64 @@ export default {
       // this.handleCurrentChange(this.patternStatusList)
       this.$emit('handleSplitMove', this.patternId)
     },
+    getPedDirection (data) {
+      let ped = []
+      for (let stg of data) {
+        let peddirections = []
+        console.log(this.phaseList, 'this.phaseList')
+        let currPhase = this.phaseList.filter((item) => {
+          return item.Index === stg
+        })[0]
+        if (!currPhase) return
+        if (!currPhase.peddirection) return
+        for (let walk of this.sidewalkPhaseData) {
+          for (let ped of currPhase.peddirection) {
+            let objs = {}
+            objs.name = walk.name
+            objs.id = walk.id
+            if (ped === walk.id) {
+              peddirections.push(objs)
+              peddirections = Array.from(new Set(peddirections))
+            }
+          }
+        }
+        ped.push(...peddirections)
+      }
+      return ped
+    },
+    handleStageDataDerection (data) {
+      if (!data) return
+      let peddirections = this.getPedDirection(data)
+      let stagesTemp = []
+      let tempList = []
+      for (let stg of data) {
+        let directionList = []
+        let currPhase = this.phaseList.filter((item) => {
+          return item.Index === stg
+        })[0]
+        if (currPhase !== undefined) {
+          directionList.push(...currPhase.direction)
+          directionList = Array.from(new Set(directionList))
+        }
+        if (directionList.length === 0) {
+          tempList.push({
+            id: '',
+            color: '#454545',
+            peddirection: peddirections
+          })
+        } else {
+          tempList = directionList.map(dir => ({
+            id: dir,
+            color: '#454545',
+            peddirection: peddirections
+          }))
+        }
+        let newTemp = tempList.filter(item => item.id !== '')
+        stagesTemp.push(...newTemp)
+      }
+      console.log(stagesTemp, 'stagesTemp')
+      return stagesTemp
+    },
     getMaxCycle (pattern) {
       // let rings = pattern.rings
       let maxCycle = 0
@@ -543,6 +614,11 @@ export default {
           if (ring.splitchain === 0) continue
           let obj = {}
           let split = ring.splitchain
+          let currPhase = this.stage.filter((item) => {
+            return item.Index === ring.phases
+          })[0]
+          if (!currPhase) return
+          obj.direction = this.handleStageDataDerection(currPhase.IncludedPhase)
           obj.split = split
           obj.cycle = cycle
           obj.id = ring.phases

package/src/node_modules/.package_versions.json

@@ -0,0 +1 @@
+{}