openatc-components 0.0.66 → 0.0.70

package/package/kisscomps/components/StageBord/StageBord.vue

@@ -3,7 +3,7 @@
   <div class="common-board-column">
     <div class="common-board-column-header" style="position:relative">
       <span>{{$t('openatccomponents.pattern.stage')+(subIndex+1)}}</span>
-      <span v-if="contrloType" style="position: absolute;right: 0;">
+      <span v-if="this.contrloType === 'stage'" style="position: absolute;right: 0;">
         <el-button type="primary" @click="deleteStage(subIndex)" icon="el-icon-close"></el-button>
       </span>
     </div>
@@ -17,7 +17,7 @@
           </el-col>
           <el-col :span="12">
             <el-input-number
-              v-if="contrloType"
+              v-if="this.contrloType === 'stage'"
               :controls="false"
               size="small"
               :disabled="true"
@@ -25,7 +25,7 @@
               v-model.number="stage.stageSplit">
             </el-input-number>
             <el-input-number
-              v-if="!contrloType"
+              v-if="this.contrloType === 'ring' || !this.contrloType"
               :controls="false"
               size="small"
               v-model.number="stage.split"
@@ -40,7 +40,7 @@
             {{this.$t('openatccomponents.pattern.phase')}}
           </el-col>
           <el-col :span="12">
-            <el-select v-if="contrloType" v-model="stage.phases" multiple :placeholder="$t('openatccomponents.common.select')">
+            <el-select v-if="this.contrloType === 'stage'" v-model="stage.stages" multiple :placeholder="$t('openatccomponents.common.select')">
               <el-option
                 v-for="item in coordphaseOption"
                 :key="item.value"
@@ -49,7 +49,7 @@
               </el-option>
             </el-select>
             <el-input
-              v-if="!contrloType"
+              v-if="this.contrloType === 'ring' || !this.contrloType"
               size="small"
               :value="stage.stages.join(',')"
               ref="type"
@@ -57,7 +57,7 @@
             </el-input>
           </el-col>
         </el-row>
-        <el-row :gutter="0" v-if="contrloType">
+        <el-row :gutter="0" v-if="this.contrloType === 'stage'">
           <el-col :span="12">
             {{this.$t('openatccomponents.pattern.green')}}
           </el-col>
@@ -70,7 +70,7 @@
             </el-input-number>
           </el-col>
         </el-row>
-        <el-row :gutter="0" v-if="contrloType">
+        <el-row :gutter="0" v-if="this.contrloType === 'stage'">
           <el-col :span="12">
             {{this.$t('openatccomponents.pattern.yellow')}}
           </el-col>
@@ -83,7 +83,7 @@
             </el-input-number>
           </el-col>
         </el-row>
-        <el-row :gutter="0" v-if="contrloType">
+        <el-row :gutter="0" v-if="this.contrloType === 'stage'">
           <el-col :span="12">
             {{this.$t('openatccomponents.pattern.red')}}
           </el-col>
@@ -128,8 +128,7 @@ export default {
       }
     },
     contrloType: {
-      type: Boolean,
-      default: false
+      type: String
     },
     options: {
       type: Object,
@@ -184,7 +183,7 @@ export default {
     getMaxCycle (pattern) {
       let rings = pattern.stagesList
       let stageCycleList = rings.map(item => {
-        return item.stageSplit
+        return item.stageSplit ? item.stageSplit : item.split
       })
       let maxCycle = stageCycleList.reduce((a, b) => {
         return a + b

package/package/kisscomps/components/StageStatus/StageStatus.vue

@@ -41,7 +41,7 @@ export default {
       type: Array
     },
     contrloType: {
-      type: Boolean
+      type: String
     },
     localPatternList: {
       type: Array
@@ -54,7 +54,7 @@ export default {
     controlData: {
       handler: function (val, oldVal) {
         // this.handleStages() // 计算屏障高度
-        if (this.contrloType) {
+        if (this.contrloType === 'stage') {
           this.getStageLine()
         } else {
           this.getPhaseId(this.controlData)

package/package/kisscomps/components/overView/index.vue

@@ -26,6 +26,10 @@
         <div class="tuxing-left" :class="{'changeWidth': graphicMode}" ref="tuxingLeft">
           <intersection-base-map
             ref="intersectionMap"
+            :modeName="modeName"
+            :controlName="controlName"
+            :isShowState="isShowState"
+            :isShowMode="isShowMode"
             :crossStatusData="crossStatusData"
             :devStatus="devStatus"
             :agentId="agentId"
@@ -51,7 +55,7 @@
             >
             </pattern-list>
             <over-lap
-            v-if="!contrloType"
+            v-if="this.contrloType === 'ring'"
             :checked="checked"
             :overlap="overlap"
             :stageList="stagesListOver"
@@ -112,6 +116,22 @@ export default {
       type: String,
       default: ''
     },
+    isShowState: {
+      type: Boolean,
+      devault: false
+    },
+    isShowMode: {
+      type: Boolean,
+      default: false
+    },
+    modeName: {
+      type: String,
+      default: ''
+    },
+    controlName: {
+      type: String,
+      default: ''
+    },
     roadDirection: {
       type: String,
       default: 'right'
@@ -125,7 +145,7 @@ export default {
       controlData: {},
       checked: false,
       overlap: [],
-      contrloType: false,
+      contrloType: '',
       narr: [],
       patternList: [],
       allPatternList: [],
@@ -213,10 +233,10 @@ export default {
     this.setHost(this.reqUrl)
     this.PhaseDataModel = new PhaseDataModel()
     this.CrossDiagramMgr = new CrossDiagramMgr()
-    if (getStageTypes('contrloType') === 'true') {
-      this.contrloType = true
+    if (getStageTypes('isRing') === 'true') {
+      this.contrloType = 'stage'
     } else {
-      this.contrloType = false
+      this.contrloType = 'ring'
     }
     this.globalParamModel = this.$store.getters.globalParamModel
     if (this.$route.query !== undefined && Object.keys(this.$route.query).length) {
@@ -264,6 +284,7 @@ export default {
         // this.globalParamModel.setGlobalParams(res.data.data.param)
         this.allPatternList = res.data.data.param.patternList
         this.overlap = res.data.data.param.overlaplList
+        this.contrloType = this.allPatternList[0].contrloType
         this.phaseList = res.data.data.param.phaseList
         this.patternList = res.data.data.param.patternList.filter(item => {
           return item.id === id

package/package/kisscomps/components/patternList/patternList.vue

@@ -493,7 +493,7 @@ export default {
   },
   props: {
     contrloType: {
-      type: Boolean
+      type: String
     },
     localPatternList: {
       type: Array