openatc-components 0.3.93 → 0.3.94
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/BoardCard/BoardCard.vue +4 -0
- package/package/kisscomps/components/ChannelizationWithInterface/ChannelizationWithInterface.vue +1 -1
- package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +145 -46
- package/package/kisscomps/components/DrawChannelization/drawsvg/index.draw.vue +4 -4
- package/package/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +13 -18
- package/package/kisscomps/components/IntersectionMap/intersectionmap.vue +8 -17
- package/package/kisscomps/components/IntersectionWithInterface/IntersectionWithInterface.vue +18 -22
- package/package/kisscomps/components/PatternStatus/PatternStatus.vue +81 -1
- package/package/kisscomps/components/SchemeConfig/SchemeConfig.vue +4 -28
- package/package/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue +11 -9
- package/package/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue +1 -21
- package/package/kisscomps/components/patternList/patternList.vue +4 -0
- package/package/kisscomps/index.js +1 -3
- package/package/kissui.min.js +1 -1
- package/package.json +1 -1
- package/src/i18n/language/en.js +0 -7
- package/src/i18n/language/zh.js +0 -7
- package/src/kisscomps/components/BoardCard/BoardCard.vue +4 -0
- package/src/kisscomps/components/ChannelizationWithInterface/ChannelizationWithInterface.vue +1 -1
- package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +145 -46
- package/src/kisscomps/components/DrawChannelization/drawsvg/index.draw.vue +4 -4
- package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +13 -18
- package/src/kisscomps/components/IntersectionMap/intersectionmap.vue +8 -17
- package/src/kisscomps/components/IntersectionWithInterface/IntersectionWithInterface.vue +18 -22
- package/src/kisscomps/components/PatternStatus/PatternStatus.vue +81 -1
- package/src/kisscomps/components/SchemeConfig/SchemeConfig.vue +4 -28
- package/src/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue +11 -9
- package/src/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue +1 -21
- package/src/kisscomps/components/patternList/patternList.vue +4 -0
- package/src/kisscomps/index.js +1 -3
- package/src/views/intersection.vue +6 -7
- package/src/views/intersection2.vue +4 -4
- package/src/views/overView.vue +4 -22
- package/static/styles/common.scss +3 -3
- package/static/styles/dark/theme/element-dark.scss +1 -1
- package/static/styles/intersection.scss +15 -5
- package/static/styles/light/theme/element-light.scss +1 -1
- package/static/styles/schemeconfig.scss +3 -6
- package/src/kisscomps/components/OverviewComponent/index.js +0 -2
- package/src/kisscomps/components/OverviewComponent/index.vue +0 -804
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<intersection-with-interface :AgentId="agentId" />
|
|
4
3
|
<h2 class="text">实时通道路口图</h2>
|
|
5
|
-
|
|
4
|
+
<channel-realtime-intersection
|
|
6
5
|
:agentId="this.agentId"
|
|
7
6
|
:roadDirection="roadDirection"
|
|
8
7
|
:channelRealtimeStatusData="channelRealtimeStatusData"
|
|
9
|
-
/>
|
|
8
|
+
/>
|
|
10
9
|
|
|
11
10
|
<!-- 按通道获取相位的方向选择列表,特殊路口显示列表,普通路口显示模版路口图 -->
|
|
12
11
|
<h2 class="text">非第三方配置路口图(按通道显示相位方向)</h2>
|
|
13
|
-
|
|
12
|
+
<intersection-direction-selection
|
|
14
13
|
:agentId="this.agentId"
|
|
15
14
|
:choosedDirection="[14,6,13,8]"
|
|
16
15
|
:choosedPedDirection="[1]"
|
|
@@ -26,7 +25,7 @@
|
|
|
26
25
|
:choosedPedDirection="[1,2]"
|
|
27
26
|
:roadDirection="roadDirection"
|
|
28
27
|
@handleClickCrossIcon="handleClickCrossIcon" />
|
|
29
|
-
</div>
|
|
28
|
+
</div>
|
|
30
29
|
|
|
31
30
|
<!-- 显示按通道获取相位的模版路口图 -->
|
|
32
31
|
<h2 class="text">显示配置的相位路口图</h2>
|
|
@@ -162,12 +161,12 @@ export default {
|
|
|
162
161
|
return {
|
|
163
162
|
roadDirection: 'right',
|
|
164
163
|
// reqUrl: 'http://192.168.13.103:10003/openatc',
|
|
165
|
-
agentId: '
|
|
164
|
+
agentId: 'tjblfql',
|
|
166
165
|
// agentId: '13013',
|
|
167
166
|
// agentId: '12007_390',
|
|
168
167
|
// agentId: '12014',
|
|
169
168
|
reqUrl: 'http://192.168.13.103:10003/openatc',
|
|
170
|
-
Token: '
|
|
169
|
+
Token: 'eyJraWQiOiIxNzIxOTc3OTkzMTY4IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcyMTk4MTU5MywiaWF0IjoxNzIxOTc0MzkzfQ.vjgAFMJlM4FEHxT9K9lJQ_VsUx1fDubr4tYgMaVffS0',
|
|
171
170
|
// agentId: '30003-352',
|
|
172
171
|
// reqUrl: 'https://kints-dev.devdolphin.com/openatc',
|
|
173
172
|
// Token: 'eyJraWQiOiIxNjUwNTA5MDI2ODk2IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJ4aWFvbWluZyIsImV4cCI6MTczNjkwOTAyNiwiaWF0IjoxNjUwNTA5MDI2fQ.-s4T-uMRmB2zf9yer87USKQXLY1a12Zq5lCOnqjNmfA',
|
|
@@ -102,12 +102,12 @@ export default {
|
|
|
102
102
|
return {
|
|
103
103
|
roadDirection: 'left',
|
|
104
104
|
// reqUrl: 'http://192.168.13.103:10003/openatc',
|
|
105
|
-
|
|
105
|
+
agentId: 'cllzpl',
|
|
106
106
|
// agentId: '13013',
|
|
107
|
-
agentId: '12007_390',
|
|
107
|
+
// agentId: '12007_390',
|
|
108
108
|
// agentId: '12014',
|
|
109
109
|
reqUrl: 'http://192.168.13.103:10003/openatc',
|
|
110
|
-
Token: '
|
|
110
|
+
Token: 'eyJraWQiOiIxNzEwNzU4MTU3Njk0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiIxMjM0NTYiLCJleHAiOjE3MTM4ODgwMDAsImlhdCI6MTcxMDY5MTIwMH0.vicLABPjoZEWmHr12-5FXMbjYmEKv-WSTVRROR1eOME',
|
|
111
111
|
// agentId: '30003-352',
|
|
112
112
|
// reqUrl: 'https://kints-dev.devdolphin.com/openatc',
|
|
113
113
|
// Token: 'eyJraWQiOiIxNjUwNTA5MDI2ODk2IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJ4aWFvbWluZyIsImV4cCI6MTczNjkwOTAyNiwiaWF0IjoxNjUwNTA5MDI2fQ.-s4T-uMRmB2zf9yer87USKQXLY1a12Zq5lCOnqjNmfA',
|
|
@@ -117,7 +117,7 @@ export default {
|
|
|
117
117
|
controlName: '步进',
|
|
118
118
|
isShowState: true,
|
|
119
119
|
isShowMode: true,
|
|
120
|
-
isShowMessage:
|
|
120
|
+
isShowMessage: true,
|
|
121
121
|
isShowPatternStatus: false,
|
|
122
122
|
isShowIntersection: true,
|
|
123
123
|
isShowInterval: true,
|
package/src/views/overView.vue
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div id="test1">
|
|
3
|
-
|
|
3
|
+
<overview
|
|
4
4
|
:AgentId="agentId"
|
|
5
5
|
:reqUrl="reqUrl"
|
|
6
6
|
:modeName="modeName"
|
|
7
7
|
:controlName="controlName"
|
|
8
8
|
:isShowState="isShowState"
|
|
9
9
|
:isShowMode="isShowMode"
|
|
10
|
-
:Token="Token"></overview>
|
|
11
|
-
<el-button @click="handleChangeOverview">切换overview组件</el-button>
|
|
12
|
-
<overview-component
|
|
13
|
-
:AgentId="agentId2"
|
|
14
|
-
:isShowInterval="isShowInterval"
|
|
15
|
-
:isShowMessage ="isShowMessage"/>
|
|
10
|
+
:Token="Token"></overview>
|
|
16
11
|
</div>
|
|
17
12
|
</template>
|
|
18
13
|
|
|
@@ -24,25 +19,12 @@ export default {
|
|
|
24
19
|
isShowMode: true,
|
|
25
20
|
modeName: '交警遥控',
|
|
26
21
|
controlName: '步进',
|
|
27
|
-
agentId: '
|
|
28
|
-
|
|
29
|
-
agentid2: '12007_390',
|
|
30
|
-
isShowMessage: false,
|
|
31
|
-
isShowInterval: true,
|
|
32
|
-
sum: 0,
|
|
33
|
-
Token: 'eyJraWQiOiIxNzI5ODIxNjcyNTQ3IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcyOTgyNTI3MiwiaWF0IjoxNzI5ODE4MDcyfQ._C-0Cf3CQYx3tpGPAF-973Km8ekzJhAm4XwpNKFgSfk',
|
|
22
|
+
agentId: 'jmlxhl',
|
|
23
|
+
Token: 'eyJraWQiOiIxNzA4OTA5NDk2ODcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcwODk1MjY5NiwiaWF0IjoxNzA4OTA5NDk2fQ.FI0gzBQFLyQsj95LG56lVZxb6WYlr2-datNsyv6fF-I',
|
|
34
24
|
reqUrl: 'http://192.168.13.103:10003/openatc'
|
|
35
25
|
}
|
|
36
26
|
},
|
|
37
27
|
methods: {
|
|
38
|
-
handleChangeOverview () {
|
|
39
|
-
if (this.sum % 2 === 0) {
|
|
40
|
-
this.agentId = this.agentid1
|
|
41
|
-
} else {
|
|
42
|
-
this.agentId = this.agentid2
|
|
43
|
-
}
|
|
44
|
-
this.sum++
|
|
45
|
-
}
|
|
46
28
|
},
|
|
47
29
|
watch: {
|
|
48
30
|
},
|
|
@@ -11,12 +11,12 @@
|
|
|
11
11
|
|
|
12
12
|
// 全局滚动条样式
|
|
13
13
|
::-webkit-scrollbar {
|
|
14
|
-
width:
|
|
15
|
-
height:
|
|
14
|
+
width: 12PX;
|
|
15
|
+
height: 12PX;
|
|
16
16
|
}
|
|
17
17
|
::-webkit-scrollbar-thumb {
|
|
18
18
|
// 滚动条的滑块
|
|
19
|
-
border-radius:
|
|
19
|
+
border-radius: 4px;
|
|
20
20
|
background: rgba(144, 147, 153, 0.3);
|
|
21
21
|
}
|
|
22
22
|
::-webkit-scrollbar-corner{
|
|
@@ -34,7 +34,7 @@ $--button-danger-font-color: #FFFFFF;
|
|
|
34
34
|
$--button-success-font-color: #FFFFFF;
|
|
35
35
|
$--radio-button-checked-font-color: #FFFFFF;
|
|
36
36
|
$--radio-font-color: $--color-text-secondary;
|
|
37
|
-
$--tag-info-color:
|
|
37
|
+
$--tag-info-color: $--color-text-placeholder;
|
|
38
38
|
$--tooltip-color: $--color-white;
|
|
39
39
|
$--checkbox-font-color: $--color-text-secondary;
|
|
40
40
|
|
|
@@ -38,6 +38,9 @@
|
|
|
38
38
|
zoom: 0.9;
|
|
39
39
|
|
|
40
40
|
}
|
|
41
|
+
.centerText .text {
|
|
42
|
+
font-size: 14px;
|
|
43
|
+
}
|
|
41
44
|
}
|
|
42
45
|
/*当屏幕小于等于1440px的屏幕样式*/
|
|
43
46
|
@media only screen and (max-width: 1440px){
|
|
@@ -46,6 +49,9 @@
|
|
|
46
49
|
zoom: 0.8;
|
|
47
50
|
|
|
48
51
|
}
|
|
52
|
+
.centerText .text {
|
|
53
|
+
font-size: 18px;
|
|
54
|
+
}
|
|
49
55
|
}
|
|
50
56
|
/*当屏幕小于等于1280px的屏幕样式*/
|
|
51
57
|
@media only screen and (max-width: 1280px){
|
|
@@ -53,6 +59,9 @@
|
|
|
53
59
|
// transform: scale(0.65);
|
|
54
60
|
zoom: 0.65;
|
|
55
61
|
}
|
|
62
|
+
.centerText .text {
|
|
63
|
+
font-size: 20px;
|
|
64
|
+
}
|
|
56
65
|
}
|
|
57
66
|
/*当屏幕小于等于960px的屏幕样式*/
|
|
58
67
|
@media only screen and (max-width: 960px){
|
|
@@ -60,6 +69,9 @@
|
|
|
60
69
|
// transform: scale(0.5);
|
|
61
70
|
zoom: 0.5;
|
|
62
71
|
}
|
|
72
|
+
.centerText .text {
|
|
73
|
+
font-size: 14px;
|
|
74
|
+
}
|
|
63
75
|
}
|
|
64
76
|
/*当屏幕小于等于720px的屏幕样式*/
|
|
65
77
|
@media only screen and (max-width: 720px){
|
|
@@ -67,6 +79,9 @@
|
|
|
67
79
|
// transform: scale(0.45);
|
|
68
80
|
zoom: 0.45;
|
|
69
81
|
}
|
|
82
|
+
.centerText .text {
|
|
83
|
+
font-size: 14px;
|
|
84
|
+
}
|
|
70
85
|
}
|
|
71
86
|
// 小屏幕打开首页适配样式
|
|
72
87
|
.minifont {
|
|
@@ -173,9 +188,4 @@
|
|
|
173
188
|
color: $--color-text-primary;
|
|
174
189
|
font-size:30PX;
|
|
175
190
|
}
|
|
176
|
-
.centerText {
|
|
177
|
-
.text {
|
|
178
|
-
font-size: 18PX;
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
191
|
}
|
|
@@ -34,7 +34,7 @@ $--card-background-selected: #c1e0ff;
|
|
|
34
34
|
// $--button-success-font-color: #FFFFFF;
|
|
35
35
|
// $--radio-button-checked-font-color: #FFFFFF;
|
|
36
36
|
// $--radio-font-color: $--color-text-secondary;
|
|
37
|
-
$--tag-info-color:
|
|
37
|
+
// $--tag-info-color: $--color-text-placeholder;
|
|
38
38
|
// $--tooltip-color: $--color-white;
|
|
39
39
|
// $--checkbox-font-color: $--color-text-secondary;
|
|
40
40
|
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
overflow-y: auto;
|
|
227
227
|
}
|
|
228
228
|
.manual-common-content::-webkit-scrollbar {
|
|
229
|
-
width:
|
|
229
|
+
width: 8PX;
|
|
230
230
|
}
|
|
231
231
|
}
|
|
232
232
|
// 手动控制弹框
|
|
@@ -498,12 +498,12 @@
|
|
|
498
498
|
width: 85% !important;
|
|
499
499
|
}
|
|
500
500
|
.el-input.is-disabled .el-input__inner {
|
|
501
|
-
text-align:
|
|
501
|
+
text-align: center;
|
|
502
502
|
}
|
|
503
503
|
.el-input-number {
|
|
504
504
|
width: 100%;
|
|
505
505
|
.el-input__inner {
|
|
506
|
-
text-align:
|
|
506
|
+
text-align: center;
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
509
|
.el-select {
|
|
@@ -540,9 +540,6 @@
|
|
|
540
540
|
}
|
|
541
541
|
.el-input-number {
|
|
542
542
|
width: 100%;
|
|
543
|
-
.el-input__inner {
|
|
544
|
-
text-align: left;
|
|
545
|
-
}
|
|
546
543
|
}
|
|
547
544
|
.el-input-number--mini{
|
|
548
545
|
width: 100%;
|