openatc-components 0.1.117 → 0.1.119

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.
Files changed (6) hide show
  1. package/package/kisscomps/components/PatternStatus/PatternStatus.vue +7 -7
  2. package/package/kisscomps/components/XRDDirSelector/XRDDirSelector.vue +432 -623
  3. package/package/kissui.min.js +1 -1
  4. package/package.json +1 -1
  5. package/src/kisscomps/components/PatternStatus/PatternStatus.vue +7 -7
  6. package/src/kisscomps/components/XRDDirSelector/XRDDirSelector.vue +432 -623
package/src/kisscomps/components/XRDDirSelector/XRDDirSelector.vue CHANGED
@@ -13,651 +13,460 @@
13
13
  <div :style="{position: 'reletive'}">
14
14
  <div :style="{position: 'absolute', left: Data?Data.left:0, top: Data?Data.top:0}">
15
15
  <svg
16
- version="1.1"
17
- id="图层_1"
18
- xmlns="http://www.w3.org/2000/svg"
19
- xmlns:xlink="http://www.w3.org/1999/xlink"
20
- :width="Width"
21
- :height="Height"
22
- viewBox="0 0 60 60"
23
- style="enable-background:new 0 0 60 60;"
24
- xml:space="preserve">
16
+ version="1.1"
17
+ id="图层_1"
18
+ xmlns="http://www.w3.org/2000/svg"
19
+ xmlns:xlink="http://www.w3.org/1999/xlink"
20
+ viewBox="0 0 60 60"
21
+ :width="Width"
22
+ :height="Height"
23
+ style="enable-background:new 0 0 60 60;"
24
+ xml:space="preserve">
25
25
  <g>
