openatc-components 0.1.139 → 0.1.142

package/src/kisscomps/components/Stages/index.vue

@@ -28,7 +28,7 @@
                           :showWalk="item[0].peddirection"
                           :Width="'40'"
                           :Height="'40'" /> -->
-              <xdr-dir-selector Width="40PX" Height="40PX" :Data="showStyle" :showlist="item"></xdr-dir-selector>
+              <xdr-dir-selector Width="75PX" Height="75PX" Widths="65px" Heights="65px" :Data="showStyle" :Datas="showStyles" :showlist="item"></xdr-dir-selector>
               <div style="height:65px;display:flex;flex-direction:row;justify-content:center;align-items:end;">
                 <div class="current-stage-num" style="width:20%;">{{index + 1}}</div>
                 <div style="width:70%;">
@@ -80,6 +80,14 @@ export default {
       type: Number,
       default: -1
     },
+    preselectStages:{
+      type: Number,
+      default: -1
+    },
+    preselectModel:{
+      type: Number,
+      default: -1
+    },
     presetPhaseId: {
       type: Number,
       default: -1
@@ -100,8 +108,12 @@ export default {
   data () {
     return {
       showStyle:{
+        top:'7PX',
+        left:'13px'
+      },
+      showStyles:{
         top:'5PX',
-        left:'14px'
+        left:'12px'
       },
       presetStageIndex: -1,
       side: {key: 'pedphase1653818707546719', phaseid: 1, id: 1, name: '东人行横道'},
@@ -136,6 +148,24 @@ export default {
     }
   },
   watch: {
+    preselectStages: { 
+      handler: function (val, oldVal) {
+        if(this.preselectStages === -1 && this.preselectModel !== -1) {
+          this.currentStage = -1
+        }
+      },
+      // 深度观察监听
+      deep: true
+    },
+    preselectModel: { 
+      handler: function (val, oldVal) {
+        if(this.preselectStages === -1 && this.preselectModel !== -1) {
+          this.currentStage = -1
+        }
+      },
+      // 深度观察监听
+      deep: true
+    },
     stagesList: {
       handler: function (val, oldVal) {
         if (this.presetPhaseId > -1) {