openatc-components 0.0.15 → 0.0.18

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 (251) hide show
  1. package/.babelrc +18 -18
  2. package/.editorconfig +9 -9
  3. package/.eslintignore +5 -5
  4. package/.eslintrc.js +29 -29
  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 +114 -114
  15. package/build/webpack.dev.conf.js +95 -95
  16. package/build/webpack.prod.conf.js +149 -149
  17. package/config/dev.env.js +8 -8
  18. package/config/index.js +90 -90
  19. package/config/prod.env.js +5 -5
  20. package/config/test.env.js +7 -7
  21. package/index.html +12 -12
  22. package/package/kisscomps/components/BoardCard/BoardCard.vue +85 -0
  23. package/package/kisscomps/components/BoardCard/index.js +2 -0
  24. package/package/kisscomps/components/CommonKanban/CommonKanban.vue +119 -119
  25. package/package/kisscomps/components/CommonKanban/index.js +2 -2
  26. package/package/kisscomps/components/FaultDetailModal/FaultDetailModal.vue +170 -170
  27. package/package/kisscomps/components/FaultDetailModal/index.js +2 -2
  28. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/CrossRoadsSvg.vue +497 -497
  29. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/CustomRoadsSvg.vue +46 -46
  30. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/PatternWalkSvg.vue +295 -295
  31. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/PedSectionEWSvg.vue +300 -300
  32. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/PedSectionSNSvg.vue +288 -288
  33. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampEastSvg.vue +391 -391
  34. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampNorthSvg.vue +336 -336
  35. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampSouthSvg.vue +345 -345
  36. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampWestSvg.vue +389 -389
  37. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/SidewalkSvg.vue +1179 -1179
  38. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeEastRoadsSvg.vue +402 -402
  39. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeNorthRoadsSvg.vue +361 -361
  40. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeSouthRoadsSvg.vue +368 -368
  41. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeWestRoadsSvg.vue +475 -475
  42. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LCrossRoadsSvg.vue +494 -494
  43. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeEastRoadsSvg.vue +401 -401
  44. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeNorthRoadsSvg.vue +360 -360
  45. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeSouthRoadsSvg.vue +367 -367
  46. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeWestRoadsSvg.vue +476 -476
  47. package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/refreshSvg.vue +63 -63
  48. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/busMapSvg.vue +50 -50
  49. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/eastBusSvg.vue +167 -167
  50. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/northBusSvg.vue +168 -168
  51. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/southBusSvg.vue +168 -168
  52. package/package/kisscomps/components/IntersectionMap/crossDirection/busIcon/westBusSvg.vue +169 -169
  53. package/package/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +858 -856
  54. package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/LphaseIconSvg.vue +112 -112
  55. package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/phaseIconSvg.vue +112 -112
  56. package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/rampPhaseIconSvg.vue +111 -111
  57. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/busPos.json +196 -196
  58. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/busPos.left.json +196 -196
  59. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/phasePos.json +99 -99
  60. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/phasePos.left.json +99 -99
  61. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/rampPos.json +52 -52
  62. package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/sidePos.json +99 -99
  63. package/package/kisscomps/components/IntersectionMap/crossDirection/utils.js +78 -78
  64. package/package/kisscomps/components/IntersectionMap/index.js +2 -2
  65. package/package/kisscomps/components/IntersectionMap/intersectionmap.vue +144 -144
  66. package/package/kisscomps/components/IntersectionWithInterface/IntersectionWithInterface.vue +273 -273
  67. package/package/kisscomps/components/IntersectionWithInterface/index.js +2 -2
  68. package/package/kisscomps/components/OverLap/OverLap.vue +193 -0
  69. package/package/kisscomps/components/OverLap/index.js +2 -0
  70. package/package/kisscomps/components/PatternStatus/PatternStatus.vue +832 -0
  71. package/package/kisscomps/components/PatternStatus/index.js +2 -0
  72. package/package/kisscomps/components/SchemeConfig/SchemeConfig.vue +772 -772
  73. package/package/kisscomps/components/SchemeConfig/closePhaselControlModal/index.vue +195 -195
  74. package/package/kisscomps/components/SchemeConfig/index.js +2 -2
  75. package/package/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue +198 -198
  76. package/package/kisscomps/components/SchemeConfig/manualControlModal/index.vue +177 -177
  77. package/package/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue +298 -298
  78. package/package/kisscomps/components/StageStatus/StageStatus.vue +303 -0
  79. package/package/kisscomps/components/StageStatus/index.js +2 -0
  80. package/package/kisscomps/components/SvgIcon/SvgIcon.vue +53 -53
  81. package/package/kisscomps/components/SvgIcon/index.js +2 -2
  82. package/package/kisscomps/components/XRDDirSelector/XRDDirSelector.vue +522 -522
  83. package/package/kisscomps/components/XRDDirSelector/index.js +2 -2
  84. package/package/kisscomps/components/patternList/index.js +2 -0
  85. package/package/kisscomps/components/patternList/patternList.vue +558 -0
  86. package/package/kisscomps/index.js +69 -59
  87. package/package/kissui.min.js +1 -1
  88. package/package.json +122 -122
  89. package/src/App.vue +24 -24
  90. package/src/EdgeMgr/EdgeModelBase.js +16 -16
  91. package/src/EdgeMgr/controller/crossDiagramMgr.js +120 -120
  92. package/src/api/authapi.js +31 -31
  93. package/src/api/config.js +21 -21
  94. package/src/api/control.js +76 -76
  95. package/src/api/fault.js +66 -66
  96. package/src/api/index.js +24 -24
  97. package/src/api/login.js +46 -46
  98. package/src/api/optimize.js +72 -72
  99. package/src/api/param.js +154 -154
  100. package/src/api/passwdAssest.js +101 -101
  101. package/src/api/template.js +27 -27
  102. package/src/i18n/index.js +26 -26
  103. package/src/i18n/language/en.js +1108 -1108
  104. package/src/i18n/language/index.js +25 -25
  105. package/src/i18n/language/zh.js +1107 -1107
  106. package/src/icons/index.js +20 -20
  107. package/src/icons/svg/bendi.svg +110 -110
  108. package/src/icons/svg/bujin.svg +36 -36
  109. package/src/icons/svg/connectBlue.svg +7 -7
  110. package/src/icons/svg/currentvolume.svg +0 -0
  111. package/src/icons/svg/cutRed.svg +7 -7
  112. package/src/icons/svg/cycle.svg +0 -0
  113. package/src/icons/svg/dingzhouqi.svg +34 -34
  114. package/src/icons/svg/ganyingkongzhi.svg +30 -30
  115. package/src/icons/svg/guandeng.svg +81 -81
  116. package/src/icons/svg/huangshan.svg +71 -71
  117. package/src/icons/svg/maincontrol.svg +0 -0
  118. package/src/icons/svg/manualcontrolbackground.svg +51 -51
  119. package/src/icons/svg/manualcontrolbackground1.svg +62 -62
  120. package/src/icons/svg/manualcontrolbackgrounden.svg +62 -62
  121. package/src/icons/svg/model.svg +0 -0
  122. package/src/icons/svg/phasediff.svg +0 -0
  123. package/src/icons/svg/quanhong.svg +86 -86
  124. package/src/icons/svg/shanghe.svg +11 -11
  125. package/src/icons/svg/shoudong.svg +103 -103
  126. package/src/icons/svg/time.svg +0 -0
  127. package/src/icons/svg/wuxianlan.svg +46 -46
  128. package/src/icons/svg/xiala.svg +11 -11
  129. package/src/icons/svg/xingrenguojie.svg +33 -33
  130. package/src/icons/svg/xitong.svg +89 -89
  131. package/src/icons/svg/youxian.svg +41 -41
  132. package/src/icons/svg/zizhukongzhi.svg +43 -43
  133. package/src/kisscomps/components/BoardCard/BoardCard.vue +85 -0
  134. package/src/kisscomps/components/BoardCard/index.js +2 -0
  135. package/src/kisscomps/components/CommonKanban/CommonKanban.vue +119 -119
  136. package/src/kisscomps/components/CommonKanban/index.js +2 -2
  137. package/src/kisscomps/components/FaultDetailModal/FaultDetailModal.vue +170 -170
  138. package/src/kisscomps/components/FaultDetailModal/index.js +2 -2
  139. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/CrossRoadsSvg.vue +497 -497
  140. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/CustomRoadsSvg.vue +46 -46
  141. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/PatternWalkSvg.vue +295 -295
  142. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/PedSectionEWSvg.vue +300 -300
  143. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/PedSectionSNSvg.vue +288 -288
  144. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampEastSvg.vue +391 -391
  145. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampNorthSvg.vue +336 -336
  146. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampSouthSvg.vue +345 -345
  147. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampWestSvg.vue +389 -389
  148. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/SidewalkSvg.vue +1179 -1179
  149. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeEastRoadsSvg.vue +402 -402
  150. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeNorthRoadsSvg.vue +361 -361
  151. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeSouthRoadsSvg.vue +368 -368
  152. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/TShapeWestRoadsSvg.vue +475 -475
  153. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LCrossRoadsSvg.vue +494 -494
  154. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeEastRoadsSvg.vue +401 -401
  155. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeNorthRoadsSvg.vue +360 -360
  156. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeSouthRoadsSvg.vue +367 -367
  157. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeWestRoadsSvg.vue +476 -476
  158. package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/refreshSvg.vue +63 -63
  159. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/busMapSvg.vue +50 -50
  160. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/eastBusSvg.vue +167 -167
  161. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/northBusSvg.vue +168 -168
  162. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/southBusSvg.vue +168 -168
  163. package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/westBusSvg.vue +169 -169
  164. package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue +858 -856
  165. package/src/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/LphaseIconSvg.vue +112 -112
  166. package/src/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/phaseIconSvg.vue +112 -112
  167. package/src/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/rampPhaseIconSvg.vue +111 -111
  168. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/busPos.json +196 -196
  169. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/busPos.left.json +196 -196
  170. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/phasePos.json +99 -99
  171. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/phasePos.left.json +99 -99
  172. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/rampPos.json +52 -52
  173. package/src/kisscomps/components/IntersectionMap/crossDirection/posJson/sidePos.json +99 -99
  174. package/src/kisscomps/components/IntersectionMap/crossDirection/utils.js +78 -78
  175. package/src/kisscomps/components/IntersectionMap/index.js +2 -2
  176. package/src/kisscomps/components/IntersectionMap/intersectionmap.vue +144 -144
  177. package/src/kisscomps/components/IntersectionWithInterface/IntersectionWithInterface.vue +273 -273
  178. package/src/kisscomps/components/IntersectionWithInterface/index.js +2 -2
  179. package/src/kisscomps/components/OverLap/OverLap.vue +193 -0
  180. package/src/kisscomps/components/OverLap/index.js +2 -0
  181. package/src/kisscomps/components/PatternStatus/PatternStatus.vue +832 -0
  182. package/src/kisscomps/components/PatternStatus/index.js +2 -0
  183. package/src/kisscomps/components/SchemeConfig/SchemeConfig.vue +772 -772
  184. package/src/kisscomps/components/SchemeConfig/closePhaselControlModal/index.vue +195 -195
  185. package/src/kisscomps/components/SchemeConfig/index.js +2 -2
  186. package/src/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue +198 -198
  187. package/src/kisscomps/components/SchemeConfig/manualControlModal/index.vue +177 -177
  188. package/src/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue +298 -298
  189. package/src/kisscomps/components/StageStatus/StageStatus.vue +303 -0
  190. package/src/kisscomps/components/StageStatus/index.js +2 -0
  191. package/src/kisscomps/components/SvgIcon/SvgIcon.vue +53 -53
  192. package/src/kisscomps/components/SvgIcon/index.js +2 -2
  193. package/src/kisscomps/components/XRDDirSelector/XRDDirSelector.vue +522 -522
  194. package/src/kisscomps/components/XRDDirSelector/index.js +2 -2
  195. package/src/kisscomps/components/patternList/index.js +2 -0
  196. package/src/kisscomps/components/patternList/patternList.vue +558 -0
  197. package/src/kisscomps/index.js +69 -59
  198. package/src/lib/publicjs/ArryListUtil.js +38 -38
  199. package/src/lib/publicjs/HttpurlMgr.js +45 -45
  200. package/src/lib/publicjs/KissApi.js +156 -156
  201. package/src/lib/publicjs/KissWSSub/Heartcheck.js +128 -128
  202. package/src/lib/publicjs/KissWSSub/KissWsSub.js +91 -91
  203. package/src/lib/publicjs/KissWSSub/KissWsSubByType.js +152 -152
  204. package/src/lib/publicjs/KissWSSub/SimuWsSubByType.js +44 -44
  205. package/src/lib/publicjs/KissWSSub/Sub.js +51 -51
  206. package/src/lib/publicjs/KissWSSub/SubChannel.js +119 -119
  207. package/src/lib/publicjs/basecomponents.js +65 -65
  208. package/src/lib/publicjs/localStorage.js +112 -112
  209. package/src/lib/publicjs/objdeepcopy.js +32 -32
  210. package/src/lib/publicjs/pageScroll.js +30 -30
  211. package/src/lib/publicjs/passwdAssest.js +101 -101
  212. package/src/lib/publicjs/styleclassfactory.js +32 -32
  213. package/src/main.js +44 -44
  214. package/src/router/index.js +29 -29
  215. package/src/store/getters.js +16 -16
  216. package/src/store/index.js +26 -26
  217. package/src/store/modules/globalParam.js +27 -27
  218. package/src/utils/RingDataModel.js +98 -98
  219. package/src/utils/auth.js +102 -102
  220. package/src/utils/dateFormat.js +41 -41
  221. package/src/utils/errorcode.js +224 -224
  222. package/src/utils/fault.js +195 -195
  223. package/src/utils/faultcode.js +209 -209
  224. package/src/utils/index.js +69 -69
  225. package/src/utils/pedphasedesc.js +119 -119
  226. package/src/utils/phasedesc.js +124 -124
  227. package/src/utils/responseMessage.js +21 -21
  228. package/src/utils/validate.js +43 -43
  229. package/src/views/home.1.vue +479 -479
  230. package/src/views/home.vue +63 -63
  231. package/src/views/intersection.vue +86 -86
  232. package/src/views/schemeconfig.vue +146 -146
  233. package/static/apiconfig.json +336 -336
  234. package/static/styles/common.scss +17 -17
  235. package/static/styles/commonkanban.scss +87 -87
  236. package/static/styles/dark/index.scss +2 -2
  237. package/static/styles/dark/theme/element-dark.scss +42 -42
  238. package/static/styles/index.scss +84 -84
  239. package/static/styles/intersection.scss +143 -143
  240. package/static/styles/light/index.scss +2 -2
  241. package/static/styles/light/theme/element-light.scss +42 -42
  242. package/static/styles/schemeconfig.scss +298 -298
  243. package/static/token.json +2 -2
  244. package/test/e2e/custom-assertions/elementCount.js +27 -27
  245. package/test/e2e/nightwatch.conf.js +46 -46
  246. package/test/e2e/runner.js +48 -48
  247. package/test/e2e/specs/test.js +19 -19
  248. package/test/unit/.eslintrc +7 -7
  249. package/test/unit/jest.conf.js +30 -30
  250. package/test/unit/setup.js +3 -3
  251. package/test/unit/specs/HelloWorld.spec.js +11 -11