26
- <path
27
- id="西北左转"
28
- :stroke-width="PathWidth"
29
- :fill="status[29].color"
30
- :class="status[29].isshow ? '' : 'invisible'"
31
- d="M14.6,30.5L3.3,19.3l-1.4,1.4L13.2,32c1.5,1.5,3.9,1.5,5.4,0.1l1.6-1.1l1.6,2l2.7-6.4l-6.9,0.8l1.6,2l-1.8,1.3C16.5,31.3,15.3,31.3,14.6,30.5L14.6,30.5z">
32
- </path>
33
- <path
34
- id="西北右转"
35
- :stroke-width="PathWidth"
36
- :fill="status[30].color"
37
- :class="status[30].isshow ? '' : 'invisible'"
38
- d="M13.2,32c0.8,0.8,0.8,1.9,0.1,2.8l-1.3,1.8L10,35l-0.8,6.9l6.4-2.7l-2-1.6l1.1-1.6
39
- c1.4-1.6,1.4-4-0.1-5.4L3.3,19.3l-1.4,1.4L13.2,32L13.2,32z">
40
- </path>
41
- <polygon
42
- id="西北直行"
43
- :stroke-width="PathWidth"
44
- :fill="status[28].color"
45
- :class="status[28].isshow ? '' : 'invisible'"
46
- points="1.9,20.7 18.3,37.1 16.5,38.9 23.3,40.7 21.4,34 19.7,35.7 3.3,19.3"/>
47
- <path
48
- id="西北调头"
49
- :stroke-width="PathWidth"
50
- :fill="status[31].color"
51
- :class="status[31].isshow ? '' : 'invisible'"
52
- d="M15.7,21.6l-2.1-2.1l1.7-1.7l-6.7-1.8l1.8,6.7l1.8-1.8l2.1,2.1c0.7,0.7,0.6,2.1-0.4,3.1
53
- c-0.9,0.9-2.4,1.1-3.1,0.4l-7.4-7.4l-1.4,1.4l7.4,7.4c1.5,1.5,4.2,1.3,5.9-0.4C17,25.7,17.2,23.1,15.7,21.6z"></path>
54
- <path
55
- id="西南左转"
56
- :stroke-width="PathWidth"
57
- :fill="status[21].color"
58
- :class="status[21].isshow ? '' : 'invisible'"
59
- d="M29.9,42.8L18.7,54l1.4,1.4l11.3-11.3c1.5-1.5,1.5-3.9,0.1-5.4l-1.1-1.6l2-1.6l-6.4-2.6
60
- l0.8,6.9l2-1.6L30,40C30.6,40.8,30.7,42,29.9,42.8L29.9,42.8z"></path>
61
- <path
62
- id="西南右转"
63
- :stroke-width="PathWidth"
64
- :fill="status[22].color"
65
- :class="status[22].isshow ? '' : 'invisible'"
66
- d="M34.3,44.2l1.6,1.2l-1.6,2l6.9,0.8l-2.7-6.4l-1.6,2l-1.6-1.1c-1.5-1.5-3.9-1.5-5.4,0.1
67
- L18.7,54l1.4,1.4l11.4-11.4c0.7-0.7,2-0.7,2.7,0L34.3,44.2z"></path>
68
- <polygon
69
- id="西南直行"
70
- :stroke-width="PathWidth"
71
- :fill="status[20].color"
72
- :class="status[20].isshow ? '' : 'invisible'"
73
- points="20.1,55.4 36.5,39 38.2,40.7 40.1,34 33.3,35.8 35.1,37.6 18.7,54"/>
74
- <path
75
- id="西南调头"
76
- :stroke-width="PathWidth"
77
- :fill="status[23].color"
78
- :class="status[23].isshow ? '' : 'invisible'"
79
- d="M21.1,41.7L19,43.8L17.3,42l-1.8,6.7l6.7-1.8l-1.8-1.8l2.1-2.1c0.7-0.7,2.1-0.6,3.1,0.4
80
- c0.9,0.9,1.1,2.4,0.4,3.1L18.7,54l1.4,1.4l7.4-7.4c1.5-1.5,1.3-4.2-0.4-5.9C25.2,40.4,22.6,40.2,21.1,41.7z"></path>
81
- <path
82
- id="东南左转"
83
- :stroke-width="PathWidth"
84
- :fill="status[17].color"
85
- :class="status[17].isshow ? '' : 'invisible'"
86
- d="M41.4,25.5l11.2,11.2l1.4-1.4L42.8,24c-1.5-1.5-3.9-1.5-5.4-0.1L35.8,25l-1.5-1.9l-2.7,6.4
87
- l6.9-0.8l-1.6-2l1.8-1.3C39.5,24.7,40.7,24.7,41.4,25.5L41.4,25.5z"></path>
88
- <path
89
- id="东南右转"
90
- :stroke-width="PathWidth"
91
- :fill="status[18].color"
92
- :class="status[18].isshow ? '' : 'invisible'"
93
- d="M42.8,24c-0.8-0.8-0.8-1.9-0.1-2.8l1.3-1.8l2,1.6l0.8-6.9l-6.4,2.7l1.9,1.5l-1.1,1.6
94
- c-1.4,1.6-1.4,4,0.1,5.4l11.3,11.3l1.4-1.4L42.8,24L42.8,24z"></path>
95
- <polygon
96
- id="东南直行"
97
- :stroke-width="PathWidth"
98
- :fill="status[16].color"
99
- :class="status[16].isshow ? '' : 'invisible'"
100
- points="54.1,35.3 37.7,18.9 39.5,17.1 32.7,15.3 34.6,22 36.3,20.3 52.7,36.7"/>
101
- <path
102
- id="东南调头"
103
- :stroke-width="PathWidth"
104
- :fill="status[19].color"
105
- :class="status[19].isshow ? '' : 'invisible'"
106
- d="M40.3,34.4l2.1,2.1l-1.7,1.7l6.7,1.8l-1.8-6.7l-1.8,1.8l-2.1-2.1c-0.7-0.7-0.6-2.1,0.4-3.1
107
- c0.9-0.9,2.4-1.1,3.1-0.4l7.4,7.4l1.4-1.4l-7.4-7.4c-1.5-1.5-4.2-1.3-5.9,0.4C39,30.1,38.8,32.9,40.3,34.4z"></path>
108
- <path
109
- id="东北左转"
110
- :stroke-width="PathWidth"
111
- :fill="status[25].color"
112
- :class="status[25].isshow ? '' : 'invisible'"
113
- d="M26.1,13.2L37.3,2l-1.4-1.4L24.6,11.9c-1.5,1.5-1.5,3.9-0.1,5.4l1.1,1.6l-2,1.6l6.4,2.6
114
- l-0.8-6.9l-2,1.6L26,16C25.4,15.2,25.3,14,26.1,13.2L26.1,13.2z"></path>
115
- <path
116
- id="东北右转"
117
- :stroke-width="PathWidth"
118
- :fill="status[26].color"
119
- :class="status[26].isshow ? '' : 'invisible'"
120
- d="M21.8,11.8l-1.6-1.2l1.6-2l-6.9-0.8l2.7,6.4l1.6-2l1.6,1.1c1.5,1.5,3.9,1.5,5.4-0.1L37.3,2
121
- l-1.4-1.4L24.6,11.9C23.9,12.6,22.6,12.6,21.8,11.8L21.8,11.8z"></path>
122
- <polygon
123
- id="东北直行"
124
- :stroke-width="PathWidth"
125
- :fill="status[24].color"
126
- :class="status[24].isshow ? '' : 'invisible'"
127
- points="35.9,0.6 19.5,17 17.8,15.3 15.9,22 22.7,20.2 20.9,18.4 37.3,2"/>
128
- <path
129
- id="东北调头"
130
- :stroke-width="PathWidth"
131
- :fill="status[27].color"
132
- :class="status[27].isshow ? '' : 'invisible'"
133
- d="M34.9,14.3l2.1-2.1l1.8,1.8l1.8-6.7L33.8,9l1.8,1.8l-2.1,2.1c-0.7,0.7-2.1,0.6-3.1-0.4
134
- c-1-1-1.1-2.4-0.4-3.1L37.3,2l-1.4-1.4l-7.4,7.4c-1.5,1.5-1.3,4.2,0.4,5.9C30.8,15.6,33.4,15.8,34.9,14.3z"></path>
135
- </g>
136
- <g id="组">
137
- <path
138
- id="西左转_3_"
139
- :stroke-width="PathWidth"
140
- :fill="status[5].color"
141
- :class="status[5].isshow ? '' : 'invisible'"
142
- d="M20.3,39.3H4.4v2h16c2.1,0,3.8-1.7,3.9-3.8l0.3-1.9l2.5,0.3l-2.6-6.4l-4.3,5.4l2.5,0.3
143
- l-0.3,2.2C22.2,38.5,21.4,39.3,20.3,39.3L20.3,39.3z"></path>
144
- <path
145
- id="西右转"
146
- :stroke-width="PathWidth"
147
- :fill="status[6].color"
148
- :class="status[6].isshow ? '' : 'invisible'"
149
- d="M20.3,41.3c1.1,0,1.9,0.8,2.1,1.9l0.3,2.2l-2.5,0.3l4.3,5.4l2.6-6.4L24.6,45l-0.3-1.9
150
- c-0.1-2.1-1.8-3.8-3.9-3.8h-16v2H20.3L20.3,41.3z"></path>
151
- <polygon
152
- id="西直行_1_"
153
- :stroke-width="PathWidth"
154
- :fill="status[4].color"
155
- :class="status[4].isshow ? '' : 'invisible'"
156
- points="4.4,41.3 27.6,41.3 27.6,43.8 33.7,40.3 27.6,36.9 27.6,39.3 4.4,39.3"/>
157
- <path
158
- id="西调头_1_"
159
- :stroke-width="PathWidth"
160
- :fill="status[7].color"
161
- :class="status[7].isshow ? '' : 'invisible'"
162
- d="M14.8,32.2h-2.9v-2.4l-6,3.5l6,3.5v-2.5h2.9c1,0,1.9,1.1,1.9,2.5c0,1.3-0.9,2.5-1.9,2.5H4.4
163
- v2h10.4c2.1,0,3.9-2,3.9-4.5C18.6,34.2,16.9,32.2,14.8,32.2z"></path>
164
- <path
165
- id="南左转_1_"
166
- :stroke-width="PathWidth"
167
- :fill="status[13].color"
168
- :class="status[13].isshow ? '' : 'invisible'"
169
- d="M39.8,37.1V53h2V37c0-2.1-1.7-3.8-3.8-3.9l-1.9-0.3l0.3-2.5L30,33l5.4,4.3l0.3-2.5l2.2,0.3
170
- C38.9,35.2,39.8,36,39.8,37.1L39.8,37.1z"/>
171
- <path
172
- id="南右转_1_"
173
- :stroke-width="PathWidth"
174
- :fill="status[14].color"
175
- :class="status[14].isshow ? '' : 'invisible'"
176
- d="M43.9,35l2-0.3l0.3,2.5l5.4-4.3l-6.4-2.6l0.3,2.5l-1.9,0.3c-2.1,0-3.8,1.7-3.8,3.9v16h2
177
- V36.9c0-1,0.9-1.9,1.9-1.9H43.9z"/>
178
- <polygon
179
- id="南直行_1_"
180
- :stroke-width="PathWidth"
181
- :fill="status[12].color"
182
- :class="status[12].isshow ? '' : 'invisible'"
183
- points="41.8,53 41.8,29.8 44.2,29.8 40.8,23.7 37.3,29.8 39.8,29.8 39.8,53"/>
184
- <path
185
- id="南调头_1_"
186
- :stroke-width="PathWidth"
187
- :fill="status[15].color"
188
- :class="status[15].isshow ? '' : 'invisible'"
189
- d="M32.8,42.6v2.9h-2.5l3.5,6l3.5-6h-2.5v-2.9c0-1,1.1-1.9,2.5-1.9c1.3,0,2.5,0.9,2.5,1.9V53h2
190
- V42.6c0-2.1-2-3.9-4.5-3.9C34.8,38.8,32.8,40.5,32.8,42.6z"/>
191
- <path
192
- id="东左转_3_"
193
- :stroke-width="PathWidth"
194
- :fill="status[1].color"
195
- :class="status[1].isshow ? '' : 'invisible'"
196
- d="M35.7,16.7h15.9v-2h-16c-2.1,0-3.8,1.7-3.9,3.8l-0.3,1.9L29,20.1l2.6,6.4l4.3-5.4l-2.5-0.3
197
- l0.3-2.2C33.8,17.5,34.6,16.7,35.7,16.7L35.7,16.7z"/>
198
- <path
199
- id="东右转"
200
- :stroke-width="PathWidth"
201
- :fill="status[2].color"
202
- :class="status[2].isshow ? '' : 'invisible'"
203
- d="M35.7,14.7c-1.1,0-1.9-0.8-2-1.9l-0.3-2.2l2.5-0.3l-4.3-5.4L29,11.3l2.4-0.3l0.3,1.9
204
- c0.1,2.1,1.8,3.8,3.9,3.8h16v-2H35.7L35.7,14.7z"/>
205
- <polygon
206
- id="东直行_1_"
207
- :stroke-width="PathWidth"
208
- :fill="status[0].color"
209
- :class="status[0].isshow ? '' : 'invisible'"
210
- points="51.6,14.7 28.4,14.7 28.4,12.2 22.3,15.7 28.4,19.1 28.4,16.7 51.6,16.7"/>
211
- <path
212
- id="东调头_1_"
213
- :stroke-width="PathWidth"
214
- :fill="status[3].color"
215
- :class="status[3].isshow ? '' : 'invisible'"
216
- d="M41.2,23.8h2.9v2.4l6-3.5l-6-3.5v2.5h-2.9c-1,0-1.9-1.1-1.9-2.5c0-1.3,0.9-2.5,1.9-2.5h10.4
217
- v-2H41.2c-2.1,0-3.9,2-3.9,4.5S39.1,23.8,41.2,23.8z"/>
218
- <path
219
- id="北左转_1_"
220
- :stroke-width="PathWidth"
221
- :fill="status[9].color"
222
- :class="status[9].isshow ? '' : 'invisible'"
223
- d="M16.2,18.9V3h-2v16c0,2.1,1.7,3.8,3.8,3.9l1.9,0.3l-0.3,2.5L26,23l-5.4-4.3l-0.3,2.5
224
- l-2.2-0.3C17.1,20.8,16.2,20,16.2,18.9L16.2,18.9z"/>
225
- <path
226
- id="北右转_1_"
227
- :stroke-width="PathWidth"
228
- :fill="status[10].color"
229
- :class="status[10].isshow ? '' : 'invisible'"
230
- d="M12.2,20.9l-2,0.3l-0.3-2.5L4.4,23l6.4,2.6l-0.3-2.5l1.9-0.3c2.1,0,3.8-1.7,3.8-3.9V3h-2v16
231
- c0,1-0.9,1.9-1.9,1.9H12.2z"/>
232
- <polygon
233
- id="北直行_1_"
234
- :stroke-width="PathWidth"
235
- :fill="status[8].color"
236
- :class="status[8].isshow ? '' : 'invisible'"
237
- points="14.2,3 14.2,26.2 11.8,26.2 15.2,32.3 18.7,26.2 16.2,26.2 16.2,3"/>
238
- <path
239
- id="北调头_1_"
240
- :stroke-width="PathWidth"
241
- :fill="status[11].color"
242
- :class="status[11].isshow ? '' : 'invisible'"
243
- d="M23.2,13.4v-2.9h2.5l-3.5-6l-3.5,6h2.5v2.9c0,1-1.1,1.9-2.5,1.9s-2.5-0.9-2.5-1.9V3h-2v10.4
244
- c0,2.1,2,3.9,4.5,3.9C21.2,17.2,23.2,15.5,23.2,13.4z"/>
245
- </g>
246
- </svg>
247
- </div>
248
- <div :style="{position: 'absolute', left: Data?Data.left:0, top: Data?Data.top:0}">
249
- <svg version="1.1"
250
- id="图层_1"
251
- xmlns="http://www.w3.org/2000/svg"
252
- xmlns:xlink="http://www.w3.org/1999/xlink"
253
- viewBox="0 0 50 50"
254
- style="enable-background:new 0 0 50 50;"
255
- :width="Width"
256
- :height="Height"
257
- xml:space="preserve">
258
- <g>
259
- <g id="东北行人" class="st0"
260
- :class="peoplestatus[18].isshow? '' : 'invisible'"
261
- >
262
- <rect x="33.9" y="15.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.9839 30.7754)" class="st1" width="5.6" height="1.6"/>
263
- <rect x="32.1" y="14" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.2517 29.0076)" class="st1" width="5.6" height="1.6"/>
264
- <rect x="35.6" y="17.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.7161 32.5431)" class="st1" width="5.6" height="1.6"/>
265
- <rect x="37.4" y="19.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.4484 34.3109)" class="st1" width="5.6" height="1.6"/>
266
- <rect x="39.2" y="21.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.1806 36.0787)" class="st1" width="5.6" height="1.6"/>
267
- <rect x="40.9" y="22.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.9128 37.8464)" class="st1" width="5.6" height="1.6"/>
268
- <rect x="42.7" y="24.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.6451 39.6142)" class="st1" width="5.6" height="1.6"/>
269
- <rect x="25.1" y="7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 2.648 22.0073)" class="st1" width="5.6" height="1.6"/>
270
- <rect x="23.3" y="5.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 3.3802 20.2395)" class="st1" width="5.6" height="1.6"/>
271
- <rect x="21.6" y="3.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.1124 18.4717)" class="st1" width="5.6" height="1.6"/>
272
- <rect x="19.8" y="1.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.8447 16.704)" class="st1" width="5.6" height="1.6"/>
273
- <rect x="26.9" y="8.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.9157 23.775)" class="st1" width="5.6" height="1.6"/>
274
- <rect x="28.6" y="10.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.1835 25.5428)" class="st1" width="5.6" height="1.6"/>
275
- <rect x="30.3" y="12.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.4806 27.2398)" class="st1" width="5.6" height="1.6"/>
276
- </g>
277
- <g id="西南行人" class="st0"
278
- :class="peoplestatus[17].isshow? '' : 'invisible'"
279
- >
280
- <rect x="13.8" y="35.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.0657 22.4572)" class="st1" width="5.6" height="1.6"/>
281
- <rect x="12" y="34.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.3335 20.6894)" class="st1" width="5.6" height="1.6"/>
282
- <rect x="15.5" y="37.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.798 24.225)" class="st1" width="5.6" height="1.6"/>
283
- <rect x="17.3" y="39.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.5302 25.9927)" class="st1" width="5.6" height="1.6"/>
284
- <rect x="19.1" y="41.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.2624 27.7605)" class="st1" width="5.6" height="1.6"/>
285
- <rect x="20.8" y="42.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.9947 29.5283)" class="st1" width="5.6" height="1.6"/>
286
- <rect x="22.6" y="44.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -24.7269 31.296)" class="st1" width="5.6" height="1.6"/>
287
- <rect x="5" y="27.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.4339 13.6891)" class="st1" width="5.6" height="1.6"/>
288
- <rect x="3.2" y="25.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -16.7016 11.9213)" class="st1" width="5.6" height="1.6"/>
289
- <rect x="1.5" y="23.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.9694 10.1536)" class="st1" width="5.6" height="1.6"/>
290
- <rect x="-0.3" y="21.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.2372 8.3858)" class="st1" width="5.6" height="1.6"/>
291
- <rect x="6.8" y="28.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.1661 15.4569)" class="st1" width="5.6" height="1.6"/>
292
- <rect x="8.5" y="30.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.8983 17.2246)" class="st1" width="5.6" height="1.6"/>
293
- <rect x="10.2" y="32.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.6013 18.9217)" class="st1" width="5.6" height="1.6"/>
294
- </g>
295
- <g id="东南行人" class="st0"
296
- :class="peoplestatus[16].isshow? '' : 'invisible'"
297
- >
298
- <rect x="30.6" y="33.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -16.7165 32.9572)" class="st1" width="1.6" height="5.6"/>
299
- <rect x="32.4" y="32.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.9487 33.6894)" class="st1" width="1.6" height="5.6"/>
300
- <rect x="28.9" y="35.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.4843 32.225)" class="st1" width="1.6" height="5.6"/>
301
- <rect x="27.1" y="37.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.252 31.4927)" class="st1" width="1.6" height="5.6"/>
302
- <rect x="25.3" y="39.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.0198 30.7605)" class="st1" width="1.6" height="5.6"/>
303
- <rect x="23.6" y="40.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.7876 30.0283)" class="st1" width="1.6" height="5.6"/>
304
- <rect x="21.8" y="42.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -25.5553 29.296)" class="st1" width="1.6" height="5.6"/>
305
- <rect x="39.4" y="25.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.9484 36.5891)" class="st1" width="1.6" height="5.6"/>
306
- <rect x="41.2" y="23.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.1806 37.3213)" class="st1" width="1.6" height="5.6"/>
307
- <rect x="42.9" y="21.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.4128 38.0536)" class="st1" width="1.6" height="5.6"/>
308
- <rect x="44.7" y="19.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.6451 38.7858)" class="st1" width="1.6" height="5.6"/>
309
- <rect x="37.6" y="26.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.7161 35.8569)" class="st1" width="1.6" height="5.6"/>
310
- <rect x="35.9" y="28.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.4839 35.1246)" class="st1" width="1.6" height="5.6"/>
311
- <rect x="34.2" y="30.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -13.181 34.4217)" class="st1" width="1.6" height="5.6"/>
312
- </g>
313
- <g id="西北行人" class="st0"
314
- :class="peoplestatus[19].isshow? '' : 'invisible'"
315
- >
316
- <rect x="10.5" y="13.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.3983 12.8754)" class="st1" width="1.6" height="5.6"/>
317
- <rect x="12.3" y="12" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.6306 13.6076)" class="st1" width="1.6" height="5.6"/>
318
- <rect x="8.8" y="15.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.1661 12.1431)" class="st1" width="1.6" height="5.6"/>
319
- <rect x="7" y="17.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.9339 11.4109)" class="st1" width="1.6" height="5.6"/>
320
- <rect x="5.2" y="19.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -13.7016 10.6787)" class="st1" width="1.6" height="5.6"/>
321
- <rect x="3.5" y="20.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.4694 9.9464)" class="st1" width="1.6" height="5.6"/>
322
- <rect x="1.7" y="22.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.2372 9.2142)" class="st1" width="1.6" height="5.6"/>
323
- <rect x="19.3" y="5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.3698 16.5073)" class="st1" width="1.6" height="5.6"/>
324
- <rect x="21.1" y="3.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 2.1376 17.2395)" class="st1" width="1.6" height="5.6"/>
325
- <rect x="22.8" y="1.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 3.9053 17.9717)" class="st1" width="1.6" height="5.6"/>
326
- <rect x="24.6" y="-0.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 5.6731 18.704)" class="st1" width="1.6" height="5.6"/>
327
- <rect x="17.5" y="6.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.398 15.775)" class="st1" width="1.6" height="5.6"/>
328
- <rect x="15.8" y="8.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.1657 15.0428)" class="st1" width="1.6" height="5.6"/>
329
- <rect x="14.1" y="10.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.8628 14.3398)" class="st1" width="1.6" height="5.6"/>
26
+ <g id="南">
27
+ <path id="南掉头"
28
+ :stroke-width="PathWidth"
29
+ :fill="status[15].color"
30
+ :class="status[15].isshow ? '' : 'invisible'"
31
+ class="st0" d="M20.6,23.8c-2.2,0-4,1.8-4,4v0.4h-2.7l3.8,5.1l3.8-5.1h-2.9v-0.4c0-1.2,1-2.1,2.1-2.1
32
+ c1.2,0,2.1,1,2.1,2.1v5.5h1.9v-5.5C24.5,25.6,22.8,23.8,20.6,23.8z"/>
33
+ <polygon id="南执行"
34
+ :stroke-width="PathWidth"
35
+ :fill="status[12].color"
36
+ :class="status[12].isshow ? '' : 'invisible'"
37
+ class="st0" points="27.5,5.8 23.7,0.7 20,5.8 22.8,5.8 22.8,33.3 24.7,33.3 24.7,5.8"/>
38
+ <path id="南左转"
39
+ :stroke-width="PathWidth"
40
+ :fill="status[13].color"
41
+ :class="status[13].isshow ? '' : 'invisible'"
42
+ class="st0" d="M24.7,33.3c0,0,0-5.5,0-5.5c0-2.2-1.2-4.5-3.1-5.7c-0.2-0.1-0.5-0.3-0.7-0.4
43
+ c-1.2-0.5-2.5-0.7-3.7-0.9c0,0,0-0.2,0-0.2l0.2-2.8L12,21.2l4.8,4.2c0,0,0.2-2.6,0.2-2.6c0,0,1.3,0.2,1.4,0.2
44
+ c1.7,0.3,3,1.1,3.8,2.7c0.6,1.2,0.5,2.4,0.5,3.7c0,1,0,2,0,3c0,0.3,0,0.6,0,1H24.7z"/>
45
+ <path id="南右转"
46
+ :stroke-width="PathWidth"
47
+ :fill="status[14].color"
48
+ :class="status[14].isshow ? '' : 'invisible'"
49
+ class="st0" d="M33.4,21.4L28,18.1l0.2,2.8l0,0.2l0,0.1c-0.6,0.1-1.1,0.3-1.7,0.5c-0.2,0.1-0.5,0.2-0.7,0.4
50
+ c-1.9,1.2-3.1,3.4-3.1,5.7c0,0,0,5.5,0,5.5h1.9c0-0.3,0-0.6,0-1c0-1,0-2,0-3c0-1.3-0.1-2.5,0.5-3.7c0.7-1.4,1.8-2.2,3.2-2.5
51
+ c0,0.5,0.2,2.5,0.2,2.5L33.4,21.4z"/>
330
52
  </g>
