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.
- package/package/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +33 -33
- package/package/kisscomps/components/PatternStatus/PatternStatus.vue +3 -5
- package/package/kisscomps/components/SchemeConfig/SchemeConfig.vue +3 -3
- package/package/kisscomps/components/SchemeConfig/tentativeplancontrolmodal/index.vue +29 -5
- package/package/kissui.min.js +1 -1
- package/package.json +1 -1
- package/src/EdgeMgr/controller/crossDiagramMgr.js +1 -0
- package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +33 -33
- package/src/kisscomps/components/PatternStatus/PatternStatus.vue +3 -5
- package/src/kisscomps/components/SchemeConfig/SchemeConfig.vue +3 -3
- package/src/kisscomps/components/SchemeConfig/tentativeplancontrolmodal/index.vue +29 -5
- package/static/styles/schemeconfig.scss +8 -3
|
@@ -276,9 +276,7 @@ export default {
|
|
|
276
276
|
this.phaseStatusList = val.phase
|
|
277
277
|
this.overlapStatusList = val.overlap
|
|
278
278
|
// 默认显示相位数据(包括黄闪、全红、关灯状态下,或者匝道,均不做比对跟随相位的处理)
|
|
279
|
-
this.
|
|
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.
|
|
507
|
+
for (let i = 0; i < this.compLanePhaseData.length; i++) {
|
|
502
508
|
const data = {
|
|
503
|
-
...this.
|
|
509
|
+
...this.compLanePhaseData[i],
|
|
504
510
|
type: '黄闪',
|
|
505
511
|
control: 1
|
|
506
512
|
}
|
|
507
513
|
curLanePhaseData.push(data)
|
|
508
514
|
}
|
|
509
|
-
this.
|
|
515
|
+
this.compLanePhaseData = JSON.parse(JSON.stringify(curLanePhaseData))
|
|
510
516
|
|
|
511
517
|
// 行人相位
|
|
512
518
|
let curPedStatus = []
|
|
513
|
-
for (let i = 0; i < this.
|
|
519
|
+
for (let i = 0; i < this.compSidewalkPhaseData.length; i++) {
|
|
514
520
|
const data = {
|
|
515
|
-
...this.
|
|
521
|
+
...this.compSidewalkPhaseData[i],
|
|
516
522
|
pedtype: '黄闪',
|
|
517
523
|
control: 1
|
|
518
524
|
}
|
|
519
525
|
curPedStatus.push(data)
|
|
520
526
|
}
|
|
521
|
-
this.
|
|
527
|
+
this.compSidewalkPhaseData = JSON.parse(JSON.stringify(curPedStatus))
|
|
522
528
|
|
|
523
529
|
// 公交相位
|
|
524
530
|
let curBusLanePhaseData = []
|
|
525
|
-
for (let i = 0; i < this.
|
|
531
|
+
for (let i = 0; i < this.comdireBusPhaseData.length; i++) {
|
|
526
532
|
const data = {
|
|
527
|
-
...this.
|
|
533
|
+
...this.comdireBusPhaseData[i],
|
|
528
534
|
type: '黄闪',
|
|
529
535
|
control: 1
|
|
530
536
|
}
|
|
531
537
|
curBusLanePhaseData.push(data)
|
|
532
538
|
}
|
|
533
|
-
this.
|
|
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 ===
|
|
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 ===
|
|
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
|
-
|
|
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="
|
|
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
|
-
|
|
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
|
},
|