openatc-components 0.1.171 → 0.1.173
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/Channelization/Channelization.vue +2 -0
- package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +3 -3
- package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/pedroadIconSvg.vue +10 -10
- package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/SidewalkSvg.vue +3 -4
- package/package/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +3 -0
- package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/LphaseIconSvg.vue +3 -3
- package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/phaseIconSvg.vue +7 -7
- package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/rampPhaseIconSvg.vue +3 -3
- package/package/kissui.min.js +1 -1
- package/package.json +1 -1
- package/src/kisscomps/components/Channelization/Channelization.vue +2 -0
- package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +3 -3
- package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/pedroadIconSvg.vue +10 -10
- package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/SidewalkSvg.vue +3 -4
- package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +3 -0
- package/src/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/LphaseIconSvg.vue +3 -3
- package/src/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/phaseIconSvg.vue +7 -7
- package/src/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/rampPhaseIconSvg.vue +3 -3
- package/src/views/intersection.vue +4 -4
|
@@ -491,6 +491,7 @@ export default {
|
|
|
491
491
|
for (let i = 0; i < this.LanePhaseData.length; i++) {
|
|
492
492
|
const data = {
|
|
493
493
|
...this.LanePhaseData[i],
|
|
494
|
+
type: '黄闪',
|
|
494
495
|
control: 1
|
|
495
496
|
}
|
|
496
497
|
curLanePhaseData.push(data)
|
|
@@ -502,6 +503,7 @@ export default {
|
|
|
502
503
|
for (let i = 0; i < this.sidewalkPhaseData.length; i++) {
|
|
503
504
|
const data = {
|
|
504
505
|
...this.sidewalkPhaseData[i],
|
|
506
|
+
pedtype: '黄闪',
|
|
505
507
|
control: 1
|
|
506
508
|
}
|
|
507
509
|
curPedStatus.push(data)
|
|
@@ -349,12 +349,12 @@ export default {
|
|
|
349
349
|
if (this.UsageMode === 'show') {
|
|
350
350
|
if (this.lastType === '') {
|
|
351
351
|
// 绿闪：绿-》灰-》绿 循环效果
|
|
352
|
-
if (val.type === 4 || val.
|
|
352
|
+
if (val.type === 4 || val.type === '黄闪') {
|
|
353
353
|
let highlightColor = ''
|
|
354
354
|
if (val.type === 4) {
|
|
355
355
|
highlightColor = this.GreenColor
|
|
356
356
|
}
|
|
357
|
-
if (val.
|
|
357
|
+
if (val.type === '黄闪') {
|
|
358
358
|
highlightColor = this.YellowColor
|
|
359
359
|
}
|
|
360
360
|
this.FlashColor = highlightColor
|
|
@@ -370,7 +370,7 @@ export default {
|
|
|
370
370
|
if (
|
|
371
371
|
this.GreenIntervalId &&
|
|
372
372
|
val.type !== 4 &&
|
|
373
|
-
val.
|
|
373
|
+
val.type !== '黄闪' &&
|
|
374
374
|
val.type !== this.lastType
|
|
375
375
|
) {
|
|
376
376
|
clearInterval(this.GreenIntervalId)
|
|
@@ -61,6 +61,8 @@ export default {
|
|
|
61
61
|
Viewbox: [0, 0, 206, 22],
|
|
62
62
|
showDefaultColor: '#fff', // 默认状态颜色
|
|
63
63
|
FlashColor: undefined,
|
|
64
|
+
GreenColor: '#77fb65',
|
|
65
|
+
YellowColor: '#f7b500',
|
|
64
66
|
lastType: ''
|
|
65
67
|
}
|
|
66
68
|
},
|
|
@@ -87,23 +89,21 @@ export default {
|
|
|
87
89
|
this.item.angle = val.angle
|
|
88
90
|
}
|
|
89
91
|
if (this.UsageMode === 'show') {
|
|
90
|
-
if (!val.pedtype) return
|
|
91
92
|
if (this.lastType === '') {
|
|
92
|
-
if (val.pedtype === 4 || val.
|
|
93
|
-
let
|
|
93
|
+
if (val.pedtype === 4 || val.pedtype === '黄闪') {
|
|
94
|
+
let flashLightColor = ''
|
|
94
95
|
if (val.pedtype === 4) {
|
|
95
|
-
|
|
96
|
+
flashLightColor = this.GreenColor
|
|
96
97
|
}
|
|
97
|
-
if (val.
|
|
98
|
-
|
|
98
|
+
if (val.pedtype === '黄闪') {
|
|
99
|
+
flashLightColor = this.YellowColor
|
|
99
100
|
}
|
|
100
|
-
this.FlashColor =
|
|
101
|
+
this.FlashColor = flashLightColor
|
|
101
102
|
// 绿闪：绿-》灰-》绿 循环效果
|
|
102
|
-
this.FlashColor = '#7bd66b'
|
|
103
103
|
this.GreenIntervalId = setInterval(() => {
|
|
104
104
|
this.FlashColor =
|
|
105
105
|
!this.FlashColor || this.FlashColor === '#828282'
|
|
106
|
-
?
|
|
106
|
+
? flashLightColor
|
|
107
107
|
: '#828282'
|
|
108
108
|
}, 500)
|
|
109
109
|
this.lastType = val.pedtype
|
|
@@ -112,7 +112,7 @@ export default {
|
|
|
112
112
|
if (
|
|
113
113
|
this.GreenIntervalId &&
|
|
114
114
|
val.pedtype !== 4 &&
|
|
115
|
-
val.
|
|
115
|
+
val.pedtype !== '黄闪' &&
|
|
116
116
|
val.pedtype !== this.lastType
|
|
117
117
|
) {
|
|
118
118
|
clearInterval(this.GreenIntervalId)
|
|
@@ -1103,14 +1103,13 @@ export default {
|
|
|
1103
1103
|
watch: {
|
|
1104
1104
|
Data: {
|
|
1105
1105
|
handler: function (val) {
|
|
1106
|
-
if (!val.pedtype) return
|
|
1107
1106
|
if (this.lastType === '') {
|
|
1108
|
-
if (val.pedtype === 4 || val.
|
|
1107
|
+
if (val.pedtype === 4 || val.pedtype === '黄闪') {
|
|
1109
1108
|
let highlightColor = ''
|
|
1110
1109
|
if (val.pedtype === 4) {
|
|
1111
1110
|
highlightColor = this.GreenColor
|
|
1112
1111
|
}
|
|
1113
|
-
if (val.
|
|
1112
|
+
if (val.pedtype === '黄闪') {
|
|
1114
1113
|
highlightColor = this.YellowColor
|
|
1115
1114
|
}
|
|
1116
1115
|
this.FlashColor = highlightColor
|
|
@@ -1127,7 +1126,7 @@ export default {
|
|
|
1127
1126
|
if (
|
|
1128
1127
|
this.GreenIntervalId &&
|
|
1129
1128
|
val.pedtype !== 4 &&
|
|
1130
|
-
val.
|
|
1129
|
+
val.pedtype !== '黄闪' &&
|
|
1131
1130
|
val.pedtype !== this.lastType
|
|
1132
1131
|
) {
|
|
1133
1132
|
clearInterval(this.GreenIntervalId)
|
|
@@ -475,6 +475,7 @@ export default {
|
|
|
475
475
|
for (let i = 0; i < this.LanePhaseData.length; i++) {
|
|
476
476
|
const data = {
|
|
477
477
|
...this.LanePhaseData[i],
|
|
478
|
+
type: '黄闪',
|
|
478
479
|
control: 1
|
|
479
480
|
}
|
|
480
481
|
curLanePhaseData.push(data)
|
|
@@ -486,6 +487,7 @@ export default {
|
|
|
486
487
|
for (let i = 0; i < this.sidewalkPhaseData.length; i++) {
|
|
487
488
|
const data = {
|
|
488
489
|
...this.sidewalkPhaseData[i],
|
|
490
|
+
pedtype: '黄闪',
|
|
489
491
|
control: 1
|
|
490
492
|
}
|
|
491
493
|
curPedStatus.push(data)
|
|
@@ -497,6 +499,7 @@ export default {
|
|
|
497
499
|
for (let i = 0; i < this.busPhaseData.length; i++) {
|
|
498
500
|
const data = {
|
|
499
501
|
...this.busPhaseData[i],
|
|
502
|
+
type: '黄闪',
|
|
500
503
|
control: 1
|
|
501
504
|
}
|
|
502
505
|
curBusLanePhaseData.push(data)
|
package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/LphaseIconSvg.vue
CHANGED
|
@@ -71,13 +71,13 @@ export default {
|
|
|
71
71
|
Data: {
|
|
72
72
|
handler: function (val) {
|
|
73
73
|
if (this.lastType === '') {
|
|
74
|
-
if (val.type === 4 || val.
|
|
74
|
+
if (val.type === 4 || val.type === '黄闪') {
|
|
75
75
|
// 绿闪：绿-》灰-》绿 循环效果
|
|
76
76
|
let highlightColor = ''
|
|
77
77
|
if (val.type === 4) {
|
|
78
78
|
highlightColor = this.GreenColor
|
|
79
79
|
}
|
|
80
|
-
if (val.
|
|
80
|
+
if (val.type === '黄闪') {
|
|
81
81
|
highlightColor = this.YellowColor
|
|
82
82
|
}
|
|
83
83
|
this.FlashColor = highlightColor
|
|
@@ -87,7 +87,7 @@ export default {
|
|
|
87
87
|
this.lastType = val.type
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
|
-
if (this.GreenIntervalId && val.type !== 4 && val.
|
|
90
|
+
if (this.GreenIntervalId && val.type !== 4 && val.type !== '黄闪' && val.type !== this.lastType) {
|
|
91
91
|
clearInterval(this.GreenIntervalId)
|
|
92
92
|
this.FlashColor = undefined
|
|
93
93
|
this.lastType = ''
|
package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/phaseIconSvg.vue
CHANGED
|
@@ -64,33 +64,33 @@ export default {
|
|
|
64
64
|
FlashColor: undefined,
|
|
65
65
|
GreenColor: '#77fb65',
|
|
66
66
|
YellowColor: '#f7b500',
|
|
67
|
-
|
|
67
|
+
lastStatus: ''
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
70
|
watch: {
|
|
71
71
|
Data: {
|
|
72
72
|
handler: function (val) {
|
|
73
|
-
if (this.
|
|
74
|
-
if (val.type === 4 || val.
|
|
73
|
+
if (this.lastStatus === '') {
|
|
74
|
+
if (val.type === 4 || val.type === '黄闪') {
|
|
75
75
|
// 绿闪：绿-》灰-》绿 循环效果
|
|
76
76
|
let highlightColor = ''
|
|
77
77
|
if (val.type === 4) {
|
|
78
78
|
highlightColor = this.GreenColor
|
|
79
79
|
}
|
|
80
|
-
if (val.
|
|
80
|
+
if (val.type === '黄闪') {
|
|
81
81
|
highlightColor = this.YellowColor
|
|
82
82
|
}
|
|
83
83
|
this.FlashColor = highlightColor
|
|
84
84
|
this.GreenIntervalId = setInterval(() => {
|
|
85
85
|
this.FlashColor = !this.FlashColor || this.FlashColor === '#828282' ? highlightColor : '#828282'
|
|
86
86
|
}, 500)
|
|
87
|
-
this.
|
|
87
|
+
this.lastStatus = val.type
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
|
-
if (this.GreenIntervalId && val.type !== 4 && val.
|
|
90
|
+
if (this.GreenIntervalId && val.type !== 4 && val.type !== '黄闪' && val.type !== this.lastStatus) {
|
|
91
91
|
clearInterval(this.GreenIntervalId)
|
|
92
92
|
this.FlashColor = undefined
|
|
93
|
-
this.
|
|
93
|
+
this.lastStatus = ''
|
|
94
94
|
}
|
|
95
95
|
},
|
|
96
96
|
deep: true
|
package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/rampPhaseIconSvg.vue
CHANGED
|
@@ -70,13 +70,13 @@ export default {
|
|
|
70
70
|
Data: {
|
|
71
71
|
handler: function (val) {
|
|
72
72
|
if (this.lastType === '') {
|
|
73
|
-
if (val.type === 4 || val.
|
|
73
|
+
if (val.type === 4 || val.type === '黄闪') {
|
|
74
74
|
// 绿闪：绿-》灰-》绿 循环效果
|
|
75
75
|
let highlightColor = ''
|
|
76
76
|
if (val.type === 4) {
|
|
77
77
|
highlightColor = this.GreenColor
|
|
78
78
|
}
|
|
79
|
-
if (val.
|
|
79
|
+
if (val.type === '黄闪') {
|
|
80
80
|
highlightColor = this.YellowColor
|
|
81
81
|
}
|
|
82
82
|
this.FlashColor = highlightColor
|
|
@@ -86,7 +86,7 @@ export default {
|
|
|
86
86
|
this.lastType = val.type
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
|
-
if (this.GreenIntervalId && val.type !== 4 && val.
|
|
89
|
+
if (this.GreenIntervalId && val.type !== 4 && val.type !== '黄闪' && val.type !== this.lastType) {
|
|
90
90
|
clearInterval(this.GreenIntervalId)
|
|
91
91
|
this.FlashColor = undefined
|
|
92
92
|
this.lastType = ''
|