openatc-components 0.2.44 → 0.2.46

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.
@@ -0,0 +1,429 @@
1
+ /* eslint-disable no-tabs */
2
+ /**
3
+ * Copyright (c) 2020 kedacom
4
+ * OpenATC is licensed under Mulan PSL v2.
5
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
6
+ * You may obtain a copy of Mulan PSL v2 at:
7
+ * http://license.coscl.org.cn/MulanPSL2
8
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
9
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
10
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
11
+ * See the Mulan PSL v2 for more details.
12
+ **/
13
+ <template>
14
+ <div :style="{position: 'absolute'}">
15
+ <!-- , left: Data.left?Data.left:'2px', top: Data.top -->
16
+ <svg
17
+ :width="Width"
18
+ :height="Height"
19
+ version="1.1"
20
+ id="图层_1"
21
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
22
+ viewBox="0 0 34 34"
23
+ style="enable-background:new 0 0 34 34;"
24
+ xml:space="preserve">
25
+ <g id="路段行人过街-东西"
26
+ :class="status[0].isshow? '' : 'invisible'">
27
+ <rect x="19.9" y="14.2" class="st1" width="1.6" height="5.6"/>
28
+ <rect x="17.4" y="14.2" class="st1" width="1.6" height="5.6"/>
29
+ <rect x="22.4" y="14.2" class="st1" width="1.6" height="5.6"/>
30
+ <rect x="24.9" y="14.2" class="st1" width="1.6" height="5.6"/>
31
+ <rect x="27.4" y="14.2" class="st1" width="1.6" height="5.6"/>
32
+ <rect x="29.9" y="14.2" class="st1" width="1.6" height="5.6"/>
33
+ <rect x="32.4" y="14.2" class="st1" width="1.6" height="5.6"/>
34
+ <rect x="7.5" y="14.2" class="st1" width="1.6" height="5.6"/>
35
+ <rect x="5" y="14.2" class="st1" width="1.6" height="5.6"/>
36
+ <rect x="2.5" y="14.2" class="st1" width="1.6" height="5.6"/>
37
+ <rect x="0" y="14.2" class="st1" width="1.6" height="5.6"/>
38
+ <rect x="10" y="14.2" class="st1" width="1.6" height="5.6"/>
39
+ <rect x="12.5" y="14.2" class="st1" width="1.6" height="5.6"/>
40
+ <rect x="14.9" y="14.2" class="st1" width="1.6" height="5.6"/>
41
+ </g>
42
+ <g id="路段行人过街-南北" class="st0"
43
+ :class="status[1].isshow? '' : 'invisible'">
44
+ >
45
+ <rect x="14.2" y="19.9" class="st1" width="5.6" height="1.6"/>
46
+ <rect x="14.2" y="17.4" class="st1" width="5.6" height="1.6"/>
47
+ <rect x="14.2" y="22.4" class="st1" width="5.6" height="1.6"/>
48
+ <rect x="14.2" y="24.9" class="st1" width="5.6" height="1.6"/>
49
+ <rect x="14.2" y="27.4" class="st1" width="5.6" height="1.6"/>
50
+ <rect x="14.2" y="29.9" class="st1" width="5.6" height="1.6"/>
51
+ <rect x="14.2" y="32.4" class="st1" width="5.6" height="1.6"/>
52
+ <rect x="14.2" y="7.5" class="st1" width="5.6" height="1.6"/>
53
+ <rect x="14.2" y="5" class="st1" width="5.6" height="1.6"/>
54
+ <rect x="14.2" y="2.5" class="st1" width="5.6" height="1.6"/>
55
+ <rect x="14.2" y="0" class="st1" width="5.6" height="1.6"/>
56
+ <rect x="14.2" y="10" class="st1" width="5.6" height="1.6"/>
57
+ <rect x="14.2" y="12.5" class="st1" width="5.6" height="1.6"/>
58
+ <rect x="14.2" y="14.9" class="st1" width="5.6" height="1.6"/>
59
+ </g>
60
+ <g id="斜向行人1" class="st0"
61
+ :class="status[2].isshow? '' : 'invisible'">
62
+ >
63
+ <rect x="14.2" y="16.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.0438 17.0053)" class="st1" width="5.6" height="1.6"/>
64
+ <rect x="12.4" y="14.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.3149 15.2456)" class="st1" width="5.6" height="1.6"/>
65
+ <rect x="15.9" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.7727 18.7651)" class="st1" width="5.6" height="1.6"/>
66
+ <rect x="17.7" y="19.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.5017 20.5248)" class="st1" width="5.6" height="1.6"/>
67
+ <rect x="19.5" y="21.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.2306 22.2845)" class="st1" width="5.6" height="1.6"/>
68
+ <rect x="21.2" y="23.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.9595 24.0443)" class="st1" width="5.6" height="1.6"/>
69
+ <rect x="23" y="25" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.6884 25.804)" class="st1" width="5.6" height="1.6"/>
70
+ <rect x="24.7" y="26.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.4128 27.5531)" class="st1" width="5.6" height="1.6"/>
71
+ <rect x="26.5" y="28.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.1418 29.3128)" class="st1" width="5.6" height="1.6"/>
72
+ <rect x="28.3" y="30.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.8707 31.0725)" class="st1" width="5.6" height="1.6"/>
73
+ <rect x="5.4" y="7.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3993 8.2067)" class="st1" width="5.6" height="1.6"/>
74
+ <rect x="3.6" y="5.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.6704 6.4469)" class="st1" width="5.6" height="1.6"/>
75
+ <rect x="1.9" y="3.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.9415 4.6872)" class="st1" width="5.6" height="1.6"/>
76
+ <rect x="0.1" y="2.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.2126 2.9275)" class="st1" width="5.6" height="1.6"/>
77
+ <rect x="7.1" y="9.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.1282 9.9664)" class="st1" width="5.6" height="1.6"/>
78
+ <rect x="8.9" y="10.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.8571 11.7261)" class="st1" width="5.6" height="1.6"/>
79
+ <rect x="10.7" y="12.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.586 13.4859)" class="st1" width="5.6" height="1.6"/>
80
+ </g>
81
+ <g id="斜向行人2" class="st0"
82
+ :class="status[3].isshow? '' : 'invisible'"
83
+ >
84
+ <rect x="16.2" y="14.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.047 16.9978)" class="st1" width="1.6" height="5.6"/>
85
+ <rect x="17.9" y="12.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.2872 17.7267)" class="st1" width="1.6" height="5.6"/>
86
+ <rect x="14.4" y="15.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.8067 16.2689)" class="st1" width="1.6" height="5.6"/>
87
+ <rect x="12.7" y="17.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.5664 15.54)" class="st1" width="1.6" height="5.6"/>
88
+
89
+ <rect x="10.9" y="19.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.3262 14.8111)" class="st1" width="1.6" height="5.6"/>
90
+ <rect x="9.1" y="21.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.0859 14.0822)" class="st1" width="1.6" height="5.6"/>
91
+ <rect x="7.4" y="23" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.8456 13.3533)" class="st1" width="1.6" height="5.6"/>
92
+ <rect x="5.6" y="24.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.5947 12.6288)" class="st1" width="1.6" height="5.6"/>
93
+ <rect x="3.9" y="26.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.3544 11.8999)" class="st1" width="1.6" height="5.6"/>
94
+ <rect x="2.1" y="28.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.1142 11.171)" class="st1" width="1.6" height="5.6"/>
95
+ <rect x="25" y="5.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.7517 20.6423)" class="st1" width="1.6" height="5.6"/>
96
+ <rect x="26.7" y="3.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 3.5114 21.3712)" class="st1" width="1.6" height="5.6"/>
97
+ <rect x="28.5" y="1.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 5.2712 22.1001)" class="st1" width="1.6" height="5.6"/>
98
+ <rect x="30.3" y="0.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 7.0309 22.829)" class="st1" width="1.6" height="5.6"/>
99
+
100
+ <rect x="23.2" y="7.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.040609e-03 19.9134)" class="st1" width="1.6" height="5.6"/>
101
+ <rect x="21.5" y="8.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.7678 19.1845)" class="st1" width="1.6" height="5.6"/>
102
+ <rect x="19.7" y="10.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.5275 18.4556)" class="st1" width="1.6" height="5.6"/>
103
+ </g>
104
+ <g id="北行人"
105
+ :class="status[4].isshow? '' : 'invisible'"
106
+ class="st0">
107
+ <rect x="19.9" class="st1" width="1.6" height="5.6"/>
108
+ <rect x="17.4" class="st1" width="1.6" height="5.6"/>
109
+ <rect x="22.4" class="st1" width="1.6" height="5.6"/>
110
+ <rect x="24.9" class="st1" width="1.6" height="5.6"/>
111
+ <rect x="27.4" class="st1" width="1.6" height="5.6"/>
112
+ <rect x="29.9" class="st1" width="1.6" height="5.6"/>
113
+ <rect x="32.4" class="st1" width="1.6" height="5.6"/>
114
+ <rect x="7.5" class="st1" width="1.6" height="5.6"/>
115
+ <rect x="5" class="st1" width="1.6" height="5.6"/>
116
+ <rect x="2.5" class="st1" width="1.6" height="5.6"/>
117
+ <rect x="0" class="st1" width="1.6" height="5.6"/>
118
+ <rect x="10" class="st1" width="1.6" height="5.6"/>
119
+ <rect x="12.5" class="st1" width="1.6" height="5.6"/>
120
+ <rect x="14.9" class="st1" width="1.6" height="5.6"/>
121
+ </g>
122
+ <g id="南行人"
123
+ :class="status[5].isshow? '' : 'invisible'"
124
+ class="st0">
125
+ <rect x="19.9" y="28.4" class="st1" width="1.6" height="5.6"/>
126
+ <rect x="17.4" y="28.4" class="st1" width="1.6" height="5.6"/>
127
+ <rect x="22.4" y="28.4" class="st1" width="1.6" height="5.6"/>
128
+ <rect x="24.9" y="28.4" class="st1" width="1.6" height="5.6"/>
129
+ <rect x="27.4" y="28.4" class="st1" width="1.6" height="5.6"/>
130
+ <rect x="29.9" y="28.4" class="st1" width="1.6" height="5.6"/>
131
+ <rect x="32.4" y="28.4" class="st1" width="1.6" height="5.6"/>
132
+ <rect x="7.5" y="28.4" class="st1" width="1.6" height="5.6"/>
133
+ <rect x="5" y="28.4" class="st1" width="1.6" height="5.6"/>
134
+ <rect x="2.5" y="28.4" class="st1" width="1.6" height="5.6"/>
135
+ <rect x="0" y="28.4" class="st1" width="1.6" height="5.6"/>
136
+ <rect x="10" y="28.4" class="st1" width="1.6" height="5.6"/>
137
+ <rect x="12.5" y="28.4" class="st1" width="1.6" height="5.6"/>
138
+ <rect x="14.9" y="28.4" class="st1" width="1.6" height="5.6"/>
139
+ </g>
140
+ <g id="东行人"
141
+ :class="status[6].isshow? '' : 'invisible'"
142
+ class="st0">
143
+ <rect x="28.4" y="19.9" class="st1" width="5.6" height="1.6"/>
144
+ <rect x="28.4" y="17.4" class="st1" width="5.6" height="1.6"/>
145
+ <rect x="28.4" y="22.4" class="st1" width="5.6" height="1.6"/>
146
+ <rect x="28.4" y="24.9" class="st1" width="5.6" height="1.6"/>
147
+ <rect x="28.4" y="27.4" class="st1" width="5.6" height="1.6"/>
148
+ <rect x="28.4" y="29.9" class="st1" width="5.6" height="1.6"/>
149
+ <rect x="28.4" y="32.4" class="st1" width="5.6" height="1.6"/>
150
+ <rect x="28.4" y="7.5" class="st1" width="5.6" height="1.6"/>
151
+ <rect x="28.4" y="5" class="st1" width="5.6" height="1.6"/>
152
+ <rect x="28.4" y="2.5" class="st1" width="5.6" height="1.6"/>
153
+ <rect x="28.4" y="0" class="st1" width="5.6" height="1.6"/>
154
+ <rect x="28.4" y="10" class="st1" width="5.6" height="1.6"/>
155
+ <rect x="28.4" y="12.5" class="st1" width="5.6" height="1.6"/>
156
+ <rect x="28.4" y="14.9" class="st1" width="5.6" height="1.6"/>
157
+ </g>
158
+ <g id="西行人"
159
+ :class="status[7].isshow? '' : 'invisible'"
160
+ class="st0">
161
+ <rect y="19.9" class="st1" width="5.6" height="1.6"/>
162
+ <rect y="17.4" class="st1" width="5.6" height="1.6"/>
163
+ <rect y="22.4" class="st1" width="5.6" height="1.6"/>
164
+ <rect y="24.9" class="st1" width="5.6" height="1.6"/>
165
+ <rect y="27.4" class="st1" width="5.6" height="1.6"/>
166
+ <rect y="29.9" class="st1" width="5.6" height="1.6"/>
167
+ <rect y="32.4" class="st1" width="5.6" height="1.6"/>
168
+ <rect y="7.5" class="st1" width="5.6" height="1.6"/>
169
+ <rect y="5" class="st1" width="5.6" height="1.6"/>
170
+ <rect y="2.5" class="st1" width="5.6" height="1.6"/>
171
+ <rect y="0" class="st1" width="5.6" height="1.6"/>
172
+ <rect y="10" class="st1" width="5.6" height="1.6"/>
173
+ <rect y="12.5" class="st1" width="5.6" height="1.6"/>
174
+ <rect y="14.9" class="st1" width="5.6" height="1.6"/>
175
+ </g>
176
+ <g id="二次过街-西" class="st0">
177
+ <g id="西下"
178
+ :class="status[8].isshow? '' : 'invisible'"
179
+ >
180
+ <rect y="19.9" class="st1" width="5.6" height="1.6"/>
181
+ <rect y="22.4" class="st1" width="5.6" height="1.6"/>
182
+ <rect y="24.9" class="st1" width="5.6" height="1.6"/>
183
+ <rect y="27.4" class="st1" width="5.6" height="1.6"/>
184
+ <rect y="29.9" class="st1" width="5.6" height="1.6"/>
185
+ <rect y="32.4" class="st1" width="5.6" height="1.6"/>
186
+ </g>
187
+ <g id="西上"
188
+ :class="status[9].isshow? '' : 'invisible'"
189
+ >
190
+ <rect y="7.5" class="st1" width="5.6" height="1.6"/>
191
+ <rect y="5" class="st1" width="5.6" height="1.6"/>
192
+ <rect y="2.5" class="st1" width="5.6" height="1.6"/>
193
+ <rect y="0" class="st1" width="5.6" height="1.6"/>
194
+ <rect y="10" class="st1" width="5.6" height="1.6"/>
195
+ <rect y="12.5" class="st1" width="5.6" height="1.6"/>
196
+ </g>
197
+ </g>
198
+ <g id="二次过街-东" class="st0">
199
+ <g id="东上"
200
+ :class="status[10].isshow? '' : 'invisible'"
201
+ >
202
+ <rect x="28.4" y="12.5" class="st1" width="5.6" height="1.6"/>
203
+ <rect x="28.4" y="10" class="st1" width="5.6" height="1.6"/>
204
+ <rect x="28.4" y="7.5" class="st1" width="5.6" height="1.6"/>
205
+ <rect x="28.4" y="5" class="st1" width="5.6" height="1.6"/>
206
+ <rect x="28.4" y="2.5" class="st1" width="5.6" height="1.6"/>
207
+ <rect x="28.4" y="0" class="st1" width="5.6" height="1.6"/>
208
+ </g>
209
+ <g id="东下"
210
+ :class="status[11].isshow? '' : 'invisible'"
211
+ >
212
+ <rect x="28.4" y="24.9" class="st1" width="5.6" height="1.6"/>
213
+ <rect x="28.4" y="27.4" class="st1" width="5.6" height="1.6"/>
214
+ <rect x="28.4" y="29.9" class="st1" width="5.6" height="1.6"/>
215
+ <rect x="28.4" y="32.4" class="st1" width="5.6" height="1.6"/>
216
+ <rect x="28.4" y="22.4" class="st1" width="5.6" height="1.6"/>
217
+ <rect x="28.4" y="19.9" class="st1" width="5.6" height="1.6"/>
218
+ </g>
219
+ </g>
220
+ <g id="二次过街-南" class="st0">
221
+ <g id="南右"
222
+ :class="status[12].isshow? '' : 'invisible'"
223
+ >
224
+ <rect x="19.9" y="28.4" class="st1" width="1.6" height="5.6"/>
225
+ <rect x="22.4" y="28.4" class="st1" width="1.6" height="5.6"/>
226
+ <rect x="24.9" y="28.4" class="st1" width="1.6" height="5.6"/>
227
+ <rect x="27.4" y="28.4" class="st1" width="1.6" height="5.6"/>
228
+ <rect x="29.9" y="28.4" class="st1" width="1.6" height="5.6"/>
229
+ <rect x="32.4" y="28.4" class="st1" width="1.6" height="5.6"/>
230
+ </g>
231
+ <g id="南左"
232
+ :class="status[13].isshow? '' : 'invisible'"
233
+ >
234
+ <rect x="7.5" y="28.4" class="st1" width="1.6" height="5.6"/>
235
+ <rect x="5" y="28.4" class="st1" width="1.6" height="5.6"/>
236
+ <rect x="2.5" y="28.4" class="st1" width="1.6" height="5.6"/>
237
+ <rect x="0" y="28.4" class="st1" width="1.6" height="5.6"/>
238
+ <rect x="10" y="28.4" class="st1" width="1.6" height="5.6"/>
239
+ <rect x="12.5" y="28.4" class="st1" width="1.6" height="5.6"/>
240
+ </g>
241
+ </g>
242
+ <g id="二次过街-北_1_" class="st0">
243
+ <g id="北右_1_"
244
+ :class="status[14].isshow? '' : 'invisible'"
245
+ >
246
+ <rect x="19.9" class="st1" width="1.6" height="5.6"/>
247
+ <rect x="22.4" class="st1" width="1.6" height="5.6"/>
248
+ <rect x="24.9" class="st1" width="1.6" height="5.6"/>
249
+ <rect x="27.4" class="st1" width="1.6" height="5.6"/>
250
+ <rect x="29.9" class="st1" width="1.6" height="5.6"/>
251
+ <rect x="32.4" class="st1" width="1.6" height="5.6"/>
252
+ </g>
253
+ <g id="北左_1_"
254
+ :class="status[15].isshow? '' : 'invisible'"
255
+ >
256
+ <rect x="7.5" class="st1" width="1.6" height="5.6"/>
257
+ <rect x="5" class="st1" width="1.6" height="5.6"/>
258
+ <rect x="2.5" class="st1" width="1.6" height="5.6"/>
259
+ <rect x="0" class="st1" width="1.6" height="5.6"/>
260
+ <rect x="10" class="st1" width="1.6" height="5.6"/>
261
+ <rect x="12.5" class="st1" width="1.6" height="5.6"/>
262
+ </g>
263
+ </g>
264
+ </svg>
265
+ </div>
266
+ </template>
267
+ <script>
268
+ export default {
269
+ name: 'PatternWalkSvg',
270
+ data () {
271
+ return {
272
+ status: [
273
+ {
274
+ id: 1,
275
+ name: '东西路段人行横道',
276
+ isshow: false,
277
+ color: '#0096ba'
278
+ },
279
+ {
280
+ id: 2,
281
+ name: '南北路段人行横道',
282
+ isshow: false,
283
+ color: '#0096ba'
284
+ },
285
+ {
286
+ id: 3,
287
+ name: 'X人行横道-\\',
288
+ isshow: false,
289
+ color: '#0096ba'
290
+ },
291
+ {
292
+ id: 4,
293
+ name: 'X人行横道-/',
294
+ isshow: false,
295
+ color: '#0096ba'
296
+ },
297
+ {
298
+ id: 5,
299
+ name: '北人行横道',
300
+ isshow: false,
301
+ color: '#0096ba'
302
+ },
303
+ {
304
+ id: 6,
305
+ name: '南人行横道',
306
+ isshow: false,
307
+ color: '#0096ba'
308
+ },
309
+ {
310
+ id: 7,
311
+ name: '东人行横道',
312
+ isshow: false,
313
+ color: '#0096ba'
314
+ },
315
+ {
316
+ id: 8,
317
+ name: '西人行横道',
318
+ isshow: false,
319
+ color: '#0096ba'
320
+ },
321
+ {
322
+ id: 9,
323
+ name: '西人行横道-下',
324
+ isshow: false,
325
+ color: '#0096ba'
326
+ },
327
+ {
328
+ id: 10,
329
+ name: '西人行横道-上',
330
+ isshow: false,
331
+ color: '#0096ba'
332
+ },
333
+ {
334
+ id: 11,
335
+ name: '东人行横道-上',
336
+ isshow: false,
337
+ color: '#0096ba'
338
+ },
339
+ {
340
+ id: 12,
341
+ name: '东人行横道-下',
342
+ isshow: false,
343
+ color: '#0096ba'
344
+ },
345
+ {
346
+ id: 13,
347
+ name: '南人行横道-右',
348
+ isshow: false,
349
+ color: '#0096ba'
350
+ },
351
+ {
352
+ id: 14,
353
+ name: '南人行横道-左',
354
+ isshow: false,
355
+ color: '#0096ba'
356
+ },
357
+ {
358
+ id: 15,
359
+ name: '北人行横道-右',
360
+ isshow: false,
361
+ color: '#0096ba'
362
+ },
363
+ {
364
+ id: 16,
365
+ name: '北人行横道-左',
366
+ isshow: false,
367
+ color: '#0096ba'
368
+ }
369
+ ]
370
+ }
371
+ },
372
+ props: {
373
+ sidewalkPhaseData: {
374
+ type: Array
375
+ },
376
+ showWalk: {
377
+ type: Array
378
+ },
379
+ Width: {
380
+ type: String,
381
+ default: '34px'
382
+ },
383
+ Height: {
384
+ type: String,
385
+ default: '34px'
386
+ },
387
+ Data: {
388
+ type: Object
389
+ }
390
+ },
391
+ watch: {
392
+ sidewalkPhaseData: {
393
+ handler: function () {
394
+ this.getShow()
395
+ },
396
+ deep: true // 深度监听
397
+ },
398
+ showWalk: {
399
+ handler: function () {
400
+ this.getShow()
401
+ },
402
+ deep: true // 深度监听
403
+ }
404
+ },
405
+ created () {
406
+ this.getShow()
407
+ },
408
+ methods: {
409
+ getShow () {
410
+ console.log(this.sidewalkPhaseData, this.showWalk)
411
+ if (!this.sidewalkPhaseData) return
412
+ for (let i = 0; i < this.sidewalkPhaseData.length; i++) {
413
+ for (let j = 0; j < this.status.length; j++) {
414
+ if (this.sidewalkPhaseData[i].name === this.status[j].name && this.showWalk.includes(this.sidewalkPhaseData[i].id)) {
415
+ this.status[j].isshow = true
416
+ }
417
+ }
418
+ }
419
+ }
420
+ }
421
+ }
422
+ </script>
423
+ <style scoped>
424
+ .invisible {
425
+ visibility: hidden;
426
+ }
427
+ .st0{opacity:0.5;}
428
+ .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#303133;}
429
+ </style>
@@ -121,6 +121,7 @@ export default {
121
121
  } else {
122
122
  direction.push({
123
123
  id: '',
124
+ color: '#454545',
124
125
  peddirection: this.getPedPhasePos(i.peddirection)
125
126
  })
126
127
  }
