openatc-components 0.2.45 → 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>
@@ -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
  },
@@ -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
  }
@@ -484,7 +484,6 @@
484
484
  </template>
485
485
  <script>
486
486
  import { mapState } from 'vuex'
487
- import { getTheme } from '../../../utils/auth.js'
488
487
 
489
488
  export default {
490
489
  name: 'xdr-dir-selector',
@@ -556,196 +555,168 @@ export default {
556
555
  id: 1,
557
556
  name: '东西路段人行横道',
558
557
  isshow: false,
559
- color: getTheme() === 'light' ? '#040000' : '#fff',
560
558
  lockColor: '#7ccc66'
561
559
  },
562
560
  {
563
561
  id: 2,
564
562
  name: '南北路段人行横道',
565
563
  isshow: false,
566
- color: getTheme() === 'light' ? '#040000' : '#fff',
567
564
  lockColor: '#7ccc66'
568
565
  },
569
566
  {
570
567
  id: 3,
571
568
  name: 'X人行横道-\\',
572
569
  isshow: false,
573
- color: getTheme() === 'light' ? '#040000' : '#fff',
574
570
  lockColor: '#7ccc66'
575
571
  },
576
572
  {
577
573
  id: 4,
578
574
  name: 'X人行横道-/',
579
575
  isshow: false,
580
- color: getTheme() === 'light' ? '#040000' : '#fff',
581
576
  lockColor: '#7ccc66'
582
577
  },
583
578
  {
584
579
  id: 5,
585
580
  name: '北人行横道',
586
581
  isshow: false,
587
- color: getTheme() === 'light' ? '#040000' : '#fff',
588
582
  lockColor: '#7ccc66'
589
583
  },
590
584
  {
591
585
  id: 6,
592
586
  name: '南人行横道',
593
587
  isshow: false,
594
- color: getTheme() === 'light' ? '#040000' : '#fff',
595
588
  lockColor: '#7ccc66'
596
589
  },
597
590
  {
598
591
  id: 7,
599
592
  name: '东人行横道',
600
593
  isshow: false,
601
- color: getTheme() === 'light' ? '#040000' : '#fff',
602
594
  lockColor: '#7ccc66'
603
595
  },
604
596
  {
605
597
  id: 8,
606
598
  name: '西人行横道',
607
599
  isshow: false,
608
- color: getTheme() === 'light' ? '#040000' : '#fff',
609
600
  lockColor: '#7ccc66'
610
601
  },
611
602
  {
612
603
  id: 9,
613
604
  name: '西人行横道-下',
614
605
  isshow: false,
615
- color: getTheme() === 'light' ? '#040000' : '#fff',
616
606
  lockColor: '#7ccc66'
617
607
  },
618
608
  {
619
609
  id: 10,
620
610
  name: '西人行横道-上',
621
611
  isshow: false,
622
- color: getTheme() === 'light' ? '#040000' : '#fff',
623
612
  lockColor: '#7ccc66'
624
613
  },
625
614
  {
626
615
  id: 11,
627
616
  name: '东人行横道-上',
628
617
  isshow: false,
629
- color: getTheme() === 'light' ? '#040000' : '#fff',
630
618
  lockColor: '#7ccc66'
631
619
  },
632
620
  {
633
621
  id: 12,
634
622
  name: '东人行横道-下',
635
623
  isshow: false,
636
- color: getTheme() === 'light' ? '#040000' : '#fff',
637
624
  lockColor: '#7ccc66'
638
625
  },
639
626
  {
640
627
  id: 13,
641
628
  name: '南人行横道-右',
642
629
  isshow: false,
643
- color: getTheme() === 'light' ? '#040000' : '#fff',
644
630
  lockColor: '#7ccc66'
645
631
  },
646
632
  {
647
633
  id: 14,
648
634
  name: '南人行横道-左',
649
635
  isshow: false,
650
- color: getTheme() === 'light' ? '#040000' : '#fff',
651
636
  lockColor: '#7ccc66'
652
637
  },
653
638
  {
654
639
  id: 15,
655
640
  name: '北人行横道-右',
656
641
  isshow: false,
657
- color: getTheme() === 'light' ? '#040000' : '#fff',
658
642
  lockColor: '#7ccc66'
659
643
  },
660
644
  {
661
645
  id: 16,
662
646
  name: '北人行横道-左',
663
647
  isshow: false,
664
- color: getTheme() === 'light' ? '#040000' : '#fff',
665
648
  lockColor: '#7ccc66'
666
649
  },
667
650
  {
668
651
  id: 17,
669
652
  name: '东南人行横道',
670
653
  isshow: false,
671
- color: getTheme() === 'light' ? '#040000' : '#fff',
672
654
  lockColor: '#7ccc66'
673
655
  },
674
656
  {
675
657
  id: 18,
676
658
  name: '西南人行横道',
677
659
  isshow: false,
678
- color: getTheme() === 'light' ? '#040000' : '#fff',
679
660
  lockColor: '#7ccc66'
680
661
  },
681
662
  {
682
663
  id: 19,
683
664
  name: '东北人行横道',
684
665
  isshow: false,
685
- color: getTheme() === 'light' ? '#040000' : '#fff',
686
666
  lockColor: '#7ccc66'
687
667
  },
688
668
  {
689
669
  id: 20,
690
670
  name: '西北人行横道',
691
671
  isshow: false,
692
- color: getTheme() === 'light' ? '#040000' : '#fff',
693
672
  lockColor: '#7ccc66'
694
673
  },
695
674
  {
696
675
  id: 21,
697
676
  name: '东南人行横道-上',
698
677
  isshow: false,
699
- color: getTheme() === 'light' ? '#040000' : '#fff',
700
678
  lockColor: '#7ccc66'
701
679
  },
702
680
  {
703
681
  id: 22,
704
682
  name: '东南人行横道-下',
705
683
  isshow: false,
706
- color: getTheme() === 'light' ? '#040000' : '#fff',
707
684
  lockColor: '#7ccc66'
708
685
  },
709
686
  {
710
687
  id: 23,
711
688
  name: '西南人行横道-上',
712
689
  isshow: false,
713
- color: getTheme() === 'light' ? '#040000' : '#fff',
714
690
  lockColor: '#7ccc66'
715
691
  },
716
692
  {
717
693
  id: 24,
718
694
  name: '西南人行横道-下',
719
695
  isshow: false,
720
- color: getTheme() === 'light' ? '#040000' : '#fff',
721
696
  lockColor: '#7ccc66'
722
697
  },
723
698
  {
724
699
  id: 25,
725
700
  name: '东北人行横道-上',
726
701
  isshow: false,
727
- color: getTheme() === 'light' ? '#040000' : '#fff',
728
702
  lockColor: '#7ccc66'
729
703
  },
730
704
  {
731
705
  id: 26,
732
706
  name: '东北人行横道-下',
733
707
  isshow: false,
734
- color: getTheme() === 'light' ? '#040000' : '#fff',
735
708
  lockColor: '#7ccc66'
736
709
  },
737
710
  {
738
711
  id: 27,
739
712
  name: '西北人行横道-上',
740
713
  isshow: false,
741
- color: getTheme() === 'light' ? '#040000' : '#fff',
742
714
  lockColor: '#7ccc66'
743
715
  },
744
716
  {
745
717
  id: 28,
746
718
  name: '西北人行横道-下',
747
719
  isshow: false,
748
- color: getTheme() === 'light' ? '#040000' : '#fff',
749
720
  lockColor: '#7ccc66'
750
721
  }
751
722
  ],