331
- <g id="二次过街-西北" class="st0">
332
- <g id="西北下"
333
- :class="peoplestatus[27].isshow? '' : 'invisible'"
334
- >
335
- <rect x="10.5" y="13.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.3983 12.8754)" class="st1" width="1.6" height="5.6"/>
336
- <rect x="8.8" y="15.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.1661 12.1431)" class="st1" width="1.6" height="5.6"/>
337
- <rect x="7" y="17.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.9339 11.4109)" class="st1" width="1.6" height="5.6"/>
338
- <rect x="5.2" y="19.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -13.7016 10.6787)" class="st1" width="1.6" height="5.6"/>
339
- <rect x="3.5" y="20.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.4694 9.9464)" class="st1" width="1.6" height="5.6"/>
340
- <rect x="1.7" y="22.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.2372 9.2142)" class="st1" width="1.6" height="5.6"/>
53
+ <g id="北">
54
+ <path id="北掉头"
55
+ :stroke-width="PathWidth"
56
+ :fill="status[11].color"
57
+ :class="status[11].isshow ? '' : 'invisible'"
58
+ class="st0" d="M13.4,10.2c2.2,0,4-1.8,4-4V5.8h2.7l-3.8-5.1l-3.8,5.1h2.9v0.4c0,1.2-1,2.1-2.1,2.1
59
+ s-2.1-1-2.1-2.1V0.7H9.3v5.5C9.5,8.4,11.2,10.2,13.4,10.2z"/>
60
+ <polygon id="北直行"
61
+ :stroke-width="PathWidth"
62
+ :fill="status[8].color"
63
+ :class="status[8].isshow ? '' : 'invisible'"
64
+ class="st0" points="6.5,28.2 10.3,33.3 14,28.2 11.2,28.2 11.2,0.7 9.3,0.7 9.3,28.2"/>
65
+ <path id="北左转"
66
+ :stroke-width="PathWidth"
67
+ :fill="status[9].color"
68
+ :class="status[9].isshow ? '' : 'invisible'"
69
+ class="st0" d="M9.3,0.7c0,0,0,5.5,0,5.5c0,2.2,1.2,4.5,3.1,5.7c0.2,0.1,0.5,0.3,0.7,0.4
70
+ c1.2,0.5,2.5,0.7,3.7,0.9c0,0,0,0.2,0,0.2l-0.2,2.8l5.4-3.3l-4.8-4.2c0,0-0.2,2.6-0.2,2.6c0,0-1.3-0.2-1.4-0.2
71
+ c-1.7-0.3-3-1.1-3.8-2.7c-0.6-1.2-0.5-2.4-0.5-3.7c0-1,0-2,0-3c0-0.3,0-0.6,0-1H9.3z"/>
72
+ <path id="北右转"
73
+ :stroke-width="PathWidth"
74
+ :fill="status[10].color"
75
+ :class="status[10].isshow ? '' : 'invisible'"
76
+ class="st0" d="M0.6,12.6L6,15.9l-0.2-2.8l0-0.2l0-0.1c0.6-0.1,1.1-0.3,1.7-0.5c0.2-0.1,0.5-0.2,0.7-0.4
77
+ c1.9-1.2,3.1-3.4,3.1-5.7c0,0,0-5.5,0-5.5H9.3c0,0.3,0,0.6,0,1c0,1,0,2,0,3c0,1.3,0.1,2.5-0.5,3.7C8.1,9.7,7,10.5,5.6,10.9
78
+ c0-0.5-0.2-2.5-0.2-2.5L0.6,12.6z"/>
341
79
  </g>
342
- <g id="西北上"
343
- :class="peoplestatus[26].isshow? '' : 'invisible'"
344
- >
345
- <rect x="19.3" y="5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.3698 16.5073)" class="st1" width="1.6" height="5.6"/>
346
- <rect x="21.1" y="3.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 2.1376 17.2395)" class="st1" width="1.6" height="5.6"/>
347
- <rect x="22.8" y="1.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 3.9053 17.9717)" class="st1" width="1.6" height="5.6"/>
348
- <rect x="24.6" y="-0.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 5.6731 18.704)" class="st1" width="1.6" height="5.6"/>
349
- <rect x="17.5" y="6.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.398 15.775)" class="st1" width="1.6" height="5.6"/>
350
- <rect x="15.8" y="8.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.1657 15.0428)" class="st1" width="1.6" height="5.6"/>
80
+ <g id="西">
81
+ <path id="西掉头"
82
+ :stroke-width="PathWidth"
83
+ :fill="status[7].color"
84
+ :class="status[7].isshow ? '' : 'invisible'"
85
+ class="st0" d="M10.2,20.6c0-2.2-1.8-4-4-4H5.8v-2.7l-5.1,3.8l5.1,3.8v-2.9h0.4c1.2,0,2.1,1,2.1,2.1
86
+ c0,1.2-1,2.1-2.1,2.1H0.7v1.9h5.5C8.4,24.5,10.2,22.8,10.2,20.6z"/>
87
+ <polygon id="西执行"
88
+ :stroke-width="PathWidth"
89
+ :fill="status[4].color"
90
+ :class="status[4].isshow ? '' : 'invisible'"
91
+ class="st0" points="28.2,27.5 33.3,23.7 28.2,20 28.2,22.8 0.7,22.8 0.7,24.7 28.2,24.7"/>
92
+ <path id="西左转"
93
+ :stroke-width="PathWidth"
94
+ :fill="status[5].color"
95
+ :class="status[5].isshow ? '' : 'invisible'"
96
+ class="st0" d="M0.7,24.7c0,0,5.5,0,5.5,0c2.2,0,4.5-1.2,5.7-3.1c0.1-0.2,0.3-0.5,0.4-0.7
97
+ c0.5-1.2,0.7-2.5,0.9-3.7c0,0,0.2,0,0.2,0l2.8,0.2L12.8,12l-4.2,4.8c0,0,2.6,0.2,2.6,0.2c0,0-0.2,1.3-0.2,1.4
98
+ c-0.3,1.7-1.1,3-2.7,3.8c-1.2,0.6-2.4,0.5-3.7,0.5c-1,0-2,0-3,0c-0.3,0-0.6,0-1,0V24.7z"/>
99
+ <path id="西右转"
100
+ :stroke-width="PathWidth"
101
+ :fill="status[6].color"
102
+ :class="status[6].isshow ? '' : 'invisible'"
103
+ class="st0" d="M12.6,33.4l3.3-5.4l-2.8,0.2l-0.2,0l-0.1,0c-0.1-0.6-0.3-1.1-0.5-1.7
104
+ c-0.1-0.2-0.2-0.5-0.4-0.7c-1.2-1.9-3.4-3.1-5.7-3.1c0,0-5.5,0-5.5,0v1.9c0.3,0,0.6,0,1,0c1,0,2,0,3,0c1.3,0,2.5-0.1,3.7,0.5
105
+ c1.4,0.7,2.2,1.8,2.5,3.2c-0.5,0-2.5,0.2-2.5,0.2L12.6,33.4z"/>
351
106
  </g>