@@ -137,6 +138,7 @@ export default {
137
138
  key: this.CrossDiagramMgr.getUniqueKey('pedphase'),
138
139
  phaseid: i.id, // 相位id,用于对应相位状态
139
140
  id: dir,
141
+ color: '#454545',
140
142
  name: this.PhaseDataModel.getSidePos(dir).name
141
143
  })
142
144
  }
@@ -557,7 +557,7 @@ export default {
557
557
  this.changeStatus()
558
558
  }
559
559
  this.setPropsToken(this.Token)
560
- await this.getPhase()
560
+ // await this.getPhase()
561
561
  this.getFault()
562
562
  this.initData()
563
563
  },
@@ -4,6 +4,7 @@
4
4
  v-model="valuess"
5
5
  :multiple="multiple"
6
6
  :disabled="disabled"
7
+ size="small"
7
8
  @visible-change="visibleChange($event)"
8
9
  :clearable="clearable"
9
10
  :filterable="filterable"
@@ -23,10 +23,10 @@
23
23
  :options="options">
24
24
  <div class="stage-item" >
25
25
  <el-row :gutter="0">
26
- <el-col :span="12">
26
+ <el-col :span="6">
27
27
  {{this.$t('openatccomponents.overview.phasesplit')}}
28
28
  </el-col>
