openatc-components 0.5.17 → 0.5.20

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 (359) hide show
  1. package/.babelrc +18 -18
  2. package/.editorconfig +9 -9
  3. package/.eslintignore +5 -5
  4. package/.eslintrc.js +31 -31
  5. package/.postcssrc.js +10 -10
  6. package/README.md +30 -30
  7. package/build/build.js +41 -41
  8. package/build/check-versions.js +54 -54
  9. package/build/package.config.js +58 -58
  10. package/build/package.dev.config.js +107 -107
  11. package/build/package.prod.config.js +160 -160
  12. package/build/utils.js +101 -101
  13. package/build/vue-loader.conf.js +22 -22
  14. package/build/webpack.base.conf.js +120 -120
  15. package/build/webpack.dev.conf.js +95 -95
  16. package/build/webpack.prod.conf.js +149 -149
  17. package/config/prod.env.js +5 -5
  18. package/config/test.env.js +7 -7
  19. package/index.html +12 -12
  20. package/package/kisscomps/components/Channelization/Channelization.vue +585 -585
  21. package/package/kisscomps/components/ChannelizationFlowStatistic/ChannelizationFlowStatistic.vue +360 -360
  22. package/package/kisscomps/components/ChannelizationWithInterface/ChannelizationWithInterface.vue +518 -518
  23. package/package/kisscomps/components/CommonKanban/CommonKanban.vue +132 -132
  24. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-east-bottom.vue +41 -41
  25. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-east-top.vue +60 -60
  26. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-ewped.vue +105 -105
  27. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-north-left.vue +60 -60
  28. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-north-right.vue +60 -60
  29. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-snped.vue +105 -105
  30. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-south-left.vue +60 -60
  31. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-south-right.vue +60 -60
  32. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-west-bottom.vue +60 -60
  33. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-west-top.vue +60 -60
  34. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-xlped.vue +30 -30
  35. package/package/kisscomps/components/DirectionListConfiguration/svg/ped-xrped.vue +30 -30
  36. package/package/kisscomps/components/DirectionListConfiguration/svg/pedSvg.vue +78 -78
  37. package/package/kisscomps/components/DrawChannelization/drawsvg/basicCoordInfo.vue +181 -181
  38. package/package/kisscomps/components/DrawChannelization/drawsvg/channelizationElements.vue +255 -255
  39. package/package/kisscomps/components/DrawChannelization/drawsvg/detectorAssociatedComponent.vue +152 -152
  40. package/package/kisscomps/components/DrawChannelization/drawsvg/drawElement/TextBox.vue +91 -91
  41. package/package/kisscomps/components/DrawChannelization/drawsvg/drawElement/crossMap.vue +194 -194
  42. package/package/kisscomps/components/DrawChannelization/drawsvg/drawElement/editText.vue +108 -108
  43. package/package/kisscomps/components/DrawChannelization/drawsvg/firstImportCrossmap.vue +51 -51
  44. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/countdownSvg.vue +236 -236
  45. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/detectorChart.vue +247 -247
  46. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/detectorIconSvg.vue +210 -210
  47. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/laneIcon.vue +72 -72
  48. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +368 -368
  49. package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/pedroadIconSvg.vue +230 -230
  50. package/package/kisscomps/components/DrawChannelization/drawsvg/importDialog.vue +74 -74
  51. package/package/kisscomps/components/DrawChannelization/drawsvg/index.vue +144 -144
  52. package/package/kisscomps/components/DrawChannelization/drawsvg/laneEditPanel.vue +707 -707
  53. package/package/kisscomps/components/DrawChannelization/drawsvg/overlapAssociatedComponent.vue +172 -172
  54. package/package/kisscomps/components/DrawChannelization/drawsvg/table.vue +99 -99
  55. package/package/kisscomps/components/DrawChannelization/drawsvg/utils/loadutils.js +87 -87
  56. package/package/kisscomps/components/DrawChannelization/drawsvg/utils/phaseDataModel.js +32 -32
  57. package/package/kisscomps/components/DrawChannelization/drawsvg/utils/phasePos.json +20 -20
  58. package/package/kisscomps/components/DrawChannelization/phaseDataMgr.js +278 -278
  59. package/package/kisscomps/components/ExpendConfig/ExpendConfig.vue +118 -118
  60. package/package/kisscomps/components/FaultDetailModal/FaultDetailModal.vue +178 -178
  61. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/CrossRoadsSvg.vue +629 -629
  62. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/CustomRoadsSvg.vue +46 -46
  63. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/PedSectionEWSvg.vue +447 -447
  64. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/PedSectionSNSvg.vue +341 -341
  65. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampEastSvg.vue +497 -497
  66. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampNorthSvg.vue +353 -353
  67. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampSouthSvg.vue +359 -359
  68. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampWestSvg.vue +443 -443
  69. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/SidewalkSvg.vue +1190 -1190
  70. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeEastRoadsSvg.vue +498 -498
  71. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeNorthRoadsSvg.vue +484 -484
  72. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeSouthRoadsSvg.vue +488 -488
  73. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeWestRoadsSvg.vue +566 -566
  74. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LCrossRoadsSvg.vue +640 -640
  75. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeEastRoadsSvg.vue +497 -497
  76. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeNorthRoadsSvg.vue +486 -486
  77. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeSouthRoadsSvg.vue +490 -490
  78. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeWestRoadsSvg.vue +575 -575
  79. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/refreshSvg.vue +63 -63
  80. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/busMapSvg.vue +50 -50
  81. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/eastBusSvg.vue +167 -167
  82. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/northBusSvg.vue +168 -168
  83. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/southBusSvg.vue +168 -168
  84. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/westBusSvg.vue +169 -169
  85. package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/rampPhaseIconSvg.vue +122 -122
  86. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/busPos.json +196 -196
  87. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/busPos.left.json +196 -196
  88. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/phasePos.left.json +115 -115
  89. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/rampPos.json +52 -52
  90. package/package/kisscomps/components/IntersectionWithInterface/IntersectionWithInterface.vue +534 -534
  91. package/package/kisscomps/components/KanBan/kanban.vue +231 -231
  92. package/package/kisscomps/components/MessageBox/index.vue +96 -96
  93. package/package/kisscomps/components/OptimizeKanban/index.js +2 -0
  94. package/package/kisscomps/components/OptimizeKanban/index.vue +369 -0
  95. package/package/kisscomps/components/PatternOptimize/PatternOptimize.vue +329 -329
  96. package/package/kisscomps/components/PatternWalkSvg/PatternWalkSvg.vue +423 -423
  97. package/package/kisscomps/components/PhaseDirectionSelect/PhaseDirectionSelect.vue +126 -126
  98. package/package/kisscomps/components/PhaseDirectionText/PhaseDirectionText.vue +106 -106
  99. package/package/kisscomps/components/PhaseLegend/PhaseLegend.vue +286 -286
  100. package/package/kisscomps/components/PhaseMarker/index.js +6 -6
  101. package/package/kisscomps/components/PhaseMarker/phasemarker.vue +215 -215
  102. package/package/kisscomps/components/PhaseMarker/svg/patternSvg.vue +121 -121
  103. package/package/kisscomps/components/PhaseMarker/svg/phase.vue +60 -60
  104. package/package/kisscomps/components/PhaseMarker/svg/phaseCount.vue +62 -62
  105. package/package/kisscomps/components/PhaseMarker/svg/phaseCountCycle.vue +62 -62
  106. package/package/kisscomps/components/PhaseMarker/svg/phaseSvg.vue +117 -117
  107. package/package/kisscomps/components/PhasePedSelect/index.vue +206 -206
  108. package/package/kisscomps/components/RcpRightPanel/index.vue +4 -0
  109. package/package/kisscomps/components/SchemeConfig/azimuthlocking/index.vue +365 -365
  110. package/package/kisscomps/components/SchemeConfig/azimuthlocking/utils.js +92 -92
  111. package/package/kisscomps/components/SchemeConfig/closePhaselControlModal/index.vue +214 -214
  112. package/package/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue +235 -235
  113. package/package/kisscomps/components/SchemeConfig/manualControlModal/index.vue +235 -235
  114. package/package/kisscomps/components/SchemeConfig/manualControlModalNew/controlModelGroup.vue +131 -131
  115. package/package/kisscomps/components/SchemeConfig/manualControlModalNew/othersIcon.vue +151 -151
  116. package/package/kisscomps/components/SchemeConfig/priorityControl/index.vue +215 -215
  117. package/package/kisscomps/components/SchemeConfig/priorityControl/utils.js +163 -163
  118. package/package/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue +308 -308
  119. package/package/kisscomps/components/SchemeConfig/utils/thirdPartypermission.js +95 -95
  120. package/package/kisscomps/components/SelectGBCrossStage/index.vue +5 -0
  121. package/package/kisscomps/components/StageOptimize/StageOptimize.vue +367 -367
  122. package/package/kisscomps/components/StageOptimize/index.js +2 -2
  123. package/package/kisscomps/components/StageOptimize/index.vue +310 -0
  124. package/package/kisscomps/components/StageStatus/StageStatus.vue +341 -341
  125. package/package/kisscomps/components/SvgIcon/SvgIcon.vue +53 -53
  126. package/package/kisscomps/components/XiaoKanban/DirSelector.vue +356 -356
  127. package/package/kisscomps/components/XiaoKanban/index.vue +122 -122
  128. package/package/kisscomps/components/patternConfig/pattern/planChart/model/coordinationModel.js +665 -665
  129. package/package/kisscomps/components/patternConfig/planContent.vue +604 -604
  130. package/package/kisscomps/components/patternConfig/planMenu.vue +329 -329
  131. package/package/kissui.min.js +1 -1
  132. package/package.json +1 -1
  133. package/src/EdgeMgr/EdgeModelBase.js +16 -16
  134. package/src/EdgeMgr/controller/crossDiagramMgr.js +125 -125
  135. package/src/api/authapi.js +31 -31
  136. package/src/api/config.js +21 -21
  137. package/src/api/control.js +110 -110
  138. package/src/api/device.js +135 -135
  139. package/src/api/fault.js +66 -66
  140. package/src/api/index.js +24 -24
  141. package/src/api/login.js +46 -46
  142. package/src/api/optimize.js +72 -72
  143. package/src/api/passwdAssest.js +101 -101
  144. package/src/api/permission.js +33 -33
  145. package/src/api/route.js +171 -171
  146. package/src/assets/font/LICENSE.txt +202 -202
  147. package/src/assets/font/font.css +6 -6
  148. package/src/i18n/index.js +26 -26
  149. package/src/i18n/language/ru.js +874 -882
  150. package/src/icons/index.js +20 -20
  151. package/src/icons/svg/azimuthlocking.svg +26 -26
  152. package/src/icons/svg/bendi.svg +110 -110
  153. package/src/icons/svg/bujin.svg +36 -36
  154. package/src/icons/svg/connectBlue.svg +7 -7
  155. package/src/icons/svg/currentvolume.svg +0 -0
  156. package/src/icons/svg/custom-BRTlane.svg +40 -40
  157. package/src/icons/svg/custom-buslane.svg +40 -40
  158. package/src/icons/svg/custom-detector.svg +12 -12
  159. package/src/icons/svg/custom-east-bottom.svg +32 -32
  160. package/src/icons/svg/custom-east-top.svg +32 -32
  161. package/src/icons/svg/custom-ewped.svg +35 -35
  162. package/src/icons/svg/custom-nonmotorizedlane.svg +40 -40
  163. package/src/icons/svg/custom-north-left.svg +32 -32
  164. package/src/icons/svg/custom-north-right.svg +32 -32
  165. package/src/icons/svg/custom-peddetector.svg +17 -17
  166. package/src/icons/svg/custom-snped.svg +35 -35
  167. package/src/icons/svg/custom-south-left.svg +32 -32
  168. package/src/icons/svg/custom-south-right.svg +32 -32
  169. package/src/icons/svg/custom-tramlane.svg +40 -40
  170. package/src/icons/svg/custom-vehiclebranch.svg +40 -40
  171. package/src/icons/svg/custom-vehiclemainroad.svg +41 -41
  172. package/src/icons/svg/custom-west-bottom.svg +32 -32
  173. package/src/icons/svg/custom-west-top.svg +32 -32
  174. package/src/icons/svg/custom-xlped.svg +14 -14
  175. package/src/icons/svg/custom-xrped.svg +14 -14
  176. package/src/icons/svg/cutRed.svg +7 -7
  177. package/src/icons/svg/cycle.svg +0 -0
  178. package/src/icons/svg/dingzhouqi.svg +34 -34
  179. package/src/icons/svg/ganyingkongzhi.svg +30 -30
  180. package/src/icons/svg/guandeng.svg +81 -81
  181. package/src/icons/svg/huangshan.svg +71 -71
  182. package/src/icons/svg/maincontrol.svg +0 -0
  183. package/src/icons/svg/manualcontrolbackground.svg +51 -51
  184. package/src/icons/svg/manualcontrolbackground1.svg +62 -62
  185. package/src/icons/svg/manualcontrolbackgrounden.svg +62 -62
  186. package/src/icons/svg/model.svg +0 -0
  187. package/src/icons/svg/phasediff.svg +0 -0
  188. package/src/icons/svg/prioritycontrol.svg +21 -21
  189. package/src/icons/svg/quanhong.svg +86 -86
  190. package/src/icons/svg/shanghe.svg +11 -11
  191. package/src/icons/svg/shoudong.svg +103 -103
  192. package/src/icons/svg/tentativeplan.svg +28 -28
  193. package/src/icons/svg/time.svg +0 -0
  194. package/src/icons/svg/wuxianlan.svg +46 -46
  195. package/src/icons/svg/xiala.svg +11 -11
  196. package/src/icons/svg/xingrenguojie.svg +33 -33
  197. package/src/icons/svg/xitong.svg +89 -89
  198. package/src/icons/svg/youxian.svg +41 -41
  199. package/src/icons/svg/zizhukongzhi.svg +43 -43
  200. package/src/kisscomps/components/Channelization/Channelization.vue +585 -585
  201. package/src/kisscomps/components/ChannelizationFlowStatistic/ChannelizationFlowStatistic.vue +360 -360
  202. package/src/kisscomps/components/ChannelizationWithInterface/ChannelizationWithInterface.vue +518 -518
  203. package/src/kisscomps/components/CommonKanban/CommonKanban.vue +132 -132
  204. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-east-bottom.vue +41 -41
  205. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-east-top.vue +60 -60
  206. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-ewped.vue +105 -105
  207. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-north-left.vue +60 -60
  208. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-north-right.vue +60 -60
  209. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-snped.vue +105 -105
  210. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-south-left.vue +60 -60
  211. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-south-right.vue +60 -60
  212. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-west-bottom.vue +60 -60
  213. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-west-top.vue +60 -60
  214. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-xlped.vue +30 -30
  215. package/src/kisscomps/components/DirectionListConfiguration/svg/ped-xrped.vue +30 -30
  216. package/src/kisscomps/components/DirectionListConfiguration/svg/pedSvg.vue +78 -78
  217. package/src/kisscomps/components/DrawChannelization/drawsvg/basicCoordInfo.vue +181 -181
  218. package/src/kisscomps/components/DrawChannelization/drawsvg/channelizationElements.vue +255 -255
  219. package/src/kisscomps/components/DrawChannelization/drawsvg/detectorAssociatedComponent.vue +152 -152
  220. package/src/kisscomps/components/DrawChannelization/drawsvg/drawElement/TextBox.vue +91 -91
  221. package/src/kisscomps/components/DrawChannelization/drawsvg/drawElement/crossMap.vue +194 -194
  222. package/src/kisscomps/components/DrawChannelization/drawsvg/drawElement/editText.vue +108 -108
  223. package/src/kisscomps/components/DrawChannelization/drawsvg/firstImportCrossmap.vue +51 -51
  224. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/countdownSvg.vue +236 -236
  225. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/detectorChart.vue +247 -247
  226. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/detectorIconSvg.vue +210 -210
  227. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/laneIcon.vue +72 -72
  228. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue +368 -368
  229. package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/pedroadIconSvg.vue +230 -230
  230. package/src/kisscomps/components/DrawChannelization/drawsvg/importDialog.vue +74 -74
  231. package/src/kisscomps/components/DrawChannelization/drawsvg/index.vue +144 -144
  232. package/src/kisscomps/components/DrawChannelization/drawsvg/laneEditPanel.vue +707 -707
  233. package/src/kisscomps/components/DrawChannelization/drawsvg/overlapAssociatedComponent.vue +172 -172
  234. package/src/kisscomps/components/DrawChannelization/drawsvg/table.vue +99 -99
  235. package/src/kisscomps/components/DrawChannelization/drawsvg/utils/loadutils.js +87 -87
  236. package/src/kisscomps/components/DrawChannelization/drawsvg/utils/phaseDataModel.js +32 -32
  237. package/src/kisscomps/components/DrawChannelization/drawsvg/utils/phasePos.json +20 -20
  238. package/src/kisscomps/components/DrawChannelization/phaseDataMgr.js +278 -278
  239. package/src/kisscomps/components/ExpendConfig/ExpendConfig.vue +118 -118
  240. package/src/kisscomps/components/FaultDetailModal/FaultDetailModal.vue +178 -178
  241. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/CrossRoadsSvg.vue +629 -629
  242. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/CustomRoadsSvg.vue +46 -46
  243. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/PedSectionEWSvg.vue +447 -447
  244. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/PedSectionSNSvg.vue +341 -341
  245. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampEastSvg.vue +497 -497
  246. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampNorthSvg.vue +353 -353
  247. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampSouthSvg.vue +359 -359
  248. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampWestSvg.vue +443 -443
  249. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/SidewalkSvg.vue +1190 -1190
  250. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeEastRoadsSvg.vue +498 -498
  251. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeNorthRoadsSvg.vue +484 -484
  252. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeSouthRoadsSvg.vue +488 -488
  253. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeWestRoadsSvg.vue +566 -566
  254. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LCrossRoadsSvg.vue +640 -640
  255. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeEastRoadsSvg.vue +497 -497
  256. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeNorthRoadsSvg.vue +486 -486
  257. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeSouthRoadsSvg.vue +490 -490
  258. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeWestRoadsSvg.vue +575 -575
  259. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/refreshSvg.vue +63 -63
  260. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/busMapSvg.vue +50 -50
  261. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/eastBusSvg.vue +167 -167
  262. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/northBusSvg.vue +168 -168
  263. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/southBusSvg.vue +168 -168
  264. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/westBusSvg.vue +169 -169
  265. package/src/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/rampPhaseIconSvg.vue +122 -122
  266. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/busPos.json +196 -196
  267. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/busPos.left.json +196 -196
  268. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/phasePos.left.json +115 -115
  269. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/rampPos.json +52 -52
  270. package/src/kisscomps/components/IntersectionWithInterface/IntersectionWithInterface.vue +534 -534
  271. package/src/kisscomps/components/KanBan/kanban.vue +231 -231
  272. package/src/kisscomps/components/MessageBox/index.vue +96 -96
  273. package/src/kisscomps/components/PatternOptimize/PatternOptimize.vue +329 -329
  274. package/src/kisscomps/components/PatternWalkSvg/PatternWalkSvg.vue +423 -423
  275. package/src/kisscomps/components/PhaseDirectionSelect/PhaseDirectionSelect.vue +126 -126
  276. package/src/kisscomps/components/PhaseDirectionText/PhaseDirectionText.vue +106 -106
  277. package/src/kisscomps/components/PhaseLegend/PhaseLegend.vue +286 -286
  278. package/src/kisscomps/components/PhaseMarker/index.js +6 -6
  279. package/src/kisscomps/components/PhaseMarker/phasemarker.vue +215 -215
  280. package/src/kisscomps/components/PhaseMarker/svg/patternSvg.vue +121 -121
  281. package/src/kisscomps/components/PhaseMarker/svg/phase.vue +60 -60
  282. package/src/kisscomps/components/PhaseMarker/svg/phaseCount.vue +62 -62
  283. package/src/kisscomps/components/PhaseMarker/svg/phaseCountCycle.vue +62 -62
  284. package/src/kisscomps/components/PhaseMarker/svg/phaseSvg.vue +117 -117
  285. package/src/kisscomps/components/PhasePedSelect/index.vue +206 -206
  286. package/src/kisscomps/components/RcpRightPanel/index.vue +4 -0
  287. package/src/kisscomps/components/SchemeConfig/azimuthlocking/index.vue +365 -365
  288. package/src/kisscomps/components/SchemeConfig/azimuthlocking/utils.js +92 -92
  289. package/src/kisscomps/components/SchemeConfig/closePhaselControlModal/index.vue +214 -214
  290. package/src/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue +235 -235
  291. package/src/kisscomps/components/SchemeConfig/manualControlModal/index.vue +235 -235
  292. package/src/kisscomps/components/SchemeConfig/manualControlModalNew/controlModelGroup.vue +131 -131
  293. package/src/kisscomps/components/SchemeConfig/manualControlModalNew/othersIcon.vue +151 -151
  294. package/src/kisscomps/components/SchemeConfig/priorityControl/index.vue +215 -215
  295. package/src/kisscomps/components/SchemeConfig/priorityControl/utils.js +163 -163
  296. package/src/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue +308 -308
  297. package/src/kisscomps/components/SchemeConfig/utils/thirdPartypermission.js +95 -95
  298. package/src/kisscomps/components/SelectGBCrossStage/index.vue +5 -0
  299. package/src/kisscomps/components/StageOptimize/StageOptimize.vue +367 -367
  300. package/src/kisscomps/components/StageOptimize/index.js +2 -2
  301. package/src/kisscomps/components/StageStatus/StageStatus.vue +341 -341
  302. package/src/kisscomps/components/SvgIcon/SvgIcon.vue +53 -53
  303. package/src/kisscomps/components/XiaoKanban/DirSelector.vue +356 -356
  304. package/src/kisscomps/components/XiaoKanban/index.vue +122 -122
  305. package/src/kisscomps/components/patternConfig/pattern/planChart/model/coordinationModel.js +665 -665
  306. package/src/kisscomps/components/patternConfig/planContent.vue +604 -604
  307. package/src/kisscomps/components/patternConfig/planMenu.vue +329 -329
  308. package/src/lib/publicjs/ArryListUtil.js +38 -38
  309. package/src/lib/publicjs/HttpurlMgr.js +45 -45
  310. package/src/lib/publicjs/KissApi.js +158 -158
  311. package/src/lib/publicjs/KissWSSub/Heartcheck.js +128 -128
  312. package/src/lib/publicjs/KissWSSub/KissWsSub.js +91 -91
  313. package/src/lib/publicjs/KissWSSub/KissWsSubByType.js +152 -152
  314. package/src/lib/publicjs/KissWSSub/SimuWsSubByType.js +44 -44
  315. package/src/lib/publicjs/KissWSSub/Sub.js +51 -51
  316. package/src/lib/publicjs/KissWSSub/SubChannel.js +119 -119
  317. package/src/lib/publicjs/basecomponents.js +65 -65
  318. package/src/lib/publicjs/localStorage.js +112 -112
  319. package/src/lib/publicjs/objdeepcopy.js +32 -32
  320. package/src/lib/publicjs/pageScroll.js +30 -30
  321. package/src/lib/publicjs/passwdAssest.js +101 -101
  322. package/src/lib/publicjs/styleclassfactory.js +32 -32
  323. package/src/node_modules/.package_versions.json +1 -0
  324. package/src/store/index.js +26 -26
  325. package/src/store/modules/globalParam.js +67 -67
  326. package/src/utils/RingDataModel.js +335 -335
  327. package/src/utils/conflictList.js +87 -87
  328. package/src/utils/dateFormat.js +41 -41
  329. package/src/utils/index.js +69 -69
  330. package/src/utils/phaseList.js +203 -203
  331. package/src/utils/validate.js +43 -43
  332. package/src/views/home.1.vue +479 -479
  333. package/src/views/home.vue +93 -93
  334. package/src/views/intersection2.vue +328 -328
  335. package/src/views/overView.vue +63 -63
  336. package/static/styles/channelizatioon.scss +433 -433
  337. package/static/styles/common.scss +30 -30
  338. package/static/styles/commonkanban.scss +168 -168
  339. package/static/styles/dark/index.scss +2 -2
  340. package/static/styles/dark/theme/element-dark.scss +44 -44
  341. package/static/styles/index.scss +84 -84
  342. package/static/styles/intersection.scss +180 -180
  343. package/static/styles/light/index.scss +2 -2
  344. package/static/styles/light/theme/element-light.scss +44 -44
  345. package/static/styles/patternConfig.scss +56 -56
  346. package/static/styles/phasePedSelect.scss +71 -71
  347. package/static/styles/stages.scss +57 -57
  348. package/static/styles/xiaokanban.scss +61 -61
  349. package/static/token.json +2 -2
  350. package/test/e2e/custom-assertions/elementCount.js +27 -27
  351. package/test/e2e/nightwatch.conf.js +46 -46
  352. package/test/e2e/runner.js +48 -48
  353. package/test/e2e/specs/test.js +19 -19
  354. package/test/unit/.eslintrc +7 -7
  355. package/test/unit/jest.conf.js +30 -30
  356. package/test/unit/setup.js +3 -3
  357. package/test/unit/specs/HelloWorld.spec.js +11 -11
  358. package/package/kissui.js +0 -216608
  359. package/pnpm-lock.yaml +0 -16362
