openatc-components 0.2.15 → 0.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -276,9 +276,7 @@ export default {
276
276
  this.phaseStatusList = val.phase
277
277
  this.overlapStatusList = val.overlap
278
278
  // 默认显示相位数据(包括黄闪、全红、关灯状态下,或者匝道,均不做比对跟随相位的处理)
279
- this.compLanePhaseData = JSON.parse(JSON.stringify(this.LanePhaseData))
280
- this.compSidewalkPhaseData = JSON.parse(JSON.stringify(this.sidewalkPhaseData))
281
- this.comdireBusPhaseData = JSON.parse(JSON.stringify(this.busPhaseData))
279
+ this.drawDefaultPhaseIcon()
282
280
  if (val.control === 1 || val.control === 2 || val.control === 3) {
283
281
  // 黄闪、全红、关灯属于特殊控制,优先级最高,直接改变灯色,不用判断phase里的type,也不需要考虑跟随相位的灯色优先级
284
282
  if (val.control === 1) {
@@ -387,6 +385,14 @@ export default {
387
385
  this.PhaseDataModel = new PhaseDataModel(this.roadDirection)
388
386
  this.getIntersectionInfo() // 获取路口信息
389
387
  },
388
+ drawDefaultPhaseIcon () {
389
+ this.compLanePhaseData = JSON.parse(JSON.stringify(this.CrossDiagramMgr.compare(this.LanePhaseData, this.overlapLanePhaseData, 'type', 'nostatus')))
390
+ this.compSidewalkPhaseData = JSON.parse(JSON.stringify(this.CrossDiagramMgr.compare(this.sidewalkPhaseData, this.overlapsidewalkPhaseData, 'pedtype', 'nostatus')))
391
+ this.comdireBusPhaseData = JSON.parse(JSON.stringify(this.busPhaseData))
392
+ console.log(this.LanePhaseData)
393
+ console.log(this.overlapLanePhaseData)
394
+ console.log('###################', this.compLanePhaseData)
395
+ },
390
396
  comparePhaseStatus () {
391
397
  // 对比车道: 跟随相位和相位的状态数据(此处判断是为了保证被比较的数据direction都是唯一的)
392
398
  if (!this.comdirePhaseData && !this.comdireOverlapPhaseData) {
@@ -498,39 +504,51 @@ export default {
498
504
  getYellowFlashColor () {
499
505
  // 车道相位(左行右行)
500
506
  let curLanePhaseData = []
501
- for (let i = 0; i < this.LanePhaseData.length; i++) {
507
+ for (let i = 0; i < this.compLanePhaseData.length; i++) {
502
508
  const data = {
503
- ...this.LanePhaseData[i],
509
+ ...this.compLanePhaseData[i],
504
510
  type: '黄闪',
505
511
  control: 1
506
512
  }
507
513
  curLanePhaseData.push(data)
508
514
  }
509
- this.LanePhaseData = JSON.parse(JSON.stringify(curLanePhaseData))
515
+ this.compLanePhaseData = JSON.parse(JSON.stringify(curLanePhaseData))
510
516
 
511
517
  // 行人相位
512
518
  let curPedStatus = []
513
- for (let i = 0; i < this.sidewalkPhaseData.length; i++) {
519
+ for (let i = 0; i < this.compSidewalkPhaseData.length; i++) {
514
520
  const data = {
515
- ...this.sidewalkPhaseData[i],
521
+ ...this.compSidewalkPhaseData[i],
516
522
  pedtype: '黄闪',
517
523
  control: 1
518
524
  }
519
525
  curPedStatus.push(data)
520
526
  }
521
- this.sidewalkPhaseData = JSON.parse(JSON.stringify(curPedStatus))
527
+ this.compSidewalkPhaseData = JSON.parse(JSON.stringify(curPedStatus))
522
528
 
523
529
  // 公交相位
524
530
  let curBusLanePhaseData = []
525
- for (let i = 0; i < this.busPhaseData.length; i++) {
531
+ for (let i = 0; i < this.comdireBusPhaseData.length; i++) {
526
532
  const data = {
527
- ...this.busPhaseData[i],
533
+ ...this.comdireBusPhaseData[i],
528
534
  type: '黄闪',
529
535
  control: 1
530
536
  }
531
537
  curBusLanePhaseData.push(data)
532
538
  }
533
- this.busPhaseData = JSON.parse(JSON.stringify(curBusLanePhaseData))
539
+ this.comdireBusPhaseData = JSON.parse(JSON.stringify(curBusLanePhaseData))
540
+
541
+ if (this.mainType === '103') {
542
+ // 匝道相位
543
+ if (this.LanePhaseData.length) {
544
+ const LanePhaseData = this.LanePhaseData.map(data => ({
545
+ ...data,
546
+ type: '黄闪',
547
+ control: 1
548
+ }))
549
+ this.LanePhaseData = JSON.parse(JSON.stringify(LanePhaseData))
550
+ }
551
+ }
534
552
  },
535
553
  getPhaseStatus () {
536
554
  // 得到车道相位状态(颜色)
@@ -666,6 +684,9 @@ export default {
666
684
  // 获取匝道道路的主路和支路的相位坐标
667
685
  this.getRampPhasePos()
668
686
  }
687
+ if (!this.isVipRoute) {
688
+ this.drawDefaultPhaseIcon()
689
+ }
669
690
  if (this.isVipRoute && this.isThirdSignal) {
670
691
  this.LanePhaseData = this.CrossDiagramMgr.compare(this.LanePhaseData, this.overlapLanePhaseData, 'type', 'nostatus')
671
692
  // console.log(this.LanePhaseData)
@@ -793,8 +814,6 @@ export default {
793
814
  })
794
815
  }
795
816
  })
796
- // 行人相位无,也要显示人行横道,与车道相位显示与否逻辑不同
797
- // this.handleCompleteSidewalkPhase()
798
817
  },
799
818
  getOverlapPedPhasePos () {
800
819
  // 行人跟随相位信息
@@ -817,25 +836,6 @@ export default {
817
836
  }
818
837
  })
819
838
  },
820
- // handleCompleteSidewalkPhase () {
821
- // // 没有相位状态的车道也要显示,默认白色
822
- // let hasDirIds = this.sidewalkPhaseData.map(data => data.id)
823
- // let allIds = []
824
- // for (let key of this.PhaseDataModel.SidePosMap.keys()) {
825
- // allIds.push(key)
826
- // }
827
- // let diffIds = allIds.filter(function (val) { return hasDirIds.indexOf(val) === -1 })
828
- // diffIds.forEach(id => {
829
- // this.sidewalkPhaseData.push({
830
- // key: `${this.sidewalkPhaseData.length + 1}`,
831
- // phaseid: undefined, // 相位id,用于对应相位状态
832
- // id,
833
- // name: this.PhaseDataModel.getSidePos(id).name,
834
- // left: this.PhaseDataModel.getSidePos(id).x,
835
- // top: this.PhaseDataModel.getSidePos(id).y
836
- // })
837
- // })
838
- // },
839
839
  getCrossType () {
840
840
  // 路口类型对应底图决策
841
841
  if (this.mainType === '101') {
@@ -53,7 +53,7 @@
53
53
  <div class="curTimeLine" :style="{'left':paddingLeft, 'height':barrierHeight}"></div>
54
54
  </div>
55
55
  </div>
56
- <div v-if="this.contrloType === 'stage'">
56
+ <div v-if="this.contrloType === 'stage'" class="ring-first">
57
57
  <div v-for="(list, index1) in stageLists" :key="index1">
58
58
  <!-- <div> -->
59
59
  <div class="first-1" :style="{'width':list.greenWidth,'height':'34px','position':'relative','background':'#7ccc66'}">
@@ -215,7 +215,7 @@ export default {
215
215
  handler: function (val, oldVal) {
216
216
  if (val && val.curTime) {
217
217
  this.curtime = val.curTime
218
- if (val.control === '相位锁定' || val.control === '通道锁定' || val.control === '阶段锁定') {
218
+ if (val.control === 4 || val.control === 16 || val.control === 22) {
219
219
  this.isControl = false
220
220
  } else {
221
221
  this.isControl = true
@@ -244,7 +244,7 @@ export default {
244
244
  }
245
245
  if (val && val.curTime) {
246
246
  this.curtime = val.curTime
247
- if (val.control === '相位锁定' || val.control === '通道锁定' || val.control === '阶段锁定') {
247
+ if (val.control === 4 || val.control === 16 || val.control === 22) {
248
248
  this.isControl = false
249
249
  } else {
250
250
  this.isControl = true
@@ -444,7 +444,6 @@ export default {
444
444
  return a + b
445
445
  }) : 0
446
446
  }) : 0
447
- console.log(maxCycle, 'maxCycle')
448
447
  let stageMaxCyle = Math.max(...maxCycle)// 每个环的周期最大值
449
448
  if (!this.cycleChange) {
450
449
  let stageCycleList = this.stagesChange.map(item => {
@@ -464,7 +463,6 @@ export default {
464
463
  redWidth: (item.red / stageMaxCyle * 100).toFixed(3) + '%'
465
464
  }
466
465
  })
467
- console.log(this.stageLists, '011')
468
466
  },
469
467
  getBusPos () {
470
468
  // 公交相位信息
@@ -510,9 +510,9 @@ export default {
510
510
  data[key] = that.ParamsModeEn.get(0)
511
511
  }
512
512
  }
513
- if (key === 'control') {
514
- data[key] = that.ParamsControlEn.get(data[key])
515
- }
513
+ // if (key === 'control') {
514
+ // data[key] = that.ParamsControlEn.get(data[key])
515
+ // }
516
516
  if (key === 'phase') {
517
517
  for (let val of data[key]) {
518
518
  val.type = that.phaseTypeEn.get(val.type)
@@ -94,7 +94,6 @@
94
94
  </el-row>
95
95
  <el-row>
96
96
  <el-radio
97
- style="margin-left: 30px"
98
97
  v-model="isRing"
99
98
  :label="false"
100
99
  @change="changeRing"
@@ -110,10 +109,11 @@
110
109
  :patternStatusList="patternOne.length===0?planPattern.rings:patternOne[0].rings"
111
110
  >
112
111
  </stage-status> -->
112
+ {{contrloType}}
113
113
  <pattern-list
114
114
  :key="keyChange"
115
115
  :allPatternList="allPatternList"
116
- :contrloType="!this.isRing ? 'ring' : 'stage'"
116
+ :contrloType="contrloType"
117
117
  :stagesChange="
118
118
  patternOne.length === 0
119
119
  ? planPattern.stagesList
@@ -390,6 +390,7 @@ export default {
390
390
  group: 'pattern'
391
391
  },
392
392
  max: '',
393
+ contrloType: '',
393
394
  patternCycleEqual: true,
394
395
  activeList: 'ring',
395
396
  isRing: false,
@@ -417,6 +418,25 @@ export default {
417
418
  this.handleStageData(this.planPattern.rings)
418
419
  }
419
420
  this.initData()
421
+ if (!this.allPatternList[0].contrloType && this.allPatternList[0].rings.length > 0) {
422
+ this.contrloType = 'ring'
423
+ } else if (!this.allPatternList[0].contrloType && this.allPatternList[0].rings.length === 0) {
424
+ this.contrloType = 'stage'
425
+ } else {
426
+ this.contrloType = this.allPatternList[0].contrloType
427
+ }
428
+ for (let i = 0; i < this.allPatternList.length; i++) {
429
+ if (this.allPatternList[i].contrloType === 'stage' || (this.isRing && !this.allPatternList[i].contrloType)) {
430
+ this.isRing = true
431
+ // this.setStageList(this.allPatternList[i].stagesList, this.allPatternList[i].id)
432
+ } else if (this.allPatternList[i].contrloType === 'ring' || (!this.isRing && !this.allPatternList[i].contrloType && this.allPatternList[i].rings.length > 0)) {
433
+ this.isRing = false
434
+ // this.handleStageData(this.allPatternList[i].rings)
435
+ } else if (this.allPatternList[i].rings.length === 0 && this.allPatternList[i].stagesList.length > 0) {
436
+ this.isRing = true
437
+ // this.setStageList(this.allPatternList[i].stagesList, this.allPatternList[i].id)
438
+ }
439
+ }
420
440
  },
421
441
  methods: {
422
442
  addStage (row) {
@@ -448,7 +468,7 @@ export default {
448
468
  }
449
469
  },
450
470
  changeRing () {
451
- // this.contrloType = 'stage'
471
+ this.contrloType = 'ring'
452
472
  this.isRing = false
453
473
  // const globalParamModel = this.$store.getters.globalParamModel
454
474
  // let pattern = globalParamModel.getParamsByType('patternList')
@@ -468,7 +488,11 @@ export default {
468
488
  // }
469
489
  },
470
490
  changeStage () {
491
+ this.contrloType = 'stage'
471
492
  this.isRing = true
493
+ this.patternOne = this.allPatternList.filter(item => {
494
+ return item.id === Number(this.manualInfo.tempPatternid)
495
+ })
472
496
  this.getStageCycle()
473
497
  },
474
498
  getStageCycle () {
@@ -849,14 +873,14 @@ export default {
849
873
  setTimeout(() => {
850
874
  this.handleStageData(currPattern)
851
875
  this.getCycles()
852
- this.patternOne[0].stagesList = this.stagesList
876
+ // this.patternOne[0].stagesList = this.stagesList
853
877
  }, 50)
854
878
  } else {
855
879
  let currPattern = this.planPattern.rings
856
880
  setTimeout(() => {
857
881
  this.handleStageData(currPattern)
858
882
  this.getCycle()
859
- this.allPatternList[0].stagesList = this.stagesList
883
+ // this.allPatternList[0].stagesList = this.stagesList
860
884
  }, 50)
861
885
  }
862
886
  },