29
- <el-col :span="12">
29
+ <el-col :span="18">
30
30
  <el-input-number
31
31
  v-if="isRing"
32
32
  class="stage-value"
@@ -49,10 +49,10 @@
49
49
  </el-col>
50
50
  </el-row>
51
51
  <el-row :gutter="0">
52
- <el-col :span="12">
52
+ <el-col :span="6">
53
53
  {{this.$t('openatccomponents.pattern.phase')}}
54
54
  </el-col>
55
- <el-col :span="12">
55
+ <el-col :span="18">
56
56
  <SelectCrossPhase
57
57
  v-if="isRing"
58
58
  type="phases"
@@ -82,10 +82,10 @@
82
82
  </el-col>
83
83
  </el-row>
84
84
  <el-row :gutter="0" v-if="isRing">
85
- <el-col :span="12">
85
+ <el-col :span="6">
86
86
  {{this.$t('openatccomponents.pattern.green')}}
87
87
  </el-col>
88
- <el-col :span="12">
88
+ <el-col :span="18">
89
89
  <el-input-number
90
90
  class="stage-value"
91
91
  size="small"
@@ -97,10 +97,10 @@
97
97
  </el-col>
98
98
  </el-row>
99
99
  <el-row :gutter="0" v-if="isRing">
100
- <el-col :span="12">
100
+ <el-col :span="6">
101
101
  {{this.$t('openatccomponents.pattern.yellow')}}
102
102
  </el-col>
103
- <el-col :span="12">
103
+ <el-col :span="18">
104
104
  <el-input-number
105
105
  class="stage-value"
106
106
  size="small"
@@ -112,10 +112,10 @@
112
112
  </el-col>
113
113
  </el-row>
114
114
  <el-row :gutter="0" v-if="isRing">
115
- <el-col :span="12">
115
+ <el-col :span="6">
116
116
  {{this.$t('openatccomponents.pattern.red')}}
117
117
  </el-col>
118
- <el-col :span="12">
118
+ <el-col :span="18">
119
119
  <el-input-number
120
120
  class="stage-value"
121
121
  size="small"
@@ -304,6 +304,9 @@ export default {
304
304
  color: color
305
305
  }
306
306
  dirArr.push(recd)
307
+ for(let i=0;i<rec.peddirection.length;i++) {
308
+ rec.peddirection[i].color = color
309
+ }
307
310
  }
308
311
  return dirArr
309
312
  }