npm - openatc-components - Versions diffs - 0.3.90 → 0.3.92 - Mend

openatc-components 0.3.90 → 0.3.92

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 (498) hide show

package/src/kisscomps/components/DrawChannelization/drawsvg/iconSvg/motorwayIconSvg.vue CHANGED Viewed

@@ -1,467 +1,368 @@
-/**
- * Copyright (c) 2020 kedacom
- * OpenATC is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- * http://license.coscl.org.cn/MulanPSL2
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- **/
-<template>
-  <div v-if="reset" class="motorway-icon">
-    <!-- <div class="phaseText" :style="{'left': Data.x - Data.w / 2  - 10 + 'px', 'top': Data.y - Data.h / 2 - 10  + 'px', 'transform': 'rotate('+ Data.angle+'deg)' }">{{Data.phaselabel}}</div> -->
-    <drr
-      :style="{'z-index': chooseIndex === Data.index ? 9 : 0}"
-      :id="'motor-'+ Data.index"
-      :x="item.x"
-      :y="item.y"
-      :w="item.w"
-      :h="item.h"
-      :selected="chooseIndex === Data.index"
-      :selectable="isSeletable"
-      :angle="item.angle"
-      :aspectRatio="true"
-      @select="handleSelectIcon(item)"
-      @dragstop="boxDragStop(item, ...arguments)"
-      @resizestop="boxResizeStop(item, ...arguments)"
-      @rotatestop="boxRotateStop(item, ...arguments)"
-    >
-      <div
-        class="phaseText"
-        style="top: -28px;"
-        :style="{'marginLeft': Data.w / 2 + 'px', 'transform': `translateX(-50%) rotate(${-item.angle}deg)` }"
-      >{{Data.phaselabel}}</div>
-      <svg
-        version="1.1"
-        id="图层_1"
-        xmlns="http://www.w3.org/2000/svg"
-        x="0px"
-        y="0px"
-        viewBox="0 0 45 100"
-        xml:space="preserve"
-        :width="IconW"
-        :height="IconH"
-      >
-        <!-- 渠化图手动绘制图标 -->
-        <g v-if="UsageMode === 'draw'">
-          <g v-for="(name, index) in iconnameArr" :key="index">
-            <path
-              id="直行"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              :class="name === '直行' ? '' : 'invisible'"
-              d="M7572.88,1912h-2.61v-28.3h-3.26l4.56-7.7,4.43,7.7h-3.12V1912h-2.61"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="左转"
-              :class="name === '左转' ? '' : 'invisible'"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="M7570.47,1893.69V1912h2.54v-18.44a5.038,5.038,0,0,0-4.83-4.98l-2.41-.38,0.38-3.19-8.14,3.44,6.87,5.5,0.38-3.2,2.8,0.39a2.615,2.615,0,0,1,2.41,2.55h0Zm0,0V1912h2.54v-18.44m-2.54,18.44h2.54m-2.54-4.28V1912h2.54v-4.28"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="右转"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              :class="name === '右转' ? '' : 'invisible'"
-              d="M7572.53,1893.69V1912h-2.54v-18.44a5.038,5.038,0,0,1,4.83-4.98l2.41-.38-0.38-3.19,8.14,3.44-6.87,5.5-0.38-3.2-2.8.39a2.615,2.615,0,0,0-2.41,2.55h0Zm0-.13V1912h-2.54v-18.56m2.54,18.56h-2.54m2.54,0h-2.54v-4.28"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="掉头"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              :class="name === '掉头' ? '' : 'invisible'"
-              d="M7570,1912h2.54m-2.54,0h2.54m-2.54,0h2.54m-11.44-11.31v3.71h-3.18l4.45,7.68,4.45-7.68h-3.18v-3.71c0-1.28,1.4-2.43,3.18-2.43,1.65,0,3.18,1.15,3.18,2.43V1912h2.54v-11.31c0-2.69-2.54-5-5.72-5C7563.64,1895.82,7561.1,1898,7561.1,1900.69Z"
-              transform="translate(-7548 -1876)"
-            ></path>
-          </g>
-          <g>
-            <!-- 特殊车道类型 -->
-            <!-- <path
-              id="mainroad"
-              v-if="Data.controltype === 0"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="m 29.449665,55.157473 1.73734,5.322986 h 0.40494 c 0.91497,0 1.65943,0.745202 1.65943,1.659436 v 3.831845 c 0,0.914968 -0.74446,1.659437 -1.65943,1.659437 h -1.07592 v 1.951933 c 0,0.543836 -0.44315,0.98699 -0.98699,0.98699 h -2.65671 c -0.5431,0 -0.98626,-0.443154 -0.98626,-0.98699 v -1.951933 h -6.87733 v 1.951933 c 0,0.543836 -0.44315,0.98699 -0.98699,0.98699 h -2.65745 c -0.54384,0 -0.98699,-0.443154 -0.98699,-0.98699 v -1.951933 h -1.07591 c -0.91424,0 -1.65871,-0.744469 -1.65871,-1.659437 v -3.831845 c 0,-0.914234 0.74447,-1.659436 1.65871,-1.659436 h 0.40493 l 1.73808,-5.322986 c 0.27191,-0.834128 1.04504,-1.394868 1.92253,-1.394868 h 10.1602 c 0.87675,0 1.65061,0.56074 1.92253,1.394868 z m -2.29293,14.141224 h 2.08863 v -1.66752 h -2.08863 z m -0.73786,-4.715946 c 0,0.347615 0.28295,0.631292 0.63056,0.631292 h 2.73388 c 0.34762,0 0.63056,-0.283677 0.63056,-0.631292 v -1.473503 c 0,-0.347615 -0.28294,-0.630557 -0.63056,-0.630557 h -2.73388 c -0.34761,0 -0.63056,0.282942 -0.63056,0.630557 z m -10.77017,4.715946 h 2.08863 v -1.66752 h -2.08863 z m -1.16925,-4.715946 c 0,0.347615 0.28368,0.631292 0.6313,0.631292 h 2.73314 c 0.34762,0 0.63056,-0.283677 0.63056,-0.631292 v -1.473503 c 0,-0.347615 -0.28294,-0.630557 -0.63056,-0.630557 h -2.73314 c -0.34762,0 -0.6313,0.282942 -0.6313,0.630557 z m 2.88748,-9.549479 c -0.3263,0 -0.61292,0.207981 -0.71433,0.51885 l -1.60873,4.928337 h 14.80632 l -1.60873,-4.928337 c -0.10142,-0.310869 -0.38877,-0.51885 -0.71433,-0.51885 z m 2.46491,1.238331 c 0.2653,0.230763 0.29249,0.632762 0.0632,0.897331 l -2.1195,2.439916 c -0.13155,0.149923 -0.31748,0.224149 -0.50268,0.217534 -0.14037,-0.0044 -0.28074,-0.05585 -0.39391,-0.155067 -0.26531,-0.230763 -0.29323,-0.632026 -0.0632,-0.896595 l 2.11876,-2.439917 c 0.23002,-0.264568 0.63276,-0.292495 0.89733,-0.06321 z m 0.86132,1.442637 c 0.22929,-0.265304 0.63055,-0.296171 0.89659,-0.06762 0.26604,0.228558 0.29691,0.629821 0.0676,0.896596 l -0.94363,1.098697 c -0.12567,0.145513 -0.30425,0.221209 -0.4821,0.221209 -0.14625,0 -0.29397,-0.05071 -0.41449,-0.153597 -0.26604,-0.228559 -0.29544,-0.629822 -0.0669,-0.896596 z"
-            ></path> -->
-            <path
-              id="sideroad"
-              v-if="Data.controltype === 1"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="m 30.030758,70.573204 c 0,0 -2.24193,-0.0074 -6.0165,0.01553 3.02093,-2.652358 5.44882,-7.639667 4.4602,-10.926486 -1.14816,-3.290292 -4.6071,-6.339017 -11.68284,-7.561373 3.79816,0.139862 20.50678,1.615937 13.23914,18.472325 z m -13.00606,-18.23613 c 5.73079,1.47924 9.54134,4.410305 9.39265,8.389123 -0.22016,3.660251 -4.22863,8.307785 -6.2964,9.912616 -5.84597,0.02711 -6.86454,0.01504 -6.86454,0.01504 0,0 18.72693,-13.094853 3.76829,-18.316795 z"
-            ></path>
-            <path
-              v-if="Data.controltype === 3 && Data.flip === true"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="m 17.093778,82.614566 v -1.946 c 1.622,0 2.87,-1.427 2.87,-3.114 0,-1.687 -1.248,-2.985 -2.87,-3.115 v -16.221 c 1.622,0 2.87,-1.428 2.87,-3.114 0,-1.688 -1.248,-2.985 -2.87,-3.116 v -4.412 -1.168 -0.259 c 0,-0.519 0.375,-0.779 0.749,-0.779 h 4.241 l 0.5,1.038 h 3.742 c 1.248,0 2.246,1.039 2.246,2.336 v 35.947 c 0.124,2.726 -1.747,4.672 -3.992,4.672 h -5.864 c -0.374,-1.427 -1.123,-4.932 -1.622,-6.749 z m 9.856,-32.053 v -1.297 c 0,-0.52 -0.375,-0.779 -0.749,-0.779 h -7.111 c -0.499,0 -0.748,0.389 -0.748,0.779 v 1.167 c 0,0.52 0.374,0.779 0.748,0.779 l 7.111,0.129 c 0.5,0 0.749,-0.388 0.749,-0.778 z m -0.499,9.862 c 0.374,0 0.624,-0.388 0.624,-0.648 v -6.359 c 0,-0.389 -0.374,-0.648 -0.624,-0.648 h -2.62 c -0.374,0 -0.624,0.389 -0.624,0.648 v 6.359 c 0,0.39 0.374,0.648 0.624,0.648 z m 0,8.696 c 0.374,0 0.624,-0.389 0.624,-0.65 v -6.358 c 0,-0.39 -0.374,-0.649 -0.624,-0.649 h -2.62 c -0.374,0 -0.624,0.39 -0.624,0.649 v 6.358 c 0,0.391 0.374,0.65 0.624,0.65 z m 0,8.824 c 0.374,0 0.624,-0.389 0.624,-0.649 v -6.489 c 0,-0.388 -0.374,-0.648 -0.624,-0.648 h -2.62 c -0.374,0 -0.624,0.389 -0.624,0.648 v 6.489 c 0,0.389 0.374,0.649 0.624,0.649 z m 0,8.825 c 0.374,0 0.624,-0.39 0.624,-0.648 v -6.36 c 0,-0.389 -0.374,-0.649 -0.624,-0.649 h -2.62 c -0.374,0 -0.624,0.39 -0.624,0.649 v 6.36 c 0,0.389 0.374,0.648 0.624,0.648 z m -7.361,-31.535 c 0,1.039 -0.998,2.336 -2.245,2.336 -1.248,0 -2.246,-1.039 -2.246,-2.336 0,-1.297 0.998,-2.336 2.246,-2.336 1.247,0 2.245,1.039 2.245,2.336 z m -3.867,0 c 0.125,1.039 0.873,1.687 1.622,1.687 0.748,0 1.622,-0.648 1.622,-1.687 0,-1.038 -0.624,-1.687 -1.622,-1.687 -0.749,0 -1.622,0.649 -1.622,1.687 z m 3.867,22.45 c 0,1.298 -0.998,2.336 -2.245,2.336 -1.248,0 -2.246,-1.038 -2.246,-2.336 0,-1.298 0.998,-2.336 2.246,-2.336 1.247,0 2.245,1.038 2.245,2.336 z m -3.867,0 c 0,0.909 0.873,1.688 1.622,1.688 0.748,0 1.622,-0.649 1.622,-1.688 0,-0.778 -0.624,-1.686 -1.622,-1.686 -0.749,0 -1.622,0.648 -1.622,1.686 z"
-              id="bus-back"
-            ></path>
-            <path
-              v-if="Data.controltype === 3 && Data.flip === false"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="m 28.446777,82.589286 v -1.946 c -1.622,0 -2.869999,-1.427 -2.87,-3.114 0,-1.687 1.248,-2.985 2.87,-3.115 v -16.221 c -1.622,0 -2.87,-1.428 -2.87,-3.114 0,-1.688002 1.248001,-2.985002 2.87,-3.116002 v -4.412 l 10e-7,-1.168 -10e-7,-0.259 c 0,-0.519 -0.374999,-0.779 -0.749,-0.779 h -4.240999 l -0.5,1.038 h -3.742 c -1.248,0 -2.246,1.039 -2.246,2.335999 l -1e-6,35.947003 c -0.123999,2.726 1.747,4.672 3.992001,4.672 h 5.864 c 0.374,-1.427 1.123,-4.932 1.621999,-6.749 z m -9.855999,-32.053002 -1e-6,-1.297 c 0,-0.52 0.375001,-0.779 0.749001,-0.779 h 7.111 c 0.499,0 0.748,0.389 0.747999,0.779 v 1.167 c 1e-6,0.52 -0.374,0.779 -0.747999,0.779 l -7.111001,0.129 c -0.5,0 -0.748999,-0.388 -0.748999,-0.778 z m 0.499,9.862002 c -0.374001,0 -0.624,-0.388 -0.624,-0.648 v -6.359002 c 0,-0.389 0.374,-0.648 0.623999,-0.648 h 2.620001 c 0.374,2e-6 0.623999,0.389 0.624,0.648 l -10e-7,6.359002 c 10e-7,0.39 -0.373999,0.648 -0.624,0.648 z m 0,8.696 c -0.374001,0 -0.624001,-0.389 -0.624,-0.65 l -1e-6,-6.358 c 1e-6,-0.39 0.374001,-0.649 0.624001,-0.649 h 2.619999 c 0.374001,0 0.624001,0.39 0.624,0.649 l 10e-7,6.358 c 0,0.391 -0.374001,0.65 -0.624,0.65 z m 0,8.824 c -0.374,0 -0.624,-0.389 -0.624,-0.649 v -6.489 c -1e-6,-0.388 0.374,-0.648 0.624,-0.648 h 2.62 c 0.374,0 0.624,0.389 0.624,0.648 v 6.489 c -10e-7,0.389 -0.374,0.649 -0.624,0.649 z m 0,8.825 c -0.374,0 -0.624,-0.39 -0.624,-0.648 v -6.36 c 0,-0.389 0.374,-0.649 0.623999,-0.649 h 2.620001 c 0.373999,0 0.623999,0.39 0.624,0.649 v 6.36 c -10e-7,0.389 -0.374,0.648 -0.624,0.648 z m 7.360999,-31.535 c 0,1.039 0.998,2.336 2.245,2.336 1.248,0 2.246,-1.039 2.246001,-2.336 -1e-6,-1.297 -0.998,-2.336002 -2.246001,-2.336002 -1.247,0 -2.244999,1.039002 -2.245,2.336002 z m 3.867001,0 c -0.125001,1.039 -0.873001,1.687 -1.622001,1.687 -0.748,0 -1.621999,-0.648 -1.621999,-1.687 0,-1.038 0.624,-1.687 1.621999,-1.687 0.749001,0 1.622001,0.649 1.622001,1.687 z m -3.867,22.45 c 0,1.298 0.997999,2.336 2.244999,2.336 1.248,0 2.246,-1.038 2.246,-2.336 0,-1.298 -0.998,-2.336 -2.246,-2.336 -1.247,0 -2.245,1.038 -2.244999,2.336 z m 3.866999,0 c 0,0.909 -0.873,1.688 -1.622,1.688 -0.748,0 -1.622,-0.649 -1.622,-1.688 0,-0.778 0.624,-1.686 1.622,-1.686 0.749,0 1.622,0.648 1.622,1.686 z"
-              id="bus-front"
-            ></path>
-            <path
-              v-if="Data.controltype === 4 && Data.flip === false"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="m 17.952161,49.63424 h 10.787998 v 2.119 H 17.952161 v 3.128006 h -2.197 V 46.51424 h 2.197 z m 8.253998,7.998006 2.534,-1.28 v 2.537 l -2.826,1.539 c -1.021,0.555 -1.66,0.93 -1.917,1.129 -0.257,0.198 -0.434,0.409 -0.531,0.631 -0.098,0.222 -0.147,0.579 -0.147,1.068 v 0.438 h 5.421 v 2.122 H 15.755161 v -4.478 c 0,-1.144 0.117,-1.962 0.35,-2.453 0.233,-0.491 0.638,-0.894 1.214,-1.209 0.575,-0.316 1.265,-0.473 2.068,-0.473 1.016,0 1.834,0.241 2.453,0.722 0.619998,0.483 1.009998,1.167 1.168998,2.055 0.331,-0.455 0.693,-0.833 1.086,-1.13 0.392,-0.298 1.096,-0.705 2.111,-1.218 z m -5.605998,2.006 c -0.259,-0.163 -0.605,-0.245 -1.036,-0.245 -0.413,0 -0.746,0.082 -0.997,0.245 -0.25,0.164 -0.423,0.386 -0.518,0.666 -0.064,0.199 -0.097,0.774 -0.097,1.726 v 1.664 h 3.295 v -1.576 c 0,-0.964 -0.043,-1.577 -0.128,-1.841 -0.086,-0.262 -0.259,-0.475 -0.519,-0.639 z m 2.391998,9.589 c 0.543,-0.354 1.204,-0.53 1.983,-0.53 0.945,0 1.744,0.225 2.397,0.676 0.652,0.448 1.054,0.98 1.208,1.594 0.107,0.425 0.16,1.416 0.16,2.97 v 3.583 H 15.755161 v -4.219 c 0,-1.152 0.107,-1.962 0.319,-2.429 0.213,-0.469 0.588,-0.862 1.125,-1.184 0.537,-0.323 1.146,-0.482 1.825,-0.482 0.626,0 1.191,0.138 1.696,0.413 0.505,0.275 0.878,0.634 1.12,1.073 0.224998,-0.624 0.607998,-1.113 1.151998,-1.465 z m -4.538998,2.304 c -0.24,0.167 -0.389,0.368 -0.448,0.605 -0.059,0.236 -0.088,0.916 -0.088,2.038 v 1.226 h 3.002 v -1.402 c 0,-0.841 -0.015,-1.36 -0.044,-1.559 -0.059,-0.363 -0.214,-0.646 -0.465,-0.851 -0.251,-0.204 -0.592,-0.307 -1.023,-0.307 -0.384,0 -0.696,0.085 -0.934,0.25 z m 5.347998,-0.376 c -0.274,0.178 -0.463,0.416 -0.566,0.711 -0.103,0.296 -0.155,0.901 -0.155,1.814 v 1.72 h 3.463 v -1.975 c 0,-0.867 -0.045,-1.422 -0.137,-1.669 -0.091,-0.246 -0.27,-0.451 -0.538,-0.618 -0.269,-0.167 -0.608,-0.25 -1.021,-0.25 -0.424,0 -0.773,0.09 -1.046,0.267 z"
-              id="brt-front"
-            ></path>
-            <path
-              v-if="Data.controltype === 4 && Data.flip === true"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="m 26.8914,77.546676 h -10.788 v -2.119 h 10.788 v -3.128 h 2.197 v 8.367 h -2.197 z m -8.254,-7.998 -2.534,1.28 v -2.537 l 2.826,-1.539 c 1.021,-0.555 1.66,-0.93 1.917,-1.129 0.257,-0.198 0.434,-0.409 0.531,-0.631 0.098,-0.222 0.147,-0.579 0.147,-1.068 v -0.438 h -5.421 v -2.122 h 12.985 v 4.478 c 0,1.144 -0.117,1.962 -0.35,2.453 -0.233,0.491 -0.638,0.894 -1.214,1.209 -0.575,0.316 -1.265,0.473 -2.068,0.473 -1.016,0 -1.834,-0.241 -2.453,-0.722 -0.62,-0.483 -1.01,-1.167 -1.169,-2.055 -0.331,0.455 -0.693,0.833 -1.086,1.13 -0.392,0.298 -1.096,0.705 -2.111,1.218 z m 5.606,-2.006 c 0.259,0.163 0.605,0.245 1.036,0.245 0.413,0 0.746,-0.082 0.997,-0.245 0.25,-0.164 0.423,-0.386 0.518,-0.666 0.064,-0.199 0.097,-0.774 0.097,-1.726 v -1.664 h -3.295 v 1.576 c 0,0.964 0.043,1.577 0.128,1.841 0.086,0.262 0.259,0.475 0.519,0.639 z m -2.392,-9.589 c -0.543,0.354 -1.204,0.53 -1.983,0.53 -0.945,0 -1.744,-0.225 -2.397,-0.676 -0.652,-0.448 -1.054,-0.98 -1.208,-1.594 -0.107,-0.425 -0.16,-1.416 -0.16,-2.969995 v -3.583 h 12.985 v 4.218995 c 0,1.152 -0.107,1.962 -0.319,2.429 -0.213,0.469 -0.588,0.862 -1.125,1.184 -0.537,0.323 -1.146,0.482 -1.825,0.482 -0.626,0 -1.191,-0.138 -1.696,-0.413 -0.505,-0.275 -0.878,-0.634 -1.12,-1.073 -0.225,0.624 -0.608,1.113 -1.152,1.465 z m 4.539,-2.304 c 0.24,-0.167 0.389,-0.368 0.448,-0.605 0.059,-0.236 0.088,-0.916 0.088,-2.037995 v -1.226 h -3.002 v 1.402 c 0,0.840995 0.015,1.359995 0.044,1.558995 0.059,0.363 0.214,0.646 0.465,0.851 0.251,0.204 0.592,0.307 1.023,0.307 0.384,0 0.696,-0.085 0.934,-0.25 z m -5.348,0.376 c 0.274,-0.178 0.463,-0.416 0.566,-0.71099 0.103,-0.29601 0.155,-0.90101 0.155,-1.81401 v -1.719995 h -3.462999 v 1.975005 c 0,0.86699 0.045,1.42199 0.137,1.66899 0.091,0.246 0.269999,0.451 0.537999,0.618 0.269001,0.167 0.608001,0.25 1.021,0.25 0.424001,0 0.773,-0.09 1.046,-0.267 z"
-              id="brt-back"
-            ></path>
-            <path
-              v-if="Data.controltype === 5 && Data.flip === true"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="M 13.749618,87.965596 V 44.251595 c 0,-0.257 0.383,-0.643 0.639,-0.643 0.256,0 0.64,0.257 0.64,0.643 v 43.714001 c 0,0.386 -0.384,0.643 -0.64,0.643 -0.256,0 -0.639,-0.257 -0.639,-0.643 z m 2.813,-1.8 v -0.514 -0.772 -1.157 -0.514 -1.157 -6.3 -1.157 -0.643 -1.157 -6.3 -1.157 -0.515 -1.157 -6.814 -1.157 -0.515 -1.157 -0.643 -5.528001 c -0.383,-1.414 2.047,-2.443 3.326,-2.443 4.348,0 7.929,3.6 7.929,7.971001 v 4.115 l 0.64,-1.029 c 0,-0.128 0.128,-0.128 0.384,-0.128 0.127,0 0.127,0.128 0.383,0.128 l 1.535,3.986 c 0,0.128 0,0.386 -0.128,0.514 -0.128,0 -0.384,0 -0.512,-0.128 l -1.278,-3.343 -0.768,1.285 v 27.386 c 0,0.514 -0.384,0.772 -0.767,0.772 h -9.976 c -0.512,0 -0.768,-0.386 -0.768,-0.772 z m 7.418,-33.171 c 0.512,0 1.024,-0.515001 1.024,-1.029001 0,-1.671 -1.279,-2.957 -2.942,-2.957 h -3.581 c -0.512,-0.129 -1.023,0.386 -1.023,0.9 v 2.057 c 0,0.514 0.511,1.029001 1.023,1.029001 z m 0.384,5.014 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.186 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 v 0.128 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.857 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.986 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,4.243 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.985 c 0.384,0 0.64,-0.385 0.64,-0.642 v -2.058 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.642 v 2.058 c 0,0.385 0.384,0.642 0.639,0.642 z m 0,3.729 c 0.384,0 0.64,-0.386 0.64,-0.643 v -1.928 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,-0.129 -0.639,0.257 -0.639,0.514 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,4.371 c 0.384,0 0.64,-0.385 0.64,-0.642 v -2.058 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.642 v 2.058 c 0,0.385 0.384,0.642 0.639,0.642 z m 0,3.858 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.643 v 2.057 c 0,0.385 0.384,0.643 0.639,0.643 z"
-              id="rail-back"
-            ></path>
-            <path
-              v-if="Data.controltype === 5 && Data.flip === false"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="m 30.991609,88.016356 v -43.714 c 0,-0.257 -0.383,-0.643 -0.639,-0.643 -0.256,0 -0.64,0.257 -0.64,0.643 v 43.714 c 0,0.386 0.384,0.643 0.64,0.643 0.256,0 0.639,-0.257 0.639,-0.643 z m -2.813,-1.8 v -0.514 -0.772 -1.157 -0.514 -1.157 -6.3 -1.157 -0.643 -1.157 -6.3 -1.157 -0.515 -1.157 -6.814 -1.157 -0.515 -1.157 -0.643 -5.528 c 0.383,-1.414 -2.047,-2.443 -3.326,-2.443 -4.348,0 -7.929,3.6 -7.929,7.971 v 4.115 l -0.64,-1.029 c 0,-0.128 -0.128,-0.128 -0.384,-0.128 -0.127,0 -0.127,0.128 -0.383,0.128 l -1.535,3.986 c 0,0.128 0,0.386 0.128,0.514 0.128,0 0.384,0 0.512,-0.128 l 1.278,-3.343 0.768,1.285 v 27.386 c 0,0.514 0.384,0.772 0.767,0.772 h 9.976 c 0.512,0 0.768,-0.386 0.768,-0.772 z m -7.418,-33.171 c -0.512,0 -1.024,-0.515 -1.024,-1.029 0,-1.671 1.279,-2.957 2.942,-2.957 h 3.581 c 0.512,-0.129 1.023,0.386 1.023,0.9 v 2.057 c 0,0.514 -0.511,1.029 -1.023,1.029 z m -0.384,5.014 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.186 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 v 0.128 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.857 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.986 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,4.243 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.985 c -0.384,0 -0.64,-0.385 -0.64,-0.642 v -2.058 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 c 0.383,0 0.639,0.385 0.639,0.642 v 2.058 c 0,0.385 -0.384,0.642 -0.639,0.642 z m 0,3.729 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -1.928 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,-0.129 0.639,0.257 0.639,0.514 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,4.371 c -0.384,0 -0.64,-0.385 -0.64,-0.642 v -2.058 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 c 0.383,0 0.639,0.385 0.639,0.642 v 2.058 c 0,0.385 -0.384,0.642 -0.639,0.642 z m 0,3.858 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.385 0.639,0.643 v 2.057 c 0,0.385 -0.384,0.643 -0.639,0.643 z"
-              id="rail-front"
-            ></path>
-            <path
-              v-if="Data.controltype === 6 && Data.flip === true"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="m 24.392089,69.558502 c 0,-0.410119 -0.05739,-0.816369 -0.170883,-1.209077 l 2.416219,-1.142013 1.168451,0.46493 0.0019,0.676438 c 6.45e-4,0.187649 0.07674,0.363046 0.213442,0.496528 0.137996,0.133482 0.319841,0.205704 0.512649,0.205059 0.397867,-0.0019 0.721577,-0.318551 0.721577,-0.706746 l -0.01096,-2.904363 c 0,-0.187649 -0.07609,-0.36498 -0.213443,-0.497817 -0.137996,-0.132837 -0.319841,-0.204415 -0.513293,-0.20377 -0.397222,0.0019 -0.720287,0.317907 -0.720287,0.706101 l 0.0026,0.705456 -0.40754,-0.163145 V 59.09274 l 0.757044,0.234077 c 0.13993,0.05094 0.347569,0.178621 0.347569,0.288889 v 1.21617 c 0,0.388194 0.325,0.704166 0.724156,0.704166 0.399157,0 0.723512,-0.315972 0.723512,-0.704166 v -1.21617 c 0,-0.936954 -0.838293,-1.462499 -1.336755,-1.625644 l -4.268202,-1.319346 c 0.03547,-0.223115 0.05223,-0.450098 0.05223,-0.677082 0,-2.484572 -2.077679,-4.504859 -4.630604,-4.504859 -2.552925,0 -4.630603,2.020286 -4.630603,4.504859 0,2.483928 2.077678,4.504859 4.630603,4.504859 1.752033,0 3.353174,-0.969196 4.137945,-2.485861 l 0.651934,0.20119 -5.240623,5.113588 v 0.01225 c -0.0071,0.009 -0.01419,0.01806 -0.02193,0.02902 -0.02902,0.04321 -0.05094,0.08319 -0.06319,0.114782 -0.01096,0.02515 -0.01741,0.04836 -0.02193,0.06835 l 0.22892,0.08319 v 0 l -0.248265,-0.02063 c -0.01032,0.04578 -0.01548,0.0935 -0.01548,0.142509 l -0.0026,1.334815 c -2.280802,0.286309 -4.035415,2.20729 -4.035415,4.466813 0,2.484572 2.077678,4.505503 4.630603,4.505503 2.552925,0 4.630604,-2.020931 4.630604,-4.505503 z m 1.552132,-4.150196 -4.773114,-1.902275 4.773114,-4.657686 z m -5.332836,1.169096 c 0.6687,0.1812 1.261954,0.574553 1.684325,1.115575 L 20.608161,68.49 Z m 3.005605,0.490724 c -0.695139,-1.019493 -1.771379,-1.713342 -3.003026,-1.937747 l 0.0013,-0.325644 4.224998,1.686259 z m -4.458431,2.547122 c 0,0.243105 0.126388,0.465575 0.338541,0.597122 0.214732,0.130258 0.476537,0.143155 0.701587,0.03611 l 2.687053,-1.26969 c 0.03934,0.192162 0.05868,0.386259 0.05868,0.579712 0,1.708183 -1.427679,3.097171 -3.182936,3.097171 -1.755902,0 -3.184225,-1.388988 -3.184225,-3.097171 0,-1.504414 1.094295,-2.768947 2.587102,-3.04236 z m 0.717063,-14.323846 c -0.18507,-0.05675 -0.381101,-0.04062 -0.552629,0.04643 -0.170882,0.08641 -0.298561,0.232787 -0.355952,0.411408 -0.12252,0.371429 0.09866,0.769296 0.470089,0.884722 l 3.053322,0.944048 c -0.57004,0.927281 -1.613392,1.512797 -2.728967,1.512797 -1.755902,0 -3.184225,-1.388988 -3.184225,-3.097172 0,-1.708184 1.428323,-3.097171 3.184225,-3.097171 1.755257,0 3.182936,1.388987 3.182936,3.097171 0,0.07867 -0.0039,0.158631 -0.01161,0.24246 z"
-              id="bike-back"
-            ></path>
-            <path
-              v-if="Data.controltype === 6 && Data.flip === false"
-              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-              d="m 20.709132,69.609465 c 0,-0.412018 0.0577,-0.820149 0.17168,-1.214676 l -2.42741,-1.147301 -1.17386,0.467083 -0.002,0.679571 c -6.5e-4,0.188517 -0.0771,0.364726 -0.21444,0.498826 -0.13863,0.1341 -0.32132,0.206657 -0.51502,0.206009 -0.39971,-0.0019 -0.72492,-0.320026 -0.72492,-0.710018 l 0.011,-2.917812 c 0,-0.188518 0.0764,-0.36667 0.21443,-0.500122 0.13863,-0.133453 0.32132,-0.205362 0.51567,-0.204714 0.39906,0.0019 0.72362,0.319379 0.72362,0.709371 l -0.003,0.708722 0.40943,-0.1639 v -6.925269 l -0.76055,0.235161 c -0.14058,0.05118 -0.34918,0.179448 -0.34918,0.290227 v 1.221801 c 0,0.389992 -0.32651,0.707427 -0.72751,0.707427 -0.40101,0 -0.72686,-0.317435 -0.72686,-0.707427 v -1.221801 c 0,-0.941293 0.84217,-1.469271 1.34294,-1.633172 l 4.28797,-1.325453 c -0.0356,-0.224148 -0.0525,-0.452183 -0.0525,-0.680218 0,-2.496077 2.0873,-4.525719 4.65205,-4.525719 2.56474,0 4.65204,2.029642 4.65204,4.525719 0,2.495428 -2.0873,4.525718 -4.65204,4.525718 -1.76015,0 -3.3687,-0.973684 -4.15711,-2.497373 l -0.65495,0.202122 5.26489,5.137274 v 0.01231 c 0.007,0.0091 0.0143,0.01814 0.022,0.02915 0.0291,0.04341 0.0512,0.08357 0.0635,0.115314 0.011,0.02526 0.0175,0.04859 0.022,0.06866 l -0.22998,0.08358 v 0 l 0.24941,-0.02073 c 0.0104,0.046 0.0155,0.09394 0.0155,0.14317 l 0.003,1.340995 c 2.29137,0.287635 4.0541,2.217511 4.0541,4.487497 0,2.496076 -2.0873,4.526366 -4.65204,4.526366 -2.56475,0 -4.65205,-2.03029 -4.65205,-4.526366 z m -1.55932,-4.169414 4.79522,-1.911082 -4.79522,-4.67926 z m 5.35753,1.17451 c -0.67179,0.18204 -1.26779,0.577214 -1.69212,1.120741 l 1.69536,0.800714 z m -3.01952,0.492996 c 0.69836,-1.024214 1.77958,-1.721275 3.01693,-1.946719 l -0.001,-0.327153 -4.24457,1.694067 z m 4.47908,2.558916 c 0,0.244231 -0.12698,0.467731 -0.34011,0.599888 -0.21573,0.130861 -0.47875,0.143818 -0.70484,0.03628 l -2.69949,-1.275571 c -0.0395,0.193053 -0.0589,0.388049 -0.0589,0.582397 0,1.716093 1.43428,3.111512 3.19767,3.111512 1.76403,0 3.19897,-1.395419 3.19897,-3.111512 0,-1.51138 -1.09936,-2.781769 -2.59908,-3.056447 z m -0.72039,-14.390176 c 0.18593,-0.05701 0.38287,-0.04081 0.55519,0.04664 0.17167,0.08681 0.29994,0.233865 0.3576,0.413313 0.12309,0.373148 -0.0991,0.772858 -0.47226,0.888819 l -3.06746,0.948418 c 0.57267,0.931575 1.62086,1.519802 2.7416,1.519802 1.76403,0 3.19897,-1.395419 3.19897,-3.111512 0,-1.716093 -1.43494,-3.111512 -3.19897,-3.111512 -1.76339,0 -3.19767,1.395419 -3.19767,3.111512 0,0.07903 0.004,0.159365 0.0117,0.243582 z"
-              id="bike-front"
-            ></path>
-            <!-- <path id="机动车道"
-            v-if="Data.controltype === 0"
-            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-            d="M7580.97,1933h-22.54a0.864,0.864,0,0,1-.82-1.13l2.56-7.84a2.74,2.74,0,0,1,2.62-1.9h13.82a2.74,2.74,0,0,1,2.62,1.9l2.56,7.84A0.864,0.864,0,0,1,7580.97,1933Zm-21.34-1.73h20.14l-2.18-6.71a1.024,1.024,0,0,0-.98-0.7h-13.82a1,1,0,0,0-.97.7Zm4.05,13.73h-3.62a1.34,1.34,0,0,1-1.34-1.34v-3.05a1.34,1.34,0,0,1,1.34-1.34h3.62a1.34,1.34,0,0,1,1.34,1.34v3.05A1.34,1.34,0,0,1,7563.68,1945Zm-3.23-1.73h2.84V1941h-2.84v2.27Zm18.89,1.73h-3.62a1.34,1.34,0,0,1-1.34-1.34v-3.05a1.34,1.34,0,0,1,1.34-1.34h3.62a1.34,1.34,0,0,1,1.34,1.34v3.05A1.34,1.34,0,0,1,7579.34,1945Zm-3.23-1.73h2.84V1941h-2.84v2.27Zm6.03-12h-24.88a2.258,2.258,0,0,0-2.26,2.26v5.21a2.258,2.258,0,0,0,2.26,2.26h24.88a2.258,2.258,0,0,0,2.26-2.26v-5.21A2.258,2.258,0,0,0,7582.14,1931.27Zm-17.85,5.58a0.851,0.851,0,0,1-.85.86h-3.72a0.86,0.86,0,0,1-.86-0.86v-2a0.86,0.86,0,0,1,.86-0.86h3.72a0.851,0.851,0,0,1,.85.86v2Zm16.25,0a0.854,0.854,0,0,1-.86.86h-3.72a0.851,0.851,0,0,1-.85-0.86v-2a0.851,0.851,0,0,1,.85-0.86h3.72a0.854,0.854,0,0,1,.86.86v2Zm-17.88-6.47a0.935,0.935,0,0,1-.54-0.21,0.859,0.859,0,0,1-.08-1.22l2.88-3.32a0.865,0.865,0,1,1,1.31,1.13l-2.89,3.32A0.845,0.845,0,0,1,7562.66,1930.38Zm4.03,0.05a0.894,0.894,0,0,1-.57-0.21,0.868,0.868,0,0,1-.09-1.22l1.28-1.49a0.87,0.87,0,0,1,1.22-.1,0.861,0.861,0,0,1,.1,1.22l-1.29,1.5A0.849,0.849,0,0,1,7566.69,1930.43ZM55,1920H16438M55,1947H16438M84,1924H16467" transform="translate(-7548 -1876)"/>
-          <path id="机动车支路"
-            v-if="Data.controltype === 1"
-            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-            d="M7577.33,1930.61c-0.95-3.49-4.79-7.2-11.11-9.27,16.49,7.32-10.21,25.55-10.21,25.55,0.13,0.14,7.02.13,13.47,0.09C7571.76,1944.74,7579.07,1936.91,7577.33,1930.61Zm-11.37-9.6c7.8,1.71,12.58,4.26,13.84,8.87,1.75,6.37-3.36,13.36-6.69,17.08,4.17-.03,7.45-0.07,7.45-0.07C7594.96,1923.36,7570.15,1921.2,7565.96,1921.01Z" transform="translate(-7548 -1876)"/>
-          <path id="公交车道"
-            v-if="Data.controltype === 3"
-            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-            d="M7557.87,1936.49a2.252,2.252,0,1,0,2.34,2.25A2.469,2.469,0,0,0,7557.87,1936.49Zm0,3.87a1.679,1.679,0,0,1-1.69-1.62,1.537,1.537,0,0,1,1.69-1.62,1.679,1.679,0,0,1,1.69,1.62A1.764,1.764,0,0,1,7557.87,1940.36Zm22.45-3.87a2.252,2.252,0,1,0,2.34,2.25A2.287,2.287,0,0,0,7580.32,1936.49Zm0,3.87a1.621,1.621,0,1,1,1.69-1.62A1.777,1.777,0,0,1,7580.32,1940.36Zm7.01-13.35h-35.95a2.278,2.278,0,0,0-2.33,2.25V1933l-1.04.5v4.24a0.732,0.732,0,0,0,.78.75h5.83a3.093,3.093,0,0,1,3.12-2.87,3,3,0,0,1,3.12,2.87h16.22a3.076,3.076,0,0,1,3.11-2.87,2.992,2.992,0,0,1,3.11,2.87h1.95c1.82-.5,5.32-1.25,6.75-1.62v-5.86A4.19,4.19,0,0,0,7587.33,1927.01Zm-33.35,2.37-0.13,7.11a0.732,0.732,0,0,1-.78.75h-1.17a0.736,0.736,0,0,1-.78-0.75v-7.11a0.73,0.73,0,0,1,.78-0.74h1.3a0.728,0.728,0,0,1,.78.74h0Zm9.08,2.37a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.684,0.684,0,0,1,.65.62v2.62Zm8.7,0a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.684,0.684,0,0,1,.65.62v2.62Zm8.82,0a0.687,0.687,0,0,1-.65.63h-6.49a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.49a0.684,0.684,0,0,1,.65.62v2.62Zm8.83,0a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.692,0.692,0,0,1,.65.62v2.62Z" transform="translate(-7548 -1876)"/>
-          <path id="BRT"
-            v-if="Data.controltype === 4"
-            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-            d="M7554.92,1927.97h4.22a6.467,6.467,0,0,1,2.43.32,2.677,2.677,0,0,1,1.19,1.13,3.46,3.46,0,0,1,.48,1.82,3.56,3.56,0,0,1-.41,1.7,2.781,2.781,0,0,1-1.08,1.12,2.814,2.814,0,0,1,1.47,1.15,3.566,3.566,0,0,1,.53,1.98,4.116,4.116,0,0,1-.68,2.4,2.814,2.814,0,0,1-1.59,1.21,17,17,0,0,1-2.97.16h-3.59v-12.99Zm2.12,2.16v3.01h1.41a14.58,14.58,0,0,0,1.56-.05,1.349,1.349,0,0,0,.85-0.46,1.618,1.618,0,0,0,.3-1.03,1.572,1.572,0,0,0-.25-0.93,1.011,1.011,0,0,0-.6-0.45,12.642,12.642,0,0,0-2.04-.09h-1.23Zm0,5.17v3.46h1.98a5.755,5.755,0,0,0,1.67-.14,1.229,1.229,0,0,0,.62-0.54,1.923,1.923,0,0,0,.25-1.02,1.847,1.847,0,0,0-.27-1.04,1.359,1.359,0,0,0-.71-0.57,6.911,6.911,0,0,0-1.81-.15h-1.73Zm9.59,5.66v-12.99h4.48a6.233,6.233,0,0,1,2.45.35,2.793,2.793,0,0,1,1.21,1.22,4.265,4.265,0,0,1,.47,2.06,3.91,3.91,0,0,1-.72,2.46,3.215,3.215,0,0,1-2.05,1.17,5.562,5.562,0,0,1,1.13,1.08,16.127,16.127,0,0,1,1.21,2.11l1.28,2.54h-2.53l-1.54-2.83a20.26,20.26,0,0,0-1.13-1.92,1.784,1.784,0,0,0-.63-0.53,3.089,3.089,0,0,0-1.07-.14h-0.44v5.42h-2.12Zm2.12-7.5h1.58a8.411,8.411,0,0,0,1.84-.12,1.235,1.235,0,0,0,.64-0.52,1.977,1.977,0,0,0,.24-1.04,1.874,1.874,0,0,0-.24-1,1.255,1.255,0,0,0-.67-0.51,7.888,7.888,0,0,0-1.73-.1h-1.66v3.29Zm11.94,7.5v-10.79h-3.13v-2.2h8.37v2.2h-3.12v10.79h-2.12Z" transform="translate(-7548 -1876)"/>
-          <path id="有轨电车"
-            v-if="Data.controltype === 5"
-            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-            d="M7552.24,1940.19h38.32a0.738,0.738,0,0,0,.77-0.77v-9.97a0.739,0.739,0,0,0-.77-0.77h-27.39l-1.28-.77,3.34-1.28a0.742,0.742,0,0,0,.13-0.51,0.833,0.833,0,0,0-.52-0.12l-3.98,1.53a1.123,1.123,0,0,1-.13.38c0,0.26,0,.39.13,0.39l1.03,0.64h-4.12a7.99,7.99,0,0,0-7.97,7.93h0C7549.8,1938.15,7550.83,1940.58,7552.24,1940.19Zm34.85-7.8a0.678,0.678,0,0,1,.64-0.64h2.06a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-3.86,0a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-4.24,2.81v-2.81a0.678,0.678,0,0,1,.64-0.64h1.93a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.509,0.509,0,0,1-.51-0.64h0Zm-3.86-2.81a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-3.99,0a0.688,0.688,0,0,1,.65-0.64h2.05a0.7,0.7,0,0,1,.65.64v2.81a0.688,0.688,0,0,1-.65.64h-2.05a0.686,0.686,0,0,1-.65-0.64v-2.81Zm-4.24,0a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.678,0.678,0,0,1-.64.64h-2.06a0.685,0.685,0,0,1-.64-0.64v-2.81Zm-3.99,0a0.688,0.688,0,0,1,.65-0.64h2.05a0.7,0.7,0,0,1,.65.64v2.81a0.688,0.688,0,0,1-.65.64h-2.05a0.686,0.686,0,0,1-.65-0.64v-2.81Zm-3.98,2.81v-2.81a0.686,0.686,0,0,1,.64-0.64h2.19a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64h-0.13Zm-5.53,3.07v-3.58a2.905,2.905,0,0,1,2.96-2.94,1.106,1.106,0,0,1,1.03,1.02v5.5a1.116,1.116,0,0,1-1.03,1.03h-2.06a0.916,0.916,0,0,1-.9-1.03h0Zm39.6,4.1a0.694,0.694,0,0,1-.64.64h-43.72a0.839,0.839,0,0,1-.64-0.64,0.686,0.686,0,0,1,.64-0.64h43.72A0.686,0.686,0,0,1,7593,1942.37Z" transform="translate(-7548 -1876)"/>
-          <path id="非机动车"
-            v-if="Data.controltype === 6"
-            :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
-            d="M7581.02,1931.62a6.608,6.608,0,0,0-1.87.27l-1.77-3.75,0.72-1.81h1.05a1.084,1.084,0,0,0,.77-0.33,1.143,1.143,0,0,0,.32-0.8,1.121,1.121,0,0,0-1.1-1.12l-4.5.02a1.107,1.107,0,0,0-.78.33,1.18,1.18,0,0,0-.31.8,1.1,1.1,0,0,0,1.09,1.11h1.1l-0.26.63h-10.69l0.37-1.17a0.789,0.789,0,0,1,.45-0.54h1.88a1.126,1.126,0,0,0,0-2.25h-1.88a2.855,2.855,0,0,0-2.53,2.08l-2.04,6.62a6.2,6.2,0,0,0-1.05-.09,7.188,7.188,0,1,0,6.98,7.19,7.225,7.225,0,0,0-3.85-6.42l0.31-1.01,7.93,8.12h0.02a0.1,0.1,0,0,0,.05.04,1.062,1.062,0,0,0,.17.1c0.04,0.01.08,0.02,0.11,0.03l0.13-.35h0l-0.03.38a0.784,0.784,0,0,0,.22.02l2.07,0.01A7,7,0,1,0,7581.02,1931.62Zm-6.43-2.4-2.95,7.4-7.22-7.4h10.17Zm1.81,8.27a4.918,4.918,0,0,1,1.73-2.61l1.24,2.61h-2.97Zm0.76-4.66a7.159,7.159,0,0,0-3,4.65h-0.51l2.62-6.55Zm3.95,6.91a1.09,1.09,0,0,0,.93-0.52,1.142,1.142,0,0,0,.05-1.09l-1.96-4.17a4.406,4.406,0,0,1,.89-0.09,4.937,4.937,0,0,1,0,9.87,4.808,4.808,0,0,1-4.71-4.01Zm-22.21-1.11a1.165,1.165,0,0,0,.07.86,1.119,1.119,0,0,0,.64.55,1.088,1.088,0,0,0,1.37-.73l1.47-4.74a5.026,5.026,0,0,1,2.34,4.24,4.8,4.8,0,1,1-4.8-4.94c0.12,0,.24.01,0.37,0.02Z" transform="translate(-7548 -1876)"/>-->
-          </g>
-        </g>
-        <!-- 展示相位图标 -->
-        <g v-if="UsageMode === 'show'">
-          <g v-for="(name, index) in iconnameArr" :key="index">
-            <path
-              id="直行"
-              :class="name === '直行' ? '' : 'invisible'"
-              :fill="FlashColor ? FlashColor : (Data.color ? Data.color : showDefaultColor)"
-              d="M7572.88,1912h-2.61v-28.3h-3.26l4.56-7.7,4.43,7.7h-3.12V1912h-2.61"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="左转"
-              :class="name === '左转' ? '' : 'invisible'"
-              :fill="FlashColor ? FlashColor : (Data.color ? Data.color : showDefaultColor)"
-              d="M7570.47,1893.69V1912h2.54v-18.44a5.038,5.038,0,0,0-4.83-4.98l-2.41-.38,0.38-3.19-8.14,3.44,6.87,5.5,0.38-3.2,2.8,0.39a2.615,2.615,0,0,1,2.41,2.55h0Zm0,0V1912h2.54v-18.44m-2.54,18.44h2.54m-2.54-4.28V1912h2.54v-4.28"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="右转"
-              :class="name === '右转' ? '' : 'invisible'"
-              :fill="FlashColor ? FlashColor : (Data.color ? Data.color : showDefaultColor)"
-              d="M7572.53,1893.69V1912h-2.54v-18.44a5.038,5.038,0,0,1,4.83-4.98l2.41-.38-0.38-3.19,8.14,3.44-6.87,5.5-0.38-3.2-2.8.39a2.615,2.615,0,0,0-2.41,2.55h0Zm0-.13V1912h-2.54v-18.56m2.54,18.56h-2.54m2.54,0h-2.54v-4.28"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="掉头"
-              :class="name === '掉头' ? '' : 'invisible'"
-              :fill="FlashColor ? FlashColor : (Data.color ? Data.color : showDefaultColor)"
-              d="M7570,1912h2.54m-2.54,0h2.54m-2.54,0h2.54m-11.44-11.31v3.71h-3.18l4.45,7.68,4.45-7.68h-3.18v-3.71c0-1.28,1.4-2.43,3.18-2.43,1.65,0,3.18,1.15,3.18,2.43V1912h2.54v-11.31c0-2.69-2.54-5-5.72-5C7563.64,1895.82,7561.1,1898,7561.1,1900.69Z"
-              transform="translate(-7548 -1876)"
-            ></path>
-          </g>
-          <g>
-            <!-- 特殊车道类型 -->
-            <!-- <path
-              id="mainroad"
-              v-if="Data.controltype === 0"
-              :fill="showDefaultColor"
-              d="m 29.449665,55.157473 1.73734,5.322986 h 0.40494 c 0.91497,0 1.65943,0.745202 1.65943,1.659436 v 3.831845 c 0,0.914968 -0.74446,1.659437 -1.65943,1.659437 h -1.07592 v 1.951933 c 0,0.543836 -0.44315,0.98699 -0.98699,0.98699 h -2.65671 c -0.5431,0 -0.98626,-0.443154 -0.98626,-0.98699 v -1.951933 h -6.87733 v 1.951933 c 0,0.543836 -0.44315,0.98699 -0.98699,0.98699 h -2.65745 c -0.54384,0 -0.98699,-0.443154 -0.98699,-0.98699 v -1.951933 h -1.07591 c -0.91424,0 -1.65871,-0.744469 -1.65871,-1.659437 v -3.831845 c 0,-0.914234 0.74447,-1.659436 1.65871,-1.659436 h 0.40493 l 1.73808,-5.322986 c 0.27191,-0.834128 1.04504,-1.394868 1.92253,-1.394868 h 10.1602 c 0.87675,0 1.65061,0.56074 1.92253,1.394868 z m -2.29293,14.141224 h 2.08863 v -1.66752 h -2.08863 z m -0.73786,-4.715946 c 0,0.347615 0.28295,0.631292 0.63056,0.631292 h 2.73388 c 0.34762,0 0.63056,-0.283677 0.63056,-0.631292 v -1.473503 c 0,-0.347615 -0.28294,-0.630557 -0.63056,-0.630557 h -2.73388 c -0.34761,0 -0.63056,0.282942 -0.63056,0.630557 z m -10.77017,4.715946 h 2.08863 v -1.66752 h -2.08863 z m -1.16925,-4.715946 c 0,0.347615 0.28368,0.631292 0.6313,0.631292 h 2.73314 c 0.34762,0 0.63056,-0.283677 0.63056,-0.631292 v -1.473503 c 0,-0.347615 -0.28294,-0.630557 -0.63056,-0.630557 h -2.73314 c -0.34762,0 -0.6313,0.282942 -0.6313,0.630557 z m 2.88748,-9.549479 c -0.3263,0 -0.61292,0.207981 -0.71433,0.51885 l -1.60873,4.928337 h 14.80632 l -1.60873,-4.928337 c -0.10142,-0.310869 -0.38877,-0.51885 -0.71433,-0.51885 z m 2.46491,1.238331 c 0.2653,0.230763 0.29249,0.632762 0.0632,0.897331 l -2.1195,2.439916 c -0.13155,0.149923 -0.31748,0.224149 -0.50268,0.217534 -0.14037,-0.0044 -0.28074,-0.05585 -0.39391,-0.155067 -0.26531,-0.230763 -0.29323,-0.632026 -0.0632,-0.896595 l 2.11876,-2.439917 c 0.23002,-0.264568 0.63276,-0.292495 0.89733,-0.06321 z m 0.86132,1.442637 c 0.22929,-0.265304 0.63055,-0.296171 0.89659,-0.06762 0.26604,0.228558 0.29691,0.629821 0.0676,0.896596 l -0.94363,1.098697 c -0.12567,0.145513 -0.30425,0.221209 -0.4821,0.221209 -0.14625,0 -0.29397,-0.05071 -0.41449,-0.153597 -0.26604,-0.228559 -0.29544,-0.629822 -0.0669,-0.896596 z"
-            ></path>
-            <path
-              id="sideroad"
-              v-if="Data.controltype === 1"
-              :fill="showDefaultColor"
-              d="m 30.030758,70.573204 c 0,0 -2.24193,-0.0074 -6.0165,0.01553 3.02093,-2.652358 5.44882,-7.639667 4.4602,-10.926486 -1.14816,-3.290292 -4.6071,-6.339017 -11.68284,-7.561373 3.79816,0.139862 20.50678,1.615937 13.23914,18.472325 z m -13.00606,-18.23613 c 5.73079,1.47924 9.54134,4.410305 9.39265,8.389123 -0.22016,3.660251 -4.22863,8.307785 -6.2964,9.912616 -5.84597,0.02711 -6.86454,0.01504 -6.86454,0.01504 0,0 18.72693,-13.094853 3.76829,-18.316795 z"
-            ></path> -->
-            <path
-              v-if="Data.controltype === 3 && Data.flip === true"
-              :fill="showDefaultColor"
-              d="m 17.093778,82.614566 v -1.946 c 1.622,0 2.87,-1.427 2.87,-3.114 0,-1.687 -1.248,-2.985 -2.87,-3.115 v -16.221 c 1.622,0 2.87,-1.428 2.87,-3.114 0,-1.688 -1.248,-2.985 -2.87,-3.116 v -4.412 -1.168 -0.259 c 0,-0.519 0.375,-0.779 0.749,-0.779 h 4.241 l 0.5,1.038 h 3.742 c 1.248,0 2.246,1.039 2.246,2.336 v 35.947 c 0.124,2.726 -1.747,4.672 -3.992,4.672 h -5.864 c -0.374,-1.427 -1.123,-4.932 -1.622,-6.749 z m 9.856,-32.053 v -1.297 c 0,-0.52 -0.375,-0.779 -0.749,-0.779 h -7.111 c -0.499,0 -0.748,0.389 -0.748,0.779 v 1.167 c 0,0.52 0.374,0.779 0.748,0.779 l 7.111,0.129 c 0.5,0 0.749,-0.388 0.749,-0.778 z m -0.499,9.862 c 0.374,0 0.624,-0.388 0.624,-0.648 v -6.359 c 0,-0.389 -0.374,-0.648 -0.624,-0.648 h -2.62 c -0.374,0 -0.624,0.389 -0.624,0.648 v 6.359 c 0,0.39 0.374,0.648 0.624,0.648 z m 0,8.696 c 0.374,0 0.624,-0.389 0.624,-0.65 v -6.358 c 0,-0.39 -0.374,-0.649 -0.624,-0.649 h -2.62 c -0.374,0 -0.624,0.39 -0.624,0.649 v 6.358 c 0,0.391 0.374,0.65 0.624,0.65 z m 0,8.824 c 0.374,0 0.624,-0.389 0.624,-0.649 v -6.489 c 0,-0.388 -0.374,-0.648 -0.624,-0.648 h -2.62 c -0.374,0 -0.624,0.389 -0.624,0.648 v 6.489 c 0,0.389 0.374,0.649 0.624,0.649 z m 0,8.825 c 0.374,0 0.624,-0.39 0.624,-0.648 v -6.36 c 0,-0.389 -0.374,-0.649 -0.624,-0.649 h -2.62 c -0.374,0 -0.624,0.39 -0.624,0.649 v 6.36 c 0,0.389 0.374,0.648 0.624,0.648 z m -7.361,-31.535 c 0,1.039 -0.998,2.336 -2.245,2.336 -1.248,0 -2.246,-1.039 -2.246,-2.336 0,-1.297 0.998,-2.336 2.246,-2.336 1.247,0 2.245,1.039 2.245,2.336 z m -3.867,0 c 0.125,1.039 0.873,1.687 1.622,1.687 0.748,0 1.622,-0.648 1.622,-1.687 0,-1.038 -0.624,-1.687 -1.622,-1.687 -0.749,0 -1.622,0.649 -1.622,1.687 z m 3.867,22.45 c 0,1.298 -0.998,2.336 -2.245,2.336 -1.248,0 -2.246,-1.038 -2.246,-2.336 0,-1.298 0.998,-2.336 2.246,-2.336 1.247,0 2.245,1.038 2.245,2.336 z m -3.867,0 c 0,0.909 0.873,1.688 1.622,1.688 0.748,0 1.622,-0.649 1.622,-1.688 0,-0.778 -0.624,-1.686 -1.622,-1.686 -0.749,0 -1.622,0.648 -1.622,1.686 z"
-              id="bus-back"
-            ></path>
-            <path
-              v-if="Data.controltype === 3 && Data.flip === false"
-              :fill="showDefaultColor"
-              d="m 28.446777,82.589286 v -1.946 c -1.622,0 -2.869999,-1.427 -2.87,-3.114 0,-1.687 1.248,-2.985 2.87,-3.115 v -16.221 c -1.622,0 -2.87,-1.428 -2.87,-3.114 0,-1.688002 1.248001,-2.985002 2.87,-3.116002 v -4.412 l 10e-7,-1.168 -10e-7,-0.259 c 0,-0.519 -0.374999,-0.779 -0.749,-0.779 h -4.240999 l -0.5,1.038 h -3.742 c -1.248,0 -2.246,1.039 -2.246,2.335999 l -1e-6,35.947003 c -0.123999,2.726 1.747,4.672 3.992001,4.672 h 5.864 c 0.374,-1.427 1.123,-4.932 1.621999,-6.749 z m -9.855999,-32.053002 -1e-6,-1.297 c 0,-0.52 0.375001,-0.779 0.749001,-0.779 h 7.111 c 0.499,0 0.748,0.389 0.747999,0.779 v 1.167 c 1e-6,0.52 -0.374,0.779 -0.747999,0.779 l -7.111001,0.129 c -0.5,0 -0.748999,-0.388 -0.748999,-0.778 z m 0.499,9.862002 c -0.374001,0 -0.624,-0.388 -0.624,-0.648 v -6.359002 c 0,-0.389 0.374,-0.648 0.623999,-0.648 h 2.620001 c 0.374,2e-6 0.623999,0.389 0.624,0.648 l -10e-7,6.359002 c 10e-7,0.39 -0.373999,0.648 -0.624,0.648 z m 0,8.696 c -0.374001,0 -0.624001,-0.389 -0.624,-0.65 l -1e-6,-6.358 c 1e-6,-0.39 0.374001,-0.649 0.624001,-0.649 h 2.619999 c 0.374001,0 0.624001,0.39 0.624,0.649 l 10e-7,6.358 c 0,0.391 -0.374001,0.65 -0.624,0.65 z m 0,8.824 c -0.374,0 -0.624,-0.389 -0.624,-0.649 v -6.489 c -1e-6,-0.388 0.374,-0.648 0.624,-0.648 h 2.62 c 0.374,0 0.624,0.389 0.624,0.648 v 6.489 c -10e-7,0.389 -0.374,0.649 -0.624,0.649 z m 0,8.825 c -0.374,0 -0.624,-0.39 -0.624,-0.648 v -6.36 c 0,-0.389 0.374,-0.649 0.623999,-0.649 h 2.620001 c 0.373999,0 0.623999,0.39 0.624,0.649 v 6.36 c -10e-7,0.389 -0.374,0.648 -0.624,0.648 z m 7.360999,-31.535 c 0,1.039 0.998,2.336 2.245,2.336 1.248,0 2.246,-1.039 2.246001,-2.336 -1e-6,-1.297 -0.998,-2.336002 -2.246001,-2.336002 -1.247,0 -2.244999,1.039002 -2.245,2.336002 z m 3.867001,0 c -0.125001,1.039 -0.873001,1.687 -1.622001,1.687 -0.748,0 -1.621999,-0.648 -1.621999,-1.687 0,-1.038 0.624,-1.687 1.621999,-1.687 0.749001,0 1.622001,0.649 1.622001,1.687 z m -3.867,22.45 c 0,1.298 0.997999,2.336 2.244999,2.336 1.248,0 2.246,-1.038 2.246,-2.336 0,-1.298 -0.998,-2.336 -2.246,-2.336 -1.247,0 -2.245,1.038 -2.244999,2.336 z m 3.866999,0 c 0,0.909 -0.873,1.688 -1.622,1.688 -0.748,0 -1.622,-0.649 -1.622,-1.688 0,-0.778 0.624,-1.686 1.622,-1.686 0.749,0 1.622,0.648 1.622,1.686 z"
-              id="bus-front"
-            ></path>
-            <path
-              v-if="Data.controltype === 4 && Data.flip === false"
-              :fill="showDefaultColor"
-              d="m 17.952161,49.63424 h 10.787998 v 2.119 H 17.952161 v 3.128006 h -2.197 V 46.51424 h 2.197 z m 8.253998,7.998006 2.534,-1.28 v 2.537 l -2.826,1.539 c -1.021,0.555 -1.66,0.93 -1.917,1.129 -0.257,0.198 -0.434,0.409 -0.531,0.631 -0.098,0.222 -0.147,0.579 -0.147,1.068 v 0.438 h 5.421 v 2.122 H 15.755161 v -4.478 c 0,-1.144 0.117,-1.962 0.35,-2.453 0.233,-0.491 0.638,-0.894 1.214,-1.209 0.575,-0.316 1.265,-0.473 2.068,-0.473 1.016,0 1.834,0.241 2.453,0.722 0.619998,0.483 1.009998,1.167 1.168998,2.055 0.331,-0.455 0.693,-0.833 1.086,-1.13 0.392,-0.298 1.096,-0.705 2.111,-1.218 z m -5.605998,2.006 c -0.259,-0.163 -0.605,-0.245 -1.036,-0.245 -0.413,0 -0.746,0.082 -0.997,0.245 -0.25,0.164 -0.423,0.386 -0.518,0.666 -0.064,0.199 -0.097,0.774 -0.097,1.726 v 1.664 h 3.295 v -1.576 c 0,-0.964 -0.043,-1.577 -0.128,-1.841 -0.086,-0.262 -0.259,-0.475 -0.519,-0.639 z m 2.391998,9.589 c 0.543,-0.354 1.204,-0.53 1.983,-0.53 0.945,0 1.744,0.225 2.397,0.676 0.652,0.448 1.054,0.98 1.208,1.594 0.107,0.425 0.16,1.416 0.16,2.97 v 3.583 H 15.755161 v -4.219 c 0,-1.152 0.107,-1.962 0.319,-2.429 0.213,-0.469 0.588,-0.862 1.125,-1.184 0.537,-0.323 1.146,-0.482 1.825,-0.482 0.626,0 1.191,0.138 1.696,0.413 0.505,0.275 0.878,0.634 1.12,1.073 0.224998,-0.624 0.607998,-1.113 1.151998,-1.465 z m -4.538998,2.304 c -0.24,0.167 -0.389,0.368 -0.448,0.605 -0.059,0.236 -0.088,0.916 -0.088,2.038 v 1.226 h 3.002 v -1.402 c 0,-0.841 -0.015,-1.36 -0.044,-1.559 -0.059,-0.363 -0.214,-0.646 -0.465,-0.851 -0.251,-0.204 -0.592,-0.307 -1.023,-0.307 -0.384,0 -0.696,0.085 -0.934,0.25 z m 5.347998,-0.376 c -0.274,0.178 -0.463,0.416 -0.566,0.711 -0.103,0.296 -0.155,0.901 -0.155,1.814 v 1.72 h 3.463 v -1.975 c 0,-0.867 -0.045,-1.422 -0.137,-1.669 -0.091,-0.246 -0.27,-0.451 -0.538,-0.618 -0.269,-0.167 -0.608,-0.25 -1.021,-0.25 -0.424,0 -0.773,0.09 -1.046,0.267 z"
-              id="brt-front"
-            ></path>
-            <path
-              v-if="Data.controltype === 4 && Data.flip === true"
-              :fill="showDefaultColor"
-              d="m 26.8914,77.546676 h -10.788 v -2.119 h 10.788 v -3.128 h 2.197 v 8.367 h -2.197 z m -8.254,-7.998 -2.534,1.28 v -2.537 l 2.826,-1.539 c 1.021,-0.555 1.66,-0.93 1.917,-1.129 0.257,-0.198 0.434,-0.409 0.531,-0.631 0.098,-0.222 0.147,-0.579 0.147,-1.068 v -0.438 h -5.421 v -2.122 h 12.985 v 4.478 c 0,1.144 -0.117,1.962 -0.35,2.453 -0.233,0.491 -0.638,0.894 -1.214,1.209 -0.575,0.316 -1.265,0.473 -2.068,0.473 -1.016,0 -1.834,-0.241 -2.453,-0.722 -0.62,-0.483 -1.01,-1.167 -1.169,-2.055 -0.331,0.455 -0.693,0.833 -1.086,1.13 -0.392,0.298 -1.096,0.705 -2.111,1.218 z m 5.606,-2.006 c 0.259,0.163 0.605,0.245 1.036,0.245 0.413,0 0.746,-0.082 0.997,-0.245 0.25,-0.164 0.423,-0.386 0.518,-0.666 0.064,-0.199 0.097,-0.774 0.097,-1.726 v -1.664 h -3.295 v 1.576 c 0,0.964 0.043,1.577 0.128,1.841 0.086,0.262 0.259,0.475 0.519,0.639 z m -2.392,-9.589 c -0.543,0.354 -1.204,0.53 -1.983,0.53 -0.945,0 -1.744,-0.225 -2.397,-0.676 -0.652,-0.448 -1.054,-0.98 -1.208,-1.594 -0.107,-0.425 -0.16,-1.416 -0.16,-2.969995 v -3.583 h 12.985 v 4.218995 c 0,1.152 -0.107,1.962 -0.319,2.429 -0.213,0.469 -0.588,0.862 -1.125,1.184 -0.537,0.323 -1.146,0.482 -1.825,0.482 -0.626,0 -1.191,-0.138 -1.696,-0.413 -0.505,-0.275 -0.878,-0.634 -1.12,-1.073 -0.225,0.624 -0.608,1.113 -1.152,1.465 z m 4.539,-2.304 c 0.24,-0.167 0.389,-0.368 0.448,-0.605 0.059,-0.236 0.088,-0.916 0.088,-2.037995 v -1.226 h -3.002 v 1.402 c 0,0.840995 0.015,1.359995 0.044,1.558995 0.059,0.363 0.214,0.646 0.465,0.851 0.251,0.204 0.592,0.307 1.023,0.307 0.384,0 0.696,-0.085 0.934,-0.25 z m -5.348,0.376 c 0.274,-0.178 0.463,-0.416 0.566,-0.71099 0.103,-0.29601 0.155,-0.90101 0.155,-1.81401 v -1.719995 h -3.462999 v 1.975005 c 0,0.86699 0.045,1.42199 0.137,1.66899 0.091,0.246 0.269999,0.451 0.537999,0.618 0.269001,0.167 0.608001,0.25 1.021,0.25 0.424001,0 0.773,-0.09 1.046,-0.267 z"
-              id="brt-back"
-            ></path>
-            <path
-              v-if="Data.controltype === 5 && Data.flip === true"
-              :fill="showDefaultColor"
-              d="M 13.749618,87.965596 V 44.251595 c 0,-0.257 0.383,-0.643 0.639,-0.643 0.256,0 0.64,0.257 0.64,0.643 v 43.714001 c 0,0.386 -0.384,0.643 -0.64,0.643 -0.256,0 -0.639,-0.257 -0.639,-0.643 z m 2.813,-1.8 v -0.514 -0.772 -1.157 -0.514 -1.157 -6.3 -1.157 -0.643 -1.157 -6.3 -1.157 -0.515 -1.157 -6.814 -1.157 -0.515 -1.157 -0.643 -5.528001 c -0.383,-1.414 2.047,-2.443 3.326,-2.443 4.348,0 7.929,3.6 7.929,7.971001 v 4.115 l 0.64,-1.029 c 0,-0.128 0.128,-0.128 0.384,-0.128 0.127,0 0.127,0.128 0.383,0.128 l 1.535,3.986 c 0,0.128 0,0.386 -0.128,0.514 -0.128,0 -0.384,0 -0.512,-0.128 l -1.278,-3.343 -0.768,1.285 v 27.386 c 0,0.514 -0.384,0.772 -0.767,0.772 h -9.976 c -0.512,0 -0.768,-0.386 -0.768,-0.772 z m 7.418,-33.171 c 0.512,0 1.024,-0.515001 1.024,-1.029001 0,-1.671 -1.279,-2.957 -2.942,-2.957 h -3.581 c -0.512,-0.129 -1.023,0.386 -1.023,0.9 v 2.057 c 0,0.514 0.511,1.029001 1.023,1.029001 z m 0.384,5.014 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.186 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 v 0.128 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.857 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.986 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,4.243 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.386 -0.639,0.643 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,3.985 c 0.384,0 0.64,-0.385 0.64,-0.642 v -2.058 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.642 v 2.058 c 0,0.385 0.384,0.642 0.639,0.642 z m 0,3.729 c 0.384,0 0.64,-0.386 0.64,-0.643 v -1.928 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,-0.129 -0.639,0.257 -0.639,0.514 v 2.057 c 0,0.386 0.384,0.643 0.639,0.643 z m 0,4.371 c 0.384,0 0.64,-0.385 0.64,-0.642 v -2.058 c 0,-0.385 -0.384,-0.642 -0.64,-0.642 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.642 v 2.058 c 0,0.385 0.384,0.642 0.639,0.642 z m 0,3.858 c 0.384,0 0.64,-0.386 0.64,-0.643 v -2.057 c 0,-0.386 -0.384,-0.643 -0.64,-0.643 h -2.814 c -0.383,0 -0.639,0.385 -0.639,0.643 v 2.057 c 0,0.385 0.384,0.643 0.639,0.643 z"
-              id="rail-back"
-            ></path>
-            <path
-              v-if="Data.controltype === 5 && Data.flip === false"
-              :fill="showDefaultColor"
-              d="m 30.991609,88.016356 v -43.714 c 0,-0.257 -0.383,-0.643 -0.639,-0.643 -0.256,0 -0.64,0.257 -0.64,0.643 v 43.714 c 0,0.386 0.384,0.643 0.64,0.643 0.256,0 0.639,-0.257 0.639,-0.643 z m -2.813,-1.8 v -0.514 -0.772 -1.157 -0.514 -1.157 -6.3 -1.157 -0.643 -1.157 -6.3 -1.157 -0.515 -1.157 -6.814 -1.157 -0.515 -1.157 -0.643 -5.528 c 0.383,-1.414 -2.047,-2.443 -3.326,-2.443 -4.348,0 -7.929,3.6 -7.929,7.971 v 4.115 l -0.64,-1.029 c 0,-0.128 -0.128,-0.128 -0.384,-0.128 -0.127,0 -0.127,0.128 -0.383,0.128 l -1.535,3.986 c 0,0.128 0,0.386 0.128,0.514 0.128,0 0.384,0 0.512,-0.128 l 1.278,-3.343 0.768,1.285 v 27.386 c 0,0.514 0.384,0.772 0.767,0.772 h 9.976 c 0.512,0 0.768,-0.386 0.768,-0.772 z m -7.418,-33.171 c -0.512,0 -1.024,-0.515 -1.024,-1.029 0,-1.671 1.279,-2.957 2.942,-2.957 h 3.581 c 0.512,-0.129 1.023,0.386 1.023,0.9 v 2.057 c 0,0.514 -0.511,1.029 -1.023,1.029 z m -0.384,5.014 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.186 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 v 0.128 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.857 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.986 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,4.243 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.386 0.639,0.643 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,3.985 c -0.384,0 -0.64,-0.385 -0.64,-0.642 v -2.058 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 c 0.383,0 0.639,0.385 0.639,0.642 v 2.058 c 0,0.385 -0.384,0.642 -0.639,0.642 z m 0,3.729 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -1.928 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,-0.129 0.639,0.257 0.639,0.514 v 2.057 c 0,0.386 -0.384,0.643 -0.639,0.643 z m 0,4.371 c -0.384,0 -0.64,-0.385 -0.64,-0.642 v -2.058 c 0,-0.385 0.384,-0.642 0.64,-0.642 h 2.814 c 0.383,0 0.639,0.385 0.639,0.642 v 2.058 c 0,0.385 -0.384,0.642 -0.639,0.642 z m 0,3.858 c -0.384,0 -0.64,-0.386 -0.64,-0.643 v -2.057 c 0,-0.386 0.384,-0.643 0.64,-0.643 h 2.814 c 0.383,0 0.639,0.385 0.639,0.643 v 2.057 c 0,0.385 -0.384,0.643 -0.639,0.643 z"
-              id="rail-front"
-            ></path>
-            <path
-              v-if="Data.controltype === 6 && Data.flip === true"
-              :fill="showDefaultColor"
-              d="m 24.392089,69.558502 c 0,-0.410119 -0.05739,-0.816369 -0.170883,-1.209077 l 2.416219,-1.142013 1.168451,0.46493 0.0019,0.676438 c 6.45e-4,0.187649 0.07674,0.363046 0.213442,0.496528 0.137996,0.133482 0.319841,0.205704 0.512649,0.205059 0.397867,-0.0019 0.721577,-0.318551 0.721577,-0.706746 l -0.01096,-2.904363 c 0,-0.187649 -0.07609,-0.36498 -0.213443,-0.497817 -0.137996,-0.132837 -0.319841,-0.204415 -0.513293,-0.20377 -0.397222,0.0019 -0.720287,0.317907 -0.720287,0.706101 l 0.0026,0.705456 -0.40754,-0.163145 V 59.09274 l 0.757044,0.234077 c 0.13993,0.05094 0.347569,0.178621 0.347569,0.288889 v 1.21617 c 0,0.388194 0.325,0.704166 0.724156,0.704166 0.399157,0 0.723512,-0.315972 0.723512,-0.704166 v -1.21617 c 0,-0.936954 -0.838293,-1.462499 -1.336755,-1.625644 l -4.268202,-1.319346 c 0.03547,-0.223115 0.05223,-0.450098 0.05223,-0.677082 0,-2.484572 -2.077679,-4.504859 -4.630604,-4.504859 -2.552925,0 -4.630603,2.020286 -4.630603,4.504859 0,2.483928 2.077678,4.504859 4.630603,4.504859 1.752033,0 3.353174,-0.969196 4.137945,-2.485861 l 0.651934,0.20119 -5.240623,5.113588 v 0.01225 c -0.0071,0.009 -0.01419,0.01806 -0.02193,0.02902 -0.02902,0.04321 -0.05094,0.08319 -0.06319,0.114782 -0.01096,0.02515 -0.01741,0.04836 -0.02193,0.06835 l 0.22892,0.08319 v 0 l -0.248265,-0.02063 c -0.01032,0.04578 -0.01548,0.0935 -0.01548,0.142509 l -0.0026,1.334815 c -2.280802,0.286309 -4.035415,2.20729 -4.035415,4.466813 0,2.484572 2.077678,4.505503 4.630603,4.505503 2.552925,0 4.630604,-2.020931 4.630604,-4.505503 z m 1.552132,-4.150196 -4.773114,-1.902275 4.773114,-4.657686 z m -5.332836,1.169096 c 0.6687,0.1812 1.261954,0.574553 1.684325,1.115575 L 20.608161,68.49 Z m 3.005605,0.490724 c -0.695139,-1.019493 -1.771379,-1.713342 -3.003026,-1.937747 l 0.0013,-0.325644 4.224998,1.686259 z m -4.458431,2.547122 c 0,0.243105 0.126388,0.465575 0.338541,0.597122 0.214732,0.130258 0.476537,0.143155 0.701587,0.03611 l 2.687053,-1.26969 c 0.03934,0.192162 0.05868,0.386259 0.05868,0.579712 0,1.708183 -1.427679,3.097171 -3.182936,3.097171 -1.755902,0 -3.184225,-1.388988 -3.184225,-3.097171 0,-1.504414 1.094295,-2.768947 2.587102,-3.04236 z m 0.717063,-14.323846 c -0.18507,-0.05675 -0.381101,-0.04062 -0.552629,0.04643 -0.170882,0.08641 -0.298561,0.232787 -0.355952,0.411408 -0.12252,0.371429 0.09866,0.769296 0.470089,0.884722 l 3.053322,0.944048 c -0.57004,0.927281 -1.613392,1.512797 -2.728967,1.512797 -1.755902,0 -3.184225,-1.388988 -3.184225,-3.097172 0,-1.708184 1.428323,-3.097171 3.184225,-3.097171 1.755257,0 3.182936,1.388987 3.182936,3.097171 0,0.07867 -0.0039,0.158631 -0.01161,0.24246 z"
-              id="bike-back"
-            ></path>
-            <path
-              v-if="Data.controltype === 6 && Data.flip === false"
-              :fill="showDefaultColor"
-              d="m 20.709132,69.609465 c 0,-0.412018 0.0577,-0.820149 0.17168,-1.214676 l -2.42741,-1.147301 -1.17386,0.467083 -0.002,0.679571 c -6.5e-4,0.188517 -0.0771,0.364726 -0.21444,0.498826 -0.13863,0.1341 -0.32132,0.206657 -0.51502,0.206009 -0.39971,-0.0019 -0.72492,-0.320026 -0.72492,-0.710018 l 0.011,-2.917812 c 0,-0.188518 0.0764,-0.36667 0.21443,-0.500122 0.13863,-0.133453 0.32132,-0.205362 0.51567,-0.204714 0.39906,0.0019 0.72362,0.319379 0.72362,0.709371 l -0.003,0.708722 0.40943,-0.1639 v -6.925269 l -0.76055,0.235161 c -0.14058,0.05118 -0.34918,0.179448 -0.34918,0.290227 v 1.221801 c 0,0.389992 -0.32651,0.707427 -0.72751,0.707427 -0.40101,0 -0.72686,-0.317435 -0.72686,-0.707427 v -1.221801 c 0,-0.941293 0.84217,-1.469271 1.34294,-1.633172 l 4.28797,-1.325453 c -0.0356,-0.224148 -0.0525,-0.452183 -0.0525,-0.680218 0,-2.496077 2.0873,-4.525719 4.65205,-4.525719 2.56474,0 4.65204,2.029642 4.65204,4.525719 0,2.495428 -2.0873,4.525718 -4.65204,4.525718 -1.76015,0 -3.3687,-0.973684 -4.15711,-2.497373 l -0.65495,0.202122 5.26489,5.137274 v 0.01231 c 0.007,0.0091 0.0143,0.01814 0.022,0.02915 0.0291,0.04341 0.0512,0.08357 0.0635,0.115314 0.011,0.02526 0.0175,0.04859 0.022,0.06866 l -0.22998,0.08358 v 0 l 0.24941,-0.02073 c 0.0104,0.046 0.0155,0.09394 0.0155,0.14317 l 0.003,1.340995 c 2.29137,0.287635 4.0541,2.217511 4.0541,4.487497 0,2.496076 -2.0873,4.526366 -4.65204,4.526366 -2.56475,0 -4.65205,-2.03029 -4.65205,-4.526366 z m -1.55932,-4.169414 4.79522,-1.911082 -4.79522,-4.67926 z m 5.35753,1.17451 c -0.67179,0.18204 -1.26779,0.577214 -1.69212,1.120741 l 1.69536,0.800714 z m -3.01952,0.492996 c 0.69836,-1.024214 1.77958,-1.721275 3.01693,-1.946719 l -0.001,-0.327153 -4.24457,1.694067 z m 4.47908,2.558916 c 0,0.244231 -0.12698,0.467731 -0.34011,0.599888 -0.21573,0.130861 -0.47875,0.143818 -0.70484,0.03628 l -2.69949,-1.275571 c -0.0395,0.193053 -0.0589,0.388049 -0.0589,0.582397 0,1.716093 1.43428,3.111512 3.19767,3.111512 1.76403,0 3.19897,-1.395419 3.19897,-3.111512 0,-1.51138 -1.09936,-2.781769 -2.59908,-3.056447 z m -0.72039,-14.390176 c 0.18593,-0.05701 0.38287,-0.04081 0.55519,0.04664 0.17167,0.08681 0.29994,0.233865 0.3576,0.413313 0.12309,0.373148 -0.0991,0.772858 -0.47226,0.888819 l -3.06746,0.948418 c 0.57267,0.931575 1.62086,1.519802 2.7416,1.519802 1.76403,0 3.19897,-1.395419 3.19897,-3.111512 0,-1.716093 -1.43494,-3.111512 -3.19897,-3.111512 -1.76339,0 -3.19767,1.395419 -3.19767,3.111512 0,0.07903 0.004,0.159365 0.0117,0.243582 z"
-              id="bike-front"
-            ></path>
-            <!-- <path
-              id="机动车道"
-              v-if="Data.controltype === 0"
-              :fill="showDefaultColor"
-              d="M7580.97,1933h-22.54a0.864,0.864,0,0,1-.82-1.13l2.56-7.84a2.74,2.74,0,0,1,2.62-1.9h13.82a2.74,2.74,0,0,1,2.62,1.9l2.56,7.84A0.864,0.864,0,0,1,7580.97,1933Zm-21.34-1.73h20.14l-2.18-6.71a1.024,1.024,0,0,0-.98-0.7h-13.82a1,1,0,0,0-.97.7Zm4.05,13.73h-3.62a1.34,1.34,0,0,1-1.34-1.34v-3.05a1.34,1.34,0,0,1,1.34-1.34h3.62a1.34,1.34,0,0,1,1.34,1.34v3.05A1.34,1.34,0,0,1,7563.68,1945Zm-3.23-1.73h2.84V1941h-2.84v2.27Zm18.89,1.73h-3.62a1.34,1.34,0,0,1-1.34-1.34v-3.05a1.34,1.34,0,0,1,1.34-1.34h3.62a1.34,1.34,0,0,1,1.34,1.34v3.05A1.34,1.34,0,0,1,7579.34,1945Zm-3.23-1.73h2.84V1941h-2.84v2.27Zm6.03-12h-24.88a2.258,2.258,0,0,0-2.26,2.26v5.21a2.258,2.258,0,0,0,2.26,2.26h24.88a2.258,2.258,0,0,0,2.26-2.26v-5.21A2.258,2.258,0,0,0,7582.14,1931.27Zm-17.85,5.58a0.851,0.851,0,0,1-.85.86h-3.72a0.86,0.86,0,0,1-.86-0.86v-2a0.86,0.86,0,0,1,.86-0.86h3.72a0.851,0.851,0,0,1,.85.86v2Zm16.25,0a0.854,0.854,0,0,1-.86.86h-3.72a0.851,0.851,0,0,1-.85-0.86v-2a0.851,0.851,0,0,1,.85-0.86h3.72a0.854,0.854,0,0,1,.86.86v2Zm-17.88-6.47a0.935,0.935,0,0,1-.54-0.21,0.859,0.859,0,0,1-.08-1.22l2.88-3.32a0.865,0.865,0,1,1,1.31,1.13l-2.89,3.32A0.845,0.845,0,0,1,7562.66,1930.38Zm4.03,0.05a0.894,0.894,0,0,1-.57-0.21,0.868,0.868,0,0,1-.09-1.22l1.28-1.49a0.87,0.87,0,0,1,1.22-.1,0.861,0.861,0,0,1,.1,1.22l-1.29,1.5A0.849,0.849,0,0,1,7566.69,1930.43ZM55,1920H16438M55,1947H16438M84,1924H16467"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="机动车支路"
-              v-if="Data.controltype === 1"
-              :fill="showDefaultColor"
-              d="M7577.33,1930.61c-0.95-3.49-4.79-7.2-11.11-9.27,16.49,7.32-10.21,25.55-10.21,25.55,0.13,0.14,7.02.13,13.47,0.09C7571.76,1944.74,7579.07,1936.91,7577.33,1930.61Zm-11.37-9.6c7.8,1.71,12.58,4.26,13.84,8.87,1.75,6.37-3.36,13.36-6.69,17.08,4.17-.03,7.45-0.07,7.45-0.07C7594.96,1923.36,7570.15,1921.2,7565.96,1921.01Z"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="公交车道"
-              v-if="Data.controltype === 3"
-              :fill="showDefaultColor"
-              d="M7557.87,1936.49a2.252,2.252,0,1,0,2.34,2.25A2.469,2.469,0,0,0,7557.87,1936.49Zm0,3.87a1.679,1.679,0,0,1-1.69-1.62,1.537,1.537,0,0,1,1.69-1.62,1.679,1.679,0,0,1,1.69,1.62A1.764,1.764,0,0,1,7557.87,1940.36Zm22.45-3.87a2.252,2.252,0,1,0,2.34,2.25A2.287,2.287,0,0,0,7580.32,1936.49Zm0,3.87a1.621,1.621,0,1,1,1.69-1.62A1.777,1.777,0,0,1,7580.32,1940.36Zm7.01-13.35h-35.95a2.278,2.278,0,0,0-2.33,2.25V1933l-1.04.5v4.24a0.732,0.732,0,0,0,.78.75h5.83a3.093,3.093,0,0,1,3.12-2.87,3,3,0,0,1,3.12,2.87h16.22a3.076,3.076,0,0,1,3.11-2.87,2.992,2.992,0,0,1,3.11,2.87h1.95c1.82-.5,5.32-1.25,6.75-1.62v-5.86A4.19,4.19,0,0,0,7587.33,1927.01Zm-33.35,2.37-0.13,7.11a0.732,0.732,0,0,1-.78.75h-1.17a0.736,0.736,0,0,1-.78-0.75v-7.11a0.73,0.73,0,0,1,.78-0.74h1.3a0.728,0.728,0,0,1,.78.74h0Zm9.08,2.37a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.684,0.684,0,0,1,.65.62v2.62Zm8.7,0a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.684,0.684,0,0,1,.65.62v2.62Zm8.82,0a0.687,0.687,0,0,1-.65.63h-6.49a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.49a0.684,0.684,0,0,1,.65.62v2.62Zm8.83,0a0.687,0.687,0,0,1-.65.63h-6.36a0.685,0.685,0,0,1-.65-0.63v-2.62a0.678,0.678,0,0,1,.65-0.62h6.36a0.692,0.692,0,0,1,.65.62v2.62Z"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="BRT"
-              v-if="Data.controltype === 4"
-              :fill="showDefaultColor"
-              d="M7554.92,1927.97h4.22a6.467,6.467,0,0,1,2.43.32,2.677,2.677,0,0,1,1.19,1.13,3.46,3.46,0,0,1,.48,1.82,3.56,3.56,0,0,1-.41,1.7,2.781,2.781,0,0,1-1.08,1.12,2.814,2.814,0,0,1,1.47,1.15,3.566,3.566,0,0,1,.53,1.98,4.116,4.116,0,0,1-.68,2.4,2.814,2.814,0,0,1-1.59,1.21,17,17,0,0,1-2.97.16h-3.59v-12.99Zm2.12,2.16v3.01h1.41a14.58,14.58,0,0,0,1.56-.05,1.349,1.349,0,0,0,.85-0.46,1.618,1.618,0,0,0,.3-1.03,1.572,1.572,0,0,0-.25-0.93,1.011,1.011,0,0,0-.6-0.45,12.642,12.642,0,0,0-2.04-.09h-1.23Zm0,5.17v3.46h1.98a5.755,5.755,0,0,0,1.67-.14,1.229,1.229,0,0,0,.62-0.54,1.923,1.923,0,0,0,.25-1.02,1.847,1.847,0,0,0-.27-1.04,1.359,1.359,0,0,0-.71-0.57,6.911,6.911,0,0,0-1.81-.15h-1.73Zm9.59,5.66v-12.99h4.48a6.233,6.233,0,0,1,2.45.35,2.793,2.793,0,0,1,1.21,1.22,4.265,4.265,0,0,1,.47,2.06,3.91,3.91,0,0,1-.72,2.46,3.215,3.215,0,0,1-2.05,1.17,5.562,5.562,0,0,1,1.13,1.08,16.127,16.127,0,0,1,1.21,2.11l1.28,2.54h-2.53l-1.54-2.83a20.26,20.26,0,0,0-1.13-1.92,1.784,1.784,0,0,0-.63-0.53,3.089,3.089,0,0,0-1.07-.14h-0.44v5.42h-2.12Zm2.12-7.5h1.58a8.411,8.411,0,0,0,1.84-.12,1.235,1.235,0,0,0,.64-0.52,1.977,1.977,0,0,0,.24-1.04,1.874,1.874,0,0,0-.24-1,1.255,1.255,0,0,0-.67-0.51,7.888,7.888,0,0,0-1.73-.1h-1.66v3.29Zm11.94,7.5v-10.79h-3.13v-2.2h8.37v2.2h-3.12v10.79h-2.12Z"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="有轨电车"
-              v-if="Data.controltype === 5"
-              :fill="showDefaultColor"
-              d="M7552.24,1940.19h38.32a0.738,0.738,0,0,0,.77-0.77v-9.97a0.739,0.739,0,0,0-.77-0.77h-27.39l-1.28-.77,3.34-1.28a0.742,0.742,0,0,0,.13-0.51,0.833,0.833,0,0,0-.52-0.12l-3.98,1.53a1.123,1.123,0,0,1-.13.38c0,0.26,0,.39.13,0.39l1.03,0.64h-4.12a7.99,7.99,0,0,0-7.97,7.93h0C7549.8,1938.15,7550.83,1940.58,7552.24,1940.19Zm34.85-7.8a0.678,0.678,0,0,1,.64-0.64h2.06a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-3.86,0a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-4.24,2.81v-2.81a0.678,0.678,0,0,1,.64-0.64h1.93a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.509,0.509,0,0,1-.51-0.64h0Zm-3.86-2.81a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64v-2.81Zm-3.99,0a0.688,0.688,0,0,1,.65-0.64h2.05a0.7,0.7,0,0,1,.65.64v2.81a0.688,0.688,0,0,1-.65.64h-2.05a0.686,0.686,0,0,1-.65-0.64v-2.81Zm-4.24,0a0.686,0.686,0,0,1,.64-0.64h2.06a0.686,0.686,0,0,1,.64.64v2.81a0.678,0.678,0,0,1-.64.64h-2.06a0.685,0.685,0,0,1-.64-0.64v-2.81Zm-3.99,0a0.688,0.688,0,0,1,.65-0.64h2.05a0.7,0.7,0,0,1,.65.64v2.81a0.688,0.688,0,0,1-.65.64h-2.05a0.686,0.686,0,0,1-.65-0.64v-2.81Zm-3.98,2.81v-2.81a0.686,0.686,0,0,1,.64-0.64h2.19a0.694,0.694,0,0,1,.64.64v2.81a0.686,0.686,0,0,1-.64.64h-2.06a0.678,0.678,0,0,1-.64-0.64h-0.13Zm-5.53,3.07v-3.58a2.905,2.905,0,0,1,2.96-2.94,1.106,1.106,0,0,1,1.03,1.02v5.5a1.116,1.116,0,0,1-1.03,1.03h-2.06a0.916,0.916,0,0,1-.9-1.03h0Zm39.6,4.1a0.694,0.694,0,0,1-.64.64h-43.72a0.839,0.839,0,0,1-.64-0.64,0.686,0.686,0,0,1,.64-0.64h43.72A0.686,0.686,0,0,1,7593,1942.37Z"
-              transform="translate(-7548 -1876)"
-            ></path>
-            <path
-              id="非机动车"
-              v-if="Data.controltype === 6"
-              :fill="showDefaultColor"
-              d="M7581.02,1931.62a6.608,6.608,0,0,0-1.87.27l-1.77-3.75,0.72-1.81h1.05a1.084,1.084,0,0,0,.77-0.33,1.143,1.143,0,0,0,.32-0.8,1.121,1.121,0,0,0-1.1-1.12l-4.5.02a1.107,1.107,0,0,0-.78.33,1.18,1.18,0,0,0-.31.8,1.1,1.1,0,0,0,1.09,1.11h1.1l-0.26.63h-10.69l0.37-1.17a0.789,0.789,0,0,1,.45-0.54h1.88a1.126,1.126,0,0,0,0-2.25h-1.88a2.855,2.855,0,0,0-2.53,2.08l-2.04,6.62a6.2,6.2,0,0,0-1.05-.09,7.188,7.188,0,1,0,6.98,7.19,7.225,7.225,0,0,0-3.85-6.42l0.31-1.01,7.93,8.12h0.02a0.1,0.1,0,0,0,.05.04,1.062,1.062,0,0,0,.17.1c0.04,0.01.08,0.02,0.11,0.03l0.13-.35h0l-0.03.38a0.784,0.784,0,0,0,.22.02l2.07,0.01A7,7,0,1,0,7581.02,1931.62Zm-6.43-2.4-2.95,7.4-7.22-7.4h10.17Zm1.81,8.27a4.918,4.918,0,0,1,1.73-2.61l1.24,2.61h-2.97Zm0.76-4.66a7.159,7.159,0,0,0-3,4.65h-0.51l2.62-6.55Zm3.95,6.91a1.09,1.09,0,0,0,.93-0.52,1.142,1.142,0,0,0,.05-1.09l-1.96-4.17a4.406,4.406,0,0,1,.89-0.09,4.937,4.937,0,0,1,0,9.87,4.808,4.808,0,0,1-4.71-4.01Zm-22.21-1.11a1.165,1.165,0,0,0,.07.86,1.119,1.119,0,0,0,.64.55,1.088,1.088,0,0,0,1.37-.73l1.47-4.74a5.026,5.026,0,0,1,2.34,4.24,4.8,4.8,0,1,1-4.8-4.94c0.12,0,.24.01,0.37,0.02Z"
-              transform="translate(-7548 -1876)"
-            ></path> -->
-          </g>
-        </g>
-      </svg>
-    </drr>
-  </div>
-</template>
-<script>
-export default {
-  name: 'motor-icon-svg',
-  data () {
-    return {
-      defaultColor: '#fff', // 默认状态颜色
-      highlightColor: '#299BCC', // 选中高亮状态颜色
-      item: {},
-      reset: true,
-      iconnameArr: [],
-      showDefaultColor: '#fff', // 默认状态颜色
-      FlashColor: undefined,
-      GreenColor: '#77fb65',
-      YellowColor: '#f7b500',
-      lastType: ''
-    }
-  },
-  watch: {
-    // item: {
-    //   handler: function (newval, oldval) {
-    //     if (JSON.stringify(oldval) !== '{}') {
-    //       // 更改原数据的位置大小数据
-    //       let data = {
-    //         ...this.Data,
-    //         ...newval
-    //       }
-    //       let fields = Object.keys(newval)
-    //       this.$emit('changeMotorwayItem', data, fields)
-    //     }
-    //   }
-    // },
-    Data: {
-      handler: function (val) {
-        this.iconnameArr = val.icondirename
-        if (this.UsageMode === 'draw') {
-          this.item.x = val.x
-          this.item.y = val.y
-          this.item.angle = val.angle
-        }
-        if (this.UsageMode === 'show') {
-          if (this.lastType === '') {
-          // 绿闪：绿-》灰-》绿 循环效果
-            if (val.type === 4 || val.type === '黄闪') {
-              let highlightColor = ''
-              if (val.type === 4) {
-                highlightColor = this.GreenColor
-              }
-              if (val.type === '黄闪') {
-                highlightColor = this.YellowColor
-              }
-              this.FlashColor = highlightColor
-              this.GreenIntervalId = setInterval(() => {
-                this.FlashColor =
-              !this.FlashColor || this.FlashColor === '#828282'
-                ? highlightColor
-                : '#828282'
-              }, 500)
-              this.lastType = val.type
-            }
-          }
-          if (
-            this.GreenIntervalId &&
-          val.type !== 4 &&
-          val.type !== '黄闪' &&
-          val.type !== this.lastType
-          ) {
-            clearInterval(this.GreenIntervalId)
-            this.FlashColor = undefined
-            this.lastType = ''
-          }
-        }
-      },
-      deep: true
-    }
-    // ,
-    // chooseIndex: {
-    //   handler: function (val) {
-    //     console.log(this.Data)
-    //   }
-    // }
-  },
-  props: {
-    Data: {
-      type: Object
-    },
-    isSeletable: {
-      type: Boolean
-    },
-    chooseIndex: {
-      type: Number
-    },
-    UsageMode: {
-      // 当前图标模式： 绘制draw 展示show
-      type: String,
-      default: 'draw'
-    }
-  },
-  methods: {
-    boxDragStop (origin, final) {
-      this.item = JSON.parse(JSON.stringify(final))
-      this.handleChangeData()
-    },
-    boxResizeStop (origin, final) {
-      this.IconW = final.w + 'px'
-      this.IconH = final.h + 'px'
-      this.resetSvg()
-      this.item = JSON.parse(JSON.stringify(final))
-      this.handleChangeData()
-    },
-    boxRotateStop (origin, final) {
-      this.item = JSON.parse(JSON.stringify(final))
-      // 第四象限的角度是负值（开源组件接口返回），转化为正值便于理解
-      if (this.item.angle < 0) {
-        this.item.angle = this.item.angle + 360
-      }
-      this.handleChangeData()
-    },
-    resetSvg () {
-      this.reset = false
-      this.$nextTick(() => {
-        this.reset = true
-      })
-    },
-    handleSelectIcon () {
-      this.$emit('handleSelectIcon', this.Data)
-    },
-    handleChangeData () {
-      let data = {
-        ...this.Data,
-        ...this.item
-      }
-      let fields = Object.keys(this.item)
-      this.$emit('changeMotorwayItem', data, fields)
-      this.handleSelectIcon()
-    }
-  },
-  created () {
-    this.IconW = this.Data.w
-    this.IconH = this.Data.h
-    this.item = {
-      x: this.Data.x,
-      y: this.Data.y,
-      w: this.Data.w,
-      h: this.Data.h,
-      angle: this.Data.angle
-    }
-  },
-  mounted () {
-    // console.log('motor', this.Data)
-    this.iconnameArr = this.Data.icondirename
-  }
-}
-</script>
-<style scoped>
-.invisible {
-  visibility: hidden;
-}
-</style>
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+  <div v-if="reset" class="motorway-icon">
+    <!-- <div class="phaseText" :style="{'left': Data.x - Data.w / 2  - 10 + 'px', 'top': Data.y - Data.h / 2 - 10  + 'px', 'transform': 'rotate('+ Data.angle+'deg)' }">{{Data.phaselabel}}</div> -->
+    <drr
+      :style="{'z-index': chooseIndex === Data.index ? 9 : 0}"
+      :id="'motor-'+ Data.index"
+      :x="item.x"
+      :y="item.y"
+      :w="item.w"
+      :h="item.h"
+      :selected="chooseIndex === Data.index"
+      :selectable="isSeletable"
+      :angle="item.angle"
+      :aspectRatio="true"
+      @select="handleSelectIcon(item)"
+      @dragstop="boxDragStop(item, ...arguments)"
+      @resizestop="boxResizeStop(item, ...arguments)"
+      @rotatestop="boxRotateStop(item, ...arguments)"
+    >
+      <div
+        class="phaseText"
+        style="top: -28px;"
+        :style="{'marginLeft': Data.w / 2 + 'px', 'transform': `translateX(-50%) rotate(${-item.angle}deg)` }"
+      >{{Data.phaselabel}}</div>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 27.07 89.36"
+        xml:space="preserve"
+        :width="IconW"
+        :height="IconH"
+      >
+        <!-- 渠化图手动绘制图标 -->
+        <g v-if="UsageMode === 'draw'">
+          <g v-for="(name, index) in iconnameArr" :key="index">
+            <path
+              id="直行"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              :class="name === '直行' ? '' : 'invisible'"
+              d="M15,36H12.35V7.7H9.09L13.65,0l4.43,7.7H15V36H12.35" />
+            <path
+              id="左转"
+              :class="name === '左转' ? '' : 'invisible'"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M12.55,17.69V36h2.54V17.56a5,5,0,0,0-4.83-5L7.85,12.2,8.23,9,.09,12.45,7,18l.38-3.2,2.8.39a2.61,2.61,0,0,1,2.41,2.55Zm0,0V36h2.54V17.56M12.55,36h2.54m-2.54-4.28V36h2.54V31.72"
+            />
+            <path
+              id="右转"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              :class="name === '右转' ? '' : 'invisible'"
+              d="M14.61,17.69V36H12.07V17.56a5,5,0,0,1,4.83-5l2.41-.38L18.93,9l8.14,3.44L20.2,18l-.38-3.2-2.8.39a2.61,2.61,0,0,0-2.41,2.55Zm0-.13V36H12.07V17.44M14.61,36H12.07m2.54,0H12.07V31.72"
+            />
+            <path
+              id="掉头"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              :class="name === '掉头' ? '' : 'invisible'"
+              d="M12.08,36h2.54m-2.54,0h2.54m-2.54,0h2.54M3.18,24.69V28.4H0l4.45,7.68L8.9,28.4H5.72V24.69c0-1.28,1.4-2.43,3.18-2.43s3.18,1.15,3.18,2.43V36h2.54V24.69c0-2.69-2.54-5-5.72-5S3.18,22,3.18,24.69Z"
+            />
+            <!-- 特殊车道类型 -->
+            <path
+              id="sideroad"
+              v-if="Data.controltype === 1"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M21,70.57l-6,0c3-2.65,5.45-7.64,4.46-10.93-1.15-3.29-4.61-6.34-11.68-7.56C11.58,52.24,28.28,53.72,21,70.57ZM8,52.34c5.73,1.48,9.54,4.41,9.39,8.39-.22,3.66-4.22,8.3-6.29,9.91-5.85,0-6.87,0-6.87,0S23,57.56,8,52.34Z"
+            />
+            <path
+              id="bus-back"
+              v-if="Data.controltype === 3 && Data.flip === true"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M8.08,82.61V80.67A3,3,0,0,0,11,77.55a3.08,3.08,0,0,0-2.87-3.11V58.22A3,3,0,0,0,11,55.1,3.08,3.08,0,0,0,8.08,52V46.15a.74.74,0,0,1,.75-.78h4.24l.5,1h3.74a2.28,2.28,0,0,1,2.25,2.33V84.69a4.18,4.18,0,0,1-4,4.67H9.7C9.33,87.94,8.58,84.43,8.08,82.61Zm9.86-32v-1.3a.73.73,0,0,0-.75-.77H10.08a.73.73,0,0,0-.75.77v1.17a.73.73,0,0,0,.75.78l7.11.13A.74.74,0,0,0,17.94,50.56Zm-.5,9.86a.67.67,0,0,0,.62-.64V53.42a.68.68,0,0,0-.62-.65H14.82a.69.69,0,0,0-.63.65v6.36a.68.68,0,0,0,.63.64Zm0,8.7a.68.68,0,0,0,.62-.65V62.11a.68.68,0,0,0-.62-.65H14.82a.69.69,0,0,0-.63.65v6.36a.69.69,0,0,0,.63.65Zm0,8.82a.68.68,0,0,0,.62-.65V70.81a.68.68,0,0,0-.62-.65H14.82a.69.69,0,0,0-.63.65v6.48a.69.69,0,0,0,.63.65Zm0,8.83a.68.68,0,0,0,.62-.65V79.76a.68.68,0,0,0-.62-.65H14.82a.69.69,0,0,0-.63.65v6.36a.69.69,0,0,0,.63.65ZM10.08,55.23a2.47,2.47,0,0,1-2.25,2.34,2.34,2.34,0,1,1,2.25-2.34Zm-3.87,0a1.76,1.76,0,0,0,1.62,1.69,1.68,1.68,0,0,0,1.62-1.69,1.53,1.53,0,0,0-1.62-1.68A1.68,1.68,0,0,0,6.21,55.23Zm3.87,22.45a2.25,2.25,0,1,1-2.25-2.33A2.29,2.29,0,0,1,10.08,77.68Zm-3.87,0a1.78,1.78,0,0,0,1.62,1.69,1.69,1.69,0,0,0,0-3.37A1.68,1.68,0,0,0,6.21,77.68Z"
+            />
+            <path
+              id="bus-front"
+              v-if="Data.controltype === 3 && Data.flip === false"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M19.43,82.59v-2a3,3,0,0,1-2.87-3.11,3.09,3.09,0,0,1,2.87-3.12V58.19a3,3,0,0,1-2.87-3.11A3.09,3.09,0,0,1,19.43,52V46.12a.73.73,0,0,0-.75-.77H14.44l-.5,1H10.2A2.28,2.28,0,0,0,8,48.72v36a4.18,4.18,0,0,0,4,4.67h5.86C18.19,87.91,18.93,84.41,19.43,82.59ZM9.58,50.54v-1.3a.73.73,0,0,1,.75-.78h7.11a.74.74,0,0,1,.75.78v1.17a.74.74,0,0,1-.75.78l-7.11.12A.73.73,0,0,1,9.58,50.54Zm.5,9.86a.69.69,0,0,1-.63-.65V53.39a.69.69,0,0,1,.63-.65H12.7a.68.68,0,0,1,.62.65v6.36a.68.68,0,0,1-.62.65Zm0,8.69a.68.68,0,0,1-.63-.65V62.09a.69.69,0,0,1,.63-.65H12.7a.68.68,0,0,1,.62.65v6.35a.67.67,0,0,1-.62.65Zm0,8.83a.69.69,0,0,1-.63-.65V70.78a.69.69,0,0,1,.63-.65H12.7a.68.68,0,0,1,.62.65v6.49a.68.68,0,0,1-.62.65Zm0,8.82a.68.68,0,0,1-.63-.64V79.74a.69.69,0,0,1,.63-.65H12.7a.68.68,0,0,1,.62.65V86.1a.68.68,0,0,1-.62.64Zm7.36-31.53a2.46,2.46,0,0,0,2.24,2.33,2.34,2.34,0,1,0-2.24-2.33Zm3.86,0a1.76,1.76,0,0,1-1.62,1.69,1.68,1.68,0,0,1-1.62-1.69,1.54,1.54,0,0,1,1.62-1.69A1.68,1.68,0,0,1,21.3,55.21ZM17.44,77.66a2.25,2.25,0,1,0,2.24-2.34A2.28,2.28,0,0,0,17.44,77.66Zm3.86,0a1.78,1.78,0,0,1-1.62,1.69,1.69,1.69,0,1,1,1.62-1.69Z"
+            />
+            <path
+              id="brt-front"
+              v-if="Data.controltype === 4 && Data.flip === false"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M8.94,49.63H19.73v2.12H8.94v3.13H6.74V46.51h2.2Zm8.25,8,2.54-1.28v2.54L16.9,60.43A18.2,18.2,0,0,0,15,61.56a1.78,1.78,0,0,0-.53.63,2.83,2.83,0,0,0-.14,1.07v.43h5.42v2.13h-13V61.34a6.2,6.2,0,0,1,.35-2.45,2.65,2.65,0,0,1,1.22-1.21,4.16,4.16,0,0,1,2.06-.48,3.85,3.85,0,0,1,2.46.73A3.19,3.19,0,0,1,14,60a5.56,5.56,0,0,1,1.08-1.13A15.89,15.89,0,0,1,17.19,57.63Zm-5.6,2a2,2,0,0,0-1-.25,1.85,1.85,0,0,0-1,.25A1.2,1.2,0,0,0,9,60.3,8,8,0,0,0,8.94,62v1.66h3.29V62.12a8.28,8.28,0,0,0-.12-1.84A1.2,1.2,0,0,0,11.59,59.64ZM14,69.23a3.49,3.49,0,0,1,2-.53,4.11,4.11,0,0,1,2.4.67A2.8,2.8,0,0,1,19.57,71a16.84,16.84,0,0,1,.16,3v3.58h-13V73.3a6.54,6.54,0,0,1,.32-2.43,2.66,2.66,0,0,1,1.13-1.18A3.46,3.46,0,0,1,10,69.21a3.45,3.45,0,0,1,1.7.41,2.76,2.76,0,0,1,1.12,1.07A2.78,2.78,0,0,1,14,69.23Zm-4.54,2.3a1.06,1.06,0,0,0-.45.61,12.39,12.39,0,0,0-.09,2V75.4h3V74a14.58,14.58,0,0,0-.05-1.56,1.32,1.32,0,0,0-.46-.85,1.56,1.56,0,0,0-1-.31A1.65,1.65,0,0,0,9.44,71.53Zm5.35-.37a1.29,1.29,0,0,0-.57.71,6.86,6.86,0,0,0-.15,1.81V75.4h3.46v-2a6.1,6.1,0,0,0-.14-1.67,1.23,1.23,0,0,0-.54-.62,1.84,1.84,0,0,0-1-.25A1.85,1.85,0,0,0,14.79,71.16Z"
+            />
+            <path
+              id="brt-back"
+              v-if="Data.controltype === 4 && Data.flip === true"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M17.88,77.55H7.09V75.43H17.88V72.3h2.19v8.37H17.88Zm-8.26-8L7.09,70.83V68.29l2.83-1.54a16.63,16.63,0,0,0,1.91-1.13,1.53,1.53,0,0,0,.53-.63,2.79,2.79,0,0,0,.15-1.07v-.43H7.09V61.36h13v4.48a6.11,6.11,0,0,1-.35,2.46,2.65,2.65,0,0,1-1.21,1.2,4.17,4.17,0,0,1-2.07.48A3.9,3.9,0,0,1,14,69.26a3.24,3.24,0,0,1-1.17-2.06,5.11,5.11,0,0,1-1.09,1.13A14.26,14.26,0,0,1,9.62,69.55Zm5.61-2a1.86,1.86,0,0,0,1,.25,1.73,1.73,0,0,0,1-.25,1.21,1.21,0,0,0,.52-.66,8.72,8.72,0,0,0,.1-1.73V63.49h-3.3v1.57a8.05,8.05,0,0,0,.13,1.84A1.16,1.16,0,0,0,15.23,67.54ZM12.84,58a3.54,3.54,0,0,1-2,.53,4.1,4.1,0,0,1-2.39-.67,2.76,2.76,0,0,1-1.21-1.6,15.86,15.86,0,0,1-.16-3V49.66h13v4.22a6.59,6.59,0,0,1-.31,2.43,2.71,2.71,0,0,1-1.13,1.18,3.71,3.71,0,0,1-3.52.07A2.64,2.64,0,0,1,14,56.49,2.88,2.88,0,0,1,12.84,58Zm4.54-2.3a1,1,0,0,0,.44-.61,12.39,12.39,0,0,0,.09-2V51.78h-3v1.4c0,.84,0,1.36,0,1.56a1.33,1.33,0,0,0,.47.85,1.53,1.53,0,0,0,1,.31A1.66,1.66,0,0,0,17.38,55.65ZM12,56a1.37,1.37,0,0,0,.56-.72,6.32,6.32,0,0,0,.16-1.81V51.78H9.29v2a6.21,6.21,0,0,0,.13,1.66A1.19,1.19,0,0,0,10,56a1.88,1.88,0,0,0,1,.25A1.94,1.94,0,0,0,12,56Z"
+            />
+            <path
+              id="rail-back"
+              v-if="Data.controltype === 5 && Data.flip === true"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M4.74,88V44.25a.81.81,0,0,1,.63-.64.69.69,0,0,1,.65.64V88a.69.69,0,0,1-.65.64A.68.68,0,0,1,4.74,88Zm2.81-1.8V47.85c-.38-1.41,2.05-2.44,3.33-2.44a8,8,0,0,1,7.92,8v4.11l.64-1c0-.13.13-.13.39-.13s.13.13.38.13l1.54,4a.78.78,0,0,1-.13.52.74.74,0,0,1-.51-.13l-1.28-3.35-.77,1.29V86.17a.74.74,0,0,1-.77.77h-10A.74.74,0,0,1,7.55,86.17ZM15,53a1.1,1.1,0,0,0,1-1,2.9,2.9,0,0,0-2.94-3H9.47a.9.9,0,0,0-1,.9V52a1.1,1.1,0,0,0,1,1Zm.38,5a.69.69,0,0,0,.64-.64V55.18a.68.68,0,0,0-.64-.64H12.54v.13a.68.68,0,0,0-.64.64v2.06a.69.69,0,0,0,.64.64Zm0,3.86a.69.69,0,0,0,.64-.65v-2a.69.69,0,0,0-.64-.65H12.54a.69.69,0,0,0-.64.65v2a.69.69,0,0,0,.64.65Zm0,4a.68.68,0,0,0,.64-.64V63.15a.69.69,0,0,0-.64-.64H12.54a.68.68,0,0,0-.64.64v2.06a.69.69,0,0,0,.64.64Zm0,4.24a.68.68,0,0,0,.64-.64V67.39a.69.69,0,0,0-.64-.64H12.54a.69.69,0,0,0-.64.64v2.06a.68.68,0,0,0,.64.64Zm0,4a.69.69,0,0,0,.64-.64V71.38a.68.68,0,0,0-.64-.64H12.54a.68.68,0,0,0-.64.64v2.06a.69.69,0,0,0,.64.64Zm0,3.73a.69.69,0,0,0,.64-.64V75.24a.69.69,0,0,0-.64-.65H12.54a.52.52,0,0,0-.64.52v2.06a.69.69,0,0,0,.64.64Zm0,4.37a.69.69,0,0,0,.64-.64V79.48a.68.68,0,0,0-.64-.64H12.54a.68.68,0,0,0-.64.64v2.06a.69.69,0,0,0,.64.64Zm0,3.86a.69.69,0,0,0,.64-.65v-2a.69.69,0,0,0-.64-.65H12.54a.69.69,0,0,0-.64.65v2a.69.69,0,0,0,.64.65Z"
+            />
+            <path
+              id="rail-front"
+              v-if="Data.controltype === 5 && Data.flip === false"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M22,88V44.3a.84.84,0,0,0-.64-.64.69.69,0,0,0-.64.64V88a.69.69,0,0,0,.64.64A.69.69,0,0,0,22,88Zm-2.82-1.8V47.9c.39-1.41-2-2.44-3.32-2.44a8,8,0,0,0-7.93,8v4.12l-.64-1c0-.13-.13-.13-.38-.13s-.13.13-.39.13L5,60.5A.78.78,0,0,0,5.1,61a.77.77,0,0,0,.51-.13l1.28-3.34.76,1.28V86.22a.74.74,0,0,0,.77.77h10A.74.74,0,0,0,19.16,86.22ZM11.75,53.05a1.11,1.11,0,0,1-1-1,2.91,2.91,0,0,1,2.94-3h3.59a.91.91,0,0,1,1,.9V52a1.11,1.11,0,0,1-1,1Zm-.39,5a.69.69,0,0,1-.64-.64V55.23a.69.69,0,0,1,.64-.64h2.82v.13a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Zm0,3.86a.69.69,0,0,1-.64-.65V59.22a.7.7,0,0,1,.64-.65h2.82a.69.69,0,0,1,.64.65v2.05a.7.7,0,0,1-.64.65Zm0,4a.69.69,0,0,1-.64-.64V63.2a.69.69,0,0,1,.64-.64h2.82a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Zm0,4.25a.69.69,0,0,1-.64-.65v-2a.7.7,0,0,1,.64-.65h2.82a.69.69,0,0,1,.64.65v2a.7.7,0,0,1-.64.65Zm0,4a.69.69,0,0,1-.64-.64V71.43a.69.69,0,0,1,.64-.64h2.82a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Zm0,3.73a.69.69,0,0,1-.64-.64V75.29a.69.69,0,0,1,.64-.64h2.82a.51.51,0,0,1,.64.51v2.06a.69.69,0,0,1-.64.64Zm0,4.37a.69.69,0,0,1-.64-.64V79.53a.69.69,0,0,1,.64-.64h2.82a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Zm0,3.86a.69.69,0,0,1-.64-.64V83.39a.69.69,0,0,1,.64-.64h2.82a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Z"
+            />
+            <path
+              id="bike-back"
+              v-if="Data.controltype === 6 && Data.flip === true"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M15.38,69.56a4.48,4.48,0,0,0-.17-1.21l2.41-1.14,1.17.46v.68a.7.7,0,0,0,.22.5.74.74,0,0,0,.51.2.71.71,0,0,0,.72-.71v-2.9a.71.71,0,0,0-.21-.5.75.75,0,0,0-.52-.2.72.72,0,0,0-.72.7v.71L18.38,66v-6.9l.76.24c.14.05.34.18.34.29v1.21a.72.72,0,0,0,.73.71.71.71,0,0,0,.72-.71V59.62A1.83,1.83,0,0,0,19.59,58l-4.26-1.32a5.06,5.06,0,0,0,.05-.68,4.57,4.57,0,0,0-4.63-4.5,4.51,4.51,0,1,0,0,9A4.67,4.67,0,0,0,14.89,58l.65.2L10.3,63.33h0l0,0a.49.49,0,0,0-.07.11.25.25,0,0,0,0,.07l.23.08h0l-.25,0a.76.76,0,0,0,0,.15v1.33a4.5,4.5,0,0,0,.6,9,4.57,4.57,0,0,0,4.63-4.5Zm1.55-4.15-4.77-1.9,4.77-4.66ZM11.6,66.58a3.17,3.17,0,0,1,1.68,1.11l-1.69.8Zm3,.49a4.59,4.59,0,0,0-3-1.94V64.8l4.23,1.69Zm-4.46,2.55a.7.7,0,0,0,.34.59.75.75,0,0,0,.71,0L13.87,69a2.86,2.86,0,0,1,.06.58,3.19,3.19,0,0,1-6.37,0,3.11,3.11,0,0,1,2.59-3Zm.72-14.33a.7.7,0,0,0-.55.05.69.69,0,0,0,.11,1.29l3.06.95a3.22,3.22,0,0,1-2.73,1.51A3.1,3.1,0,1,1,13.93,56a2.18,2.18,0,0,1,0,.25Z"
+            />
+            <path
+              id="bike-front"
+              v-if="Data.controltype === 6 && Data.flip === false"
+              :fill="chooseIndex === Data.index ? highlightColor : defaultColor"
+              d="M11.7,69.61a4.23,4.23,0,0,1,.17-1.22L9.44,67.25l-1.17.46v.68a.67.67,0,0,1-.21.5.73.73,0,0,1-1.24-.5V65.47A.71.71,0,0,1,7,65a.77.77,0,0,1,.52-.2.71.71,0,0,1,.72.71v.7L8.68,66V59.1l-.76.23c-.14.05-.35.18-.35.29v1.22a.72.72,0,0,1-.73.71.71.71,0,0,1-.72-.71V59.62A1.83,1.83,0,0,1,7.46,58l4.29-1.33A3.82,3.82,0,0,1,11.7,56a4.65,4.65,0,1,1,4.65,4.53A4.69,4.69,0,0,1,12.19,58l-.66.2,5.27,5.14h0l0,0a.75.75,0,0,1,.07.12s0,0,0,.06l-.23.09h0l.25,0a.61.61,0,0,1,0,.14v1.34a4.54,4.54,0,1,1-5.25,4.49Zm-1.56-4.17,4.79-1.91-4.79-4.68Zm5.35,1.17a3.27,3.27,0,0,0-1.69,1.13l1.7.8Zm-3,.5a4.64,4.64,0,0,1,3-2v-.33l-4.24,1.7ZM17,69.67a.7.7,0,0,1-.34.6.73.73,0,0,1-.7,0L13.21,69a2.86,2.86,0,0,0-.06.58A3.2,3.2,0,1,0,17,66.55Zm-.72-14.39a.77.77,0,0,1,.56,0,.74.74,0,0,1,.36.42.71.71,0,0,1-.48.89l-3.06.94a3.21,3.21,0,0,0,2.74,1.52A3.11,3.11,0,1,0,13.15,56a2.18,2.18,0,0,0,0,.25Z"
+            />
+          </g>
+        </g>
+        <!-- 展示相位图标 -->
+        <g v-if="UsageMode === 'show'">
+          <g v-for="(name, index) in iconnameArr" :key="index">
+            <path
+              id="直行"
+              :class="name === '直行' ? '' : 'invisible'"
+              :fill="FlashColor ? FlashColor : (Data.color ? Data.color : showDefaultColor)"
+              d="M15,36H12.35V7.7H9.09L13.65,0l4.43,7.7H15V36H12.35"
+            ></path>
+            <path
+              id="左转"
+              :class="name === '左转' ? '' : 'invisible'"
+              :fill="FlashColor ? FlashColor : (Data.color ? Data.color : showDefaultColor)"
+              d="M12.55,17.69V36h2.54V17.56a5,5,0,0,0-4.83-5L7.85,12.2,8.23,9,.09,12.45,7,18l.38-3.2,2.8.39a2.61,2.61,0,0,1,2.41,2.55Zm0,0V36h2.54V17.56M12.55,36h2.54m-2.54-4.28V36h2.54V31.72"
+            ></path>
+            <path
+              id="右转"
+              :class="name === '右转' ? '' : 'invisible'"
+              :fill="FlashColor ? FlashColor : (Data.color ? Data.color : showDefaultColor)"
+              d="M14.61,17.69V36H12.07V17.56a5,5,0,0,1,4.83-5l2.41-.38L18.93,9l8.14,3.44L20.2,18l-.38-3.2-2.8.39a2.61,2.61,0,0,0-2.41,2.55Zm0-.13V36H12.07V17.44M14.61,36H12.07m2.54,0H12.07V31.72"
+            ></path>
+            <path
+              id="掉头"
+              :class="name === '掉头' ? '' : 'invisible'"
+              :fill="FlashColor ? FlashColor : (Data.color ? Data.color : showDefaultColor)"
+              d="M12.08,36h2.54m-2.54,0h2.54m-2.54,0h2.54M3.18,24.69V28.4H0l4.45,7.68L8.9,28.4H5.72V24.69c0-1.28,1.4-2.43,3.18-2.43s3.18,1.15,3.18,2.43V36h2.54V24.69c0-2.69-2.54-5-5.72-5S3.18,22,3.18,24.69Z"
+            ></path>
+          </g>
+          <g>
+            <!-- 特殊车道类型 -->
+            <path
+              v-if="Data.controltype === 3 && Data.flip === true"
+              :fill="showDefaultColor"
+              d="M8.08,82.61V80.67A3,3,0,0,0,11,77.55a3.08,3.08,0,0,0-2.87-3.11V58.22A3,3,0,0,0,11,55.1,3.08,3.08,0,0,0,8.08,52V46.15a.74.74,0,0,1,.75-.78h4.24l.5,1h3.74a2.28,2.28,0,0,1,2.25,2.33V84.69a4.18,4.18,0,0,1-4,4.67H9.7C9.33,87.94,8.58,84.43,8.08,82.61Zm9.86-32v-1.3a.73.73,0,0,0-.75-.77H10.08a.73.73,0,0,0-.75.77v1.17a.73.73,0,0,0,.75.78l7.11.13A.74.74,0,0,0,17.94,50.56Zm-.5,9.86a.67.67,0,0,0,.62-.64V53.42a.68.68,0,0,0-.62-.65H14.82a.69.69,0,0,0-.63.65v6.36a.68.68,0,0,0,.63.64Zm0,8.7a.68.68,0,0,0,.62-.65V62.11a.68.68,0,0,0-.62-.65H14.82a.69.69,0,0,0-.63.65v6.36a.69.69,0,0,0,.63.65Zm0,8.82a.68.68,0,0,0,.62-.65V70.81a.68.68,0,0,0-.62-.65H14.82a.69.69,0,0,0-.63.65v6.48a.69.69,0,0,0,.63.65Zm0,8.83a.68.68,0,0,0,.62-.65V79.76a.68.68,0,0,0-.62-.65H14.82a.69.69,0,0,0-.63.65v6.36a.69.69,0,0,0,.63.65ZM10.08,55.23a2.47,2.47,0,0,1-2.25,2.34,2.34,2.34,0,1,1,2.25-2.34Zm-3.87,0a1.76,1.76,0,0,0,1.62,1.69,1.68,1.68,0,0,0,1.62-1.69,1.53,1.53,0,0,0-1.62-1.68A1.68,1.68,0,0,0,6.21,55.23Zm3.87,22.45a2.25,2.25,0,1,1-2.25-2.33A2.29,2.29,0,0,1,10.08,77.68Zm-3.87,0a1.78,1.78,0,0,0,1.62,1.69,1.69,1.69,0,0,0,0-3.37A1.68,1.68,0,0,0,6.21,77.68Z"
+              id="bus-back"
+            ></path>
+            <path
+              v-if="Data.controltype === 3 && Data.flip === false"
+              :fill="showDefaultColor"
+              d="M19.43,82.59v-2a3,3,0,0,1-2.87-3.11,3.09,3.09,0,0,1,2.87-3.12V58.19a3,3,0,0,1-2.87-3.11A3.09,3.09,0,0,1,19.43,52V46.12a.73.73,0,0,0-.75-.77H14.44l-.5,1H10.2A2.28,2.28,0,0,0,8,48.72v36a4.18,4.18,0,0,0,4,4.67h5.86C18.19,87.91,18.93,84.41,19.43,82.59ZM9.58,50.54v-1.3a.73.73,0,0,1,.75-.78h7.11a.74.74,0,0,1,.75.78v1.17a.74.74,0,0,1-.75.78l-7.11.12A.73.73,0,0,1,9.58,50.54Zm.5,9.86a.69.69,0,0,1-.63-.65V53.39a.69.69,0,0,1,.63-.65H12.7a.68.68,0,0,1,.62.65v6.36a.68.68,0,0,1-.62.65Zm0,8.69a.68.68,0,0,1-.63-.65V62.09a.69.69,0,0,1,.63-.65H12.7a.68.68,0,0,1,.62.65v6.35a.67.67,0,0,1-.62.65Zm0,8.83a.69.69,0,0,1-.63-.65V70.78a.69.69,0,0,1,.63-.65H12.7a.68.68,0,0,1,.62.65v6.49a.68.68,0,0,1-.62.65Zm0,8.82a.68.68,0,0,1-.63-.64V79.74a.69.69,0,0,1,.63-.65H12.7a.68.68,0,0,1,.62.65V86.1a.68.68,0,0,1-.62.64Zm7.36-31.53a2.46,2.46,0,0,0,2.24,2.33,2.34,2.34,0,1,0-2.24-2.33Zm3.86,0a1.76,1.76,0,0,1-1.62,1.69,1.68,1.68,0,0,1-1.62-1.69,1.54,1.54,0,0,1,1.62-1.69A1.68,1.68,0,0,1,21.3,55.21ZM17.44,77.66a2.25,2.25,0,1,0,2.24-2.34A2.28,2.28,0,0,0,17.44,77.66Zm3.86,0a1.78,1.78,0,0,1-1.62,1.69,1.69,1.69,0,1,1,1.62-1.69Z"
+              id="bus-front"
+            ></path>
+            <path
+              v-if="Data.controltype === 4 && Data.flip === false"
+              :fill="showDefaultColor"
+              d="M8.94,49.63H19.73v2.12H8.94v3.13H6.74V46.51h2.2Zm8.25,8,2.54-1.28v2.54L16.9,60.43A18.2,18.2,0,0,0,15,61.56a1.78,1.78,0,0,0-.53.63,2.83,2.83,0,0,0-.14,1.07v.43h5.42v2.13h-13V61.34a6.2,6.2,0,0,1,.35-2.45,2.65,2.65,0,0,1,1.22-1.21,4.16,4.16,0,0,1,2.06-.48,3.85,3.85,0,0,1,2.46.73A3.19,3.19,0,0,1,14,60a5.56,5.56,0,0,1,1.08-1.13A15.89,15.89,0,0,1,17.19,57.63Zm-5.6,2a2,2,0,0,0-1-.25,1.85,1.85,0,0,0-1,.25A1.2,1.2,0,0,0,9,60.3,8,8,0,0,0,8.94,62v1.66h3.29V62.12a8.28,8.28,0,0,0-.12-1.84A1.2,1.2,0,0,0,11.59,59.64ZM14,69.23a3.49,3.49,0,0,1,2-.53,4.11,4.11,0,0,1,2.4.67A2.8,2.8,0,0,1,19.57,71a16.84,16.84,0,0,1,.16,3v3.58h-13V73.3a6.54,6.54,0,0,1,.32-2.43,2.66,2.66,0,0,1,1.13-1.18A3.46,3.46,0,0,1,10,69.21a3.45,3.45,0,0,1,1.7.41,2.76,2.76,0,0,1,1.12,1.07A2.78,2.78,0,0,1,14,69.23Zm-4.54,2.3a1.06,1.06,0,0,0-.45.61,12.39,12.39,0,0,0-.09,2V75.4h3V74a14.58,14.58,0,0,0-.05-1.56,1.32,1.32,0,0,0-.46-.85,1.56,1.56,0,0,0-1-.31A1.65,1.65,0,0,0,9.44,71.53Zm5.35-.37a1.29,1.29,0,0,0-.57.71,6.86,6.86,0,0,0-.15,1.81V75.4h3.46v-2a6.1,6.1,0,0,0-.14-1.67,1.23,1.23,0,0,0-.54-.62,1.84,1.84,0,0,0-1-.25A1.85,1.85,0,0,0,14.79,71.16Z"
+              id="brt-front"
+            ></path>
+            <path
+              v-if="Data.controltype === 4 && Data.flip === true"
+              :fill="showDefaultColor"
+              d="M17.88,77.55H7.09V75.43H17.88V72.3h2.19v8.37H17.88Zm-8.26-8L7.09,70.83V68.29l2.83-1.54a16.63,16.63,0,0,0,1.91-1.13,1.53,1.53,0,0,0,.53-.63,2.79,2.79,0,0,0,.15-1.07v-.43H7.09V61.36h13v4.48a6.11,6.11,0,0,1-.35,2.46,2.65,2.65,0,0,1-1.21,1.2,4.17,4.17,0,0,1-2.07.48A3.9,3.9,0,0,1,14,69.26a3.24,3.24,0,0,1-1.17-2.06,5.11,5.11,0,0,1-1.09,1.13A14.26,14.26,0,0,1,9.62,69.55Zm5.61-2a1.86,1.86,0,0,0,1,.25,1.73,1.73,0,0,0,1-.25,1.21,1.21,0,0,0,.52-.66,8.72,8.72,0,0,0,.1-1.73V63.49h-3.3v1.57a8.05,8.05,0,0,0,.13,1.84A1.16,1.16,0,0,0,15.23,67.54ZM12.84,58a3.54,3.54,0,0,1-2,.53,4.1,4.1,0,0,1-2.39-.67,2.76,2.76,0,0,1-1.21-1.6,15.86,15.86,0,0,1-.16-3V49.66h13v4.22a6.59,6.59,0,0,1-.31,2.43,2.71,2.71,0,0,1-1.13,1.18,3.71,3.71,0,0,1-3.52.07A2.64,2.64,0,0,1,14,56.49,2.88,2.88,0,0,1,12.84,58Zm4.54-2.3a1,1,0,0,0,.44-.61,12.39,12.39,0,0,0,.09-2V51.78h-3v1.4c0,.84,0,1.36,0,1.56a1.33,1.33,0,0,0,.47.85,1.53,1.53,0,0,0,1,.31A1.66,1.66,0,0,0,17.38,55.65ZM12,56a1.37,1.37,0,0,0,.56-.72,6.32,6.32,0,0,0,.16-1.81V51.78H9.29v2a6.21,6.21,0,0,0,.13,1.66A1.19,1.19,0,0,0,10,56a1.88,1.88,0,0,0,1,.25A1.94,1.94,0,0,0,12,56Z"
+              id="brt-back"
+            ></path>
+            <path
+              v-if="Data.controltype === 5 && Data.flip === true"
+              :fill="showDefaultColor"
+              d="M4.74,88V44.25a.81.81,0,0,1,.63-.64.69.69,0,0,1,.65.64V88a.69.69,0,0,1-.65.64A.68.68,0,0,1,4.74,88Zm2.81-1.8V47.85c-.38-1.41,2.05-2.44,3.33-2.44a8,8,0,0,1,7.92,8v4.11l.64-1c0-.13.13-.13.39-.13s.13.13.38.13l1.54,4a.78.78,0,0,1-.13.52.74.74,0,0,1-.51-.13l-1.28-3.35-.77,1.29V86.17a.74.74,0,0,1-.77.77h-10A.74.74,0,0,1,7.55,86.17ZM15,53a1.1,1.1,0,0,0,1-1,2.9,2.9,0,0,0-2.94-3H9.47a.9.9,0,0,0-1,.9V52a1.1,1.1,0,0,0,1,1Zm.38,5a.69.69,0,0,0,.64-.64V55.18a.68.68,0,0,0-.64-.64H12.54v.13a.68.68,0,0,0-.64.64v2.06a.69.69,0,0,0,.64.64Zm0,3.86a.69.69,0,0,0,.64-.65v-2a.69.69,0,0,0-.64-.65H12.54a.69.69,0,0,0-.64.65v2a.69.69,0,0,0,.64.65Zm0,4a.68.68,0,0,0,.64-.64V63.15a.69.69,0,0,0-.64-.64H12.54a.68.68,0,0,0-.64.64v2.06a.69.69,0,0,0,.64.64Zm0,4.24a.68.68,0,0,0,.64-.64V67.39a.69.69,0,0,0-.64-.64H12.54a.69.69,0,0,0-.64.64v2.06a.68.68,0,0,0,.64.64Zm0,4a.69.69,0,0,0,.64-.64V71.38a.68.68,0,0,0-.64-.64H12.54a.68.68,0,0,0-.64.64v2.06a.69.69,0,0,0,.64.64Zm0,3.73a.69.69,0,0,0,.64-.64V75.24a.69.69,0,0,0-.64-.65H12.54a.52.52,0,0,0-.64.52v2.06a.69.69,0,0,0,.64.64Zm0,4.37a.69.69,0,0,0,.64-.64V79.48a.68.68,0,0,0-.64-.64H12.54a.68.68,0,0,0-.64.64v2.06a.69.69,0,0,0,.64.64Zm0,3.86a.69.69,0,0,0,.64-.65v-2a.69.69,0,0,0-.64-.65H12.54a.69.69,0,0,0-.64.65v2a.69.69,0,0,0,.64.65Z"
+              id="rail-back"
+            ></path>
+            <path
+              v-if="Data.controltype === 5 && Data.flip === false"
+              :fill="showDefaultColor"
+              d="M22,88V44.3a.84.84,0,0,0-.64-.64.69.69,0,0,0-.64.64V88a.69.69,0,0,0,.64.64A.69.69,0,0,0,22,88Zm-2.82-1.8V47.9c.39-1.41-2-2.44-3.32-2.44a8,8,0,0,0-7.93,8v4.12l-.64-1c0-.13-.13-.13-.38-.13s-.13.13-.39.13L5,60.5A.78.78,0,0,0,5.1,61a.77.77,0,0,0,.51-.13l1.28-3.34.76,1.28V86.22a.74.74,0,0,0,.77.77h10A.74.74,0,0,0,19.16,86.22ZM11.75,53.05a1.11,1.11,0,0,1-1-1,2.91,2.91,0,0,1,2.94-3h3.59a.91.91,0,0,1,1,.9V52a1.11,1.11,0,0,1-1,1Zm-.39,5a.69.69,0,0,1-.64-.64V55.23a.69.69,0,0,1,.64-.64h2.82v.13a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Zm0,3.86a.69.69,0,0,1-.64-.65V59.22a.7.7,0,0,1,.64-.65h2.82a.69.69,0,0,1,.64.65v2.05a.7.7,0,0,1-.64.65Zm0,4a.69.69,0,0,1-.64-.64V63.2a.69.69,0,0,1,.64-.64h2.82a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Zm0,4.25a.69.69,0,0,1-.64-.65v-2a.7.7,0,0,1,.64-.65h2.82a.69.69,0,0,1,.64.65v2a.7.7,0,0,1-.64.65Zm0,4a.69.69,0,0,1-.64-.64V71.43a.69.69,0,0,1,.64-.64h2.82a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Zm0,3.73a.69.69,0,0,1-.64-.64V75.29a.69.69,0,0,1,.64-.64h2.82a.51.51,0,0,1,.64.51v2.06a.69.69,0,0,1-.64.64Zm0,4.37a.69.69,0,0,1-.64-.64V79.53a.69.69,0,0,1,.64-.64h2.82a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Zm0,3.86a.69.69,0,0,1-.64-.64V83.39a.69.69,0,0,1,.64-.64h2.82a.69.69,0,0,1,.64.64v2.06a.69.69,0,0,1-.64.64Z"
+              id="rail-front"
+            ></path>
+            <path
+              v-if="Data.controltype === 6 && Data.flip === true"
+              :fill="showDefaultColor"
+              d="M15.38,69.56a4.48,4.48,0,0,0-.17-1.21l2.41-1.14,1.17.46v.68a.7.7,0,0,0,.22.5.74.74,0,0,0,.51.2.71.71,0,0,0,.72-.71v-2.9a.71.71,0,0,0-.21-.5.75.75,0,0,0-.52-.2.72.72,0,0,0-.72.7v.71L18.38,66v-6.9l.76.24c.14.05.34.18.34.29v1.21a.72.72,0,0,0,.73.71.71.71,0,0,0,.72-.71V59.62A1.83,1.83,0,0,0,19.59,58l-4.26-1.32a5.06,5.06,0,0,0,.05-.68,4.57,4.57,0,0,0-4.63-4.5,4.51,4.51,0,1,0,0,9A4.67,4.67,0,0,0,14.89,58l.65.2L10.3,63.33h0l0,0a.49.49,0,0,0-.07.11.25.25,0,0,0,0,.07l.23.08h0l-.25,0a.76.76,0,0,0,0,.15v1.33a4.5,4.5,0,0,0,.6,9,4.57,4.57,0,0,0,4.63-4.5Zm1.55-4.15-4.77-1.9,4.77-4.66ZM11.6,66.58a3.17,3.17,0,0,1,1.68,1.11l-1.69.8Zm3,.49a4.59,4.59,0,0,0-3-1.94V64.8l4.23,1.69Zm-4.46,2.55a.7.7,0,0,0,.34.59.75.75,0,0,0,.71,0L13.87,69a2.86,2.86,0,0,1,.06.58,3.19,3.19,0,0,1-6.37,0,3.11,3.11,0,0,1,2.59-3Zm.72-14.33a.7.7,0,0,0-.55.05.69.69,0,0,0,.11,1.29l3.06.95a3.22,3.22,0,0,1-2.73,1.51A3.1,3.1,0,1,1,13.93,56a2.18,2.18,0,0,1,0,.25Z"
+              id="bike-back"
+            ></path>
+            <path
+              v-if="Data.controltype === 6 && Data.flip === false"
+              :fill="showDefaultColor"
+              d="M11.7,69.61a4.23,4.23,0,0,1,.17-1.22L9.44,67.25l-1.17.46v.68a.67.67,0,0,1-.21.5.73.73,0,0,1-1.24-.5V65.47A.71.71,0,0,1,7,65a.77.77,0,0,1,.52-.2.71.71,0,0,1,.72.71v.7L8.68,66V59.1l-.76.23c-.14.05-.35.18-.35.29v1.22a.72.72,0,0,1-.73.71.71.71,0,0,1-.72-.71V59.62A1.83,1.83,0,0,1,7.46,58l4.29-1.33A3.82,3.82,0,0,1,11.7,56a4.65,4.65,0,1,1,4.65,4.53A4.69,4.69,0,0,1,12.19,58l-.66.2,5.27,5.14h0l0,0a.75.75,0,0,1,.07.12s0,0,0,.06l-.23.09h0l.25,0a.61.61,0,0,1,0,.14v1.34a4.54,4.54,0,1,1-5.25,4.49Zm-1.56-4.17,4.79-1.91-4.79-4.68Zm5.35,1.17a3.27,3.27,0,0,0-1.69,1.13l1.7.8Zm-3,.5a4.64,4.64,0,0,1,3-2v-.33l-4.24,1.7ZM17,69.67a.7.7,0,0,1-.34.6.73.73,0,0,1-.7,0L13.21,69a2.86,2.86,0,0,0-.06.58A3.2,3.2,0,1,0,17,66.55Zm-.72-14.39a.77.77,0,0,1,.56,0,.74.74,0,0,1,.36.42.71.71,0,0,1-.48.89l-3.06.94a3.21,3.21,0,0,0,2.74,1.52A3.11,3.11,0,1,0,13.15,56a2.18,2.18,0,0,0,0,.25Z"
+              id="bike-front"
+            ></path>
+          </g>
+        </g>
+      </svg>
+    </drr>
+  </div>
+</template>
+<script>
+export default {
+  name: 'motor-icon-svg',
+  data () {
+    return {
+      defaultColor: '#fff', // 默认状态颜色
+      highlightColor: '#299BCC', // 选中高亮状态颜色
+      item: {},
+      reset: true,
+      iconnameArr: [],
+      showDefaultColor: '#fff', // 默认状态颜色
+      FlashColor: undefined,
+      GreenColor: '#77fb65',
+      YellowColor: '#f7b500',
+      lastType: ''
+    }
+  },
+  watch: {
+    // item: {
+    //   handler: function (newval, oldval) {
+    //     if (JSON.stringify(oldval) !== '{}') {
+    //       // 更改原数据的位置大小数据
+    //       let data = {
+    //         ...this.Data,
+    //         ...newval
+    //       }
+    //       let fields = Object.keys(newval)
+    //       this.$emit('changeMotorwayItem', data, fields)
+    //     }
+    //   }
+    // },
+    Data: {
+      handler: function (val) {
+        this.iconnameArr = val.icondirename
+        if (this.UsageMode === 'draw') {
+          this.item.x = val.x
+          this.item.y = val.y
+          this.item.angle = val.angle
+        }
+        if (this.UsageMode === 'show') {
+          if (this.lastType === '') {
+          // 绿闪：绿-》灰-》绿 循环效果
+            if (val.type === 4 || val.type === '黄闪') {
+              let highlightColor = ''
+              if (val.type === 4) {
+                highlightColor = this.GreenColor
+              }
+              if (val.type === '黄闪') {
+                highlightColor = this.YellowColor
+              }
+              this.FlashColor = highlightColor
+              this.GreenIntervalId = setInterval(() => {
+                this.FlashColor =
+              !this.FlashColor || this.FlashColor === '#828282'
+                ? highlightColor
+                : '#828282'
+              }, 500)
+              this.lastType = val.type
+            }
+          }
+          if (
+            this.GreenIntervalId &&
+          val.type !== 4 &&
+          val.type !== '黄闪' &&
+          val.type !== this.lastType
+          ) {
+            clearInterval(this.GreenIntervalId)
+            this.FlashColor = undefined
+            this.lastType = ''
+          }
+        }
+      },
+      deep: true
+    }
+    // ,
+    // chooseIndex: {
+    //   handler: function (val) {
+    //     console.log(this.Data)
+    //   }
+    // }
+  },
+  props: {
+    Data: {
+      type: Object
+    },
+    isSeletable: {
+      type: Boolean
+    },
+    chooseIndex: {
+      type: Number
+    },
+    UsageMode: {
+      // 当前图标模式： 绘制draw 展示show
+      type: String,
+      default: 'draw'
+    }
+  },
+  methods: {
+    boxDragStop (origin, final) {
+      this.item = JSON.parse(JSON.stringify(final))
+      this.handleChangeData()
+    },
+    boxResizeStop (origin, final) {
+      this.IconW = final.w + 'px'
+      this.IconH = final.h + 'px'
+      this.resetSvg()
+      this.item = JSON.parse(JSON.stringify(final))
+      this.handleChangeData()
+    },
+    boxRotateStop (origin, final) {
+      this.item = JSON.parse(JSON.stringify(final))
+      // 第四象限的角度是负值（开源组件接口返回），转化为正值便于理解
+      if (this.item.angle < 0) {
+        this.item.angle = this.item.angle + 360
+      }
+      this.handleChangeData()
+    },
+    resetSvg () {
+      this.reset = false
+      this.$nextTick(() => {
+        this.reset = true
+      })
+    },
+    handleSelectIcon () {
+      this.$emit('handleSelectIcon', this.Data)
+    },
+    handleChangeData () {
+      let data = {
+        ...this.Data,
+        ...this.item
+      }
+      let fields = Object.keys(this.item)
+      this.$emit('changeMotorwayItem', data, fields)
+      this.handleSelectIcon()
+    }
+  },
+  created () {
+    this.IconW = this.Data.w
+    this.IconH = this.Data.h
+    this.item = {
+      x: this.Data.x,
+      y: this.Data.y,
+      w: this.Data.w,
+      h: this.Data.h,
+      angle: this.Data.angle
+    }
+  },
+  mounted () {
+    // console.log('motor', this.Data)
+    this.iconnameArr = this.Data.icondirename
+  }
+}
+</script>
+<style scoped>
+.invisible {
+  visibility: hidden;
+}
+</style>