107
+ <g id="东">
108
+ <path id="东掉头"
109
+ :stroke-width="PathWidth"
110
+ :fill="status[3].color"
111
+ :class="status[3].isshow ? '' : 'invisible'"
112
+ class="st0" d="M23.8,13.4c0,2.2,1.8,4,4,4h0.4v2.7l5.1-3.8l-5.1-3.8v2.9h-0.4c-1.2,0-2.1-1-2.1-2.1
113
+ s1-2.1,2.1-2.1h5.5V9.3h-5.5C25.6,9.5,23.8,11.2,23.8,13.4z"/>
114
+ <polygon id="东直行"
115
+ :stroke-width="PathWidth"
116
+ :fill="status[0].color"
117
+ :class="status[0].isshow ? '' : 'invisible'"
118
+ class="st0" points="5.8,6.5 0.7,10.3 5.8,14 5.8,11.2 33.3,11.2 33.3,9.3 5.8,9.3"/>
119
+ <path id="东左转"
120
+ :stroke-width="PathWidth"
121
+ :fill="status[1].color"
122
+ :class="status[1].isshow ? '' : 'invisible'"
123
+ class="st0" d="M33.3,9.3c0,0-5.5,0-5.5,0c-2.2,0-4.5,1.2-5.7,3.1c-0.1,0.2-0.3,0.5-0.4,0.7
124
+ c-0.5,1.2-0.7,2.5-0.9,3.7c0,0-0.2,0-0.2,0l-2.8-0.2l3.3,5.4l4.2-4.8c0,0-2.6-0.2-2.6-0.2c0,0,0.2-1.3,0.2-1.4
125
+ c0.3-1.7,1.1-3,2.7-3.8c1.2-0.6,2.4-0.5,3.7-0.5c1,0,2,0,3,0c0.3,0,0.6,0,1,0V9.3z"/>
126
+ <path id="东右转"
127
+ :stroke-width="PathWidth"
128
+ :fill="status[2].color"
129
+ :class="status[2].isshow ? '' : 'invisible'"
130
+ class="st0" d="M21.4,0.6L18.1,6l2.8-0.2l0.2,0l0.1,0c0.1,0.6,0.3,1.1,0.5,1.7c0.1,0.2,0.2,0.5,0.4,0.7
131
+ c1.2,1.9,3.4,3.1,5.7,3.1c0,0,5.5,0,5.5,0V9.3c-0.3,0-0.6,0-1,0c-1,0-2,0-3,0c-1.3,0-2.5,0.1-3.7-0.5c-1.4-0.7-2.2-1.8-2.5-3.2
132
+ c0.5,0,2.5-0.2,2.5-0.2L21.4,0.6z"/>
352
133
  </g>
353
- <g id="二次过街-东南" class="st0">
354
- <g id="东南下"
355
- :class="peoplestatus[21].isshow? '' : 'invisible'"
356
- >
357
- <rect x="35.9" y="28.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.4839 35.1246)" class="st1" width="1.6" height="5.6"/>
358
- <rect x="37.6" y="26.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.7161 35.8569)" class="st1" width="1.6" height="5.6"/>
359
- <rect x="39.4" y="25.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.9484 36.5891)" class="st1" width="1.6" height="5.6"/>
360
- <rect x="41.2" y="23.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.1806 37.3213)" class="st1" width="1.6" height="5.6"/>
361
- <rect x="42.9" y="21.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.4128 38.0536)" class="st1" width="1.6" height="5.6"/>
362
- <rect x="44.7" y="19.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.6451 38.7858)" class="st1" width="1.6" height="5.6"/>
363
- </g>
364
- <g id="东南上"
365
- :class="peoplestatus[20].isshow? '' : 'invisible'"
366
- >
367
- <rect x="27.1" y="37.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.252 31.4927)" class="st1" width="1.6" height="5.6"/>
368
- <rect x="25.3" y="39.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.0198 30.7605)" class="st1" width="1.6" height="5.6"/>
369
- <rect x="23.6" y="40.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.7876 30.0283)" class="st1" width="1.6" height="5.6"/>
370
- <rect x="21.8" y="42.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -25.5553 29.296)" class="st1" width="1.6" height="5.6"/>
371
- <rect x="28.9" y="35.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.4843 32.225)" class="st1" width="1.6" height="5.6"/>
372
- <rect x="30.6" y="33.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -16.7165 32.9572)" class="st1" width="1.6" height="5.6"/>
373
- </g>
374
134
  </g>
375
- <g id="二次过街-西南" class="st0">
376
- <g id="西南下"
377
- :class="peoplestatus[23].isshow? '' : 'invisible'"
378
- >
379
- <rect x="13.8" y="35.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.0657 22.4572)" class="st1" width="5.6" height="1.6"/>
380
- <rect x="15.5" y="37.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.798 24.225)" class="st1" width="5.6" height="1.6"/>
381
- <rect x="17.3" y="39.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.5302 25.9927)" class="st1" width="5.6" height="1.6"/>
382
- <rect x="19.1" y="41.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.2624 27.7605)" class="st1" width="5.6" height="1.6"/>
383
- <rect x="20.8" y="42.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.9947 29.5283)" class="st1" width="5.6" height="1.6"/>
384
- <rect x="22.6" y="44.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -24.7269 31.296)" class="st1" width="5.6" height="1.6"/>
385
- </g>
386
- <g id="西南上"
387
- :class="peoplestatus[22].isshow? '' : 'invisible'"
388
- >
389
- <rect x="5" y="27.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.4339 13.6891)" class="st1" width="5.6" height="1.6"/>
390
- <rect x="3.2" y="25.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -16.7016 11.9213)" class="st1" width="5.6" height="1.6"/>
391
- <rect x="1.5" y="23.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.9694 10.1536)" class="st1" width="5.6" height="1.6"/>
392
- <rect x="-0.3" y="21.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.2372 8.3858)" class="st1" width="5.6" height="1.6"/>
393
- <rect x="6.8" y="28.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.1661 15.4569)" class="st1" width="5.6" height="1.6"/>
394
- <rect x="8.5" y="30.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.8983 17.2246)" class="st1" width="5.6" height="1.6"/>
395
- </g>
135
+ <g>
136
+ <g id="西南">
137
+ <path id="西南掉头"
138
+ :stroke-width="PathWidth"
139
+ :fill="status[23].color"
140
+ :class="status[23].isshow ? '' : 'invisible'"
141
+ class="st0" d="M14.7,24.4c-1.6-1.6-4.1-1.5-5.6,0l-0.3,0.3l-1.9-1.9L6,29l6.3-1l-2-2l0.3-0.3
142
+ c0.8-0.8,2.2-0.8,3,0c0.8,0.8,0.8,2.2,0,3l-3.9,3.9l1.4,1.4l3.9-3.9C16.2,28.4,16.2,25.9,14.7,24.4z"/>
143
+ <polygon id="西南执行"
144
+ :stroke-width="PathWidth"
145
+ :fill="status[20].color"
146
+ :class="status[20].isshow ? '' : 'invisible'"
147
+ class="st0" points="32.3,16.5 33.3,10.3 27,11.2 29,13.2 9.6,32.6 10.9,34 30.4,14.5"/>
148
+ <path id="西南左转"
149
+ :stroke-width="PathWidth"
150
+ :fill="status[21].color"
151
+ :class="status[21].isshow ? '' : 'invisible'"
152
+ class="st0" d="M10.9,34c0,0,3.9-3.9,3.9-3.9c1.6-1.6,2.3-4,1.8-6.2c-0.1-0.3-0.1-0.5-0.2-0.7
153
+ c-0.5-1.2-1.3-2.2-2-3.3c0,0,0.1-0.1,0.1-0.1l2.1-1.8l-6.2-1.5l0.4,6.3c0,0,2-1.7,2-1.7c0,0,0.8,1.1,0.8,1.2
154
+ c1,1.4,1.3,2.9,0.8,4.6c-0.4,1.3-1.3,2.1-2.2,3c-0.7,0.7-1.4,1.4-2.1,2.1c-0.2,0.2-0.4,0.4-0.7,0.7L10.9,34z"/>
155
+ <path id="西南右转"
156
+ :stroke-width="PathWidth"
157
+ :fill="status[22].color"
158
+ :class="status[22].isshow ? '' : 'invisible'"
159
+ class="st0" d="M25.4,31.7L24,25.6l-1.8,2.1L22,27.8L22,27.9c-0.5-0.3-1-0.6-1.5-0.8
160
+ c-0.2-0.1-0.5-0.2-0.7-0.2c-2.2-0.5-4.6,0.2-6.2,1.8c0,0-3.9,3.9-3.9,3.9l1.4,1.4c0.2-0.2,0.4-0.4,0.7-0.7
161
+ c0.7-0.7,1.4-1.4,2.1-2.1c0.9-0.9,1.7-1.8,3-2.2c1.4-0.5,2.8-0.3,4,0.5c-0.3,0.4-1.6,1.9-1.6,1.9L25.4,31.7z"/>
396
162
  </g>