package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/PatternWalkSvg.vue CHANGED
@@ -1,295 +1,295 @@
1
- /* eslint-disable no-tabs */
2
- /**
3
- * Copyright (c) 2020 kedacom
4
- * OpenATC is licensed under Mulan PSL v2.
5
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
6
- * You may obtain a copy of Mulan PSL v2 at:
7
- * http://license.coscl.org.cn/MulanPSL2
8
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
9
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
10
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
11
- * See the Mulan PSL v2 for more details.
12
- **/
13
- <template>
14
- <div :style="{position: 'absolute', left: Data.left?Data.left:'2px', top: Data.top}">
15
- <svg
16
- :width="Width"
17
- :height="Height"
18
- version="1.1"
19
- id="图层_1"
20
- xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
21
- viewBox="0 0 34 34"
22
- style="enable-background:new 0 0 34 34;"
23
- xml:space="preserve">
24
- <g id="路段行人过街-东西"
25
- :class="Data.name === '东西路段人行横道' ? '' : 'invisible'"
26
- class="st0">
27
- <rect x="19.9" y="14.2" class="st1" width="1.6" height="5.6"/>
28
- <rect x="17.4" y="14.2" class="st1" width="1.6" height="5.6"/>
29
- <rect x="22.4" y="14.2" class="st1" width="1.6" height="5.6"/>
30
- <rect x="24.9" y="14.2" class="st1" width="1.6" height="5.6"/>
31
- <rect x="27.4" y="14.2" class="st1" width="1.6" height="5.6"/>
32
- <rect x="29.9" y="14.2" class="st1" width="1.6" height="5.6"/>
33
- <rect x="32.4" y="14.2" class="st1" width="1.6" height="5.6"/>
34
- <rect x="7.5" y="14.2" class="st1" width="1.6" height="5.6"/>
35
- <rect x="5" y="14.2" class="st1" width="1.6" height="5.6"/>
36
- <rect x="2.5" y="14.2" class="st1" width="1.6" height="5.6"/>
37
- <rect x="0" y="14.2" class="st1" width="1.6" height="5.6"/>
38
- <rect x="10" y="14.2" class="st1" width="1.6" height="5.6"/>
39
- <rect x="12.5" y="14.2" class="st1" width="1.6" height="5.6"/>
40
- <rect x="14.9" y="14.2" class="st1" width="1.6" height="5.6"/>
41
- </g>
42
- <g id="路段行人过街-南北" class="st0"
43
- :class="Data.name === '南北路段人行横道' ? '' : 'invisible'"
44
- >
45
- <rect x="14.2" y="19.9" class="st1" width="5.6" height="1.6"/>
46
- <rect x="14.2" y="17.4" class="st1" width="5.6" height="1.6"/>
47
- <rect x="14.2" y="22.4" class="st1" width="5.6" height="1.6"/>
48
- <rect x="14.2" y="24.9" class="st1" width="5.6" height="1.6"/>
49
- <rect x="14.2" y="27.4" class="st1" width="5.6" height="1.6"/>
50
- <rect x="14.2" y="29.9" class="st1" width="5.6" height="1.6"/>
51
- <rect x="14.2" y="32.4" class="st1" width="5.6" height="1.6"/>
52
- <rect x="14.2" y="7.5" class="st1" width="5.6" height="1.6"/>
53
- <rect x="14.2" y="5" class="st1" width="5.6" height="1.6"/>
54
- <rect x="14.2" y="2.5" class="st1" width="5.6" height="1.6"/>
55
- <rect x="14.2" y="0" class="st1" width="5.6" height="1.6"/>
56
- <rect x="14.2" y="10" class="st1" width="5.6" height="1.6"/>
57
- <rect x="14.2" y="12.5" class="st1" width="5.6" height="1.6"/>
58
- <rect x="14.2" y="14.9" class="st1" width="5.6" height="1.6"/>
59
- </g>
60
- <g id="斜向行人1" class="st0"
61
- :class="Data.name === 'X人行横道-\\' ? '' : 'invisible'"
62
- >
63
- <rect x="14.2" y="16.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.0438 17.0053)" class="st1" width="5.6" height="1.6"/>
64
- <rect x="12.4" y="14.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.3149 15.2456)" class="st1" width="5.6" height="1.6"/>
65
- <rect x="15.9" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.7727 18.7651)" class="st1" width="5.6" height="1.6"/>
66
- <rect x="17.7" y="19.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.5017 20.5248)" class="st1" width="5.6" height="1.6"/>
67
- <rect x="19.5" y="21.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.2306 22.2845)" class="st1" width="5.6" height="1.6"/>
68
- <rect x="21.2" y="23.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.9595 24.0443)" class="st1" width="5.6" height="1.6"/>
69
- <rect x="23" y="25" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.6884 25.804)" class="st1" width="5.6" height="1.6"/>
70
- <rect x="24.7" y="26.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.4128 27.5531)" class="st1" width="5.6" height="1.6"/>
71
- <rect x="26.5" y="28.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.1418 29.3128)" class="st1" width="5.6" height="1.6"/>
72
- <rect x="28.3" y="30.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.8707 31.0725)" class="st1" width="5.6" height="1.6"/>
73
- <rect x="5.4" y="7.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3993 8.2067)" class="st1" width="5.6" height="1.6"/>
74
- <rect x="3.6" y="5.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.6704 6.4469)" class="st1" width="5.6" height="1.6"/>
75
- <rect x="1.9" y="3.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.9415 4.6872)" class="st1" width="5.6" height="1.6"/>
76
- <rect x="0.1" y="2.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.2126 2.9275)" class="st1" width="5.6" height="1.6"/>
77
- <rect x="7.1" y="9.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.1282 9.9664)" class="st1" width="5.6" height="1.6"/>
78
- <rect x="8.9" y="10.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.8571 11.7261)" class="st1" width="5.6" height="1.6"/>
79
- <rect x="10.7" y="12.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.586 13.4859)" class="st1" width="5.6" height="1.6"/>
80
- </g>
81
- <g id="斜向行人2" class="st0"
82
- :class="Data.name === 'X人行横道-/' ? '' : 'invisible'"
83
- >
84
- <rect x="16.2" y="14.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.047 16.9978)" class="st1" width="1.6" height="5.6"/>
85
- <rect x="17.9" y="12.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.2872 17.7267)" class="st1" width="1.6" height="5.6"/>
86
- <rect x="14.4" y="15.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.8067 16.2689)" class="st1" width="1.6" height="5.6"/>
87
- <rect x="12.7" y="17.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.5664 15.54)" class="st1" width="1.6" height="5.6"/>
88
-
89
- <rect x="10.9" y="19.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.3262 14.8111)" class="st1" width="1.6" height="5.6"/>
90
- <rect x="9.1" y="21.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.0859 14.0822)" class="st1" width="1.6" height="5.6"/>
91
- <rect x="7.4" y="23" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.8456 13.3533)" class="st1" width="1.6" height="5.6"/>
92
- <rect x="5.6" y="24.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.5947 12.6288)" class="st1" width="1.6" height="5.6"/>
93
- <rect x="3.9" y="26.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.3544 11.8999)" class="st1" width="1.6" height="5.6"/>
94
- <rect x="2.1" y="28.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.1142 11.171)" class="st1" width="1.6" height="5.6"/>
95
- <rect x="25" y="5.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.7517 20.6423)" class="st1" width="1.6" height="5.6"/>
96
- <rect x="26.7" y="3.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 3.5114 21.3712)" class="st1" width="1.6" height="5.6"/>
97
- <rect x="28.5" y="1.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 5.2712 22.1001)" class="st1" width="1.6" height="5.6"/>
98
- <rect x="30.3" y="0.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 7.0309 22.829)" class="st1" width="1.6" height="5.6"/>
99
-
100
- <rect x="23.2" y="7.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.040609e-03 19.9134)" class="st1" width="1.6" height="5.6"/>
101
- <rect x="21.5" y="8.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.7678 19.1845)" class="st1" width="1.6" height="5.6"/>
102
- <rect x="19.7" y="10.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.5275 18.4556)" class="st1" width="1.6" height="5.6"/>
103
- </g>
104
- <g id="北行人"
105
- :class="Data.name === '北人行横道' ? '' : 'invisible'"
106
- class="st0">
107
- <rect x="19.9" class="st1" width="1.6" height="5.6"/>
108
- <rect x="17.4" class="st1" width="1.6" height="5.6"/>
109
- <rect x="22.4" class="st1" width="1.6" height="5.6"/>
110
- <rect x="24.9" class="st1" width="1.6" height="5.6"/>
111
- <rect x="27.4" class="st1" width="1.6" height="5.6"/>
112
- <rect x="29.9" class="st1" width="1.6" height="5.6"/>
113
- <rect x="32.4" class="st1" width="1.6" height="5.6"/>
114
- <rect x="7.5" class="st1" width="1.6" height="5.6"/>
115
- <rect x="5" class="st1" width="1.6" height="5.6"/>
116
- <rect x="2.5" class="st1" width="1.6" height="5.6"/>
117
- <rect x="0" class="st1" width="1.6" height="5.6"/>
118
- <rect x="10" class="st1" width="1.6" height="5.6"/>
119
- <rect x="12.5" class="st1" width="1.6" height="5.6"/>
120
- <rect x="14.9" class="st1" width="1.6" height="5.6"/>
121
- </g>
122
- <g id="南行人"
123
- :class="Data.name === '南人行横道' ? '' : 'invisible'"
124
- class="st0">
125
- <rect x="19.9" y="28.4" class="st1" width="1.6" height="5.6"/>
126
- <rect x="17.4" y="28.4" class="st1" width="1.6" height="5.6"/>
127
- <rect x="22.4" y="28.4" class="st1" width="1.6" height="5.6"/>
128
- <rect x="24.9" y="28.4" class="st1" width="1.6" height="5.6"/>
129
- <rect x="27.4" y="28.4" class="st1" width="1.6" height="5.6"/>
130
- <rect x="29.9" y="28.4" class="st1" width="1.6" height="5.6"/>
131
- <rect x="32.4" y="28.4" class="st1" width="1.6" height="5.6"/>
132
- <rect x="7.5" y="28.4" class="st1" width="1.6" height="5.6"/>
133
- <rect x="5" y="28.4" class="st1" width="1.6" height="5.6"/>
134
- <rect x="2.5" y="28.4" class="st1" width="1.6" height="5.6"/>
135
- <rect x="0" y="28.4" class="st1" width="1.6" height="5.6"/>
136
- <rect x="10" y="28.4" class="st1" width="1.6" height="5.6"/>
137
- <rect x="12.5" y="28.4" class="st1" width="1.6" height="5.6"/>
138
- <rect x="14.9" y="28.4" class="st1" width="1.6" height="5.6"/>
139
- </g>
140
- <g id="东行人"
141
- :class="Data.name === '东人行横道' ? '' : 'invisible'"
142
- class="st0">
143
- <rect x="28.4" y="19.9" class="st1" width="5.6" height="1.6"/>
144
- <rect x="28.4" y="17.4" class="st1" width="5.6" height="1.6"/>
145
- <rect x="28.4" y="22.4" class="st1" width="5.6" height="1.6"/>
146
- <rect x="28.4" y="24.9" class="st1" width="5.6" height="1.6"/>
147
- <rect x="28.4" y="27.4" class="st1" width="5.6" height="1.6"/>
148
- <rect x="28.4" y="29.9" class="st1" width="5.6" height="1.6"/>
149
- <rect x="28.4" y="32.4" class="st1" width="5.6" height="1.6"/>
150
- <rect x="28.4" y="7.5" class="st1" width="5.6" height="1.6"/>
151
- <rect x="28.4" y="5" class="st1" width="5.6" height="1.6"/>
152
- <rect x="28.4" y="2.5" class="st1" width="5.6" height="1.6"/>
153
- <rect x="28.4" y="0" class="st1" width="5.6" height="1.6"/>
154
- <rect x="28.4" y="10" class="st1" width="5.6" height="1.6"/>
155
- <rect x="28.4" y="12.5" class="st1" width="5.6" height="1.6"/>
156
- <rect x="28.4" y="14.9" class="st1" width="5.6" height="1.6"/>
157
- </g>
158
- <g id="西行人"
159
- :class="Data.name === '西人行横道' ? '' : 'invisible'"
160
- class="st0">
161
- <rect y="19.9" class="st1" width="5.6" height="1.6"/>
162
- <rect y="17.4" class="st1" width="5.6" height="1.6"/>
163
- <rect y="22.4" class="st1" width="5.6" height="1.6"/>
164
- <rect y="24.9" class="st1" width="5.6" height="1.6"/>
165
- <rect y="27.4" class="st1" width="5.6" height="1.6"/>
166
- <rect y="29.9" class="st1" width="5.6" height="1.6"/>
167
- <rect y="32.4" class="st1" width="5.6" height="1.6"/>
168
- <rect y="7.5" class="st1" width="5.6" height="1.6"/>
169
- <rect y="5" class="st1" width="5.6" height="1.6"/>
170
- <rect y="2.5" class="st1" width="5.6" height="1.6"/>
171
- <rect y="0" class="st1" width="5.6" height="1.6"/>
172
- <rect y="10" class="st1" width="5.6" height="1.6"/>
173
- <rect y="12.5" class="st1" width="5.6" height="1.6"/>
174
- <rect y="14.9" class="st1" width="5.6" height="1.6"/>
175
- </g>
176
- <g id="二次过街-西" class="st0">
177
- <g id="西下"
178
- :class="Data.name === '西人行横道-下' ? '' : 'invisible'"
179
- >
180
- <rect y="19.9" class="st1" width="5.6" height="1.6"/>
181
- <rect y="22.4" class="st1" width="5.6" height="1.6"/>
182
- <rect y="24.9" class="st1" width="5.6" height="1.6"/>
183
- <rect y="27.4" class="st1" width="5.6" height="1.6"/>
184
- <rect y="29.9" class="st1" width="5.6" height="1.6"/>
185
- <rect y="32.4" class="st1" width="5.6" height="1.6"/>
186
- </g>
187
- <g id="西上"
188
- :class="Data.name === '西人行横道-上' ? '' : 'invisible'"
189
- >
190
- <rect y="7.5" class="st1" width="5.6" height="1.6"/>
191
- <rect y="5" class="st1" width="5.6" height="1.6"/>
192
- <rect y="2.5" class="st1" width="5.6" height="1.6"/>
193
- <rect y="0" class="st1" width="5.6" height="1.6"/>
194
- <rect y="10" class="st1" width="5.6" height="1.6"/>
195
- <rect y="12.5" class="st1" width="5.6" height="1.6"/>
196
- </g>
197
- </g>
198
- <g id="二次过街-东" class="st0">
199
- <g id="东上"
200
- :class="Data.name === '东人行横道-上' ? '' : 'invisible'"
201
- >
202
- <rect x="28.4" y="12.5" class="st1" width="5.6" height="1.6"/>
203
- <rect x="28.4" y="10" class="st1" width="5.6" height="1.6"/>
204
- <rect x="28.4" y="7.5" class="st1" width="5.6" height="1.6"/>
205
- <rect x="28.4" y="5" class="st1" width="5.6" height="1.6"/>
206
- <rect x="28.4" y="2.5" class="st1" width="5.6" height="1.6"/>
207
- <rect x="28.4" y="0" class="st1" width="5.6" height="1.6"/>
208
- </g>
209
- <g id="东下"
210
- :class="Data.name === '东人行横道-下' ? '' : 'invisible'"
211
- >
212
- <rect x="28.4" y="24.9" class="st1" width="5.6" height="1.6"/>
213
- <rect x="28.4" y="27.4" class="st1" width="5.6" height="1.6"/>
214
- <rect x="28.4" y="29.9" class="st1" width="5.6" height="1.6"/>
215
- <rect x="28.4" y="32.4" class="st1" width="5.6" height="1.6"/>
216
- <rect x="28.4" y="22.4" class="st1" width="5.6" height="1.6"/>
217
- <rect x="28.4" y="19.9" class="st1" width="5.6" height="1.6"/>
218
- </g>
219
- </g>
220
- <g id="二次过街-南" class="st0">
221
- <g id="南右"
222
- :class="Data.name === '南人行横道-右' ? '' : 'invisible'"
223
- >
224
- <rect x="19.9" y="28.4" class="st1" width="1.6" height="5.6"/>
225
- <rect x="22.4" y="28.4" class="st1" width="1.6" height="5.6"/>
226
- <rect x="24.9" y="28.4" class="st1" width="1.6" height="5.6"/>
227
- <rect x="27.4" y="28.4" class="st1" width="1.6" height="5.6"/>
228
- <rect x="29.9" y="28.4" class="st1" width="1.6" height="5.6"/>
229
- <rect x="32.4" y="28.4" class="st1" width="1.6" height="5.6"/>
230
- </g>
231
- <g id="南左"
232
- :class="Data.name === '南人行横道-左' ? '' : 'invisible'"
233
- >
234
- <rect x="7.5" y="28.4" class="st1" width="1.6" height="5.6"/>
235
- <rect x="5" y="28.4" class="st1" width="1.6" height="5.6"/>
236
- <rect x="2.5" y="28.4" class="st1" width="1.6" height="5.6"/>
237
- <rect x="0" y="28.4" class="st1" width="1.6" height="5.6"/>
238
- <rect x="10" y="28.4" class="st1" width="1.6" height="5.6"/>
239
- <rect x="12.5" y="28.4" class="st1" width="1.6" height="5.6"/>
240
- </g>
241
- </g>
242
- <g id="二次过街-北_1_" class="st0">
243
- <g id="北右_1_"
244
- :class="Data.name === '北人行横道-右' ? '' : 'invisible'"
245
- >
246
- <rect x="19.9" class="st1" width="1.6" height="5.6"/>
247
- <rect x="22.4" class="st1" width="1.6" height="5.6"/>
248
- <rect x="24.9" class="st1" width="1.6" height="5.6"/>
249
- <rect x="27.4" class="st1" width="1.6" height="5.6"/>
250
- <rect x="29.9" class="st1" width="1.6" height="5.6"/>
251
- <rect x="32.4" class="st1" width="1.6" height="5.6"/>
252
- </g>
253
- <g id="北左_1_"
254
- :class="Data.name === '北人行横道-左' ? '' : 'invisible'"
255
- >
256
- <rect x="7.5" class="st1" width="1.6" height="5.6"/>
257
- <rect x="5" class="st1" width="1.6" height="5.6"/>
258
- <rect x="2.5" class="st1" width="1.6" height="5.6"/>
259
- <rect x="0" class="st1" width="1.6" height="5.6"/>
260
- <rect x="10" class="st1" width="1.6" height="5.6"/>
261
- <rect x="12.5" class="st1" width="1.6" height="5.6"/>
262
- </g>
263
- </g>
264
- </svg>
265
- </div>
266
- </template>
267
- <script>
268
- export default {
269
- name: 'PatternWalkSvg',
270
- data () {
271
- return {
272
- }
273
- },
274
- props: {
275
- Width: {
276
- type: String,
277
- default: '34px'
278
- },
279
- Height: {
280
- type: String,
281
- default: '34px'
282
- },
283
- Data: {
284
- type: Object
285
- }
286
- }
287
- }
288
- </script>
289
- <style scoped>
290
- .invisible {
291
- visibility: hidden;
292
- }
293
- .st0{opacity:0.5;}
294
- .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#303133;}
295
- </style>
1
+ /* eslint-disable no-tabs */
2
+ /**
3
+ * Copyright (c) 2020 kedacom
4
+ * OpenATC is licensed under Mulan PSL v2.
5
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
6
+ * You may obtain a copy of Mulan PSL v2 at:
7
+ * http://license.coscl.org.cn/MulanPSL2
8
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
9
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
10
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
11
+ * See the Mulan PSL v2 for more details.
12
+ **/
13
+ <template>
14
+ <div :style="{position: 'absolute', left: Data.left?Data.left:'2px', top: Data.top}">
15
+ <svg
16
+ :width="Width"
17
+ :height="Height"
18
+ version="1.1"
19
+ id="图层_1"
20
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
21
+ viewBox="0 0 34 34"
22
+ style="enable-background:new 0 0 34 34;"
23
+ xml:space="preserve">
24
+ <g id="路段行人过街-东西"
25
+ :class="Data.name === '东西路段人行横道' ? '' : 'invisible'"
26
+ class="st0">
27
+ <rect x="19.9" y="14.2" class="st1" width="1.6" height="5.6"/>
28
+ <rect x="17.4" y="14.2" class="st1" width="1.6" height="5.6"/>
29
+ <rect x="22.4" y="14.2" class="st1" width="1.6" height="5.6"/>
30
+ <rect x="24.9" y="14.2" class="st1" width="1.6" height="5.6"/>
31
+ <rect x="27.4" y="14.2" class="st1" width="1.6" height="5.6"/>
32
+ <rect x="29.9" y="14.2" class="st1" width="1.6" height="5.6"/>
33
+ <rect x="32.4" y="14.2" class="st1" width="1.6" height="5.6"/>
34
+ <rect x="7.5" y="14.2" class="st1" width="1.6" height="5.6"/>
35
+ <rect x="5" y="14.2" class="st1" width="1.6" height="5.6"/>
36
+ <rect x="2.5" y="14.2" class="st1" width="1.6" height="5.6"/>
37
+ <rect x="0" y="14.2" class="st1" width="1.6" height="5.6"/>
38
+ <rect x="10" y="14.2" class="st1" width="1.6" height="5.6"/>
39
+ <rect x="12.5" y="14.2" class="st1" width="1.6" height="5.6"/>
40
+ <rect x="14.9" y="14.2" class="st1" width="1.6" height="5.6"/>
41
+ </g>
42
+ <g id="路段行人过街-南北" class="st0"
43
+ :class="Data.name === '南北路段人行横道' ? '' : 'invisible'"
44
+ >
45
+ <rect x="14.2" y="19.9" class="st1" width="5.6" height="1.6"/>
46
+ <rect x="14.2" y="17.4" class="st1" width="5.6" height="1.6"/>
47
+ <rect x="14.2" y="22.4" class="st1" width="5.6" height="1.6"/>
48
+ <rect x="14.2" y="24.9" class="st1" width="5.6" height="1.6"/>
49
+ <rect x="14.2" y="27.4" class="st1" width="5.6" height="1.6"/>
50
+ <rect x="14.2" y="29.9" class="st1" width="5.6" height="1.6"/>
51
+ <rect x="14.2" y="32.4" class="st1" width="5.6" height="1.6"/>
52
+ <rect x="14.2" y="7.5" class="st1" width="5.6" height="1.6"/>
53
+ <rect x="14.2" y="5" class="st1" width="5.6" height="1.6"/>
54
+ <rect x="14.2" y="2.5" class="st1" width="5.6" height="1.6"/>
55
+ <rect x="14.2" y="0" class="st1" width="5.6" height="1.6"/>
56
+ <rect x="14.2" y="10" class="st1" width="5.6" height="1.6"/>
57
+ <rect x="14.2" y="12.5" class="st1" width="5.6" height="1.6"/>
58
+ <rect x="14.2" y="14.9" class="st1" width="5.6" height="1.6"/>
59
+ </g>
60
+ <g id="斜向行人1" class="st0"
61
+ :class="Data.name === 'X人行横道-\\' ? '' : 'invisible'"
62
+ >
63
+ <rect x="14.2" y="16.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.0438 17.0053)" class="st1" width="5.6" height="1.6"/>
64
+ <rect x="12.4" y="14.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.3149 15.2456)" class="st1" width="5.6" height="1.6"/>
65
+ <rect x="15.9" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.7727 18.7651)" class="st1" width="5.6" height="1.6"/>
66
+ <rect x="17.7" y="19.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.5017 20.5248)" class="st1" width="5.6" height="1.6"/>
67
+ <rect x="19.5" y="21.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.2306 22.2845)" class="st1" width="5.6" height="1.6"/>
68
+ <rect x="21.2" y="23.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.9595 24.0443)" class="st1" width="5.6" height="1.6"/>
69
+ <rect x="23" y="25" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.6884 25.804)" class="st1" width="5.6" height="1.6"/>
70
+ <rect x="24.7" y="26.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.4128 27.5531)" class="st1" width="5.6" height="1.6"/>
71
+ <rect x="26.5" y="28.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.1418 29.3128)" class="st1" width="5.6" height="1.6"/>
72
+ <rect x="28.3" y="30.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.8707 31.0725)" class="st1" width="5.6" height="1.6"/>
73
+ <rect x="5.4" y="7.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3993 8.2067)" class="st1" width="5.6" height="1.6"/>
74
+ <rect x="3.6" y="5.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.6704 6.4469)" class="st1" width="5.6" height="1.6"/>
75
+ <rect x="1.9" y="3.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.9415 4.6872)" class="st1" width="5.6" height="1.6"/>
76
+ <rect x="0.1" y="2.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.2126 2.9275)" class="st1" width="5.6" height="1.6"/>
77
+ <rect x="7.1" y="9.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.1282 9.9664)" class="st1" width="5.6" height="1.6"/>
78
+ <rect x="8.9" y="10.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.8571 11.7261)" class="st1" width="5.6" height="1.6"/>
79
+ <rect x="10.7" y="12.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.586 13.4859)" class="st1" width="5.6" height="1.6"/>
80
+ </g>
81
+ <g id="斜向行人2" class="st0"
82
+ :class="Data.name === 'X人行横道-/' ? '' : 'invisible'"
83
+ >
84
+ <rect x="16.2" y="14.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.047 16.9978)" class="st1" width="1.6" height="5.6"/>
85
+ <rect x="17.9" y="12.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.2872 17.7267)" class="st1" width="1.6" height="5.6"/>
86
+ <rect x="14.4" y="15.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.8067 16.2689)" class="st1" width="1.6" height="5.6"/>
87
+ <rect x="12.7" y="17.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.5664 15.54)" class="st1" width="1.6" height="5.6"/>
88
+
89
+ <rect x="10.9" y="19.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.3262 14.8111)" class="st1" width="1.6" height="5.6"/>
90
+ <rect x="9.1" y="21.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.0859 14.0822)" class="st1" width="1.6" height="5.6"/>
91
+ <rect x="7.4" y="23" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.8456 13.3533)" class="st1" width="1.6" height="5.6"/>
92
+ <rect x="5.6" y="24.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.5947 12.6288)" class="st1" width="1.6" height="5.6"/>
93
+ <rect x="3.9" y="26.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.3544 11.8999)" class="st1" width="1.6" height="5.6"/>
94
+ <rect x="2.1" y="28.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.1142 11.171)" class="st1" width="1.6" height="5.6"/>
95
+ <rect x="25" y="5.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.7517 20.6423)" class="st1" width="1.6" height="5.6"/>
96
+ <rect x="26.7" y="3.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 3.5114 21.3712)" class="st1" width="1.6" height="5.6"/>
97
+ <rect x="28.5" y="1.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 5.2712 22.1001)" class="st1" width="1.6" height="5.6"/>
98
+ <rect x="30.3" y="0.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 7.0309 22.829)" class="st1" width="1.6" height="5.6"/>
99
+
100
+ <rect x="23.2" y="7.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.040609e-03 19.9134)" class="st1" width="1.6" height="5.6"/>
101
+ <rect x="21.5" y="8.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.7678 19.1845)" class="st1" width="1.6" height="5.6"/>
102
+ <rect x="19.7" y="10.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.5275 18.4556)" class="st1" width="1.6" height="5.6"/>
103
+ </g>
104
+ <g id="北行人"
105
+ :class="Data.name === '北人行横道' ? '' : 'invisible'"
106
+ class="st0">
107
+ <rect x="19.9" class="st1" width="1.6" height="5.6"/>
108
+ <rect x="17.4" class="st1" width="1.6" height="5.6"/>
109
+ <rect x="22.4" class="st1" width="1.6" height="5.6"/>
110
+ <rect x="24.9" class="st1" width="1.6" height="5.6"/>
111
+ <rect x="27.4" class="st1" width="1.6" height="5.6"/>
112
+ <rect x="29.9" class="st1" width="1.6" height="5.6"/>
113
+ <rect x="32.4" class="st1" width="1.6" height="5.6"/>
114
+ <rect x="7.5" class="st1" width="1.6" height="5.6"/>
115
+ <rect x="5" class="st1" width="1.6" height="5.6"/>
116
+ <rect x="2.5" class="st1" width="1.6" height="5.6"/>
117
+ <rect x="0" class="st1" width="1.6" height="5.6"/>
118
+ <rect x="10" class="st1" width="1.6" height="5.6"/>
119
+ <rect x="12.5" class="st1" width="1.6" height="5.6"/>
120
+ <rect x="14.9" class="st1" width="1.6" height="5.6"/>
121
+ </g>
122
+ <g id="南行人"
123
+ :class="Data.name === '南人行横道' ? '' : 'invisible'"
124
+ class="st0">
125
+ <rect x="19.9" y="28.4" class="st1" width="1.6" height="5.6"/>
126
+ <rect x="17.4" y="28.4" class="st1" width="1.6" height="5.6"/>
127
+ <rect x="22.4" y="28.4" class="st1" width="1.6" height="5.6"/>
128
+ <rect x="24.9" y="28.4" class="st1" width="1.6" height="5.6"/>
129
+ <rect x="27.4" y="28.4" class="st1" width="1.6" height="5.6"/>
130
+ <rect x="29.9" y="28.4" class="st1" width="1.6" height="5.6"/>
131
+ <rect x="32.4" y="28.4" class="st1" width="1.6" height="5.6"/>
132
+ <rect x="7.5" y="28.4" class="st1" width="1.6" height="5.6"/>
133
+ <rect x="5" y="28.4" class="st1" width="1.6" height="5.6"/>
134
+ <rect x="2.5" y="28.4" class="st1" width="1.6" height="5.6"/>
135
+ <rect x="0" y="28.4" class="st1" width="1.6" height="5.6"/>
136
+ <rect x="10" y="28.4" class="st1" width="1.6" height="5.6"/>
137
+ <rect x="12.5" y="28.4" class="st1" width="1.6" height="5.6"/>
138
+ <rect x="14.9" y="28.4" class="st1" width="1.6" height="5.6"/>
139
+ </g>
140
+ <g id="东行人"
141
+ :class="Data.name === '东人行横道' ? '' : 'invisible'"
142
+ class="st0">
143
+ <rect x="28.4" y="19.9" class="st1" width="5.6" height="1.6"/>
144
+ <rect x="28.4" y="17.4" class="st1" width="5.6" height="1.6"/>
145
+ <rect x="28.4" y="22.4" class="st1" width="5.6" height="1.6"/>
146
+ <rect x="28.4" y="24.9" class="st1" width="5.6" height="1.6"/>
147
+ <rect x="28.4" y="27.4" class="st1" width="5.6" height="1.6"/>
148
+ <rect x="28.4" y="29.9" class="st1" width="5.6" height="1.6"/>
149
+ <rect x="28.4" y="32.4" class="st1" width="5.6" height="1.6"/>
150
+ <rect x="28.4" y="7.5" class="st1" width="5.6" height="1.6"/>
151
+ <rect x="28.4" y="5" class="st1" width="5.6" height="1.6"/>
152
+ <rect x="28.4" y="2.5" class="st1" width="5.6" height="1.6"/>
153
+ <rect x="28.4" y="0" class="st1" width="5.6" height="1.6"/>
154
+ <rect x="28.4" y="10" class="st1" width="5.6" height="1.6"/>
155
+ <rect x="28.4" y="12.5" class="st1" width="5.6" height="1.6"/>
156
+ <rect x="28.4" y="14.9" class="st1" width="5.6" height="1.6"/>
157
+ </g>
158
+ <g id="西行人"
159
+ :class="Data.name === '西人行横道' ? '' : 'invisible'"
160
+ class="st0">
161
+ <rect y="19.9" class="st1" width="5.6" height="1.6"/>
162
+ <rect y="17.4" class="st1" width="5.6" height="1.6"/>
163
+ <rect y="22.4" class="st1" width="5.6" height="1.6"/>
164
+ <rect y="24.9" class="st1" width="5.6" height="1.6"/>
165
+ <rect y="27.4" class="st1" width="5.6" height="1.6"/>
166
+ <rect y="29.9" class="st1" width="5.6" height="1.6"/>
167
+ <rect y="32.4" class="st1" width="5.6" height="1.6"/>
168
+ <rect y="7.5" class="st1" width="5.6" height="1.6"/>
169
+ <rect y="5" class="st1" width="5.6" height="1.6"/>
170
+ <rect y="2.5" class="st1" width="5.6" height="1.6"/>
171
+ <rect y="0" class="st1" width="5.6" height="1.6"/>
172
+ <rect y="10" class="st1" width="5.6" height="1.6"/>
173
+ <rect y="12.5" class="st1" width="5.6" height="1.6"/>
174
+ <rect y="14.9" class="st1" width="5.6" height="1.6"/>
175
+ </g>
176
+ <g id="二次过街-西" class="st0">
177
+ <g id="西下"
178
+ :class="Data.name === '西人行横道-下' ? '' : 'invisible'"
179
+ >
180
+ <rect y="19.9" class="st1" width="5.6" height="1.6"/>
181
+ <rect y="22.4" class="st1" width="5.6" height="1.6"/>
182
+ <rect y="24.9" class="st1" width="5.6" height="1.6"/>
183
+ <rect y="27.4" class="st1" width="5.6" height="1.6"/>
184
+ <rect y="29.9" class="st1" width="5.6" height="1.6"/>
185
+ <rect y="32.4" class="st1" width="5.6" height="1.6"/>
186
+ </g>
187
+ <g id="西上"
188
+ :class="Data.name === '西人行横道-上' ? '' : 'invisible'"
189
+ >
190
+ <rect y="7.5" class="st1" width="5.6" height="1.6"/>
191
+ <rect y="5" class="st1" width="5.6" height="1.6"/>
192
+ <rect y="2.5" class="st1" width="5.6" height="1.6"/>
193
+ <rect y="0" class="st1" width="5.6" height="1.6"/>
194
+ <rect y="10" class="st1" width="5.6" height="1.6"/>
195
+ <rect y="12.5" class="st1" width="5.6" height="1.6"/>
196
+ </g>
197
+ </g>
198
+ <g id="二次过街-东" class="st0">
199
+ <g id="东上"
200
+ :class="Data.name === '东人行横道-上' ? '' : 'invisible'"
201
+ >
202
+ <rect x="28.4" y="12.5" class="st1" width="5.6" height="1.6"/>
203
+ <rect x="28.4" y="10" class="st1" width="5.6" height="1.6"/>
204
+ <rect x="28.4" y="7.5" class="st1" width="5.6" height="1.6"/>
205
+ <rect x="28.4" y="5" class="st1" width="5.6" height="1.6"/>
206
+ <rect x="28.4" y="2.5" class="st1" width="5.6" height="1.6"/>
207
+ <rect x="28.4" y="0" class="st1" width="5.6" height="1.6"/>
208
+ </g>
209
+ <g id="东下"
210
+ :class="Data.name === '东人行横道-下' ? '' : 'invisible'"
211
+ >
212
+ <rect x="28.4" y="24.9" class="st1" width="5.6" height="1.6"/>
213
+ <rect x="28.4" y="27.4" class="st1" width="5.6" height="1.6"/>
214
+ <rect x="28.4" y="29.9" class="st1" width="5.6" height="1.6"/>
215
+ <rect x="28.4" y="32.4" class="st1" width="5.6" height="1.6"/>
216
+ <rect x="28.4" y="22.4" class="st1" width="5.6" height="1.6"/>
217
+ <rect x="28.4" y="19.9" class="st1" width="5.6" height="1.6"/>
218
+ </g>
219
+ </g>
220
+ <g id="二次过街-南" class="st0">
221
+ <g id="南右"
222
+ :class="Data.name === '南人行横道-右' ? '' : 'invisible'"
223
+ >
224
+ <rect x="19.9" y="28.4" class="st1" width="1.6" height="5.6"/>
225
+ <rect x="22.4" y="28.4" class="st1" width="1.6" height="5.6"/>
226
+ <rect x="24.9" y="28.4" class="st1" width="1.6" height="5.6"/>
227
+ <rect x="27.4" y="28.4" class="st1" width="1.6" height="5.6"/>
228
+ <rect x="29.9" y="28.4" class="st1" width="1.6" height="5.6"/>
229
+ <rect x="32.4" y="28.4" class="st1" width="1.6" height="5.6"/>
230
+ </g>
231
+ <g id="南左"
232
+ :class="Data.name === '南人行横道-左' ? '' : 'invisible'"
233
+ >
234
+ <rect x="7.5" y="28.4" class="st1" width="1.6" height="5.6"/>
235
+ <rect x="5" y="28.4" class="st1" width="1.6" height="5.6"/>
236
+ <rect x="2.5" y="28.4" class="st1" width="1.6" height="5.6"/>
237
+ <rect x="0" y="28.4" class="st1" width="1.6" height="5.6"/>
238
+ <rect x="10" y="28.4" class="st1" width="1.6" height="5.6"/>
239
+ <rect x="12.5" y="28.4" class="st1" width="1.6" height="5.6"/>
240
+ </g>
241
+ </g>
242
+ <g id="二次过街-北_1_" class="st0">
243
+ <g id="北右_1_"
244
+ :class="Data.name === '北人行横道-右' ? '' : 'invisible'"
245
+ >
246
+ <rect x="19.9" class="st1" width="1.6" height="5.6"/>
247
+ <rect x="22.4" class="st1" width="1.6" height="5.6"/>
248
+ <rect x="24.9" class="st1" width="1.6" height="5.6"/>
249
+ <rect x="27.4" class="st1" width="1.6" height="5.6"/>
250
+ <rect x="29.9" class="st1" width="1.6" height="5.6"/>
251
+ <rect x="32.4" class="st1" width="1.6" height="5.6"/>
252
+ </g>
253
+ <g id="北左_1_"
254
+ :class="Data.name === '北人行横道-左' ? '' : 'invisible'"
255
+ >
256
+ <rect x="7.5" class="st1" width="1.6" height="5.6"/>
257
+ <rect x="5" class="st1" width="1.6" height="5.6"/>
258
+ <rect x="2.5" class="st1" width="1.6" height="5.6"/>
259
+ <rect x="0" class="st1" width="1.6" height="5.6"/>
260
+ <rect x="10" class="st1" width="1.6" height="5.6"/>
261
+ <rect x="12.5" class="st1" width="1.6" height="5.6"/>
262
+ </g>
263
+ </g>
264
+ </svg>
265
+ </div>
266
+ </template>
267
+ <script>
268
+ export default {
269
+ name: 'PatternWalkSvg',
270
+ data () {
271
+ return {
272
+ }
273
+ },
274
+ props: {
275
+ Width: {
276
+ type: String,
277
+ default: '34px'
278
+ },
279
+ Height: {
280
+ type: String,
281
+ default: '34px'
282
+ },
283
+ Data: {
284
+ type: Object
285
+ }
286
+ }
287
+ }
288
+ </script>
289
+ <style scoped>
290
+ .invisible {
291
+ visibility: hidden;
292
+ }
293
+ .st0{opacity:0.5;}
294
+ .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#303133;}
295
+ </style>