package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/SidewalkSvg.vue CHANGED
@@ -1,1190 +1,1190 @@
1
- /**
2
- * Copyright (c) 2020 kedacom
3
- * OpenATC is licensed under Mulan PSL v2.
4
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
5
- * You may obtain a copy of Mulan PSL v2 at:
6
- * http://license.coscl.org.cn/MulanPSL2
7
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
8
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
9
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
- * See the Mulan PSL v2 for more details.
11
- **/
12
- <template>
13
- <div :style="{position: 'absolute', left: Data.left, top: Data.top}">
14
- <svg
15
- xmlns="http://www.w3.org/2000/svg"
16
- viewBox="0 0 252.1 250.2"
17
- :width="Width"
18
- :height="Height"
19
- >
20
- <!-- <path id="西" v-if="crossType !== 'TypeT-east'" :class="Data.name === '西人行横道' ? '' : 'invisible'" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" d="M2,230v-4H18v4H2Zm0-12H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-9H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2V97Zm0-8H18v4H2V89Zm0-8H18v4H2V81Zm0-9H18v4H2V72Zm0-8H18v4H2V64Zm0-8H18v4H2V56Zm0-8H18v4H2V48Zm0-8H18v4H2V40Zm0-8H18v4H2V32Zm0-8H18v4H2V24Z" transform="translate(-2 -1)"/>
21
- <path id="东" v-if="crossType !== 'TypeT-west'" :class="Data.name === '东人行横道' ? '' : 'invisible'" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" d="M238,230v-4h16v4H238Zm0-12h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-9h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238V97Zm0-8h16v4H238V89Zm0-8h16v4H238V81Zm0-9h16v4H238V72Zm0-8h16v4H238V64Zm0-8h16v4H238V56Zm0-8h16v4H238V48Zm0-8h16v4H238V40Zm0-8h16v4H238V32Zm0-8h16v4H238V24Z" transform="translate(-2 -1)"/>
22
- <path id="北" v-if="crossType !== 'TypeT-south'" :class="Data.name === '北人行横道' ? '' : 'invisible'" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" d="M227,17V1h4V17h-4ZM219,1h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-9,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1ZM98,1h4V17H98V1ZM90,1h4V17H90V1ZM82,1h4V17H82V1ZM73,1h4V17H73V1ZM65,1h4V17H65V1ZM57,1h4V17H57V1ZM49,1h4V17H49V1ZM41,1h4V17H41V1ZM33,1h4V17H33V1ZM25,1h4V17H25V1Z" transform="translate(-2 -1)"/>
23
- <path id="南" v-if="crossType !== 'TypeT-north'" :class="Data.name === '南人行横道' ? '' : 'invisible'" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" d="M227,253V237h4v16h-4Zm-8-16h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-9,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16H98V237Zm-8,0h4v16H90V237Zm-8,0h4v16H82V237Zm-9,0h4v16H73V237Zm-8,0h4v16H65V237Zm-8,0h4v16H57V237Zm-8,0h4v16H49V237Zm-8,0h4v16H41V237Zm-8,0h4v16H33V237Zm-8,0h4v16H25V237Z" transform="translate(-2 -1)"/>-->
24
- <g
25
- id="西"
26
- :class="Data.name === '西人行横道' ? '' : 'invisible'"
27
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
28
- >
29
- <g>
30
- <rect y="225" class="st0" width="16" height="4"></rect>
31
- <rect y="217" class="st0" width="16" height="4"></rect>
32
- <rect y="209" class="st0" width="16" height="4"></rect>
33
- <rect y="201" class="st0" width="16" height="4"></rect>
34
- <rect y="193" class="st0" width="16" height="4"></rect>
35
- <rect y="185" class="st0" width="16" height="4"></rect>
36
- <rect y="177" class="st0" width="16" height="4"></rect>
37
- <rect y="168" class="st0" width="16" height="4"></rect>
38
- <rect y="160" class="st0" width="16" height="4"></rect>
39
- <rect y="152" class="st0" width="16" height="4"></rect>
40
- <rect y="144" class="st0" width="16" height="4"></rect>
41
- <rect y="136" class="st0" width="16" height="4"></rect>
42
- </g>
43
- <g>
44
- <rect y="128" class="st0" width="16" height="4"></rect>
45
- <rect y="120" class="st0" width="16" height="4"></rect>
46
- </g>
47
- <g>
48
- <rect y="112" class="st0" width="16" height="4"></rect>
49
- <rect y="104" class="st0" width="16" height="4"></rect>
50
- <rect y="96" class="st0" width="16" height="4"></rect>
51
- <rect y="88" class="st0" width="16" height="4"></rect>
52
- <rect y="80" class="st0" width="16" height="4"></rect>
53
- <rect y="71" class="st0" width="16" height="4"></rect>
54
- <rect y="63" class="st0" width="16" height="4"></rect>
55
- <rect y="55" class="st0" width="16" height="4"></rect>
56
- <rect y="47" class="st0" width="16" height="4"></rect>
57
- <rect y="39" class="st0" width="16" height="4"></rect>
58
- <rect y="31" class="st0" width="16" height="4"></rect>
59
- <rect y="23" class="st0" width="16" height="4"></rect>
60
- </g>
61
- </g>
62
- <g id="西-上下">
63
- <g
64
- :class="Data.name === '西人行横道-下' ? '' : 'invisible'"
65
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
66
- >
67
- <rect y="225" class="st0" width="16" height="4"></rect>
68
- <rect y="217" class="st0" width="16" height="4"></rect>
69
- <rect y="209" class="st0" width="16" height="4"></rect>
70
- <rect y="201" class="st0" width="16" height="4"></rect>
71
- <rect y="193" class="st0" width="16" height="4"></rect>
72
- <rect y="185" class="st0" width="16" height="4"></rect>
73
- <rect y="177" class="st0" width="16" height="4"></rect>
74
- <rect y="168" class="st0" width="16" height="4"></rect>
75
- <rect y="160" class="st0" width="16" height="4"></rect>
76
- <rect y="152" class="st0" width="16" height="4"></rect>
77
- <rect y="144" class="st0" width="16" height="4"></rect>
78
- <rect y="136" class="st0" width="16" height="4"></rect>
79
- </g>
80
- <g
81
- :class="Data.name === '西人行横道-上' ? '' : 'invisible'"
82
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
83
- >
84
- <rect y="112" class="st0" width="16" height="4"></rect>
85
- <rect y="104" class="st0" width="16" height="4"></rect>
86
- <rect y="96" class="st0" width="16" height="4"></rect>
87
- <rect y="88" class="st0" width="16" height="4"></rect>
88
- <rect y="80" class="st0" width="16" height="4"></rect>
89
- <rect y="71" class="st0" width="16" height="4"></rect>
90
- <rect y="63" class="st0" width="16" height="4"></rect>
91
- <rect y="55" class="st0" width="16" height="4"></rect>
92
- <rect y="47" class="st0" width="16" height="4"></rect>
93
- <rect y="39" class="st0" width="16" height="4"></rect>
94
- <rect y="31" class="st0" width="16" height="4"></rect>
95
- <rect y="23" class="st0" width="16" height="4"></rect>
96
- </g>
97
- </g>
98
-
99
- <g
100
- id="东"
101
- :class="Data.name === '东人行横道' ? '' : 'invisible'"
102
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
103
- >
104
- <g>
105
- <rect x="236" y="225" class="st0" width="16" height="4"></rect>
106
- <rect x="236" y="217" class="st0" width="16" height="4"></rect>
107
- <rect x="236" y="209" class="st0" width="16" height="4"></rect>
108
- <rect x="236" y="201" class="st0" width="16" height="4"></rect>
109
- <rect x="236" y="193" class="st0" width="16" height="4"></rect>
110
- <rect x="236" y="185" class="st0" width="16" height="4"></rect>
111
- <rect x="236" y="177" class="st0" width="16" height="4"></rect>
112
- <rect x="236" y="168" class="st0" width="16" height="4"></rect>
113
- <rect x="236" y="160" class="st0" width="16" height="4"></rect>
114
- <rect x="236" y="152" class="st0" width="16" height="4"></rect>
115
- <rect x="236" y="144" class="st0" width="16" height="4"></rect>
116
- <rect x="236" y="136" class="st0" width="16" height="4"></rect>
117
- </g>
118
- <g>
119
- <rect x="236" y="128" class="st0" width="16" height="4"></rect>
120
- <rect x="236" y="120" class="st0" width="16" height="4"></rect>
121
- </g>
122
- <g>
123
- <rect x="236" y="112" class="st0" width="16" height="4"></rect>
124
- <rect x="236" y="104" class="st0" width="16" height="4"></rect>
125
- <rect x="236" y="96" class="st0" width="16" height="4"></rect>
126
- <rect x="236" y="88" class="st0" width="16" height="4"></rect>
127
- <rect x="236" y="80" class="st0" width="16" height="4"></rect>
128
- <rect x="236" y="71" class="st0" width="16" height="4"></rect>
129
- <rect x="236" y="63" class="st0" width="16" height="4"></rect>
130
- <rect x="236" y="55" class="st0" width="16" height="4"></rect>
131
- <rect x="236" y="47" class="st0" width="16" height="4"></rect>
132
- <rect x="236" y="39" class="st0" width="16" height="4"></rect>
133
- <rect x="236" y="31" class="st0" width="16" height="4"></rect>
134
- <rect x="236" y="23" class="st0" width="16" height="4"></rect>
135
- </g>
136
- </g>
137
-
138
- <g id="东-上下">
139
- <g
140
- :class="Data.name === '东人行横道-下' ? '' : 'invisible'"
141
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
142
- >
143
- <rect x="236" y="225" class="st0" width="16" height="4"></rect>
144
- <rect x="236" y="217" class="st0" width="16" height="4"></rect>
145
- <rect x="236" y="209" class="st0" width="16" height="4"></rect>
146
- <rect x="236" y="201" class="st0" width="16" height="4"></rect>
147
- <rect x="236" y="193" class="st0" width="16" height="4"></rect>
148
- <rect x="236" y="185" class="st0" width="16" height="4"></rect>
149
- <rect x="236" y="177" class="st0" width="16" height="4"></rect>
150
- <rect x="236" y="168" class="st0" width="16" height="4"></rect>
151
- <rect x="236" y="160" class="st0" width="16" height="4"></rect>
152
- <rect x="236" y="152" class="st0" width="16" height="4"></rect>
153
- <rect x="236" y="144" class="st0" width="16" height="4"></rect>
154
- <rect x="236" y="136" class="st0" width="16" height="4"></rect>
155
- </g>
156
- <g
157
- :class="Data.name === '东人行横道-上' ? '' : 'invisible'"
158
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
159
- >
160
- <rect x="236" y="112" class="st0" width="16" height="4"></rect>
161
- <rect x="236" y="104" class="st0" width="16" height="4"></rect>
162
- <rect x="236" y="96" class="st0" width="16" height="4"></rect>
163
- <rect x="236" y="88" class="st0" width="16" height="4"></rect>
164
- <rect x="236" y="80" class="st0" width="16" height="4"></rect>
165
- <rect x="236" y="71" class="st0" width="16" height="4"></rect>
166
- <rect x="236" y="63" class="st0" width="16" height="4"></rect>
167
- <rect x="236" y="55" class="st0" width="16" height="4"></rect>
168
- <rect x="236" y="47" class="st0" width="16" height="4"></rect>
169
- <rect x="236" y="39" class="st0" width="16" height="4"></rect>
170
- <rect x="236" y="31" class="st0" width="16" height="4"></rect>
171
- <rect x="236" y="23" class="st0" width="16" height="4"></rect>
172
- </g>
173
- </g>
174
-
175
- <g
176
- id="北"
177
- :class="Data.name === '北人行横道' ? '' : 'invisible'"
178
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
179
- >
180
- <g>
181
- <rect x="225" class="st0" width="4" height="16"></rect>
182
- <rect x="217" class="st0" width="4" height="16"></rect>
183
- <rect x="209" class="st0" width="4" height="16"></rect>
184
- <rect x="201" class="st0" width="4" height="16"></rect>
185
- <rect x="193" class="st0" width="4" height="16"></rect>
186
- <rect x="185" class="st0" width="4" height="16"></rect>
187
- <rect x="177" class="st0" width="4" height="16"></rect>
188
- <rect x="168" class="st0" width="4" height="16"></rect>
189
- <rect x="160" class="st0" width="4" height="16"></rect>
190
- <rect x="152" class="st0" width="4" height="16"></rect>
191
- <rect x="144" class="st0" width="4" height="16"></rect>
192
- <rect x="136" class="st0" width="4" height="16"></rect>
193
- </g>
194
- <g>
195
- <rect x="128" class="st0" width="4" height="16"></rect>
196
- <rect x="120" class="st0" width="4" height="16"></rect>
197
- </g>
198
- <g>
199
- <rect x="112" class="st0" width="4" height="16"></rect>
200
- <rect x="104" class="st0" width="4" height="16"></rect>
201
- <rect x="96" class="st0" width="4" height="16"></rect>
202
- <rect x="88" class="st0" width="4" height="16"></rect>
203
- <rect x="80" class="st0" width="4" height="16"></rect>
204
- <rect x="71" class="st0" width="4" height="16"></rect>
205
- <rect x="63" class="st0" width="4" height="16"></rect>
206
- <rect x="55" class="st0" width="4" height="16"></rect>
207
- <rect x="47" class="st0" width="4" height="16"></rect>
208
- <rect x="39" class="st0" width="4" height="16"></rect>
209
- <rect x="31" class="st0" width="4" height="16"></rect>
210
- <rect x="23" class="st0" width="4" height="16"></rect>
211
- </g>
212
- </g>
213
-
214
- <g id="北-左右">
215
- <g
216
- :class="Data.name === '北人行横道-右' ? '' : 'invisible'"
217
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
218
- >
219
- <rect x="225" class="st0" width="4" height="16"></rect>
220
- <rect x="217" class="st0" width="4" height="16"></rect>
221
- <rect x="209" class="st0" width="4" height="16"></rect>
222
- <rect x="201" class="st0" width="4" height="16"></rect>
223
- <rect x="193" class="st0" width="4" height="16"></rect>
224
- <rect x="185" class="st0" width="4" height="16"></rect>
225
- <rect x="177" class="st0" width="4" height="16"></rect>
226
- <rect x="168" class="st0" width="4" height="16"></rect>
227
- <rect x="160" class="st0" width="4" height="16"></rect>
228
- <rect x="152" class="st0" width="4" height="16"></rect>
229
- <rect x="144" class="st0" width="4" height="16"></rect>
230
- <rect x="136" class="st0" width="4" height="16"></rect>
231
- </g>
232
- <g
233
- :class="Data.name === '北人行横道-左' ? '' : 'invisible'"
234
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
235
- >
236
- <rect x="112" class="st0" width="4" height="16"></rect>
237
- <rect x="104" class="st0" width="4" height="16"></rect>
238
- <rect x="96" class="st0" width="4" height="16"></rect>
239
- <rect x="88" class="st0" width="4" height="16"></rect>
240
- <rect x="80" class="st0" width="4" height="16"></rect>
241
- <rect x="71" class="st0" width="4" height="16"></rect>
242
- <rect x="63" class="st0" width="4" height="16"></rect>
243
- <rect x="55" class="st0" width="4" height="16"></rect>
244
- <rect x="47" class="st0" width="4" height="16"></rect>
245
- <rect x="39" class="st0" width="4" height="16"></rect>
246
- <rect x="31" class="st0" width="4" height="16"></rect>
247
- <rect x="23" class="st0" width="4" height="16"></rect>
248
- </g>
249
- </g>
250
-
251
- <g
252
- id="南"
253
- :class="Data.name === '南人行横道' ? '' : 'invisible'"
254
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
255
- >
256
- <g>
257
- <rect x="225" y="236" class="st0" width="4" height="16"></rect>
258
- <rect x="217" y="236" class="st0" width="4" height="16"></rect>
259
- <rect x="209" y="236" class="st0" width="4" height="16"></rect>
260
- <rect x="201" y="236" class="st0" width="4" height="16"></rect>
261
- <rect x="193" y="236" class="st0" width="4" height="16"></rect>
262
- <rect x="185" y="236" class="st0" width="4" height="16"></rect>
263
- <rect x="177" y="236" class="st0" width="4" height="16"></rect>
264
- <rect x="168" y="236" class="st0" width="4" height="16"></rect>
265
- <rect x="160" y="236" class="st0" width="4" height="16"></rect>
266
- <rect x="152" y="236" class="st0" width="4" height="16"></rect>
267
- <rect x="144" y="236" class="st0" width="4" height="16"></rect>
268
- <rect x="136" y="236" class="st0" width="4" height="16"></rect>
269
- </g>
270
- <g>
271
- <rect x="128" y="236" class="st0" width="4" height="16"></rect>
272
- <rect x="120" y="236" class="st0" width="4" height="16"></rect>
273
- </g>
274
- <g>
275
- <rect x="112" y="236" class="st0" width="4" height="16"></rect>
276
- <rect x="104" y="236" class="st0" width="4" height="16"></rect>
277
- <rect x="96" y="236" class="st0" width="4" height="16"></rect>
278
- <rect x="88" y="236" class="st0" width="4" height="16"></rect>
279
- <rect x="80" y="236" class="st0" width="4" height="16"></rect>
280
- <rect x="71" y="236" class="st0" width="4" height="16"></rect>
281
- <rect x="63" y="236" class="st0" width="4" height="16"></rect>
282
- <rect x="55" y="236" class="st0" width="4" height="16"></rect>
283
- <rect x="47" y="236" class="st0" width="4" height="16"></rect>
284
- <rect x="39" y="236" class="st0" width="4" height="16"></rect>
285
- <rect x="31" y="236" class="st0" width="4" height="16"></rect>
286
- <rect x="23" y="236" class="st0" width="4" height="16"></rect>
287
- </g>
288
- </g>
289
-
290
- <g id="南-左右">
291
- <g
292
- :class="Data.name === '南人行横道-右' ? '' : 'invisible'"
293
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
294
- >
295
- <rect x="225" y="236" class="st0" width="4" height="16"></rect>
296
- <rect x="217" y="236" class="st0" width="4" height="16"></rect>
297
- <rect x="209" y="236" class="st0" width="4" height="16"></rect>
298
- <rect x="201" y="236" class="st0" width="4" height="16"></rect>
299
- <rect x="193" y="236" class="st0" width="4" height="16"></rect>
300
- <rect x="185" y="236" class="st0" width="4" height="16"></rect>
301
- <rect x="177" y="236" class="st0" width="4" height="16"></rect>
302
- <rect x="168" y="236" class="st0" width="4" height="16"></rect>
303
- <rect x="160" y="236" class="st0" width="4" height="16"></rect>
304
- <rect x="152" y="236" class="st0" width="4" height="16"></rect>
305
- <rect x="144" y="236" class="st0" width="4" height="16"></rect>
306
- <rect x="136" y="236" class="st0" width="4" height="16"></rect>
307
- </g>
308
- <g
309
- :class="Data.name === '南人行横道-左' ? '' : 'invisible'"
310
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
311
- >
312
- <rect x="112" y="236" class="st0" width="4" height="16"></rect>
313
- <rect x="104" y="236" class="st0" width="4" height="16"></rect>
314
- <rect x="96" y="236" class="st0" width="4" height="16"></rect>
315
- <rect x="88" y="236" class="st0" width="4" height="16"></rect>
316
- <rect x="80" y="236" class="st0" width="4" height="16"></rect>
317
- <rect x="71" y="236" class="st0" width="4" height="16"></rect>
318
- <rect x="63" y="236" class="st0" width="4" height="16"></rect>
319
- <rect x="55" y="236" class="st0" width="4" height="16"></rect>
320
- <rect x="47" y="236" class="st0" width="4" height="16"></rect>
321
- <rect x="39" y="236" class="st0" width="4" height="16"></rect>
322
- <rect x="31" y="236" class="st0" width="4" height="16"></rect>
323
- <rect x="23" y="236" class="st0" width="4" height="16"></rect>
324
- </g>
325
- </g>
326
-
327
- <g
328
- id="斜向行人过街"
329
- :class="Data.name === 'X人行横道-/' ? '' : 'invisible'"
330
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
331
- >
332
- <rect
333
- x="78"
334
- y="164"
335
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -98.1528 106.9619)"
336
- class="st0"
337
- width="4"
338
- height="16"
339
- ></rect>
340
- <rect
341
- x="83.7"
342
- y="158.3"
343
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -92.496 109.3051)"
344
- class="st0"
345
- width="4"
346
- height="16"
347
- ></rect>
348
- <rect
349
- x="89.4"
350
- y="152.6"
351
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -86.8391 111.6482)"
352
- class="st0"
353
- width="4"
354
- height="16"
355
- ></rect>
356
- <rect
357
- x="95"
358
- y="147"
359
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -81.1823 113.9914)"
360
- class="st0"
361
- width="4"
362
- height="16"
363
- ></rect>
364
- <rect
365
- x="55.4"
366
- y="186.6"
367
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -120.7803 97.5894)"
368
- class="st0"
369
- width="4"
370
- height="16"
371
- ></rect>
372
- <rect
373
- x="61.1"
374
- y="180.9"
375
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -115.1234 99.9325)"
376
- class="st0"
377
- width="4"
378
- height="16"
379
- ></rect>
380
-
381
- <rect
382
- x="66.7"
383
- y="175.3"
384
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -109.4666 102.2757)"
385
- class="st0"
386
- width="4"
387
- height="16"
388
- ></rect>
389
-
390
- <rect
391
- x="72.4"
392
- y="169.6"
393
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -103.8097 104.6188)"
394
- class="st0"
395
- width="4"
396
- height="16"
397
- ></rect>
398
- <rect
399
- x="49.8"
400
- y="192.2"
401
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -126.4371 95.2462)"
402
- class="st0"
403
- width="4"
404
- height="16"
405
- ></rect>
406
- <rect
407
- x="27.1"
408
- y="214.9"
409
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -149.0645 85.8736)"
410
- class="st0"
411
- width="4"
412
- height="16"
413
- ></rect>
414
- <rect
415
- x="32.8"
416
- y="209.2"
417
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -143.4077 88.2168)"
418
- class="st0"
419
- width="4"
420
- height="16"
421
- ></rect>
422
- <rect
423
- x="38.4"
424
- y="203.6"
425
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -137.7508 90.5599)"
426
- class="st0"
427
- width="4"
428
- height="16"
429
- ></rect>
430
- <rect
431
- x="44.1"
432
- y="197.9"
433
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -132.094 92.9031)"
434
- class="st0"
435
- width="4"
436
- height="16"
437
- ></rect>
438
-
439
- <rect
440
- x="100.7"
441
- y="141.3"
442
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -75.5254 116.3345)"
443
- class="st0"
444
- width="4"
445
- height="16"
446
- ></rect>
447
-
448
- <rect
449
- x="106.3"
450
- y="135.7"
451
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -69.8686 118.6777)"
452
- class="st0"
453
- width="4"
454
- height="16"
455
- ></rect>
456
- <rect
457
- x="112"
458
- y="130"
459
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -64.2117 121.0208)"
460
- class="st0"
461
- width="4"
462
- height="16"
463
- ></rect>
464
-
465
- <rect
466
- x="118.3"
467
- y="123.7"
468
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -57.8478 123.6569)"
469
- class="st0"
470
- width="4"
471
- height="16"
472
- ></rect>
473
- <rect
474
- x="124"
475
- y="118"
476
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -52.1909 126)"
477
- class="st0"
478
- width="4"
479
- height="16"
480
- ></rect>
481
-
482
- <rect
483
- x="129.7"
484
- y="112.3"
485
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -46.5341 128.3431)"
486
- class="st0"
487
- width="4"
488
- height="16"
489
- ></rect>
490
-
491
- <rect
492
- x="135.3"
493
- y="106.7"
494
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -40.8772 130.6863)"
495
- class="st0"
496
- width="4"
497
- height="16"
498
- ></rect>
499
- <rect
500
- x="141"
501
- y="101"
502
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.2203 133.0294)"
503
- class="st0"
504
- width="4"
505
- height="16"
506
- ></rect>
507
- <rect
508
- x="146.6"
509
- y="95.4"
510
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -29.5635 135.3726)"
511
- class="st0"
512
- width="4"
513
- height="16"
514
- ></rect>
515
- <rect
516
- x="152.3"
517
- y="89.7"
518
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.9066 137.7157)"
519
- class="st0"
520
- width="4"
521
- height="16"
522
- ></rect>
523
- <rect
524
- x="157.9"
525
- y="84.1"
526
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.2498 140.0589)"
527
- class="st0"
528
- width="4"
529
- height="16"
530
- ></rect>
531
- <rect
532
- x="163.6"
533
- y="78.4"
534
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.5929 142.402)"
535
- class="st0"
536
- width="4"
537
- height="16"
538
- ></rect>
539
- <rect
540
- x="169.3"
541
- y="72.7"
542
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.9361 144.7452)"
543
- class="st0"
544
- width="4"
545
- height="16"
546
- ></rect>
547
- <rect
548
- x="174.9"
549
- y="67.1"
550
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.2792 147.0883)"
551
- class="st0"
552
- width="4"
553
- height="16"
554
- ></rect>
555
- <rect
556
- x="180.6"
557
- y="61.4"
558
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.3776 149.4315)"
559
- class="st0"
560
- width="4"
561
- height="16"
562
- ></rect>
563
- <rect
564
- x="186.9"
565
- y="55.1"
566
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 10.7416 152.0675)"
567
- class="st0"
568
- width="4"
569
- height="16"
570
- ></rect>
571
- <rect
572
- x="192.6"
573
- y="49.4"
574
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 16.3984 154.4106)"
575
- class="st0"
576
- width="4"
577
- height="16"
578
- ></rect>
579
- <rect
580
- x="198.2"
581
- y="43.8"
582
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 22.0553 156.7538)"
583
- class="st0"
584
- width="4"
585
- height="16"
586
- ></rect>
587
- <rect
588
- x="203.9"
589
- y="38.1"
590
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 27.7122 159.0969)"
591
- class="st0"
592
- width="4"
593
- height="16"
594
- ></rect>
595
- <rect
596
- x="209.6"
597
- y="32.4"
598
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 33.369 161.4401)"
599
- class="st0"
600
- width="4"
601
- height="16"
602
- ></rect>
603
- <rect
604
- x="215.2"
605
- y="26.8"
606
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 39.0259 163.7832)"
607
- class="st0"
608
- width="4"
609
- height="16"
610
- ></rect>
611
- <rect
612
- x="220.9"
613
- y="21.1"
614
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 44.6827 166.1264)"
615
- class="st0"
616
- width="4"
617
- height="16"
618
- ></rect>
619
- </g>
620
- <g
621
- id="斜向行人过街1"
622
- :class="Data.name === 'X人行横道-\\' ? '' : 'invisible'"
623
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
624
- >
625
- <rect
626
- x="72"
627
- y="78"
628
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -33.1529 80.0381)"
629
- class="st0"
630
- width="16"
631
- height="4"
632
- ></rect>
633
- <rect
634
- x="77.7"
635
- y="83.7"
636
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.496 85.6949)"
637
- class="st0"
638
- width="16"
639
- height="4"
640
- ></rect>
641
- <rect
642
- x="83.4"
643
- y="89.4"
644
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -37.8391 91.3518)"
645
- class="st0"
646
- width="16"
647
- height="4"
648
- ></rect>
649
- <rect
650
- x="89"
651
- y="95"
652
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -40.1823 97.0086)"
653
- class="st0"
654
- width="16"
655
- height="4"
656
- ></rect>
657
- <rect
658
- x="49.4"
659
- y="55.4"
660
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.7803 57.4106)"
661
- class="st0"
662
- width="16"
663
- height="4"
664
- ></rect>
665
- <rect
666
- x="55.1"
667
- y="61.1"
668
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -26.1234 63.0675)"
669
- class="st0"
670
- width="16"
671
- height="4"
672
- ></rect>
673
- <rect
674
- x="60.7"
675
- y="66.7"
676
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -28.4666 68.7243)"
677
- class="st0"
678
- width="16"
679
- height="4"
680
- ></rect>
681
- <rect
682
- x="66.4"
683
- y="72.4"
684
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -30.8097 74.3812)"
685
- class="st0"
686
- width="16"
687
- height="4"
688
- ></rect>
689
- <rect
690
- x="43.8"
691
- y="49.8"
692
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.4371 51.7538)"
693
- class="st0"
694
- width="16"
695
- height="4"
696
- ></rect>
697
- <rect
698
- x="21.1"
699
- y="27.1"
700
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.0645 29.1264)"
701
- class="st0"
702
- width="16"
703
- height="4"
704
- ></rect>
705
- <rect
706
- x="26.8"
707
- y="32.8"
708
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.4077 34.7832)"
709
- class="st0"
710
- width="16"
711
- height="4"
712
- ></rect>
713
- <rect
714
- x="32.4"
715
- y="38.4"
716
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -16.7508 40.4401)"
717
- class="st0"
718
- width="16"
719
- height="4"
720
- ></rect>
721
- <rect
722
- x="38.1"
723
- y="44.1"
724
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.094 46.0969)"
725
- class="st0"
726
- width="16"
727
- height="4"
728
- ></rect>
729
- <rect
730
- x="94.7"
731
- y="100.7"
732
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -42.5254 102.6655)"
733
- class="st0"
734
- width="16"
735
- height="4"
736
- ></rect>
737
-
738
- <rect
739
- x="100.3"
740
- y="106.3"
741
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -44.8686 108.3223)"
742
- class="st0"
743
- width="16"
744
- height="4"
745
- ></rect>
746
- <rect
747
- x="106"
748
- y="112"
749
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -47.2117 113.9792)"
750
- class="st0"
751
- width="16"
752
- height="4"
753
- ></rect>
754
-
755
- <rect
756
- x="112.3"
757
- y="118.3"
758
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -49.8478 120.3431)"
759
- class="st0"
760
- width="16"
761
- height="4"
762
- ></rect>
763
- <rect
764
- x="118"
765
- y="124"
766
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -52.1909 126)"
767
- class="st0"
768
- width="16"
769
- height="4"
770
- ></rect>
771
-
772
- <rect
773
- x="123.7"
774
- y="129.7"
775
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -54.5341 131.6569)"
776
- class="st0"
777
- width="16"
778
- height="4"
779
- ></rect>
780
-
781
- <rect
782
- x="129.3"
783
- y="135.3"
784
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -56.8772 137.3137)"
785
- class="st0"
786
- width="16"
787
- height="4"
788
- ></rect>
789
- <rect
790
- x="135"
791
- y="141"
792
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -59.2203 142.9706)"
793
- class="st0"
794
- width="16"
795
- height="4"
796
- ></rect>
797
-
798
- <rect
799
- x="140.6"
800
- y="146.6"
801
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -61.5635 148.6274)"
802
- class="st0"
803
- width="16"
804
- height="4"
805
- ></rect>
806
-
807
- <rect
808
- x="146.3"
809
- y="152.3"
810
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -63.9066 154.2843)"
811
- class="st0"
812
- width="16"
813
- height="4"
814
- ></rect>
815
-
816
- <rect
817
- x="151.9"
818
- y="157.9"
819
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -66.2498 159.9411)"
820
- class="st0"
821
- width="16"
822
- height="4"
823
- ></rect>
824
- <rect
825
- x="157.6"
826
- y="163.6"
827
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -68.5929 165.598)"
828
- class="st0"
829
- width="16"
830
- height="4"
831
- ></rect>
832
-
833
- <rect
834
- x="163.3"
835
- y="169.3"
836
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -70.9361 171.2548)"
837
- class="st0"
838
- width="16"
839
- height="4"
840
- ></rect>
841
-
842
- <rect
843
- x="168.9"
844
- y="174.9"
845
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -73.2792 176.9117)"
846
- class="st0"
847
- width="16"
848
- height="4"
849
- ></rect>
850
-
851
- <rect
852
- x="174.6"
853
- y="180.6"
854
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -75.6224 182.5685)"
855
- class="st0"
856
- width="16"
857
- height="4"
858
- ></rect>
859
-
860
- <rect
861
- x="180.9"
862
- y="186.9"
863
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -78.2584 188.9325)"
864
- class="st0"
865
- width="16"
866
- height="4"
867
- ></rect>
868
-
869
- <rect
870
- x="186.6"
871
- y="192.6"
872
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -80.6016 194.5894)"
873
- class="st0"
874
- width="16"
875
- height="4"
876
- ></rect>
877
-
878
- <rect
879
- x="192.2"
880
- y="198.2"
881
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -82.9447 200.2462)"
882
- class="st0"
883
- width="16"
884
- height="4"
885
- ></rect>
886
-
887
- <rect
888
- x="197.9"
889
- y="203.9"
890
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -85.2878 205.9031)"
891
- class="st0"
892
- width="16"
893
- height="4"
894
- ></rect>
895
- <rect
896
- x="203.6"
897
- y="209.6"
898
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -87.631 211.5599)"
899
- class="st0"
900
- width="16"
901
- height="4"
902
- ></rect>
903
-
904
- <rect
905
- x="209.2"
906
- y="215.2"
907
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -89.9741 217.2168)"
908
- class="st0"
909
- width="16"
910
- height="4"
911
- ></rect>
912
-
913
- <rect
914
- x="214.9"
915
- y="220.9"
916
- transform="matrix(0.7071 -0.7071 0.7071 0.7071 -92.3173 222.8736)"
917
- class="st0"
918
- width="16"
919
- height="4"
920
- ></rect>
921
- </g>
922
- <g
923
- id="路段行人过街-南北"
924
- :class="Data.name === '南北路段人行横道' ? '' : 'invisible'"
925
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
926
- >
927
- <g>
928
- <rect x="37.9" y="97.9" width="4" height="56.3"></rect>
929
- </g>
930
- <g>
931
- <rect x="30.1" y="97.9" width="4" height="56.3"></rect>
932
- </g>
933
- <g>
934
- <rect x="22.5" y="97.9" width="4" height="56.3"></rect>
935
- </g>
936
- <g>
937
- <rect x="45.7" y="97.9" width="4" height="56.3"></rect>
938
- </g>
939
- <g>
940
- <rect x="53.5" y="97.9" width="4" height="56.3"></rect>
941
- </g>
942
- <g>
943
- <rect x="61.3" y="97.9" width="4" height="56.3"></rect>
944
- </g>
945
- <g>
946
- <rect x="69.1" y="97.9" width="4" height="56.3"></rect>
947
- </g>
948
- <g>
949
- <rect x="76.9" y="97.9" width="4" height="56.3"></rect>
950
- </g>
951
- <g>
952
- <rect x="84.7" y="97.9" width="4" height="56.3"></rect>
953
- </g>
954
- <g>
955
- <rect x="92.5" y="97.9" width="4" height="56.3"></rect>
956
- </g>
957
- <g>
958
- <rect x="100.3" y="97.9" width="4" height="56.3"></rect>
959
- </g>
960
- <g>
961
- <rect x="108.1" y="97.9" width="4" height="56.3"></rect>
962
- </g>
963
- <g>
964
- <rect x="116" y="97.9" width="4" height="56.3"></rect>
965
- </g>
966
- <g>
967
- <rect x="123.8" y="97.9" width="4" height="56.3"></rect>
968
- </g>
969
- <g>
970
- <rect x="131.6" y="97.9" width="4" height="56.3"></rect>
971
- </g>
972
- <g>
973
- <rect x="139.4" y="97.9" width="4" height="56.3"></rect>
974
- </g>
975
- <g>
976
- <rect x="147.2" y="97.9" width="4" height="56.3"></rect>
977
- </g>
978
- <g>
979
- <rect x="155" y="97.9" width="4" height="56.3"></rect>
980
- </g>
981
- <g>
982
- <rect x="162.8" y="97.9" width="4" height="56.3"></rect>
983
- </g>
984
- <g>
985
- <rect x="170.6" y="97.9" width="4" height="56.3"></rect>
986
- </g>
987
- <g>
988
- <rect x="178.4" y="97.9" width="4" height="56.3"></rect>
989
- </g>
990
- <g>
991
- <rect x="186.2" y="97.9" width="4" height="56.3"></rect>
992
- </g>
993
- <g>
994
- <rect x="194" y="97.9" width="4" height="56.3"></rect>
995
- </g>
996
- <g>
997
- <rect x="201.8" y="97.9" width="4" height="56.3"></rect>
998
- </g>
999
- <g>
1000
- <rect x="209.6" y="97.9" width="4" height="56.3"></rect>
1001
- <rect x="217.6" y="97.9" width="4" height="56.3"></rect>
1002
- <rect x="225.5" y="97.9" width="4" height="56.3"></rect>
1003
- </g>
1004
- </g>
1005
- <g
1006
- id="路段行人过街-东西"
1007
- :class="Data.name === '东西路段人行横道' ? '' : 'invisible'"
1008
- :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
1009
- >
1010
- <g>
1011
- <rect x="97.9" y="37.9" width="56.3" height="4"></rect>
1012
- </g>
1013
- <g>
1014
- <rect x="97.9" y="30.1" width="56.3" height="4"></rect>
1015
- </g>
1016
- <g>
1017
- <rect x="97.9" y="22.5" width="56.3" height="4"></rect>
1018
- </g>
1019
- <g>
1020
- <rect x="97.9" y="45.7" width="56.3" height="4"></rect>
1021
- </g>
1022
- <g>
1023
- <rect x="97.9" y="53.5" width="56.3" height="4"></rect>
1024
- </g>
1025
- <g>
1026
- <rect x="97.9" y="61.3" width="56.3" height="4"></rect>
1027
- </g>
1028
- <g>
1029
- <rect x="97.9" y="69.1" width="56.3" height="4"></rect>
1030
- </g>
1031
- <g>
1032
- <rect x="97.9" y="76.9" width="56.3" height="4"></rect>
1033
- </g>
1034
- <g>
1035
- <rect x="97.9" y="84.7" width="56.3" height="4"></rect>
1036
- </g>
1037
- <g>
1038
- <rect x="97.9" y="92.5" width="56.3" height="4"></rect>
1039
- </g>
1040
- <g>
1041
- <rect x="97.9" y="100.3" width="56.3" height="4"></rect>
1042
- </g>
1043
- <g>
1044
- <rect x="97.9" y="108.1" width="56.3" height="4"></rect>
1045
- </g>
1046
- <g>
1047
- <rect x="97.9" y="116" width="56.3" height="4"></rect>
1048
- </g>
1049
- <g>
1050
- <rect x="97.9" y="123.8" width="56.3" height="4"></rect>
1051
- </g>
1052
- <g>
1053
- <rect x="97.9" y="131.6" width="56.3" height="4"></rect>
1054
- </g>
1055
- <g>
1056
- <rect x="97.9" y="139.4" width="56.3" height="4"></rect>
1057
- </g>
1058
- <g>
1059
- <rect x="97.9" y="147.2" width="56.3" height="4"></rect>
1060
- </g>
1061
- <g>
1062
- <rect x="97.9" y="155" width="56.3" height="4"></rect>
1063
- </g>
1064
- <g>
1065
- <rect x="97.9" y="162.8" width="56.3" height="4"></rect>
1066
- </g>
1067
- <g>
1068
- <rect x="97.9" y="170.6" width="56.3" height="4"></rect>
1069
- </g>
1070
- <g>
1071
- <rect x="97.9" y="178.4" width="56.3" height="4"></rect>
1072
- </g>
1073
- <g>
1074
- <rect x="97.9" y="186.2" width="56.3" height="4"></rect>
1075
- </g>
1076
- <g>
1077
- <rect x="97.9" y="194" width="56.3" height="4"></rect>
1078
- </g>
1079
- <g>
1080
- <rect x="97.9" y="201.8" width="56.3" height="4"></rect>
1081
- </g>
1082
- <g>
1083
- <rect x="97.9" y="209.6" width="56.3" height="4"></rect>
1084
- <rect x="97.9" y="217.6" width="56.3" height="4"></rect>
1085
- <rect x="97.9" y="225.5" width="56.3" height="4"></rect>
1086
- </g>
1087
- </g>
1088
- </svg>
1089
- </div>
1090
- </template>
1091
- <script>
1092
- export default {
1093
- name: 'sidewalksvg',
1094
- data () {
1095
- return {
1096
- defaultColor: '#fff', // 默认状态颜色
1097
- FlashColor: undefined,
1098
- GreenColor: '#77fb65',
1099
- YellowColor: '#f7b500',
1100
- lastType: ''
1101
- }
1102
- },
1103
- watch: {
1104
- Data: {
1105
- handler: function (val) {
1106
- if (this.lastType === '') {
1107
- if (val.pedtype === 4 || val.pedtype === '黄闪') {
1108
- let highlightColor = ''
1109
- if (val.pedtype === 4) {
1110
- highlightColor = this.GreenColor
1111
- }
1112
- if (val.pedtype === '黄闪') {
1113
- highlightColor = this.YellowColor
1114
- }
1115
- this.FlashColor = highlightColor
1116
- // 绿闪：绿-》灰-》绿 循环效果
1117
- this.GreenIntervalId = setInterval(() => {
1118
- this.FlashColor =
1119
- !this.FlashColor || this.FlashColor === '#828282'
1120
- ? highlightColor
1121
- : '#828282'
1122
- }, 500)
1123
- this.lastType = val.pedtype
1124
- }
1125
- }
1126
- if (
1127
- this.GreenIntervalId &&
1128
- val.pedtype !== 4 &&
1129
- val.pedtype !== '黄闪' &&
1130
- val.pedtype !== this.lastType
1131
- ) {
1132
- clearInterval(this.GreenIntervalId)
1133
- this.FlashColor = undefined
1134
- this.lastType = ''
1135
- }
1136
- },
1137
- deep: true
1138
- }
1139
- },
1140
- props: {
1141
- Width: {
1142
- type: String,
1143
- default: '252.1px'
1144
- },
1145
- Height: {
1146
- type: String,
1147
- default: '250.2px'
1148
- },
1149
- Data: {
1150
- type: Object
1151
- },
1152
- crossType: {
1153
- type: String
1154
- }
1155
- },
1156
- methods: {},
1157
- mounted () {}
1158
- }
1159
- </script>
1160
- <style scoped>
1161
- .invisible {
1162
- visibility: hidden;
1163
- }
1164
- .hide {
1165
- display: none;
1166
- }
1167
-
1168
- .green {
1169
- fill: #7bd66b;
1170
- }
1171
- .red {
1172
- fill: #e24b4b;
1173
- }
1174
- .yellow {
1175
- fill: #ce932c;
1176
- }
1177
- .gray {
1178
- fill: #828282;
1179
- }
1180
- .cls-1 {
1181
- fill: #f2f2f2;
1182
- fill-rule: evenodd;
1183
- }
1184
- .st1 {
1185
- opacity: 0.9;
1186
- }
1187
- .st2 {
1188
- fill: #606060;
1189
- }
1190
- </style>
1
+ /**
2
+ * Copyright (c) 2020 kedacom
3
+ * OpenATC is licensed under Mulan PSL v2.
4
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
5
+ * You may obtain a copy of Mulan PSL v2 at:
6
+ * http://license.coscl.org.cn/MulanPSL2
7
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
8
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
9
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
+ * See the Mulan PSL v2 for more details.
11
+ **/
12
+ <template>
13
+ <div :style="{position: 'absolute', left: Data.left, top: Data.top}">
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ viewBox="0 0 252.1 250.2"
17
+ :width="Width"
18
+ :height="Height"
19
+ >
20
+ <!-- <path id="西" v-if="crossType !== 'TypeT-east'" :class="Data.name === '西人行横道' ? '' : 'invisible'" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" d="M2,230v-4H18v4H2Zm0-12H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-9H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2v-4Zm0-8H18v4H2V97Zm0-8H18v4H2V89Zm0-8H18v4H2V81Zm0-9H18v4H2V72Zm0-8H18v4H2V64Zm0-8H18v4H2V56Zm0-8H18v4H2V48Zm0-8H18v4H2V40Zm0-8H18v4H2V32Zm0-8H18v4H2V24Z" transform="translate(-2 -1)"/>
21
+ <path id="东" v-if="crossType !== 'TypeT-west'" :class="Data.name === '东人行横道' ? '' : 'invisible'" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" d="M238,230v-4h16v4H238Zm0-12h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-9h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238v-4Zm0-8h16v4H238V97Zm0-8h16v4H238V89Zm0-8h16v4H238V81Zm0-9h16v4H238V72Zm0-8h16v4H238V64Zm0-8h16v4H238V56Zm0-8h16v4H238V48Zm0-8h16v4H238V40Zm0-8h16v4H238V32Zm0-8h16v4H238V24Z" transform="translate(-2 -1)"/>
22
+ <path id="北" v-if="crossType !== 'TypeT-south'" :class="Data.name === '北人行横道' ? '' : 'invisible'" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" d="M227,17V1h4V17h-4ZM219,1h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-9,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1Zm-8,0h4V17h-4V1ZM98,1h4V17H98V1ZM90,1h4V17H90V1ZM82,1h4V17H82V1ZM73,1h4V17H73V1ZM65,1h4V17H65V1ZM57,1h4V17H57V1ZM49,1h4V17H49V1ZM41,1h4V17H41V1ZM33,1h4V17H33V1ZM25,1h4V17H25V1Z" transform="translate(-2 -1)"/>
23
+ <path id="南" v-if="crossType !== 'TypeT-north'" :class="Data.name === '南人行横道' ? '' : 'invisible'" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" d="M227,253V237h4v16h-4Zm-8-16h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-9,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16h-4V237Zm-8,0h4v16H98V237Zm-8,0h4v16H90V237Zm-8,0h4v16H82V237Zm-9,0h4v16H73V237Zm-8,0h4v16H65V237Zm-8,0h4v16H57V237Zm-8,0h4v16H49V237Zm-8,0h4v16H41V237Zm-8,0h4v16H33V237Zm-8,0h4v16H25V237Z" transform="translate(-2 -1)"/>-->
24
+ <g
25
+ id="西"
26
+ :class="Data.name === '西人行横道' ? '' : 'invisible'"
27
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
28
+ >
29
+ <g>
30
+ <rect y="225" class="st0" width="16" height="4"></rect>
31
+ <rect y="217" class="st0" width="16" height="4"></rect>
32
+ <rect y="209" class="st0" width="16" height="4"></rect>
33
+ <rect y="201" class="st0" width="16" height="4"></rect>
34
+ <rect y="193" class="st0" width="16" height="4"></rect>
35
+ <rect y="185" class="st0" width="16" height="4"></rect>
36
+ <rect y="177" class="st0" width="16" height="4"></rect>
37
+ <rect y="168" class="st0" width="16" height="4"></rect>
38
+ <rect y="160" class="st0" width="16" height="4"></rect>
39
+ <rect y="152" class="st0" width="16" height="4"></rect>
40
+ <rect y="144" class="st0" width="16" height="4"></rect>
41
+ <rect y="136" class="st0" width="16" height="4"></rect>
42
+ </g>
43
+ <g>
44
+ <rect y="128" class="st0" width="16" height="4"></rect>
45
+ <rect y="120" class="st0" width="16" height="4"></rect>
46
+ </g>
47
+ <g>
48
+ <rect y="112" class="st0" width="16" height="4"></rect>
49
+ <rect y="104" class="st0" width="16" height="4"></rect>
50
+ <rect y="96" class="st0" width="16" height="4"></rect>
51
+ <rect y="88" class="st0" width="16" height="4"></rect>
52
+ <rect y="80" class="st0" width="16" height="4"></rect>
53
+ <rect y="71" class="st0" width="16" height="4"></rect>
54
+ <rect y="63" class="st0" width="16" height="4"></rect>
55
+ <rect y="55" class="st0" width="16" height="4"></rect>
56
+ <rect y="47" class="st0" width="16" height="4"></rect>
57
+ <rect y="39" class="st0" width="16" height="4"></rect>
58
+ <rect y="31" class="st0" width="16" height="4"></rect>
59
+ <rect y="23" class="st0" width="16" height="4"></rect>
60
+ </g>
61
+ </g>
62
+ <g id="西-上下">
63
+ <g
64
+ :class="Data.name === '西人行横道-下' ? '' : 'invisible'"
65
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
66
+ >
67
+ <rect y="225" class="st0" width="16" height="4"></rect>
68
+ <rect y="217" class="st0" width="16" height="4"></rect>
69
+ <rect y="209" class="st0" width="16" height="4"></rect>
70
+ <rect y="201" class="st0" width="16" height="4"></rect>
71
+ <rect y="193" class="st0" width="16" height="4"></rect>
72
+ <rect y="185" class="st0" width="16" height="4"></rect>
73
+ <rect y="177" class="st0" width="16" height="4"></rect>
74
+ <rect y="168" class="st0" width="16" height="4"></rect>
75
+ <rect y="160" class="st0" width="16" height="4"></rect>
76
+ <rect y="152" class="st0" width="16" height="4"></rect>
77
+ <rect y="144" class="st0" width="16" height="4"></rect>
78
+ <rect y="136" class="st0" width="16" height="4"></rect>
79
+ </g>
80
+ <g
81
+ :class="Data.name === '西人行横道-上' ? '' : 'invisible'"
82
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
83
+ >
84
+ <rect y="112" class="st0" width="16" height="4"></rect>
85
+ <rect y="104" class="st0" width="16" height="4"></rect>
86
+ <rect y="96" class="st0" width="16" height="4"></rect>
87
+ <rect y="88" class="st0" width="16" height="4"></rect>
88
+ <rect y="80" class="st0" width="16" height="4"></rect>
89
+ <rect y="71" class="st0" width="16" height="4"></rect>
90
+ <rect y="63" class="st0" width="16" height="4"></rect>
91
+ <rect y="55" class="st0" width="16" height="4"></rect>
92
+ <rect y="47" class="st0" width="16" height="4"></rect>
93
+ <rect y="39" class="st0" width="16" height="4"></rect>
94
+ <rect y="31" class="st0" width="16" height="4"></rect>
95
+ <rect y="23" class="st0" width="16" height="4"></rect>
96
+ </g>
97
+ </g>
98
+
99
+ <g
100
+ id="东"
101
+ :class="Data.name === '东人行横道' ? '' : 'invisible'"
102
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
103
+ >
104
+ <g>
105
+ <rect x="236" y="225" class="st0" width="16" height="4"></rect>
106
+ <rect x="236" y="217" class="st0" width="16" height="4"></rect>
107
+ <rect x="236" y="209" class="st0" width="16" height="4"></rect>
108
+ <rect x="236" y="201" class="st0" width="16" height="4"></rect>
109
+ <rect x="236" y="193" class="st0" width="16" height="4"></rect>
110
+ <rect x="236" y="185" class="st0" width="16" height="4"></rect>
111
+ <rect x="236" y="177" class="st0" width="16" height="4"></rect>
112
+ <rect x="236" y="168" class="st0" width="16" height="4"></rect>
113
+ <rect x="236" y="160" class="st0" width="16" height="4"></rect>
114
+ <rect x="236" y="152" class="st0" width="16" height="4"></rect>
115
+ <rect x="236" y="144" class="st0" width="16" height="4"></rect>
116
+ <rect x="236" y="136" class="st0" width="16" height="4"></rect>
117
+ </g>
118
+ <g>
119
+ <rect x="236" y="128" class="st0" width="16" height="4"></rect>
120
+ <rect x="236" y="120" class="st0" width="16" height="4"></rect>
121
+ </g>
122
+ <g>
123
+ <rect x="236" y="112" class="st0" width="16" height="4"></rect>
124
+ <rect x="236" y="104" class="st0" width="16" height="4"></rect>
125
+ <rect x="236" y="96" class="st0" width="16" height="4"></rect>
126
+ <rect x="236" y="88" class="st0" width="16" height="4"></rect>
127
+ <rect x="236" y="80" class="st0" width="16" height="4"></rect>
128
+ <rect x="236" y="71" class="st0" width="16" height="4"></rect>
129
+ <rect x="236" y="63" class="st0" width="16" height="4"></rect>
130
+ <rect x="236" y="55" class="st0" width="16" height="4"></rect>
131
+ <rect x="236" y="47" class="st0" width="16" height="4"></rect>
132
+ <rect x="236" y="39" class="st0" width="16" height="4"></rect>
133
+ <rect x="236" y="31" class="st0" width="16" height="4"></rect>
134
+ <rect x="236" y="23" class="st0" width="16" height="4"></rect>
135
+ </g>
136
+ </g>
137
+
138
+ <g id="东-上下">
139
+ <g
140
+ :class="Data.name === '东人行横道-下' ? '' : 'invisible'"
141
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
142
+ >
143
+ <rect x="236" y="225" class="st0" width="16" height="4"></rect>
144
+ <rect x="236" y="217" class="st0" width="16" height="4"></rect>
145
+ <rect x="236" y="209" class="st0" width="16" height="4"></rect>
146
+ <rect x="236" y="201" class="st0" width="16" height="4"></rect>
147
+ <rect x="236" y="193" class="st0" width="16" height="4"></rect>
148
+ <rect x="236" y="185" class="st0" width="16" height="4"></rect>
149
+ <rect x="236" y="177" class="st0" width="16" height="4"></rect>
150
+ <rect x="236" y="168" class="st0" width="16" height="4"></rect>
151
+ <rect x="236" y="160" class="st0" width="16" height="4"></rect>
152
+ <rect x="236" y="152" class="st0" width="16" height="4"></rect>
153
+ <rect x="236" y="144" class="st0" width="16" height="4"></rect>
154
+ <rect x="236" y="136" class="st0" width="16" height="4"></rect>
155
+ </g>
156
+ <g
157
+ :class="Data.name === '东人行横道-上' ? '' : 'invisible'"
158
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
159
+ >
160
+ <rect x="236" y="112" class="st0" width="16" height="4"></rect>
161
+ <rect x="236" y="104" class="st0" width="16" height="4"></rect>
162
+ <rect x="236" y="96" class="st0" width="16" height="4"></rect>
163
+ <rect x="236" y="88" class="st0" width="16" height="4"></rect>
164
+ <rect x="236" y="80" class="st0" width="16" height="4"></rect>
165
+ <rect x="236" y="71" class="st0" width="16" height="4"></rect>
166
+ <rect x="236" y="63" class="st0" width="16" height="4"></rect>
167
+ <rect x="236" y="55" class="st0" width="16" height="4"></rect>
168
+ <rect x="236" y="47" class="st0" width="16" height="4"></rect>
169
+ <rect x="236" y="39" class="st0" width="16" height="4"></rect>
170
+ <rect x="236" y="31" class="st0" width="16" height="4"></rect>
171
+ <rect x="236" y="23" class="st0" width="16" height="4"></rect>
172
+ </g>
173
+ </g>
174
+
175
+ <g
176
+ id="北"
177
+ :class="Data.name === '北人行横道' ? '' : 'invisible'"
178
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
179
+ >
180
+ <g>
181
+ <rect x="225" class="st0" width="4" height="16"></rect>
182
+ <rect x="217" class="st0" width="4" height="16"></rect>
183
+ <rect x="209" class="st0" width="4" height="16"></rect>
184
+ <rect x="201" class="st0" width="4" height="16"></rect>
185
+ <rect x="193" class="st0" width="4" height="16"></rect>
186
+ <rect x="185" class="st0" width="4" height="16"></rect>
187
+ <rect x="177" class="st0" width="4" height="16"></rect>
188
+ <rect x="168" class="st0" width="4" height="16"></rect>
189
+ <rect x="160" class="st0" width="4" height="16"></rect>
190
+ <rect x="152" class="st0" width="4" height="16"></rect>
191
+ <rect x="144" class="st0" width="4" height="16"></rect>
192
+ <rect x="136" class="st0" width="4" height="16"></rect>
193
+ </g>
194
+ <g>
195
+ <rect x="128" class="st0" width="4" height="16"></rect>
196
+ <rect x="120" class="st0" width="4" height="16"></rect>
197
+ </g>
198
+ <g>
199
+ <rect x="112" class="st0" width="4" height="16"></rect>
200
+ <rect x="104" class="st0" width="4" height="16"></rect>
201
+ <rect x="96" class="st0" width="4" height="16"></rect>
202
+ <rect x="88" class="st0" width="4" height="16"></rect>
203
+ <rect x="80" class="st0" width="4" height="16"></rect>
204
+ <rect x="71" class="st0" width="4" height="16"></rect>
205
+ <rect x="63" class="st0" width="4" height="16"></rect>
206
+ <rect x="55" class="st0" width="4" height="16"></rect>
207
+ <rect x="47" class="st0" width="4" height="16"></rect>
208
+ <rect x="39" class="st0" width="4" height="16"></rect>
209
+ <rect x="31" class="st0" width="4" height="16"></rect>
210
+ <rect x="23" class="st0" width="4" height="16"></rect>
211
+ </g>
212
+ </g>
213
+
214
+ <g id="北-左右">
215
+ <g
216
+ :class="Data.name === '北人行横道-右' ? '' : 'invisible'"
217
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
218
+ >
219
+ <rect x="225" class="st0" width="4" height="16"></rect>
220
+ <rect x="217" class="st0" width="4" height="16"></rect>
221
+ <rect x="209" class="st0" width="4" height="16"></rect>
222
+ <rect x="201" class="st0" width="4" height="16"></rect>
223
+ <rect x="193" class="st0" width="4" height="16"></rect>
224
+ <rect x="185" class="st0" width="4" height="16"></rect>
225
+ <rect x="177" class="st0" width="4" height="16"></rect>
226
+ <rect x="168" class="st0" width="4" height="16"></rect>
227
+ <rect x="160" class="st0" width="4" height="16"></rect>
228
+ <rect x="152" class="st0" width="4" height="16"></rect>
229
+ <rect x="144" class="st0" width="4" height="16"></rect>
230
+ <rect x="136" class="st0" width="4" height="16"></rect>
231
+ </g>
232
+ <g
233
+ :class="Data.name === '北人行横道-左' ? '' : 'invisible'"
234
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
235
+ >
236
+ <rect x="112" class="st0" width="4" height="16"></rect>
237
+ <rect x="104" class="st0" width="4" height="16"></rect>
238
+ <rect x="96" class="st0" width="4" height="16"></rect>
239
+ <rect x="88" class="st0" width="4" height="16"></rect>
240
+ <rect x="80" class="st0" width="4" height="16"></rect>
241
+ <rect x="71" class="st0" width="4" height="16"></rect>
242
+ <rect x="63" class="st0" width="4" height="16"></rect>
243
+ <rect x="55" class="st0" width="4" height="16"></rect>
244
+ <rect x="47" class="st0" width="4" height="16"></rect>
245
+ <rect x="39" class="st0" width="4" height="16"></rect>
246
+ <rect x="31" class="st0" width="4" height="16"></rect>
247
+ <rect x="23" class="st0" width="4" height="16"></rect>
248
+ </g>
249
+ </g>
250
+
251
+ <g
252
+ id="南"
253
+ :class="Data.name === '南人行横道' ? '' : 'invisible'"
254
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
255
+ >
256
+ <g>
257
+ <rect x="225" y="236" class="st0" width="4" height="16"></rect>
258
+ <rect x="217" y="236" class="st0" width="4" height="16"></rect>
259
+ <rect x="209" y="236" class="st0" width="4" height="16"></rect>
260
+ <rect x="201" y="236" class="st0" width="4" height="16"></rect>
261
+ <rect x="193" y="236" class="st0" width="4" height="16"></rect>
262
+ <rect x="185" y="236" class="st0" width="4" height="16"></rect>
263
+ <rect x="177" y="236" class="st0" width="4" height="16"></rect>
264
+ <rect x="168" y="236" class="st0" width="4" height="16"></rect>
265
+ <rect x="160" y="236" class="st0" width="4" height="16"></rect>
266
+ <rect x="152" y="236" class="st0" width="4" height="16"></rect>
267
+ <rect x="144" y="236" class="st0" width="4" height="16"></rect>
268
+ <rect x="136" y="236" class="st0" width="4" height="16"></rect>
269
+ </g>
270
+ <g>
271
+ <rect x="128" y="236" class="st0" width="4" height="16"></rect>
272
+ <rect x="120" y="236" class="st0" width="4" height="16"></rect>
273
+ </g>
274
+ <g>
275
+ <rect x="112" y="236" class="st0" width="4" height="16"></rect>
276
+ <rect x="104" y="236" class="st0" width="4" height="16"></rect>
277
+ <rect x="96" y="236" class="st0" width="4" height="16"></rect>
278
+ <rect x="88" y="236" class="st0" width="4" height="16"></rect>
279
+ <rect x="80" y="236" class="st0" width="4" height="16"></rect>
280
+ <rect x="71" y="236" class="st0" width="4" height="16"></rect>
281
+ <rect x="63" y="236" class="st0" width="4" height="16"></rect>
282
+ <rect x="55" y="236" class="st0" width="4" height="16"></rect>
283
+ <rect x="47" y="236" class="st0" width="4" height="16"></rect>
284
+ <rect x="39" y="236" class="st0" width="4" height="16"></rect>
285
+ <rect x="31" y="236" class="st0" width="4" height="16"></rect>
286
+ <rect x="23" y="236" class="st0" width="4" height="16"></rect>
287
+ </g>
288
+ </g>
289
+
290
+ <g id="南-左右">
291
+ <g
292
+ :class="Data.name === '南人行横道-右' ? '' : 'invisible'"
293
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
294
+ >
295
+ <rect x="225" y="236" class="st0" width="4" height="16"></rect>
296
+ <rect x="217" y="236" class="st0" width="4" height="16"></rect>
297
+ <rect x="209" y="236" class="st0" width="4" height="16"></rect>
298
+ <rect x="201" y="236" class="st0" width="4" height="16"></rect>
299
+ <rect x="193" y="236" class="st0" width="4" height="16"></rect>
300
+ <rect x="185" y="236" class="st0" width="4" height="16"></rect>
301
+ <rect x="177" y="236" class="st0" width="4" height="16"></rect>
302
+ <rect x="168" y="236" class="st0" width="4" height="16"></rect>
303
+ <rect x="160" y="236" class="st0" width="4" height="16"></rect>
304
+ <rect x="152" y="236" class="st0" width="4" height="16"></rect>
305
+ <rect x="144" y="236" class="st0" width="4" height="16"></rect>
306
+ <rect x="136" y="236" class="st0" width="4" height="16"></rect>
307
+ </g>
308
+ <g
309
+ :class="Data.name === '南人行横道-左' ? '' : 'invisible'"
310
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
311
+ >
312
+ <rect x="112" y="236" class="st0" width="4" height="16"></rect>
313
+ <rect x="104" y="236" class="st0" width="4" height="16"></rect>
314
+ <rect x="96" y="236" class="st0" width="4" height="16"></rect>
315
+ <rect x="88" y="236" class="st0" width="4" height="16"></rect>
316
+ <rect x="80" y="236" class="st0" width="4" height="16"></rect>
317
+ <rect x="71" y="236" class="st0" width="4" height="16"></rect>
318
+ <rect x="63" y="236" class="st0" width="4" height="16"></rect>
319
+ <rect x="55" y="236" class="st0" width="4" height="16"></rect>
320
+ <rect x="47" y="236" class="st0" width="4" height="16"></rect>
321
+ <rect x="39" y="236" class="st0" width="4" height="16"></rect>
322
+ <rect x="31" y="236" class="st0" width="4" height="16"></rect>
323
+ <rect x="23" y="236" class="st0" width="4" height="16"></rect>
324
+ </g>
325
+ </g>
326
+
327
+ <g
328
+ id="斜向行人过街"
329
+ :class="Data.name === 'X人行横道-/' ? '' : 'invisible'"
330
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
331
+ >
332
+ <rect
333
+ x="78"
334
+ y="164"
335
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -98.1528 106.9619)"
336
+ class="st0"
337
+ width="4"
338
+ height="16"
339
+ ></rect>
340
+ <rect
341
+ x="83.7"
342
+ y="158.3"
343
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -92.496 109.3051)"
344
+ class="st0"
345
+ width="4"
346
+ height="16"
347
+ ></rect>
348
+ <rect
349
+ x="89.4"
350
+ y="152.6"
351
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -86.8391 111.6482)"
352
+ class="st0"
353
+ width="4"
354
+ height="16"
355
+ ></rect>
356
+ <rect
357
+ x="95"
358
+ y="147"
359
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -81.1823 113.9914)"
360
+ class="st0"
361
+ width="4"
362
+ height="16"
363
+ ></rect>
364
+ <rect
365
+ x="55.4"
366
+ y="186.6"
367
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -120.7803 97.5894)"
368
+ class="st0"
369
+ width="4"
370
+ height="16"
371
+ ></rect>
372
+ <rect
373
+ x="61.1"
374
+ y="180.9"
375
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -115.1234 99.9325)"
376
+ class="st0"
377
+ width="4"
378
+ height="16"
379
+ ></rect>
380
+
381
+ <rect
382
+ x="66.7"
383
+ y="175.3"
384
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -109.4666 102.2757)"
385
+ class="st0"
386
+ width="4"
387
+ height="16"
388
+ ></rect>
389
+
390
+ <rect
391
+ x="72.4"
392
+ y="169.6"
393
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -103.8097 104.6188)"
394
+ class="st0"
395
+ width="4"
396
+ height="16"
397
+ ></rect>
398
+ <rect
399
+ x="49.8"
400
+ y="192.2"
401
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -126.4371 95.2462)"
402
+ class="st0"
403
+ width="4"
404
+ height="16"
405
+ ></rect>
406
+ <rect
407
+ x="27.1"
408
+ y="214.9"
409
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -149.0645 85.8736)"
410
+ class="st0"
411
+ width="4"
412
+ height="16"
413
+ ></rect>
414
+ <rect
415
+ x="32.8"
416
+ y="209.2"
417
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -143.4077 88.2168)"
418
+ class="st0"
419
+ width="4"
420
+ height="16"
421
+ ></rect>
422
+ <rect
423
+ x="38.4"
424
+ y="203.6"
425
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -137.7508 90.5599)"
426
+ class="st0"
427
+ width="4"
428
+ height="16"
429
+ ></rect>
430
+ <rect
431
+ x="44.1"
432
+ y="197.9"
433
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -132.094 92.9031)"
434
+ class="st0"
435
+ width="4"
436
+ height="16"
437
+ ></rect>
438
+
439
+ <rect
440
+ x="100.7"
441
+ y="141.3"
442
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -75.5254 116.3345)"
443
+ class="st0"
444
+ width="4"
445
+ height="16"
446
+ ></rect>
447
+
448
+ <rect
449
+ x="106.3"
450
+ y="135.7"
451
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -69.8686 118.6777)"
452
+ class="st0"
453
+ width="4"
454
+ height="16"
455
+ ></rect>
456
+ <rect
457
+ x="112"
458
+ y="130"
459
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -64.2117 121.0208)"
460
+ class="st0"
461
+ width="4"
462
+ height="16"
463
+ ></rect>
464
+
465
+ <rect
466
+ x="118.3"
467
+ y="123.7"
468
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -57.8478 123.6569)"
469
+ class="st0"
470
+ width="4"
471
+ height="16"
472
+ ></rect>
473
+ <rect
474
+ x="124"
475
+ y="118"
476
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -52.1909 126)"
477
+ class="st0"
478
+ width="4"
479
+ height="16"
480
+ ></rect>
481
+
482
+ <rect
483
+ x="129.7"
484
+ y="112.3"
485
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -46.5341 128.3431)"
486
+ class="st0"
487
+ width="4"
488
+ height="16"
489
+ ></rect>
490
+
491
+ <rect
492
+ x="135.3"
493
+ y="106.7"
494
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -40.8772 130.6863)"
495
+ class="st0"
496
+ width="4"
497
+ height="16"
498
+ ></rect>
499
+ <rect
500
+ x="141"
501
+ y="101"
502
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.2203 133.0294)"
503
+ class="st0"
504
+ width="4"
505
+ height="16"
506
+ ></rect>
507
+ <rect
508
+ x="146.6"
509
+ y="95.4"
510
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -29.5635 135.3726)"
511
+ class="st0"
512
+ width="4"
513
+ height="16"
514
+ ></rect>
515
+ <rect
516
+ x="152.3"
517
+ y="89.7"
518
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.9066 137.7157)"
519
+ class="st0"
520
+ width="4"
521
+ height="16"
522
+ ></rect>
523
+ <rect
524
+ x="157.9"
525
+ y="84.1"
526
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.2498 140.0589)"
527
+ class="st0"
528
+ width="4"
529
+ height="16"
530
+ ></rect>
531
+ <rect
532
+ x="163.6"
533
+ y="78.4"
534
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.5929 142.402)"
535
+ class="st0"
536
+ width="4"
537
+ height="16"
538
+ ></rect>
539
+ <rect
540
+ x="169.3"
541
+ y="72.7"
542
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.9361 144.7452)"
543
+ class="st0"
544
+ width="4"
545
+ height="16"
546
+ ></rect>
547
+ <rect
548
+ x="174.9"
549
+ y="67.1"
550
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.2792 147.0883)"
551
+ class="st0"
552
+ width="4"
553
+ height="16"
554
+ ></rect>
555
+ <rect
556
+ x="180.6"
557
+ y="61.4"
558
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.3776 149.4315)"
559
+ class="st0"
560
+ width="4"
561
+ height="16"
562
+ ></rect>
563
+ <rect
564
+ x="186.9"
565
+ y="55.1"
566
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 10.7416 152.0675)"
567
+ class="st0"
568
+ width="4"
569
+ height="16"
570
+ ></rect>
571
+ <rect
572
+ x="192.6"
573
+ y="49.4"
574
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 16.3984 154.4106)"
575
+ class="st0"
576
+ width="4"
577
+ height="16"
578
+ ></rect>
579
+ <rect
580
+ x="198.2"
581
+ y="43.8"
582
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 22.0553 156.7538)"
583
+ class="st0"
584
+ width="4"
585
+ height="16"
586
+ ></rect>
587
+ <rect
588
+ x="203.9"
589
+ y="38.1"
590
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 27.7122 159.0969)"
591
+ class="st0"
592
+ width="4"
593
+ height="16"
594
+ ></rect>
595
+ <rect
596
+ x="209.6"
597
+ y="32.4"
598
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 33.369 161.4401)"
599
+ class="st0"
600
+ width="4"
601
+ height="16"
602
+ ></rect>
603
+ <rect
604
+ x="215.2"
605
+ y="26.8"
606
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 39.0259 163.7832)"
607
+ class="st0"
608
+ width="4"
609
+ height="16"
610
+ ></rect>
611
+ <rect
612
+ x="220.9"
613
+ y="21.1"
614
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 44.6827 166.1264)"
615
+ class="st0"
616
+ width="4"
617
+ height="16"
618
+ ></rect>
619
+ </g>
620
+ <g
621
+ id="斜向行人过街1"
622
+ :class="Data.name === 'X人行横道-\\' ? '' : 'invisible'"
623
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
624
+ >
625
+ <rect
626
+ x="72"
627
+ y="78"
628
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -33.1529 80.0381)"
629
+ class="st0"
630
+ width="16"
631
+ height="4"
632
+ ></rect>
633
+ <rect
634
+ x="77.7"
635
+ y="83.7"
636
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.496 85.6949)"
637
+ class="st0"
638
+ width="16"
639
+ height="4"
640
+ ></rect>
641
+ <rect
642
+ x="83.4"
643
+ y="89.4"
644
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -37.8391 91.3518)"
645
+ class="st0"
646
+ width="16"
647
+ height="4"
648
+ ></rect>
649
+ <rect
650
+ x="89"
651
+ y="95"
652
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -40.1823 97.0086)"
653
+ class="st0"
654
+ width="16"
655
+ height="4"
656
+ ></rect>
657
+ <rect
658
+ x="49.4"
659
+ y="55.4"
660
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -23.7803 57.4106)"
661
+ class="st0"
662
+ width="16"
663
+ height="4"
664
+ ></rect>
665
+ <rect
666
+ x="55.1"
667
+ y="61.1"
668
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -26.1234 63.0675)"
669
+ class="st0"
670
+ width="16"
671
+ height="4"
672
+ ></rect>
673
+ <rect
674
+ x="60.7"
675
+ y="66.7"
676
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -28.4666 68.7243)"
677
+ class="st0"
678
+ width="16"
679
+ height="4"
680
+ ></rect>
681
+ <rect
682
+ x="66.4"
683
+ y="72.4"
684
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -30.8097 74.3812)"
685
+ class="st0"
686
+ width="16"
687
+ height="4"
688
+ ></rect>
689
+ <rect
690
+ x="43.8"
691
+ y="49.8"
692
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.4371 51.7538)"
693
+ class="st0"
694
+ width="16"
695
+ height="4"
696
+ ></rect>
697
+ <rect
698
+ x="21.1"
699
+ y="27.1"
700
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.0645 29.1264)"
701
+ class="st0"
702
+ width="16"
703
+ height="4"
704
+ ></rect>
705
+ <rect
706
+ x="26.8"
707
+ y="32.8"
708
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.4077 34.7832)"
709
+ class="st0"
710
+ width="16"
711
+ height="4"
712
+ ></rect>
713
+ <rect
714
+ x="32.4"
715
+ y="38.4"
716
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -16.7508 40.4401)"
717
+ class="st0"
718
+ width="16"
719
+ height="4"
720
+ ></rect>
721
+ <rect
722
+ x="38.1"
723
+ y="44.1"
724
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.094 46.0969)"
725
+ class="st0"
726
+ width="16"
727
+ height="4"
728
+ ></rect>
729
+ <rect
730
+ x="94.7"
731
+ y="100.7"
732
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -42.5254 102.6655)"
733
+ class="st0"
734
+ width="16"
735
+ height="4"
736
+ ></rect>
737
+
738
+ <rect
739
+ x="100.3"
740
+ y="106.3"
741
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -44.8686 108.3223)"
742
+ class="st0"
743
+ width="16"
744
+ height="4"
745
+ ></rect>
746
+ <rect
747
+ x="106"
748
+ y="112"
749
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -47.2117 113.9792)"
750
+ class="st0"
751
+ width="16"
752
+ height="4"
753
+ ></rect>
754
+
755
+ <rect
756
+ x="112.3"
757
+ y="118.3"
758
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -49.8478 120.3431)"
759
+ class="st0"
760
+ width="16"
761
+ height="4"
762
+ ></rect>
763
+ <rect
764
+ x="118"
765
+ y="124"
766
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -52.1909 126)"
767
+ class="st0"
768
+ width="16"
769
+ height="4"
770
+ ></rect>
771
+
772
+ <rect
773
+ x="123.7"
774
+ y="129.7"
775
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -54.5341 131.6569)"
776
+ class="st0"
777
+ width="16"
778
+ height="4"
779
+ ></rect>
780
+
781
+ <rect
782
+ x="129.3"
783
+ y="135.3"
784
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -56.8772 137.3137)"
785
+ class="st0"
786
+ width="16"
787
+ height="4"
788
+ ></rect>
789
+ <rect
790
+ x="135"
791
+ y="141"
792
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -59.2203 142.9706)"
793
+ class="st0"
794
+ width="16"
795
+ height="4"
796
+ ></rect>
797
+
798
+ <rect
799
+ x="140.6"
800
+ y="146.6"
801
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -61.5635 148.6274)"
802
+ class="st0"
803
+ width="16"
804
+ height="4"
805
+ ></rect>
806
+
807
+ <rect
808
+ x="146.3"
809
+ y="152.3"
810
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -63.9066 154.2843)"
811
+ class="st0"
812
+ width="16"
813
+ height="4"
814
+ ></rect>
815
+
816
+ <rect
817
+ x="151.9"
818
+ y="157.9"
819
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -66.2498 159.9411)"
820
+ class="st0"
821
+ width="16"
822
+ height="4"
823
+ ></rect>
824
+ <rect
825
+ x="157.6"
826
+ y="163.6"
827
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -68.5929 165.598)"
828
+ class="st0"
829
+ width="16"
830
+ height="4"
831
+ ></rect>
832
+
833
+ <rect
834
+ x="163.3"
835
+ y="169.3"
836
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -70.9361 171.2548)"
837
+ class="st0"
838
+ width="16"
839
+ height="4"
840
+ ></rect>
841
+
842
+ <rect
843
+ x="168.9"
844
+ y="174.9"
845
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -73.2792 176.9117)"
846
+ class="st0"
847
+ width="16"
848
+ height="4"
849
+ ></rect>
850
+
851
+ <rect
852
+ x="174.6"
853
+ y="180.6"
854
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -75.6224 182.5685)"
855
+ class="st0"
856
+ width="16"
857
+ height="4"
858
+ ></rect>
859
+
860
+ <rect
861
+ x="180.9"
862
+ y="186.9"
863
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -78.2584 188.9325)"
864
+ class="st0"
865
+ width="16"
866
+ height="4"
867
+ ></rect>
868
+
869
+ <rect
870
+ x="186.6"
871
+ y="192.6"
872
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -80.6016 194.5894)"
873
+ class="st0"
874
+ width="16"
875
+ height="4"
876
+ ></rect>
877
+
878
+ <rect
879
+ x="192.2"
880
+ y="198.2"
881
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -82.9447 200.2462)"
882
+ class="st0"
883
+ width="16"
884
+ height="4"
885
+ ></rect>
886
+
887
+ <rect
888
+ x="197.9"
889
+ y="203.9"
890
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -85.2878 205.9031)"
891
+ class="st0"
892
+ width="16"
893
+ height="4"
894
+ ></rect>
895
+ <rect
896
+ x="203.6"
897
+ y="209.6"
898
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -87.631 211.5599)"
899
+ class="st0"
900
+ width="16"
901
+ height="4"
902
+ ></rect>
903
+
904
+ <rect
905
+ x="209.2"
906
+ y="215.2"
907
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -89.9741 217.2168)"
908
+ class="st0"
909
+ width="16"
910
+ height="4"
911
+ ></rect>
912
+
913
+ <rect
914
+ x="214.9"
915
+ y="220.9"
916
+ transform="matrix(0.7071 -0.7071 0.7071 0.7071 -92.3173 222.8736)"
917
+ class="st0"
918
+ width="16"
919
+ height="4"
920
+ ></rect>
921
+ </g>
922
+ <g
923
+ id="路段行人过街-南北"
924
+ :class="Data.name === '南北路段人行横道' ? '' : 'invisible'"
925
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
926
+ >
927
+ <g>
928
+ <rect x="37.9" y="97.9" width="4" height="56.3"></rect>
929
+ </g>
930
+ <g>
931
+ <rect x="30.1" y="97.9" width="4" height="56.3"></rect>
932
+ </g>
933
+ <g>
934
+ <rect x="22.5" y="97.9" width="4" height="56.3"></rect>
935
+ </g>
936
+ <g>
937
+ <rect x="45.7" y="97.9" width="4" height="56.3"></rect>
938
+ </g>
939
+ <g>
940
+ <rect x="53.5" y="97.9" width="4" height="56.3"></rect>
941
+ </g>
942
+ <g>
943
+ <rect x="61.3" y="97.9" width="4" height="56.3"></rect>
944
+ </g>
945
+ <g>
946
+ <rect x="69.1" y="97.9" width="4" height="56.3"></rect>
947
+ </g>
948
+ <g>
949
+ <rect x="76.9" y="97.9" width="4" height="56.3"></rect>
950
+ </g>
951
+ <g>
952
+ <rect x="84.7" y="97.9" width="4" height="56.3"></rect>
953
+ </g>
954
+ <g>
955
+ <rect x="92.5" y="97.9" width="4" height="56.3"></rect>
956
+ </g>
957
+ <g>
958
+ <rect x="100.3" y="97.9" width="4" height="56.3"></rect>
959
+ </g>
960
+ <g>
961
+ <rect x="108.1" y="97.9" width="4" height="56.3"></rect>
962
+ </g>
963
+ <g>
964
+ <rect x="116" y="97.9" width="4" height="56.3"></rect>
965
+ </g>
966
+ <g>
967
+ <rect x="123.8" y="97.9" width="4" height="56.3"></rect>
968
+ </g>
969
+ <g>
970
+ <rect x="131.6" y="97.9" width="4" height="56.3"></rect>
971
+ </g>
972
+ <g>
973
+ <rect x="139.4" y="97.9" width="4" height="56.3"></rect>
974
+ </g>
975
+ <g>
976
+ <rect x="147.2" y="97.9" width="4" height="56.3"></rect>
977
+ </g>
978
+ <g>
979
+ <rect x="155" y="97.9" width="4" height="56.3"></rect>
980
+ </g>
981
+ <g>
982
+ <rect x="162.8" y="97.9" width="4" height="56.3"></rect>
983
+ </g>
984
+ <g>
985
+ <rect x="170.6" y="97.9" width="4" height="56.3"></rect>
986
+ </g>
987
+ <g>
988
+ <rect x="178.4" y="97.9" width="4" height="56.3"></rect>
989
+ </g>
990
+ <g>
991
+ <rect x="186.2" y="97.9" width="4" height="56.3"></rect>
992
+ </g>
993
+ <g>
994
+ <rect x="194" y="97.9" width="4" height="56.3"></rect>
995
+ </g>
996
+ <g>
997
+ <rect x="201.8" y="97.9" width="4" height="56.3"></rect>
998
+ </g>
999
+ <g>
1000
+ <rect x="209.6" y="97.9" width="4" height="56.3"></rect>
1001
+ <rect x="217.6" y="97.9" width="4" height="56.3"></rect>
1002
+ <rect x="225.5" y="97.9" width="4" height="56.3"></rect>
1003
+ </g>
1004
+ </g>
1005
+ <g
1006
+ id="路段行人过街-东西"
1007
+ :class="Data.name === '东西路段人行横道' ? '' : 'invisible'"
1008
+ :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"
1009
+ >
1010
+ <g>
1011
+ <rect x="97.9" y="37.9" width="56.3" height="4"></rect>
1012
+ </g>
1013
+ <g>
1014
+ <rect x="97.9" y="30.1" width="56.3" height="4"></rect>
1015
+ </g>
1016
+ <g>
1017
+ <rect x="97.9" y="22.5" width="56.3" height="4"></rect>
1018
+ </g>
1019
+ <g>
1020
+ <rect x="97.9" y="45.7" width="56.3" height="4"></rect>
1021
+ </g>
1022
+ <g>
1023
+ <rect x="97.9" y="53.5" width="56.3" height="4"></rect>
1024
+ </g>
1025
+ <g>
1026
+ <rect x="97.9" y="61.3" width="56.3" height="4"></rect>
1027
+ </g>
1028
+ <g>
1029
+ <rect x="97.9" y="69.1" width="56.3" height="4"></rect>
1030
+ </g>
1031
+ <g>
1032
+ <rect x="97.9" y="76.9" width="56.3" height="4"></rect>
1033
+ </g>
1034
+ <g>
1035
+ <rect x="97.9" y="84.7" width="56.3" height="4"></rect>
1036
+ </g>
1037
+ <g>
1038
+ <rect x="97.9" y="92.5" width="56.3" height="4"></rect>
1039
+ </g>
1040
+ <g>
1041
+ <rect x="97.9" y="100.3" width="56.3" height="4"></rect>
1042
+ </g>
1043
+ <g>
1044
+ <rect x="97.9" y="108.1" width="56.3" height="4"></rect>
1045
+ </g>
1046
+ <g>
1047
+ <rect x="97.9" y="116" width="56.3" height="4"></rect>
1048
+ </g>
1049
+ <g>
1050
+ <rect x="97.9" y="123.8" width="56.3" height="4"></rect>
1051
+ </g>
1052
+ <g>
1053
+ <rect x="97.9" y="131.6" width="56.3" height="4"></rect>
1054
+ </g>
1055
+ <g>
1056
+ <rect x="97.9" y="139.4" width="56.3" height="4"></rect>
1057
+ </g>
1058
+ <g>
1059
+ <rect x="97.9" y="147.2" width="56.3" height="4"></rect>
1060
+ </g>
1061
+ <g>
1062
+ <rect x="97.9" y="155" width="56.3" height="4"></rect>
1063
+ </g>
1064
+ <g>
1065
+ <rect x="97.9" y="162.8" width="56.3" height="4"></rect>
1066
+ </g>
1067
+ <g>
1068
+ <rect x="97.9" y="170.6" width="56.3" height="4"></rect>
1069
+ </g>
1070
+ <g>
1071
+ <rect x="97.9" y="178.4" width="56.3" height="4"></rect>
1072
+ </g>
1073
+ <g>
1074
+ <rect x="97.9" y="186.2" width="56.3" height="4"></rect>
1075
+ </g>
1076
+ <g>
1077
+ <rect x="97.9" y="194" width="56.3" height="4"></rect>
1078
+ </g>
1079
+ <g>
1080
+ <rect x="97.9" y="201.8" width="56.3" height="4"></rect>
1081
+ </g>
1082
+ <g>
1083
+ <rect x="97.9" y="209.6" width="56.3" height="4"></rect>
1084
+ <rect x="97.9" y="217.6" width="56.3" height="4"></rect>
1085
+ <rect x="97.9" y="225.5" width="56.3" height="4"></rect>
1086
+ </g>
1087
+ </g>
1088
+ </svg>
1089
+ </div>
1090
+ </template>
1091
+ <script>
1092
+ export default {
1093
+ name: 'sidewalksvg',
1094
+ data () {
1095
+ return {
1096
+ defaultColor: '#fff', // 默认状态颜色
1097
+ FlashColor: undefined,
1098
+ GreenColor: '#77fb65',
1099
+ YellowColor: '#f7b500',
1100
+ lastType: ''
1101
+ }
1102
+ },
1103
+ watch: {
1104
+ Data: {
1105
+ handler: function (val) {
1106
+ if (this.lastType === '') {
1107
+ if (val.pedtype === 4 || val.pedtype === '黄闪') {
1108
+ let highlightColor = ''
1109
+ if (val.pedtype === 4) {
1110
+ highlightColor = this.GreenColor
1111
+ }
1112
+ if (val.pedtype === '黄闪') {
1113
+ highlightColor = this.YellowColor
1114
+ }
1115
+ this.FlashColor = highlightColor
1116
+ // 绿闪：绿-》灰-》绿 循环效果
1117
+ this.GreenIntervalId = setInterval(() => {
1118
+ this.FlashColor =
1119
+ !this.FlashColor || this.FlashColor === '#828282'
1120
+ ? highlightColor
1121
+ : '#828282'
1122
+ }, 500)
1123
+ this.lastType = val.pedtype
1124
+ }
1125
+ }
1126
+ if (
1127
+ this.GreenIntervalId &&
1128
+ val.pedtype !== 4 &&
1129
+ val.pedtype !== '黄闪' &&
1130
+ val.pedtype !== this.lastType
1131
+ ) {
1132
+ clearInterval(this.GreenIntervalId)
1133
+ this.FlashColor = undefined
1134
+ this.lastType = ''
1135
+ }
1136
+ },
1137
+ deep: true
1138
+ }
1139
+ },
1140
+ props: {
1141
+ Width: {
1142
+ type: String,
1143
+ default: '252.1px'
1144
+ },
1145
+ Height: {
1146
+ type: String,
1147
+ default: '250.2px'
1148
+ },
1149
+ Data: {
1150
+ type: Object
1151
+ },
1152
+ crossType: {
1153
+ type: String
1154
+ }
1155
+ },
1156
+ methods: {},
1157
+ mounted () {}
1158
+ }
1159
+ </script>
1160
+ <style scoped>
1161
+ .invisible {
1162
+ visibility: hidden;
1163
+ }
1164
+ .hide {
1165
+ display: none;
1166
+ }
1167
+
1168
+ .green {
1169
+ fill: #7bd66b;
1170
+ }
1171
+ .red {
1172
+ fill: #e24b4b;
1173
+ }
1174
+ .yellow {
1175
+ fill: #ce932c;
1176
+ }
1177
+ .gray {
1178
+ fill: #828282;
1179
+ }
1180
+ .cls-1 {
1181
+ fill: #f2f2f2;
1182
+ fill-rule: evenodd;
1183
+ }
1184
+ .st1 {
1185
+ opacity: 0.9;
1186
+ }
1187
+ .st2 {
1188
+ fill: #606060;
1189
+ }
1190
+ </style>