397
- <g id="二次过街-东北" class="st0">
398
- <g id="东北下"
399
- :class="peoplestatus[25].isshow? '' : 'invisible'"
400
- >
401
- <rect x="33.9" y="15.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.9839 30.7754)" class="st1" width="5.6" height="1.6"/>
402
- <rect x="35.6" y="17.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.7161 32.5431)" class="st1" width="5.6" height="1.6"/>
403
- <rect x="37.4" y="19.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.4484 34.3109)" class="st1" width="5.6" height="1.6"/>
404
- <rect x="39.2" y="21.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.1806 36.0787)" class="st1" width="5.6" height="1.6"/>
405
- <rect x="40.9" y="22.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.9128 37.8464)" class="st1" width="5.6" height="1.6"/>
406
- <rect x="42.7" y="24.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.6451 39.6142)" class="st1" width="5.6" height="1.6"/>
163
+ <g id="东北">
164
+ <path id="东北掉头"
165
+ :stroke-width="PathWidth"
166
+ :fill="status[27].color"
167
+ :class="status[27].isshow ? '' : 'invisible'"
168
+ class="st0" d="M19.3,9.6c1.6,1.6,4.1,1.5,5.6,0l0.3-0.3l1.9,1.9L28,5l-6.3,1l2,2l-0.3,0.3
169
+ c-0.8,0.8-2.2,0.8-3,0c-0.8-0.8-0.8-2.2,0-3l3.9-3.9L23.1,0l-3.9,3.9C17.8,5.6,17.8,8.1,19.3,9.6z"/>
170
+ <polygon id="东北直行"
171
+ :stroke-width="PathWidth"
172
+ :fill="status[24].color"
173
+ :class="status[24].isshow ? '' : 'invisible'"
174
+ class="st0" points="1.7,17.5 0.7,23.7 7,22.8 5,20.8 24.4,1.4 23.1,0 3.6,19.5"/>
175
+ <path id="东北左转"
176
+ :stroke-width="PathWidth"
177
+ :fill="status[25].color"
178
+ :class="status[25].isshow ? '' : 'invisible'"
179
+ class="st0" d="M23.1,0c0,0-3.9,3.9-3.9,3.9c-1.6,1.6-2.3,4-1.8,6.2c0.1,0.3,0.1,0.5,0.2,0.7
180
+ c0.5,1.2,1.3,2.2,2,3.3c0,0-0.1,0.1-0.1,0.1l-2.1,1.8l6.2,1.5l-0.4-6.3c0,0-2,1.7-2,1.7c0,0-0.8-1.1-0.8-1.2
181
+ c-1-1.4-1.3-2.9-0.8-4.6c0.4-1.3,1.3-2.1,2.2-3c0.7-0.7,1.4-1.4,2.1-2.1c0.2-0.2,0.4-0.4,0.7-0.7L23.1,0z"/>
182
+ <path id="东北右转"
183
+ :stroke-width="PathWidth"
184
+ :fill="status[26].color"
185
+ :class="status[26].isshow ? '' : 'invisible'"
186
+ class="st0" d="M8.6,2.3L10,8.4l1.8-2.1L12,6.2L12,6.1c0.5,0.3,1,0.6,1.5,0.8c0.2,0.1,0.5,0.2,0.7,0.2
187
+ c2.2,0.5,4.6-0.2,6.2-1.8c0,0,3.9-3.9,3.9-3.9L23.1,0c-0.2,0.2-0.4,0.4-0.7,0.7c-0.7,0.7-1.4,1.4-2.1,2.1c-0.9,0.9-1.7,1.8-3,2.2
188
+ c-1.4,0.5-2.8,0.3-4-0.5c0.3-0.4,1.6-1.9,1.6-1.9L8.6,2.3z"/>
189
+ </g>
190
+ <g id="西北">
191
+ <path id="西北掉头"
192
+ :stroke-width="PathWidth"
193
+ :fill="status[31].color"
194
+ :class="status[31].isshow ? '' : 'invisible'"
195
+ class="st0" d="M9.6,14.7c1.6-1.6,1.5-4.1,0-5.6L9.4,8.8l1.9-1.9L5,6l1,6.3l2-2l0.3,0.3
196
+ c0.8,0.8,0.8,2.2,0,3c-0.8,0.8-2.2,0.8-3,0L1.4,9.6L0,10.9l3.9,3.9C5.6,16.2,8.1,16.2,9.6,14.7z"/>
197
+ <polygon id="西北执行"
198
+ :stroke-width="PathWidth"
199
+ :fill="status[28].color"
200
+ :class="status[28].isshow ? '' : 'invisible'"
201
+ class="st0" points="17.5,32.3 23.7,33.3 22.8,27 20.8,29 1.4,9.6 0,10.9 19.5,30.4"/>
202
+ <path id="西北左转"
203
+ :stroke-width="PathWidth"
204
+ :fill="status[21].color"
205
+ :class="status[21].isshow ? '' : 'invisible'"
206
+ class="st0" d="M0,10.9c0,0,3.9,3.9,3.9,3.9c1.6,1.6,4,2.3,6.2,1.8c0.3-0.1,0.5-0.1,0.7-0.2
207
+ c1.2-0.5,2.2-1.3,3.3-2c0,0,0.1,0.1,0.1,0.1l1.8,2.1l1.5-6.2l-6.3,0.4c0,0,1.7,2,1.7,2c0,0-1.1,0.8-1.2,0.8
208
+ c-1.4,1-2.9,1.3-4.6,0.8c-1.3-0.4-2.1-1.3-3-2.2c-0.7-0.7-1.4-1.4-2.1-2.1C1.8,10,1.6,9.8,1.4,9.6L0,10.9z"/>
209
+ <path id="西北右转"
210
+ :stroke-width="PathWidth"
211
+ :fill="status[30].color"
212
+ :class="status[30].isshow ? '' : 'invisible'"
213
+ class="st0" d="M2.3,25.4L8.4,24l-2.1-1.8L6.2,22L6.1,22c0.3-0.5,0.6-1,0.8-1.5c0.1-0.2,0.2-0.5,0.2-0.7
214
+ c0.5-2.2-0.2-4.6-1.8-6.2c0,0-3.9-3.9-3.9-3.9L0,10.9c0.2,0.2,0.4,0.4,0.7,0.7c0.7,0.7,1.4,1.4,2.1,2.1c0.9,0.9,1.8,1.7,2.2,3
215
+ c0.5,1.4,0.3,2.8-0.5,4c-0.4-0.3-1.9-1.6-1.9-1.6L2.3,25.4z"/>
216
+ </g>
217
+ <g id="东南">
218
+ <path id="东南掉头"
219
+ :stroke-width="PathWidth"
220
+ :fill="status[19].color"
221
+ :class="status[19].isshow ? '' : 'invisible'"
222
+ class="st0" d="M24.4,19.3c-1.6,1.6-1.5,4.1,0,5.6l0.3,0.3l-1.9,1.9l6.3,1l-1-6.3l-2,2l-0.3-0.3
223
+ c-0.8-0.8-0.8-2.2,0-3c0.8-0.8,2.2-0.8,3,0l3.9,3.9l1.4-1.4l-3.9-3.9C28.4,17.8,25.9,17.8,24.4,19.3z"/>
224
+ <polygon id="东南直行"
225
+ :stroke-width="PathWidth"
226
+ :fill="status[16].color"
227
+ :class="status[16].isshow ? '' : 'invisible'"
228
+ class="st0" points="16.5,1.7 10.3,0.7 11.2,7 13.2,5 32.6,24.4 34,23.1 14.5,3.6"/>
229
+ <path id="东南左转"
230
+ :stroke-width="PathWidth"
231
+ :fill="status[17].color"
232
+ :class="status[17].isshow ? '' : 'invisible'"
233
+ class="st0" d="M34,23.1c0,0-3.9-3.9-3.9-3.9c-1.6-1.6-4-2.3-6.2-1.8c-0.3,0.1-0.5,0.1-0.7,0.2
234
+ c-1.2,0.5-2.2,1.3-3.3,2c0,0-0.1-0.1-0.1-0.1l-1.8-2.1l-1.5,6.2l6.3-0.4c0,0-1.7-2-1.7-2c0,0,1.1-0.8,1.2-0.8
235
+ c1.4-1,2.9-1.3,4.6-0.8c1.3,0.4,2.1,1.3,3,2.2c0.7,0.7,1.4,1.4,2.1,2.1c0.2,0.2,0.4,0.4,0.7,0.7L34,23.1z"/>
236
+ <path id="东南右转"
237
+ :stroke-width="PathWidth"
238
+ :fill="status[18].color"
239
+ :class="status[18].isshow ? '' : 'invisible'"
240
+ class="st0" d="M31.7,8.6L25.6,10l2.1,1.8l0.1,0.1l0.1,0.1c-0.3,0.5-0.6,1-0.8,1.5
241
+ c-0.1,0.2-0.2,0.5-0.2,0.7c-0.5,2.2,0.2,4.6,1.8,6.2c0,0,3.9,3.9,3.9,3.9l1.4-1.4c-0.2-0.2-0.4-0.4-0.7-0.7
242
+ c-0.7-0.7-1.4-1.4-2.1-2.1c-0.9-0.9-1.8-1.7-2.2-3c-0.5-1.4-0.3-2.8,0.5-4c0.4,0.3,1.9,1.6,1.9,1.6L31.7,8.6z"/>
407
243
  </g>
408
- <g id="东北上"
409
- :class="peoplestatus[24].isshow? '' : 'invisible'"
410
- >
411
- <rect x="25.1" y="7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 2.648 22.0073)" class="st1" width="5.6" height="1.6"/>
412
- <rect x="23.3" y="5.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 3.3802 20.2395)" class="st1" width="5.6" height="1.6"/>
413
- <rect x="21.6" y="3.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.1124 18.4717)" class="st1" width="5.6" height="1.6"/>
414
- <rect x="19.8" y="1.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.8447 16.704)" class="st1" width="5.6" height="1.6"/>
415
- <rect x="26.9" y="8.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.9157 23.775)" class="st1" width="5.6" height="1.6"/>
416
- <rect x="28.6" y="10.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.1835 25.5428)" class="st1" width="5.6" height="1.6"/>
417
244
  </g>
