openatc-components 0.2.18 → 0.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openatc-components",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "description": "A Vue.js project",
   "author": "openatc developer",
   "private": false,
@@ -124,4 +124,4 @@
     "test": "test"
   },
   "license": "ISC"
-}
+}

package/src/EdgeMgr/controller/crossDiagramMgr.js

@@ -41,7 +41,6 @@ export default class crossDiagramMgr extends EdgeModelBase {
         if (n === num) {
           // 相同方向，进行相位和跟随相位的比对算法
           if (iscomparestatus === 'nostatus') {
-            // nostatus没有状态数据，则返回相位、跟随相位按方向去重后合集
             concatarr.push(obj)
             continue
           }

package/src/kisscomps/components/DirectionListConfiguration/DirectionListConfiguration.vue

@@ -47,7 +47,7 @@
 import xdrdirselector from '../XRDDirSelector/XRDDirSelector'
 import { uploadSingleTscParam } from '../../../api/param.js'
 import { getMessageByCode } from '../../../utils/responseMessage.js'
-import { getIntersectionInfo } from '../../../api/template.js'
+// import { getIntersectionInfo } from '../../../api/template.js'
 import CrossDiagramMgr from '../../../EdgeMgr/controller/crossDiagramMgr.js'
 import PhaseDataModel from '../IntersectionMap/crossDirection/utils.js'
 // import { getTheme } from '../../../utils/auth'
@@ -100,57 +100,57 @@ export default {
     }
   },
   methods: {
-    init () {
+    init (IntersectionInfo) {
       this.CrossDiagramMgr = new CrossDiagramMgr()
       this.PhaseDataModel = new PhaseDataModel(this.roadDirection)
-      this.getIntersectionInfo() // 获取路口信息
+      this.getIntersectionInfo(IntersectionInfo) // 获取路口信息
     },
-    getIntersectionInfo () {
+    getIntersectionInfo (res) {
       // 获取路口信息
-      const agentid = this.agentId || '0'
-      getIntersectionInfo(agentid).then(res => {
-        if (!res.data.success) {
-          this.isLoaded = false
-          let commomMsg = this.$t('openatccomponents.overview.signalID') + ' : ' + agentid
-          let msg = getMessageByCode(res.data.code, this.$i18n.locale)
-          if (res.data.data) {
-            // 子类型错误
-            let childErrorCode = res.data.data.errorCode
-            if (childErrorCode) {
-              let childerror = getMessageByCode(res.data.data.errorCode, this.$i18n.locale)
-              msg = msg + ' - ' + childerror
-            }
-          }
-          msg = msg + ' - ' + commomMsg
-          this.$message.error(msg)
-          return
-        }
-        this.tempType = res.data.data.type
-        // 获取车道相位、行人相位信息（坐标、名称）
-        this.mainType = this.tempType.split('-')[0]
-        this.mainDirection = this.tempType.split('-')[1]
-        if (!this.isThirdSignal) {
-          // 可点击模式下，非第三方设备，按通道显示相位方向
-          this.getChannelInfo()
-          return
-        }
-        this.crossInfo = res.data.data.param
-        // 城市道路加载车道相位坐标和人行道坐标
-        this.getPhasePos()
-        this.getOverlapPhasePos()
-        this.getPedPhasePos()
-        this.getOverlapPedPhasePos()
-        if (this.isThirdSignal) {
-          // 第三方设备，按相位方向显示相位方向
-          this.compLanePhaseData = this.CrossDiagramMgr.compare(this.LanePhaseData, this.overlapLanePhaseData, 'type', 'nostatus')
-          this.compSidewalkPhaseData = this.CrossDiagramMgr.compare(this.sidewalkPhaseData, this.overlapsidewalkPhaseData, 'pedtype', 'nostatus')
-          let allDir = this.compLanePhaseData.map(ele => ele.id)
-          let allPedDir = this.compSidewalkPhaseData.map(ele => ele.id)
-          this.inneChoosedDirection = this.choosedDirection.filter(dir => allDir.indexOf(dir) !== -1)
-          this.inneChoosedPedDirection = this.choosedPedDirection.filter(dir => allPedDir.indexOf(dir) !== -1)
-          this.drawPhaseIcon()
-        }
-      })
+      // const agentid = this.agentId || '0'
+      // getIntersectionInfo(agentid).then(res => {
+      //   if (!res.data.success) {
+      //     this.isLoaded = false
+      //     let commomMsg = this.$t('openatccomponents.overview.signalID') + ' : ' + agentid
+      //     let msg = getMessageByCode(res.data.code, this.$i18n.locale)
+      //     if (res.data.data) {
+      //       // 子类型错误
+      //       let childErrorCode = res.data.data.errorCode
+      //       if (childErrorCode) {
+      //         let childerror = getMessageByCode(res.data.data.errorCode, this.$i18n.locale)
+      //         msg = msg + ' - ' + childerror
+      //       }
+      //     }
+      //     msg = msg + ' - ' + commomMsg
+      //     this.$message.error(msg)
+      //     return
+      //   }
+      this.tempType = res.data.data.type
+      // 获取车道相位、行人相位信息（坐标、名称）
+      this.mainType = this.tempType.split('-')[0]
+      this.mainDirection = this.tempType.split('-')[1]
+      if (!this.isThirdSignal) {
+        // 可点击模式下，非第三方设备，按通道显示相位方向
+        this.getChannelInfo()
+        return
+      }
+      this.crossInfo = res.data.data.param
+      // 城市道路加载车道相位坐标和人行道坐标
+      this.getPhasePos()
+      this.getOverlapPhasePos()
+      this.getPedPhasePos()
+      this.getOverlapPedPhasePos()
+      if (this.isThirdSignal) {
+        // 第三方设备，按相位方向显示相位方向
+        this.compLanePhaseData = this.CrossDiagramMgr.compare(this.LanePhaseData, this.overlapLanePhaseData, 'type', 'nostatus')
+        this.compSidewalkPhaseData = this.CrossDiagramMgr.compare(this.sidewalkPhaseData, this.overlapsidewalkPhaseData, 'pedtype', 'nostatus')
+        let allDir = this.compLanePhaseData.map(ele => ele.id)
+        let allPedDir = this.compSidewalkPhaseData.map(ele => ele.id)
+        this.inneChoosedDirection = this.choosedDirection.filter(dir => allDir.indexOf(dir) !== -1)
+        this.inneChoosedPedDirection = this.choosedPedDirection.filter(dir => allPedDir.indexOf(dir) !== -1)
+        this.drawPhaseIcon()
+      }
+      // })
     },
     getPhasePos () {
       // 车道相位信息
@@ -448,7 +448,7 @@ export default {
     }
   },
   mounted () {
-    this.init()
+    // this.init()
   }
 }
 </script>

package/src/kisscomps/components/IntersectionDirectionSelection/IntersectionDirectionSelection.vue

@@ -1,19 +1,20 @@
 <template>
-  <div class="intersection-direction-selection">
+  <div class="intersection-direction-selection" v-if="isSpecialIntersection !== undefined">
     <intersection-base-map
-            v-if="!isSpecialIntersection"
+            v-if="!isSpecialIntersection && reset"
             ref="intersectionMap2"
             :crossStatusData="crossStatusData"
             :agentId="agentId"
             isVipRoute
-            clickMode
+            :clickMode="clickMode"
             :isThirdSignal="isThirdSignal"
             :choosedDirection="choosedDirection"
             :choosedPedDirection="choosedPedDirection"
             :roadDirection="roadDirection"
             @handleClickCrossIcon="handleClickCrossIcon" />
     <direction-list-configuration
-      v-if="isSpecialIntersection"
+      v-if="isSpecialIntersection && clickMode && reset"
+      ref="listConfiguration"
       :agentId="agentId"
       :isThirdSignal="isThirdSignal"
       :choosedDirection="choosedDirection"
@@ -34,8 +35,9 @@ export default {
   data () {
     return {
       crossStatusData: {},
-      isSpecialIntersection: false,
-      isThirdSignal: false
+      isSpecialIntersection: undefined,
+      isThirdSignal: false,
+      reset: true
     }
   },
   props: {
@@ -55,6 +57,23 @@ export default {
     },
     thirdSignal: { // 是否是第三方平台（可以直接传，也可以内部接口判断）
       type: Boolean
+    },
+    clickMode: {
+      type: Boolean,
+      default: true
+    }
+  },
+  watch: {
+    agentId: {
+      handler: function (val, oldVal) {
+        if (val) {
+          this.reset = false
+          this.$nextTick(() => {
+            this.reset = true
+            this.initSelection()
+          })
+        }
+      }
     }
   },
   methods: {
@@ -87,6 +106,11 @@ export default {
         this.mainType = this.tempType.split('-')[0]
         if (this.mainType === '999') {
           this.isSpecialIntersection = true
+          if (this.clickMode) {
+            this.$nextTick(() => {
+              this.$refs.listConfiguration.init(res)
+            })
+          }
         } else {
           this.isSpecialIntersection = false
         }
@@ -113,15 +137,22 @@ export default {
     },
     handleClickCrossIcon (allChoosedDir, curClickedPhase) {
       this.$emit('handleClickCrossIcon', allChoosedDir, curClickedPhase)
+    },
+    initSelection () {
+      this.getIntersectionInfo()
+      this.getPlatform()
     }
   },
   mounted () {
-    this.getIntersectionInfo()
-    this.getPlatform()
+    this.initSelection()
   },
   destroyed () {
   }
 }
 </script>
 <style lang='scss'>
+  .intersection-direction-selection {
+    width: 100%;
+    height: 100%
+  }
 </style>

package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue

@@ -276,7 +276,9 @@ export default {
         this.phaseStatusList = val.phase
         this.overlapStatusList = val.overlap
         // 默认显示相位数据（包括黄闪、全红、关灯状态下，或者匝道，均不做比对跟随相位的处理）
-        this.drawDefaultPhaseIcon()
+        this.compLanePhaseData = JSON.parse(JSON.stringify(this.LanePhaseData))
+        this.compSidewalkPhaseData = JSON.parse(JSON.stringify(this.sidewalkPhaseData))
+        this.comdireBusPhaseData = JSON.parse(JSON.stringify(this.busPhaseData))
         if (val.control === 1 || val.control === 2 || val.control === 3) {
           // 黄闪、全红、关灯属于特殊控制，优先级最高，直接改变灯色，不用判断phase里的type，也不需要考虑跟随相位的灯色优先级
           if (val.control === 1) {
@@ -385,14 +387,6 @@ export default {
       this.PhaseDataModel = new PhaseDataModel(this.roadDirection)
       this.getIntersectionInfo() // 获取路口信息
     },
-    drawDefaultPhaseIcon () {
-      this.compLanePhaseData = JSON.parse(JSON.stringify(this.CrossDiagramMgr.compare(this.LanePhaseData, this.overlapLanePhaseData, 'type', 'nostatus')))
-      this.compSidewalkPhaseData = JSON.parse(JSON.stringify(this.CrossDiagramMgr.compare(this.sidewalkPhaseData, this.overlapsidewalkPhaseData, 'pedtype', 'nostatus')))
-      this.comdireBusPhaseData = JSON.parse(JSON.stringify(this.busPhaseData))
-      console.log(this.LanePhaseData)
-      console.log(this.overlapLanePhaseData)
-      console.log('###################', this.compLanePhaseData)
-    },
     comparePhaseStatus () {
       // 对比车道： 跟随相位和相位的状态数据（此处判断是为了保证被比较的数据direction都是唯一的）
       if (!this.comdirePhaseData && !this.comdireOverlapPhaseData) {
@@ -504,51 +498,39 @@ export default {
     getYellowFlashColor () {
       // 车道相位（左行右行）
       let curLanePhaseData = []
-      for (let i = 0; i < this.compLanePhaseData.length; i++) {
+      for (let i = 0; i < this.LanePhaseData.length; i++) {
         const data = {
-          ...this.compLanePhaseData[i],
+          ...this.LanePhaseData[i],
           type: '黄闪',
           control: 1
         }
         curLanePhaseData.push(data)
       }
-      this.compLanePhaseData = JSON.parse(JSON.stringify(curLanePhaseData))
+      this.LanePhaseData = JSON.parse(JSON.stringify(curLanePhaseData))
 
       // 行人相位
       let curPedStatus = []
-      for (let i = 0; i < this.compSidewalkPhaseData.length; i++) {
+      for (let i = 0; i < this.sidewalkPhaseData.length; i++) {
         const data = {
-          ...this.compSidewalkPhaseData[i],
+          ...this.sidewalkPhaseData[i],
           pedtype: '黄闪',
           control: 1
         }
         curPedStatus.push(data)
       }
-      this.compSidewalkPhaseData = JSON.parse(JSON.stringify(curPedStatus))
+      this.sidewalkPhaseData = JSON.parse(JSON.stringify(curPedStatus))
 
       // 公交相位
       let curBusLanePhaseData = []
-      for (let i = 0; i < this.comdireBusPhaseData.length; i++) {
+      for (let i = 0; i < this.busPhaseData.length; i++) {
         const data = {
-          ...this.comdireBusPhaseData[i],
+          ...this.busPhaseData[i],
           type: '黄闪',
           control: 1
         }
         curBusLanePhaseData.push(data)
       }
-      this.comdireBusPhaseData = JSON.parse(JSON.stringify(curBusLanePhaseData))
-
-      if (this.mainType === '103') {
-        // 匝道相位
-        if (this.LanePhaseData.length) {
-          const LanePhaseData = this.LanePhaseData.map(data => ({
-            ...data,
-            type: '黄闪',
-            control: 1
-          }))
-          this.LanePhaseData = JSON.parse(JSON.stringify(LanePhaseData))
-        }
-      }
+      this.busPhaseData = JSON.parse(JSON.stringify(curBusLanePhaseData))
     },
     getPhaseStatus () {
       // 得到车道相位状态（颜色）
@@ -684,9 +666,6 @@ export default {
           // 获取匝道道路的主路和支路的相位坐标
           this.getRampPhasePos()
         }
-        if (!this.isVipRoute) {
-          this.drawDefaultPhaseIcon()
-        }
         if (this.isVipRoute && this.isThirdSignal) {
           this.LanePhaseData = this.CrossDiagramMgr.compare(this.LanePhaseData, this.overlapLanePhaseData, 'type', 'nostatus')
           // console.log(this.LanePhaseData)
@@ -814,6 +793,8 @@ export default {
           })
         }
       })
+      // 行人相位无，也要显示人行横道，与车道相位显示与否逻辑不同
+      // this.handleCompleteSidewalkPhase()
     },
     getOverlapPedPhasePos () {
       // 行人跟随相位信息
@@ -836,6 +817,25 @@ export default {
         }
       })
     },
+    // handleCompleteSidewalkPhase () {
+    //   // 没有相位状态的车道也要显示，默认白色
+    //   let hasDirIds = this.sidewalkPhaseData.map(data => data.id)
+    //   let allIds = []
+    //   for (let key of this.PhaseDataModel.SidePosMap.keys()) {
+    //     allIds.push(key)
+    //   }
+    //   let diffIds = allIds.filter(function (val) { return hasDirIds.indexOf(val) === -1 })
+    //   diffIds.forEach(id => {
+    //     this.sidewalkPhaseData.push({
+    //       key: `${this.sidewalkPhaseData.length + 1}`,
+    //       phaseid: undefined, // 相位id，用于对应相位状态
+    //       id,
+    //       name: this.PhaseDataModel.getSidePos(id).name,
+    //       left: this.PhaseDataModel.getSidePos(id).x,
+    //       top: this.PhaseDataModel.getSidePos(id).y
+    //     })
+    //   })
+    // },
     getCrossType () {
       // 路口类型对应底图决策
       if (this.mainType === '101') {

package/src/kisscomps/components/OverLap/OverLap.vue

@@ -47,8 +47,7 @@ export default {
   },
   data () {
     return {
-      overlapDatas: [],
-      max: ''
+      overlapDatas: []
     }
   },
   props: {
@@ -68,10 +67,6 @@ export default {
       type: Boolean,
       default: false
     },
-    cycleChange: {
-      type: Boolean,
-      default: true
-    },
     cycle: {
       type: Number
     },
@@ -87,13 +82,6 @@ export default {
       // 深度观察监听
       deep: true
     },
-    cycleChange: {
-      handler: function (val, oldVal) {
-        this.doAdd(this.stageList, this.overlap)
-      },
-      // 深度观察监听
-      deep: true
-    },
     stageList: {
       handler: function (val, oldVal) {
         this.doAdd(this.stageList, this.overlap)
@@ -152,15 +140,6 @@ export default {
           if (findItems.length) findIndexs.push(...findItems.map(m => m.key))
         })
         findIndexs = Array.from(new Set(findIndexs))
-        if (this.cycleChange) {
-          const globalParamModel = this.$store.getters.globalParamModel
-          let pattern = globalParamModel.getParamsByType('patternList')
-          const allCycle = pattern.map(item => item.cycle)
-          let cycle = Math.max(...allCycle)
-          this.max = cycle
-        } else {
-          this.max = ''
-        }
         return {
           ...item,
           peddirection: this.getPedPhasePos(item.peddirection),
@@ -171,8 +150,8 @@ export default {
               ...sta,
               direction: this.getRoad(item),
               // peddirection: this.getPedPhasePos(item.peddirection),
-              greenWidth: find ? (sta.split / (this.max ? this.max : this.cycle) * 100).toFixed(3) + '%' : '0%',
-              redWidth: !find ? (sta.split / (this.max ? this.max : this.cycle) * 100).toFixed(3) + '%' : '0%'
+              greenWidth: find ? (sta.split / this.cycle * 100).toFixed(3) + '%' : '0%',
+              redWidth: !find ? (sta.split / this.cycle * 100).toFixed(3) + '%' : '0%'
             }
           })
         }

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

@@ -53,7 +53,7 @@
           <div class="curTimeLine" :style="{'left':paddingLeft, 'height':barrierHeight}"></div>
         </div>
       </div>
-      <div v-if="this.contrloType === 'stage'" class="ring-first">
+      <div v-if="this.contrloType === 'stage'">
         <div v-for="(list, index1) in stageLists" :key="index1">
           <!-- <div> -->
             <div class="first-1" :style="{'width':list.greenWidth,'height':'34px','position':'relative','background':'#7ccc66'}">
@@ -215,7 +215,7 @@ export default {
       handler: function (val, oldVal) {
         if (val && val.curTime) {
           this.curtime = val.curTime
-          if (val.control === 4 || val.control === 16 || val.control === 22) {
+          if (val.control === '相位锁定' || val.control === '通道锁定' || val.control === '阶段锁定') {
             this.isControl = false
           } else {
             this.isControl = true
@@ -244,7 +244,7 @@ export default {
         }
         if (val && val.curTime) {
           this.curtime = val.curTime
-          if (val.control === 4 || val.control === 16 || val.control === 22) {
+          if (val.control === '相位锁定' || val.control === '通道锁定' || val.control === '阶段锁定') {
             this.isControl = false
           } else {
             this.isControl = true
@@ -432,9 +432,9 @@ export default {
     },
     getStage () {
       if (!this.stagesChange) return
-      const globalParamModel = this.$store.getters.globalParamModel
-      let pattern = globalParamModel.getParamsByType('patternList')
-      let mapAdd = (this.allPatternList ? this.allPatternList : pattern).map(item => item.stagesList).map(item => {
+      // const globalParamModel = this.$store.getters.globalParamModel
+      // let pattern = globalParamModel.getParamsByType('patternList')
+      let mapAdd = this.allPatternList.map(item => item.stagesList).map(item => {
         return item.map(val => {
           return val.stageSplit ? val.stageSplit : val.split
         })
@@ -444,6 +444,7 @@ export default {
           return a + b
         }) : 0
       }) : 0
+      console.log(maxCycle, 'maxCycle')
       let stageMaxCyle = Math.max(...maxCycle)// 每个环的周期最大值
       if (!this.cycleChange) {
         let stageCycleList = this.stagesChange.map(item => {
@@ -463,6 +464,7 @@ export default {
           redWidth: (item.red / stageMaxCyle * 100).toFixed(3) + '%'
         }
       })
+      console.log(this.stageLists, '011')
     },
     getBusPos () {
       // 公交相位信息
@@ -1050,9 +1052,9 @@ export default {
           this.fillGap(ringTeams, val)
         }
         if (this.cycleChange) {
-          const globalParamModel = this.$store.getters.globalParamModel
-          let pattern = globalParamModel.getParamsByType('patternList')
-          const allCycle = pattern.map(item => item.cycle)
+          // const globalParamModel = this.$store.getters.globalParamModel
+          // let pattern = globalParamModel.getParamsByType('patternList')
+          const allCycle = this.patternList.map(item => item.cycle)
           let cycle = Math.max(...allCycle)
           this.max = cycle
         } else {
@@ -1061,7 +1063,7 @@ export default {
         let barrier = this.step2(ringTeams, newPattern)
         let barrierLeft = barrier.map(item => item)// 屏障左移显示出人行横道
         this.barrierList = barrierLeft.map(j => {
-          return (j / (this.max ? this.max : cycle) * 100) + '%'
+          return (j / (this.max ? this.max : this.newCycle) * 100) + '%'
         })
         // this.barrierList.unshift(0)
       }

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

@@ -510,9 +510,9 @@ export default {
               data[key] = that.ParamsModeEn.get(0)
             }
           }
-          // if (key === 'control') {
-          //   data[key] = that.ParamsControlEn.get(data[key])
-          // }
+          if (key === 'control') {
+            data[key] = that.ParamsControlEn.get(data[key])
+          }
           if (key === 'phase') {
             for (let val of data[key]) {
               val.type = that.phaseTypeEn.get(val.type)

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

@@ -94,6 +94,7 @@
     </el-row>
     <el-row>
       <el-radio
+        style="margin-left: 30px"
         v-model="isRing"
         :label="false"
         @change="changeRing"
@@ -112,7 +113,7 @@
       <pattern-list
         :key="keyChange"
         :allPatternList="allPatternList"
-        :contrloType="contrloType"
+        :contrloType="!this.isRing ? 'ring' : 'stage'"
         :stagesChange="
           patternOne.length === 0
             ? planPattern.stagesList
@@ -389,7 +390,6 @@ export default {
         group: 'pattern'
       },
       max: '',
-      contrloType: '',
       patternCycleEqual: true,
       activeList: 'ring',
       isRing: false,
@@ -417,25 +417,6 @@ export default {
       this.handleStageData(this.planPattern.rings)
     }
     this.initData()
-    if (!this.allPatternList[0].contrloType && this.allPatternList[0].rings.length > 0) {
-      this.contrloType = 'ring'
-    } else if (!this.allPatternList[0].contrloType && this.allPatternList[0].rings.length === 0) {
-      this.contrloType = 'stage'
-    } else {
-      this.contrloType = this.allPatternList[0].contrloType
-    }
-    for (let i = 0; i < this.allPatternList.length; i++) {
-      if (this.allPatternList[i].contrloType === 'stage' || (this.isRing && !this.allPatternList[i].contrloType)) {
-        this.isRing = true
-        // this.setStageList(this.allPatternList[i].stagesList, this.allPatternList[i].id)
-      } else if (this.allPatternList[i].contrloType === 'ring' || (!this.isRing && !this.allPatternList[i].contrloType && this.allPatternList[i].rings.length > 0)) {
-        this.isRing = false
-        // this.handleStageData(this.allPatternList[i].rings)
-      } else if (this.allPatternList[i].rings.length === 0 && this.allPatternList[i].stagesList.length > 0) {
-        this.isRing = true
-        // this.setStageList(this.allPatternList[i].stagesList, this.allPatternList[i].id)
-      }
-    }
   },
   methods: {
     addStage (row) {
@@ -467,7 +448,7 @@ export default {
       }
     },
     changeRing () {
-      this.contrloType = 'ring'
+      // this.contrloType = 'stage'
       this.isRing = false
       // const globalParamModel = this.$store.getters.globalParamModel
       // let pattern = globalParamModel.getParamsByType('patternList')
@@ -487,11 +468,7 @@ export default {
       // }
     },
     changeStage () {
-      this.contrloType = 'stage'
       this.isRing = true
-      this.patternOne = this.allPatternList.filter(item => {
-        return item.id === Number(this.manualInfo.tempPatternid)
-      })
       this.getStageCycle()
     },
     getStageCycle () {
@@ -872,14 +849,14 @@ export default {
         setTimeout(() => {
           this.handleStageData(currPattern)
           this.getCycles()
-          // this.patternOne[0].stagesList = this.stagesList
+          this.patternOne[0].stagesList = this.stagesList
         }, 50)
       } else {
         let currPattern = this.planPattern.rings
         setTimeout(() => {
           this.handleStageData(currPattern)
           this.getCycle()
-          // this.allPatternList[0].stagesList = this.stagesList
+          this.allPatternList[0].stagesList = this.stagesList
         }, 50)
       }
     },