245
+ </svg>
246
+ </div>
247
+ <div :style="{position: 'absolute', left: Data?Data.left:0, top: Data?Data.top:0}">
248
+ <svg
249
+ version="1.1"
250
+ id="图层_1"
251
+ xmlns="http://www.w3.org/2000/svg"
252
+ xmlns:xlink="http://www.w3.org/1999/xlink"
253
+ viewBox="0 0 50 50"
254
+ style="enable-background:new 0 0 50 50;"
255
+ :width="Width"
256
+ :height="Height"
257
+ xml:space="preserve">
258
+ <!-- <style type="text/css">
259
+ .st0{fill:#CBD3DB;}
260
+ </style> -->
261
+ <g>
262
+ <g id="二次过街-西">
263
+ <g id="西上" :class="peoplestatus[9].isshow? '' : 'invisible'">
264
+ <rect y="0" class="st0" width="4.4" height="2.6"/>
265
+ <rect y="5.2" class="st0" width="4.4" height="2.6"/>
266
+ <rect y="10.5" class="st0" width="4.4" height="2.6"/>
418
267
  </g>
268
+ <g id="西下" :class="peoplestatus[8].isshow? '' : 'invisible'">
269
+ <rect y="20.9" class="st0" width="4.4" height="2.6"/>
270
+ <rect y="26.2" class="st0" width="4.4" height="2.6"/>
271
+ <rect y="31.4" class="st0" width="4.4" height="2.6"/>
419
272
  </g>
420
- <g>
421
- <g id="路段行人过街-东西"
422
- :class="peoplestatus[0].isshow? '' : 'invisible'"
423
- class="st0">
424
- <rect x="26.9" y="21.2" class="st1" width="1.6" height="5.6"/>
425
- <rect x="24.4" y="21.2" class="st1" width="1.6" height="5.6"/>
426
- <rect x="29.4" y="21.2" class="st1" width="1.6" height="5.6"/>
427
- <rect x="31.9" y="21.2" class="st1" width="1.6" height="5.6"/>
428
- <rect x="34.4" y="21.2" class="st1" width="1.6" height="5.6"/>
429
- <rect x="36.9" y="21.2" class="st1" width="1.6" height="5.6"/>
430
- <rect x="39.4" y="21.2" class="st1" width="1.6" height="5.6"/>
431
- <rect x="14.5" y="21.2" class="st1" width="1.6" height="5.6"/>
432
- <rect x="12" y="21.2" class="st1" width="1.6" height="5.6"/>
433
- <rect x="9.5" y="21.2" class="st1" width="1.6" height="5.6"/>
434
- <rect x="7" y="21.2" class="st1" width="1.6" height="5.6"/>
435
- <rect x="17" y="21.2" class="st1" width="1.6" height="5.6"/>
436
- <rect x="19.5" y="21.2" class="st1" width="1.6" height="5.6"/>
437
- <rect x="21.9" y="21.2" class="st1" width="1.6" height="5.6"/>
273
+ </g>
274
+ <g id="二次过街-东">
275
+ <g id="东上" :class="peoplestatus[10].isshow? '' : 'invisible'">
276
+ <rect x="29.6" y="0" class="st0" width="4.4" height="2.6"/>
277
+ <rect x="29.6" y="5.2" class="st0" width="4.4" height="2.6"/>
278
+ <rect x="29.6" y="10.5" class="st0" width="4.4" height="2.6"/>
438
279
  </g>
439
- <g id="路段行人过街-南北" class="st0"
440
- :class="peoplestatus[1].isshow? '' : 'invisible'"
441
- >
442
- <rect x="21.2" y="26.9" class="st1" width="5.6" height="1.6"/>
443
- <rect x="21.2" y="24.4" class="st1" width="5.6" height="1.6"/>
444
- <rect x="21.2" y="29.4" class="st1" width="5.6" height="1.6"/>
445
- <rect x="21.2" y="31.9" class="st1" width="5.6" height="1.6"/>
446
- <rect x="21.2" y="34.4" class="st1" width="5.6" height="1.6"/>
447
- <rect x="21.2" y="36.9" class="st1" width="5.6" height="1.6"/>
448
- <rect x="21.2" y="39.4" class="st1" width="5.6" height="1.6"/>
449
- <rect x="21.2" y="14.5" class="st1" width="5.6" height="1.6"/>
450
- <rect x="21.2" y="12" class="st1" width="5.6" height="1.6"/>
451
- <rect x="21.2" y="9.5" class="st1" width="5.6" height="1.6"/>
452
- <rect x="21.2" y="7" class="st1" width="5.6" height="1.6"/>
453
- <rect x="21.2" y="17" class="st1" width="5.6" height="1.6"/>
454
- <rect x="21.2" y="19.5" class="st1" width="5.6" height="1.6"/>
455
- <rect x="21.2" y="21.9" class="st1" width="5.6" height="1.6"/>
280
+ <g id="东下" :class="peoplestatus[11].isshow? '' : 'invisible'">
281
+ <rect x="29.6" y="20.9" class="st0" width="4.4" height="2.6"/>
282
+ <rect x="29.6" y="26.2" class="st0" width="4.4" height="2.6"/>
283
+ <rect x="29.6" y="31.4" class="st0" width="4.4" height="2.6"/>
456
284
  </g>
457
- <g id="斜向行人1" class="st0"
458
- :class="peoplestatus[2].isshow? '' : 'invisible'"
459
- >
460
- <rect x="21.2" y="23.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.9456 23.9999)" class="st1" width="5.6" height="1.6"/>
461
- <rect x="19.4" y="21.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.2334 22.1999)" class="st1" width="5.6" height="1.6"/>
462
- <rect x="22.9" y="25" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.6993 25.6999)" class="st1" width="5.6" height="1.6"/>
463
- <rect x="24.7" y="26.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.4115 27.4998)" class="st1" width="5.6" height="1.6"/>
464
- <rect x="26.5" y="28.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.1237 29.2997)" class="st1" width="5.6" height="1.6"/>
465
- <rect x="28.2" y="30.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.8774 30.9998)" class="st1" width="5.6" height="1.6"/>
466
- <rect x="30" y="32" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -13.5896 32.7997)" class="st1" width="5.6" height="1.6"/>
467
- <rect x="31.7" y="33.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.3344 34.4998)" class="st1" width="5.6" height="1.6"/>
468
- <rect x="33.5" y="35.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.0467 36.2997)" class="st1" width="5.6" height="1.6"/>
469
- <rect x="35.3" y="37.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.7589 38.0997)" class="st1" width="5.6" height="1.6"/>
470
- <rect x="12.4" y="14.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.3016 15.1999)" class="st1" width="5.6" height="1.6"/>
471
- <rect x="10.6" y="12.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.5893 13.3999)" class="st1" width="5.6" height="1.6"/>
472
- <rect x="8.9" y="10.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.8357 11.7)" class="st1" width="5.6" height="1.6"/>
473
- <rect x="7.1" y="9.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.1235 9.9)" class="st1" width="5.6" height="1.6"/>
474
- <rect x="14.1" y="16.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.0845 16.9706)" class="st1" width="5.6" height="1.6"/>
475
- <rect x="15.9" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.7675 18.6999)" class="st1" width="5.6" height="1.6"/>
476
- <rect x="17.7" y="19.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.4797 20.4999)" class="st1" width="5.6" height="1.6"/>
285
+ </g>
286
+ <g id="二次过街-北">
287
+ <g id="北右" :class="peoplestatus[14].isshow? '' : 'invisible'">
288
+ <rect x="31.4" class="st0" width="2.6" height="4.4"/>
289
+ <rect x="26.2" class="st0" width="2.6" height="4.4"/>
290
+ <rect x="20.9" class="st0" width="2.6" height="4.4"/>
477
291
  </g>
478
- <g id="斜向行人2" class="st0"
479
- :class="peoplestatus[3].isshow? '' : 'invisible'"
480
- >
481
- <rect x="23.2" y="21.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.9412 23.9954)" class="st1" width="1.6" height="5.6"/>
482
- <rect x="24.9" y="19.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.2119 24.6784)" class="st1" width="1.6" height="5.6"/>
483
- <rect x="21.4" y="22.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.7119 23.2125)" class="st1" width="1.6" height="5.6"/>
484
- <rect x="19.7" y="24.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -13.4412 22.5296)" class="st1" width="1.6" height="5.6"/>
485
- <rect x="17.9" y="26.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.2412 21.8173)" class="st1" width="1.6" height="5.6"/>
486
- <rect x="16.1" y="28.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.0119 21.0344)" class="st1" width="1.6" height="5.6"/>
487
- <rect x="14.4" y="30" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.7411 20.3514)" class="st1" width="1.6" height="5.6"/>
488
- <rect x="12.6" y="31.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.5118 19.5773)" class="st1" width="1.6" height="5.6"/>
489
- <rect x="10.9" y="33.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.2411 18.8944)" class="st1" width="1.6" height="5.6"/>
490
- <rect x="9.1" y="35.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -24.0411 18.1821)" class="st1" width="1.6" height="5.6"/>
491
- <rect x="32" y="12.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.1413 27.6394)" class="st1" width="1.6" height="5.6"/>
492
- <rect x="33.7" y="10.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.588 28.3223)" class="st1" width="1.6" height="5.6"/>
493
- <rect x="35.5" y="8.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 2.3587 29.1053)" class="st1" width="1.6" height="5.6"/>
494
- <rect x="37.3" y="7.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.1587 29.8175)" class="st1" width="1.6" height="5.6"/>
495
- <rect x="30.2" y="14.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.912 26.8565)" class="st1" width="1.6" height="5.6"/>
496
- <rect x="28.5" y="15.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.6412 26.1735)" class="st1" width="1.6" height="5.6"/>
497
- <rect x="26.7" y="17.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.4412 25.4613)" class="st1" width="1.6" height="5.6"/>
292
+ <g id="北左" :class="peoplestatus[15].isshow? '' : 'invisible'">
293
+ <rect x="10.5" class="st0" width="2.6" height="4.4"/>
294
+ <rect x="5.2" class="st0" width="2.6" height="4.4"/>
295
+ <rect x="0" class="st0" width="2.6" height="4.4"/>
498
296
  </g>
499
- <g id="北行人" class="st0"
500
- :class="peoplestatus[4].isshow? '' : 'invisible'"
501
- >
502
- <rect x="26.9" y="7" class="st1" width="1.6" height="5.6"/>
503
- <rect x="24.4" y="7" class="st1" width="1.6" height="5.6"/>
504
- <rect x="29.4" y="7" class="st1" width="1.6" height="5.6"/>
505
- <rect x="31.9" y="7" class="st1" width="1.6" height="5.6"/>
506
- <rect x="34.4" y="7" class="st1" width="1.6" height="5.6"/>
507
- <rect x="36.9" y="7" class="st1" width="1.6" height="5.6"/>
508
- <rect x="39.4" y="7" class="st1" width="1.6" height="5.6"/>
509
- <rect x="14.5" y="7" class="st1" width="1.6" height="5.6"/>
510
- <rect x="12" y="7" class="st1" width="1.6" height="5.6"/>
511
- <rect x="9.5" y="7" class="st1" width="1.6" height="5.6"/>
512
- <rect x="7" y="7" class="st1" width="1.6" height="5.6"/>
513
- <rect x="17" y="7" class="st1" width="1.6" height="5.6"/>
514
- <rect x="19.5" y="7" class="st1" width="1.6" height="5.6"/>
515
- <rect x="21.9" y="7" class="st1" width="1.6" height="5.6"/>
297
+ </g>
298
+ <g id="二次过街-南">
299
+ <g id="南右" :class="peoplestatus[12].isshow? '' : 'invisible'">
300
+ <rect x="31.4" y="29.6" class="st0" width="2.6" height="4.4"/>
301
+ <rect x="26.2" y="29.6" class="st0" width="2.6" height="4.4"/>
302
+ <rect x="20.9" y="29.6" class="st0" width="2.6" height="4.4"/>
516
303
  </g>
517
- <g id="南行人" class="st0"
518
- :class="peoplestatus[5].isshow? '' : 'invisible'"
519
- >
520
- <rect x="26.9" y="35.4" class="st1" width="1.6" height="5.6"/>
521
- <rect x="24.4" y="35.4" class="st1" width="1.6" height="5.6"/>
522
- <rect x="29.4" y="35.4" class="st1" width="1.6" height="5.6"/>
523
- <rect x="31.9" y="35.4" class="st1" width="1.6" height="5.6"/>
524
- <rect x="34.4" y="35.4" class="st1" width="1.6" height="5.6"/>
525
- <rect x="36.9" y="35.4" class="st1" width="1.6" height="5.6"/>
526
- <rect x="39.4" y="35.4" class="st1" width="1.6" height="5.6"/>
527
- <rect x="14.5" y="35.4" class="st1" width="1.6" height="5.6"/>
528
- <rect x="12" y="35.4" class="st1" width="1.6" height="5.6"/>
529
- <rect x="9.5" y="35.4" class="st1" width="1.6" height="5.6"/>
530
- <rect x="7" y="35.4" class="st1" width="1.6" height="5.6"/>
531
- <rect x="17" y="35.4" class="st1" width="1.6" height="5.6"/>
532
- <rect x="19.5" y="35.4" class="st1" width="1.6" height="5.6"/>
533
- <rect x="21.9" y="35.4" class="st1" width="1.6" height="5.6"/>
304
+ <g id="南左" :class="peoplestatus[13].isshow? '' : 'invisible'">
305
+ <rect x="10.5" y="29.6" class="st0" width="2.6" height="4.4"/>
306
+ <rect x="5.2" y="29.6" class="st0" width="2.6" height="4.4"/>
307
+ <rect x="0" y="29.6" class="st0" width="2.6" height="4.4"/>
534
308
  </g>
535
- <g id="东行人" class="st0"
536
- :class="peoplestatus[6].isshow? '' : 'invisible'"
537
- >
538
- <rect x="35.4" y="26.9" class="st1" width="5.6" height="1.6"/>
539
- <rect x="35.4" y="24.4" class="st1" width="5.6" height="1.6"/>
540
- <rect x="35.4" y="29.4" class="st1" width="5.6" height="1.6"/>
541
- <rect x="35.4" y="31.9" class="st1" width="5.6" height="1.6"/>
542
- <rect x="35.4" y="34.4" class="st1" width="5.6" height="1.6"/>
543
- <rect x="35.4" y="36.9" class="st1" width="5.6" height="1.6"/>
544
- <rect x="35.4" y="39.4" class="st1" width="5.6" height="1.6"/>
545
- <rect x="35.4" y="14.5" class="st1" width="5.6" height="1.6"/>
546
- <rect x="35.4" y="12" class="st1" width="5.6" height="1.6"/>
547
- <rect x="35.4" y="9.5" class="st1" width="5.6" height="1.6"/>
548
- <rect x="35.4" y="7" class="st1" width="5.6" height="1.6"/>
549
- <rect x="35.4" y="17" class="st1" width="5.6" height="1.6"/>
550
- <rect x="35.4" y="19.5" class="st1" width="5.6" height="1.6"/>
551
- <rect x="35.4" y="21.9" class="st1" width="5.6" height="1.6"/>
309
+ </g>
310
+ <g id="西行人_1_" :class="peoplestatus[7].isshow? '' : 'invisible'">
311
+ <rect y="0" class="st0" width="4.4" height="2.6"/>
312
+ <rect y="5.2" class="st0" width="4.4" height="2.6"/>
313
+ <rect y="10.5" class="st0" width="4.4" height="2.6"/>
314
+ <rect y="15.7" class="st0" width="4.4" height="2.6"/>
315
+ <rect y="20.9" class="st0" width="4.4" height="2.6"/>
316
+ <rect y="26.2" class="st0" width="4.4" height="2.6"/>
317
+ <rect y="31.4" class="st0" width="4.4" height="2.6"/>
318
+ </g>
319
+ <g id="东行人_1_" :class="peoplestatus[6].isshow? '' : 'invisible'">
320
+ <rect x="29.6" y="0" class="st0" width="4.4" height="2.6"/>
321
+ <rect x="29.6" y="5.2" class="st0" width="4.4" height="2.6"/>
322
+ <rect x="29.6" y="10.5" class="st0" width="4.4" height="2.6"/>
323
+ <rect x="29.6" y="15.7" class="st0" width="4.4" height="2.6"/>
324
+ <rect x="29.6" y="20.9" class="st0" width="4.4" height="2.6"/>
325
+ <rect x="29.6" y="26.2" class="st0" width="4.4" height="2.6"/>
326
+ <rect x="29.6" y="31.4" class="st0" width="4.4" height="2.6"/>
327
+ </g>
328
+ <g id="北行人_1_" :class="peoplestatus[4].isshow? '' : 'invisible'">
329
+ <rect x="31.4" class="st0" width="2.6" height="4.4"/>
330
+ <rect x="26.2" class="st0" width="2.6" height="4.4"/>
331
+ <rect x="20.9" class="st0" width="2.6" height="4.4"/>
332
+ <rect x="15.7" class="st0" width="2.6" height="4.4"/>
333
+ <rect x="10.5" class="st0" width="2.6" height="4.4"/>
334
+ <rect x="5.2" class="st0" width="2.6" height="4.4"/>
335
+ <rect x="0" class="st0" width="2.6" height="4.4"/>
336
+ </g>
337
+ <g id="斜向行人1" :class="peoplestatus[2].isshow? '' : 'invisible'">
338
+ <rect x="25.9" y="26.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.6378 28.0961)" class="st0" width="4.4" height="2.6"/>
339
+ <rect x="22.2" y="23.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.1057 24.3974)" class="st0" width="4.4" height="2.6"/>
340
+ <rect x="18.5" y="19.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.5737 20.6987)" class="st0" width="4.4" height="2.6"/>
341
+ <rect x="14.8" y="15.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.0416 17)" class="st0" width="4.4" height="2.6"/>
342
+ <rect x="11.1" y="12" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.5096 13.3013)" class="st0" width="4.4" height="2.6"/>
343
+ <rect x="7.4" y="8.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.9775 9.6026)" class="st0" width="4.4" height="2.6"/>
344
+ <rect x="3.7" y="4.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.4455 5.9039)" class="st0" width="4.4" height="2.6"/>
345
+ </g>
346
+ <g id="斜向行人2" :class="peoplestatus[3].isshow? '' : 'invisible'">
347
+ <rect x="4.6" y="25.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.1378 12.4038)" class="st0" width="2.6" height="4.4"/>
348
+ <rect x="8.3" y="22.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.4391 13.9359)" class="st0" width="2.6" height="4.4"/>
349
+ <rect x="12" y="18.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.7403 15.4679)" class="st0" width="2.6" height="4.4"/>
350
+ <rect x="15.7" y="14.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.0416 17)" class="st0" width="2.6" height="4.4"/>
351
+ <rect x="19.4" y="11.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3429 18.532)" class="st0" width="2.6" height="4.4"/>
352
+ <rect x="23.1" y="7.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.3558 20.0641)" class="st0" width="2.6" height="4.4"/>
353
+ <rect x="26.8" y="3.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.0545 21.5962)" class="st0" width="2.6" height="4.4"/>
354
+ </g>
355
+ <g id="路段行人过街-南北" :class="peoplestatus[1].isshow? '' : 'invisible'">
356
+ <rect x="14.8" y="31.4" class="st0" width="4.4" height="2.6"/>
357
+ <rect x="14.8" y="26.2" class="st0" width="4.4" height="2.6"/>
358
+ <rect x="14.8" y="20.9" class="st0" width="4.4" height="2.6"/>
359
+ <rect x="14.8" y="15.7" class="st0" width="4.4" height="2.6"/>
360
+ <rect x="14.8" y="10.5" class="st0" width="4.4" height="2.6"/>
361
+ <rect x="14.8" y="5.2" class="st0" width="4.4" height="2.6"/>
362
+ <rect x="14.8" y="0" class="st0" width="4.4" height="2.6"/>
363
+ </g>
364
+ <g id="路段行人过街-东西" :class="peoplestatus[0].isshow? '' : 'invisible'">
365
+ <rect x="0" y="14.8" class="st0" width="2.6" height="4.4"/>
366
+ <rect x="5.2" y="14.8" class="st0" width="2.6" height="4.4"/>
367
+ <rect x="10.5" y="14.8" class="st0" width="2.6" height="4.4"/>
368
+ <rect x="15.7" y="14.8" class="st0" width="2.6" height="4.4"/>
369
+ <rect x="20.9" y="14.8" class="st0" width="2.6" height="4.4"/>
370
+ <rect x="26.2" y="14.8" class="st0" width="2.6" height="4.4"/>
371
+ <rect x="31.4" y="14.8" class="st0" width="2.6" height="4.4"/>
372
+ </g>
373
+ <g id="南行人_1_" :class="peoplestatus[5].isshow? '' : 'invisible'">
374
+ <rect x="31.4" y="29.6" class="st0" width="2.6" height="4.4"/>
375
+ <rect x="26.2" y="29.6" class="st0" width="2.6" height="4.4"/>
376
+ <rect x="20.9" y="29.6" class="st0" width="2.6" height="4.4"/>
377
+ <rect x="15.7" y="29.6" class="st0" width="2.6" height="4.4"/>
378
+ <rect x="10.5" y="29.6" class="st0" width="2.6" height="4.4"/>
379
+ <rect x="5.2" y="29.6" class="st0" width="2.6" height="4.4"/>
380
+ <rect x="0" y="29.6" class="st0" width="2.6" height="4.4"/>
381
+ </g>
382
+ </g>
383
+ <g>
384
+ <g id="二次过街-西北">
385
+ <g id="西北上" :class="peoplestatus[26].isshow? '' : 'invisible'">
386
+ <rect x="16.3" y="-6.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 8.3878 11.1346)" class="st0" width="2.6" height="4.4"/>
387
+ <rect x="12.6" y="-3.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.6891 9.6026)" class="st0" width="2.6" height="4.4"/>
388
+ <rect x="8.9" y="0.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.9904 8.0705)" class="st0" width="2.6" height="4.4"/>
552
389
  </g>
553
- <g id="西行人" class="st0"
554
- :class="peoplestatus[7].isshow? '' : 'invisible'"
555
- >
556
- <rect x="7" y="26.9" class="st1" width="5.6" height="1.6"/>
557
- <rect x="7" y="24.4" class="st1" width="5.6" height="1.6"/>
558
- <rect x="7" y="29.4" class="st1" width="5.6" height="1.6"/>
559
- <rect x="7" y="31.9" class="st1" width="5.6" height="1.6"/>
560
- <rect x="7" y="34.4" class="st1" width="5.6" height="1.6"/>
561
- <rect x="7" y="36.9" class="st1" width="5.6" height="1.6"/>
562
- <rect x="7" y="39.4" class="st1" width="5.6" height="1.6"/>
563
- <rect x="7" y="14.5" class="st1" width="5.6" height="1.6"/>
564
- <rect x="7" y="12" class="st1" width="5.6" height="1.6"/>
565
- <rect x="7" y="9.5" class="st1" width="5.6" height="1.6"/>
566
- <rect x="7" y="7" class="st1" width="5.6" height="1.6"/>
567
- <rect x="7" y="17" class="st1" width="5.6" height="1.6"/>
568
- <rect x="7" y="19.5" class="st1" width="5.6" height="1.6"/>
569
- <rect x="7" y="21.9" class="st1" width="5.6" height="1.6"/>
390
+ <g id="西北下" :class="peoplestatus[27].isshow? '' : 'invisible'">
391
+ <rect x="1.5" y="8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.407 5.0064)" class="st0" width="2.6" height="4.4"/>
392
+ <rect x="-2.2" y="11.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.1057 3.4743)" class="st0" width="2.6" height="4.4"/>
393
+ <rect x="-5.9" y="15.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -13.8044 1.9423)" class="st0" width="2.6" height="4.4"/>
570
394
  </g>
571
- <g id="二次过街-西" class="st0">
572
- <g id="西下"
573
- :class="peoplestatus[8].isshow? '' : 'invisible'"
574
- >
575
- <rect x="7" y="26.9" class="st1" width="5.6" height="1.6"/>
576
- <rect x="7" y="29.4" class="st1" width="5.6" height="1.6"/>
577
- <rect x="7" y="31.9" class="st1" width="5.6" height="1.6"/>
578
- <rect x="7" y="34.4" class="st1" width="5.6" height="1.6"/>
579
- <rect x="7" y="36.9" class="st1" width="5.6" height="1.6"/>
580
- <rect x="7" y="39.4" class="st1" width="5.6" height="1.6"/>
581
- </g>
582
- <g id="西上"
583
- :class="peoplestatus[9].isshow? '' : 'invisible'"
584
- >
585
- <rect x="7" y="14.5" class="st1" width="5.6" height="1.6"/>
586
- <rect x="7" y="12" class="st1" width="5.6" height="1.6"/>
587
- <rect x="7" y="9.5" class="st1" width="5.6" height="1.6"/>
588
- <rect x="7" y="7" class="st1" width="5.6" height="1.6"/>
589
- <rect x="7" y="17" class="st1" width="5.6" height="1.6"/>
590
- <rect x="7" y="19.5" class="st1" width="5.6" height="1.6"/>
591
- </g>
395
+ </g>
396
+ <g id="二次过街-东南">
397
+ <g id="东南上" :class="peoplestatus[20].isshow? '' : 'invisible'">
398
+ <rect x="37.3" y="14.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.2788 32.0577)" class="st0" width="2.6" height="4.4"/>
399
+ <rect x="33.6" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.9775 30.5257)" class="st0" width="2.6" height="4.4"/>
400
+ <rect x="29.9" y="21.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.6762 28.9936)" class="st0" width="2.6" height="4.4"/>
592
401
  </g>
593
- <g id="二次过街-东" class="st0">
594
- <g id="东上"
595
- :class="peoplestatus[10].isshow? '' : 'invisible'"
596
- >
597
- <rect x="35.4" y="19.5" class="st1" width="5.6" height="1.6"/>
598
- <rect x="35.4" y="17" class="st1" width="5.6" height="1.6"/>
599
- <rect x="35.4" y="14.5" class="st1" width="5.6" height="1.6"/>
600
- <rect x="35.4" y="12" class="st1" width="5.6" height="1.6"/>
601
- <rect x="35.4" y="9.5" class="st1" width="5.6" height="1.6"/>
602
- <rect x="35.4" y="7" class="st1" width="5.6" height="1.6"/>
603
- </g>
604
- <g id="东下"
605
- :class="peoplestatus[11].isshow? '' : 'invisible'"
606
- >
607
- <rect x="35.4" y="31.9" class="st1" width="5.6" height="1.6"/>
608
- <rect x="35.4" y="34.4" class="st1" width="5.6" height="1.6"/>
609
- <rect x="35.4" y="36.9" class="st1" width="5.6" height="1.6"/>
610
- <rect x="35.4" y="39.4" class="st1" width="5.6" height="1.6"/>
611
- <rect x="35.4" y="29.4" class="st1" width="5.6" height="1.6"/>
612
- <rect x="35.4" y="26.9" class="st1" width="5.6" height="1.6"/>
613
- </g>
402
+ <g id="东南下" :class="peoplestatus[21].isshow? '' : 'invisible'">
403
+ <rect x="22.5" y="29" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.0736 25.9295)" class="st0" width="2.6" height="4.4"/>
404
+ <rect x="18.8" y="32.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.7724 24.3974)" class="st0" width="2.6" height="4.4"/>
405
+ <rect x="15.1" y="36.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.4711 22.8654)" class="st0" width="2.6" height="4.4"/>
614
406
  </g>
615
- <g id="二次过街-南" class="st0">
616
- <g id="南右"
617
- :class="peoplestatus[12].isshow? '' : 'invisible'"
618
- >
619
- <rect x="26.9" y="35.4" class="st1" width="1.6" height="5.6"/>
620
- <rect x="29.4" y="35.4" class="st1" width="1.6" height="5.6"/>
621
- <rect x="31.9" y="35.4" class="st1" width="1.6" height="5.6"/>
622
- <rect x="34.4" y="35.4" class="st1" width="1.6" height="5.6"/>
623
- <rect x="36.9" y="35.4" class="st1" width="1.6" height="5.6"/>
624
- <rect x="39.4" y="35.4" class="st1" width="1.6" height="5.6"/>
625
- </g>
626
- <g id="南左"
627
- :class="peoplestatus[13].isshow? '' : 'invisible'"
628
- >
629
- <rect x="14.5" y="35.4" class="st1" width="1.6" height="5.6"/>
630
- <rect x="12" y="35.4" class="st1" width="1.6" height="5.6"/>
631
- <rect x="9.5" y="35.4" class="st1" width="1.6" height="5.6"/>
632
- <rect x="7" y="35.4" class="st1" width="1.6" height="5.6"/>
633
- <rect x="17" y="35.4" class="st1" width="1.6" height="5.6"/>
634
- <rect x="19.5" y="35.4" class="st1" width="1.6" height="5.6"/>
635
- </g>
407
+ </g>
408
+ <g id="二次过街-东北">
409
+ <g id="东北下" :class="peoplestatus[25].isshow? '' : 'invisible'">
410
+ <rect x="36.4" y="16.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.1763 32.4295)" class="st0" width="4.4" height="2.6"/>
411
+ <rect x="32.7" y="12.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.3558 28.7307)" class="st0" width="4.4" height="2.6"/>
412
+ <rect x="29" y="8.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.8879 25.032)" class="st0" width="4.4" height="2.6"/>
636
413
  </g>
637
- <g id="二次过街-北_1_" class="st0">
638
- <g id="北右_1_"
639
- :class="peoplestatus[14].isshow? '' : 'invisible'"
640
- >
641
- <rect x="26.9" y="7" class="st1" width="1.6" height="5.6"/>
642
- <rect x="29.4" y="7" class="st1" width="1.6" height="5.6"/>
643
- <rect x="31.9" y="7" class="st1" width="1.6" height="5.6"/>
644
- <rect x="34.4" y="7" class="st1" width="1.6" height="5.6"/>
645
- <rect x="36.9" y="7" class="st1" width="1.6" height="5.6"/>
646
- <rect x="39.4" y="7" class="st1" width="1.6" height="5.6"/>
647
- </g>
648
- <g id="北左_1_"
649
- :class="peoplestatus[15].isshow? '' : 'invisible'"
650
- >
651
- <rect x="14.5" y="7" class="st1" width="1.6" height="5.6"/>
652
- <rect x="12" y="7" class="st1" width="1.6" height="5.6"/>
653
- <rect x="9.5" y="7" class="st1" width="1.6" height="5.6"/>
654
- <rect x="7" y="7" class="st1" width="1.6" height="5.6"/>
655
- <rect x="17" y="7" class="st1" width="1.6" height="5.6"/>
656
- <rect x="19.5" y="7" class="st1" width="1.6" height="5.6"/>
657
- </g>
414
+ <g id="东北上" :class="peoplestatus[24].isshow? '' : 'invisible'">
415
+ <rect x="21.6" y="1.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.952 17.6346)" class="st0" width="4.4" height="2.6"/>
416
+ <rect x="17.9" y="-2.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 6.484 13.9359)" class="st0" width="4.4" height="2.6"/>
417
+ <rect x="14.2" y="-5.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 8.0161 10.2372)" class="st0" width="4.4" height="2.6"/>
658
418
  </g>
659
- </g>
660
- </svg>
419
+ </g>
420
+ <g id="二次过街-西南">
421
+ <g id="西南下" :class="peoplestatus[23].isshow? '' : 'invisible'">
422
+ <rect x="15.4" y="37.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.0994 23.7628)" class="st0" width="4.4" height="2.6"/>
423
+ <rect x="11.7" y="33.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.5673 20.0641)" class="st0" width="4.4" height="2.6"/>
424
+ <rect x="8" y="29.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.0352 16.3654)" class="st0" width="4.4" height="2.6"/>
425
+ </g>
426
+ <g id="西南上" :class="peoplestatus[22].isshow? '' : 'invisible'">
427
+ <rect x="0.6" y="22.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.9711 8.968)" class="st0" width="4.4" height="2.6"/>
428
+ <rect x="-3.1" y="18.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.4391 5.2693)" class="st0" width="4.4" height="2.6"/>
429
+ <rect x="-6.8" y="15.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.907 1.5706)" class="st0" width="4.4" height="2.6"/>
430
+ </g>
431
+ </g>
432
+ <g id="西北行人" :class="peoplestatus[19].isshow? '' : 'invisible'">
433
+ <rect x="16.3" y="-6.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 8.3878 11.1346)" class="st0" width="2.6" height="4.4"/>
434
+ <rect x="12.6" y="-3.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.6891 9.6026)" class="st0" width="2.6" height="4.4"/>
435
+ <rect x="8.9" y="0.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.9904 8.0705)" class="st0" width="2.6" height="4.4"/>
436
+ <rect x="5.2" y="4.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.7083 6.5385)" class="st0" width="2.6" height="4.4"/>
437
+ <rect x="1.5" y="8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.407 5.0064)" class="st0" width="2.6" height="4.4"/>
438
+ <rect x="-2.2" y="11.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.1057 3.4743)" class="st0" width="2.6" height="4.4"/>
439
+ <rect x="-5.9" y="15.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -13.8044 1.9423)" class="st0" width="2.6" height="4.4"/>
440
+ </g>
441
+ <g id="东南行人" :class="peoplestatus[16].isshow? '' : 'invisible'">
442
+ <rect x="37.3" y="14.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.2788 32.0577)" class="st0" width="2.6" height="4.4"/>
443
+ <rect x="33.6" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.9775 30.5257)" class="st0" width="2.6" height="4.4"/>
444
+ <rect x="29.9" y="21.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.6762 28.9936)" class="st0" width="2.6" height="4.4"/>
445
+ <rect x="26.2" y="25.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.3749 27.4615)" class="st0" width="2.6" height="4.4"/>
446
+ <rect x="22.5" y="29" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.0736 25.9295)" class="st0" width="2.6" height="4.4"/>
447
+ <rect x="18.8" y="32.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.7724 24.3974)" class="st0" width="2.6" height="4.4"/>
448
+ <rect x="15.1" y="36.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.4711 22.8654)" class="st0" width="2.6" height="4.4"/>
449
+ </g>
450
+ <g id="东北行人" :class="peoplestatus[18].isshow? '' : 'invisible'">
451
+ <rect x="36.4" y="16.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.1763 32.4295)" class="st0" width="4.4" height="2.6"/>
452
+ <rect x="32.7" y="12.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.3558 28.7307)" class="st0" width="4.4" height="2.6"/>
453
+ <rect x="29" y="8.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.8879 25.032)" class="st0" width="4.4" height="2.6"/>
454
+ <rect x="25.3" y="5.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 3.4199 21.3333)" class="st0" width="4.4" height="2.6"/>
455
+ <rect x="21.6" y="1.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.952 17.6346)" class="st0" width="4.4" height="2.6"/>
456
+ <rect x="17.9" y="-2.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 6.484 13.9359)" class="st0" width="4.4" height="2.6"/>
457
+ <rect x="14.2" y="-5.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 8.0161 10.2372)" class="st0" width="4.4" height="2.6"/>
458
+ </g>
459
+ <g id="西南行人" :class="peoplestatus[17].isshow? '' : 'invisible'">
460
+ <rect x="15.4" y="37.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.0994 23.7628)" class="st0" width="4.4" height="2.6"/>
461
+ <rect x="11.7" y="33.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.5673 20.0641)" class="st0" width="4.4" height="2.6"/>
462
+ <rect x="8" y="29.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.0352 16.3654)" class="st0" width="4.4" height="2.6"/>
463
+ <rect x="4.3" y="26.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.5032 12.6667)" class="st0" width="4.4" height="2.6"/>
464
+ <rect x="0.6" y="22.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.9711 8.968)" class="st0" width="4.4" height="2.6"/>
465
+ <rect x="-3.1" y="18.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.4391 5.2693)" class="st0" width="4.4" height="2.6"/>
466
+ <rect x="-6.8" y="15.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.907 1.5706)" class="st0" width="4.4" height="2.6"/>
467
+ </g>
468
+ </g>
469
+ </svg>
661
470
  </div>
662
471
  </div>
663
472
  </template>
@@ -1161,6 +970,6 @@ export default {
1161
970
  .invisible {
1162
971
  visibility: hidden;
1163
972
  }
1164
- .st0{opacity:0.5;}
973
+ .st0{color: #040000;}
1165
974
  .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#303133;}
1166
975
  </style>