openatc-components 0.1.193 → 0.1.194

package/package/kisscomps/components/DirectionListConfiguration/DirectionListConfiguration.vue

@@ -247,11 +247,29 @@ export default {
           this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
           return
         }
-        this.channelList = res.data.data.channelList.filter(ele => ele.type !== undefined)
+        let channelList = res.data.data.channelList.filter(ele => ele.type !== undefined)
+        this.channelList = this.handleRepeatRealdir(channelList)
         console.log('this.channelList', this.channelList)
         this.handleChannelDirection()
       })
     },
+    handleRepeatRealdir (channelList) {
+      let map = new Map()
+      channelList.forEach(ele => {
+        ele.realdir.forEach(dir => {
+          if (map.get(dir) === undefined) {
+            map.set(dir, ele)
+          }
+        })
+      })
+      let arr = Array.from(map)
+      let newarr = []
+      arr.forEach(ele => {
+        newarr.push(ele[1])
+      })
+      // console.log(newarr)
+      return newarr
+    },
     handleChannelDirection () {
       this.LanePhaseData = []
       this.sidewalkPhaseData = []

package/package/kisscomps/components/IntersectionDirectionSelection/IntersectionDirectionSelection.vue

@@ -106,7 +106,7 @@ export default {
         } else {
           this.isThirdSignal = false
         }
-        if (this.thirdSignal !== undefined) {
+        if (this.thirdSignal) {
           this.isThirdSignal = this.thirdSignal
         }
       })

package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/PatternWalkSvg.vue

@@ -0,0 +1,429 @@
+/* eslint-disable no-tabs */
+/**
+ * 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 :style="{position: 'absolute'}">
+    <!-- , left: Data.left?Data.left:'2px', top: Data.top -->
+    <svg
+       :width="Width"
+       :height="Height"
+        version="1.1"
+        id="图层_1"
+        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+        viewBox="0 0 34 34"
+        style="enable-background:new 0 0 34 34;"
+        xml:space="preserve">
+    <g id="路段行人过街-东西"
+    :class="status[0].isshow? '' : 'invisible'">
+    <rect x="19.9" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="17.4" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="22.4" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="24.9" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="27.4" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="29.9" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="32.4" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="7.5" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="5" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="2.5" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="0" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="10" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="12.5" y="14.2" class="st1" width="1.6" height="5.6"/>
+    <rect x="14.9" y="14.2" class="st1" width="1.6" height="5.6"/>
+    </g>
+    <g id="路段行人过街-南北" class="st0"
+    :class="status[1].isshow? '' : 'invisible'">
+    >
+    <rect x="14.2" y="19.9" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="17.4" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="22.4" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="24.9" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="27.4" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="29.9" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="32.4" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="7.5" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="5" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="2.5" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="0" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="10" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="12.5" class="st1" width="5.6" height="1.6"/>
+    <rect x="14.2" y="14.9" class="st1" width="5.6" height="1.6"/>
+    </g>
+    <g id="斜向行人1" class="st0"
+    :class="status[2].isshow? '' : 'invisible'">
+    >
+    <rect x="14.2" y="16.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.0438 17.0053)" class="st1" width="5.6" height="1.6"/>
+    <rect x="12.4" y="14.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.3149 15.2456)" class="st1" width="5.6" height="1.6"/>
+    <rect x="15.9" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.7727 18.7651)" class="st1" width="5.6" height="1.6"/>
+    <rect x="17.7" y="19.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.5017 20.5248)" class="st1" width="5.6" height="1.6"/>
+    <rect x="19.5" y="21.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.2306 22.2845)" class="st1" width="5.6" height="1.6"/>
+    <rect x="21.2" y="23.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.9595 24.0443)" class="st1" width="5.6" height="1.6"/>
+    <rect x="23" y="25" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.6884 25.804)" class="st1" width="5.6" height="1.6"/>
+    <rect x="24.7" y="26.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.4128 27.5531)" class="st1" width="5.6" height="1.6"/>
+    <rect x="26.5" y="28.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.1418 29.3128)" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.3" y="30.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.8707 31.0725)" class="st1" width="5.6" height="1.6"/>
+    <rect x="5.4" y="7.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3993 8.2067)" class="st1" width="5.6" height="1.6"/>
+    <rect x="3.6" y="5.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.6704 6.4469)" class="st1" width="5.6" height="1.6"/>
+    <rect x="1.9" y="3.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.9415 4.6872)" class="st1" width="5.6" height="1.6"/>
+    <rect x="0.1" y="2.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.2126 2.9275)" class="st1" width="5.6" height="1.6"/>
+    <rect x="7.1" y="9.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.1282 9.9664)" class="st1" width="5.6" height="1.6"/>
+    <rect x="8.9" y="10.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.8571 11.7261)" class="st1" width="5.6" height="1.6"/>
+    <rect x="10.7" y="12.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.586 13.4859)" class="st1" width="5.6" height="1.6"/>
+    </g>
+    <g id="斜向行人2" class="st0"
+    :class="status[3].isshow? '' : 'invisible'"
+    >
+    <rect x="16.2" y="14.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.047 16.9978)" class="st1" width="1.6" height="5.6"/>
+    <rect x="17.9" y="12.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.2872 17.7267)" class="st1" width="1.6" height="5.6"/>
+    <rect x="14.4" y="15.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.8067 16.2689)" class="st1" width="1.6" height="5.6"/>
+    <rect x="12.7" y="17.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.5664 15.54)" class="st1" width="1.6" height="5.6"/>
+
+    <rect x="10.9" y="19.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.3262 14.8111)" class="st1" width="1.6" height="5.6"/>
+    <rect x="9.1" y="21.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.0859 14.0822)" class="st1" width="1.6" height="5.6"/>
+    <rect x="7.4" y="23" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.8456 13.3533)" class="st1" width="1.6" height="5.6"/>
+    <rect x="5.6" y="24.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -17.5947 12.6288)" class="st1" width="1.6" height="5.6"/>
+    <rect x="3.9" y="26.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.3544 11.8999)" class="st1" width="1.6" height="5.6"/>
+    <rect x="2.1" y="28.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.1142 11.171)" class="st1" width="1.6" height="5.6"/>
+    <rect x="25" y="5.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.7517 20.6423)" class="st1" width="1.6" height="5.6"/>
+    <rect x="26.7" y="3.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 3.5114 21.3712)" class="st1" width="1.6" height="5.6"/>
+    <rect x="28.5" y="1.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 5.2712 22.1001)" class="st1" width="1.6" height="5.6"/>
+    <rect x="30.3" y="0.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 7.0309 22.829)" class="st1" width="1.6" height="5.6"/>
+
+    <rect x="23.2" y="7.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.040609e-03 19.9134)" class="st1" width="1.6" height="5.6"/>
+    <rect x="21.5" y="8.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.7678 19.1845)" class="st1" width="1.6" height="5.6"/>
+    <rect x="19.7" y="10.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.5275 18.4556)" class="st1" width="1.6" height="5.6"/>
+    </g>
+    <g id="北行人"
+    :class="status[4].isshow? '' : 'invisible'"
+    class="st0">
+    <rect x="19.9" class="st1" width="1.6" height="5.6"/>
+    <rect x="17.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="22.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="24.9" class="st1" width="1.6" height="5.6"/>
+    <rect x="27.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="29.9" class="st1" width="1.6" height="5.6"/>
+    <rect x="32.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="7.5" class="st1" width="1.6" height="5.6"/>
+    <rect x="5" class="st1" width="1.6" height="5.6"/>
+    <rect x="2.5" class="st1" width="1.6" height="5.6"/>
+    <rect x="0" class="st1" width="1.6" height="5.6"/>
+    <rect x="10" class="st1" width="1.6" height="5.6"/>
+    <rect x="12.5" class="st1" width="1.6" height="5.6"/>
+    <rect x="14.9" class="st1" width="1.6" height="5.6"/>
+    </g>
+    <g id="南行人"
+    :class="status[5].isshow? '' : 'invisible'"
+    class="st0">
+    <rect x="19.9" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="17.4" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="22.4" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="24.9" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="27.4" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="29.9" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="32.4" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="7.5" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="5" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="2.5" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="0" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="10" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="12.5" y="28.4" class="st1" width="1.6" height="5.6"/>
+    <rect x="14.9" y="28.4" class="st1" width="1.6" height="5.6"/>
+    </g>
+    <g id="东行人"
+    :class="status[6].isshow? '' : 'invisible'"
+    class="st0">
+    <rect x="28.4" y="19.9" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="17.4" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="22.4" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="24.9" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="27.4" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="29.9" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="32.4" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="7.5" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="5" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="2.5" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="0" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="10" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="12.5" class="st1" width="5.6" height="1.6"/>
+    <rect x="28.4" y="14.9" class="st1" width="5.6" height="1.6"/>
+    </g>
+    <g id="西行人"
+    :class="status[7].isshow? '' : 'invisible'"
+    class="st0">
+    <rect y="19.9" class="st1" width="5.6" height="1.6"/>
+    <rect y="17.4" class="st1" width="5.6" height="1.6"/>
+    <rect y="22.4" class="st1" width="5.6" height="1.6"/>
+    <rect y="24.9" class="st1" width="5.6" height="1.6"/>
+    <rect y="27.4" class="st1" width="5.6" height="1.6"/>
+    <rect y="29.9" class="st1" width="5.6" height="1.6"/>
+    <rect y="32.4" class="st1" width="5.6" height="1.6"/>
+    <rect y="7.5" class="st1" width="5.6" height="1.6"/>
+    <rect y="5" class="st1" width="5.6" height="1.6"/>
+    <rect y="2.5" class="st1" width="5.6" height="1.6"/>
+    <rect y="0" class="st1" width="5.6" height="1.6"/>
+    <rect y="10" class="st1" width="5.6" height="1.6"/>
+    <rect y="12.5" class="st1" width="5.6" height="1.6"/>
+    <rect y="14.9" class="st1" width="5.6" height="1.6"/>
+    </g>
+    <g id="二次过街-西" class="st0">
+    <g id="西下"
+    :class="status[8].isshow? '' : 'invisible'"
+    >
+        <rect y="19.9" class="st1" width="5.6" height="1.6"/>
+        <rect y="22.4" class="st1" width="5.6" height="1.6"/>
+        <rect y="24.9" class="st1" width="5.6" height="1.6"/>
+        <rect y="27.4" class="st1" width="5.6" height="1.6"/>
+        <rect y="29.9" class="st1" width="5.6" height="1.6"/>
+        <rect y="32.4" class="st1" width="5.6" height="1.6"/>
+    </g>
+    <g id="西上"
+    :class="status[9].isshow? '' : 'invisible'"
+    >
+        <rect y="7.5" class="st1" width="5.6" height="1.6"/>
+        <rect y="5" class="st1" width="5.6" height="1.6"/>
+        <rect y="2.5" class="st1" width="5.6" height="1.6"/>
+        <rect y="0" class="st1" width="5.6" height="1.6"/>
+        <rect y="10" class="st1" width="5.6" height="1.6"/>
+        <rect y="12.5" class="st1" width="5.6" height="1.6"/>
+    </g>
+    </g>
+    <g id="二次过街-东" class="st0">
+    <g id="东上"
+    :class="status[10].isshow? '' : 'invisible'"
+    >
+        <rect x="28.4" y="12.5" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="10" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="7.5" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="5" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="2.5" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="0" class="st1" width="5.6" height="1.6"/>
+    </g>
+    <g id="东下"
+    :class="status[11].isshow? '' : 'invisible'"
+    >
+        <rect x="28.4" y="24.9" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="27.4" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="29.9" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="32.4" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="22.4" class="st1" width="5.6" height="1.6"/>
+        <rect x="28.4" y="19.9" class="st1" width="5.6" height="1.6"/>
+    </g>
+    </g>
+    <g id="二次过街-南" class="st0">
+    <g id="南右"
+    :class="status[12].isshow? '' : 'invisible'"
+    >
+        <rect x="19.9" y="28.4" class="st1" width="1.6" height="5.6"/>
+        <rect x="22.4" y="28.4" class="st1" width="1.6" height="5.6"/>
+        <rect x="24.9" y="28.4" class="st1" width="1.6" height="5.6"/>
+        <rect x="27.4" y="28.4" class="st1" width="1.6" height="5.6"/>
+        <rect x="29.9" y="28.4" class="st1" width="1.6" height="5.6"/>
+        <rect x="32.4" y="28.4" class="st1" width="1.6" height="5.6"/>
+    </g>
+        <g id="南左"
+        :class="status[13].isshow? '' : 'invisible'"
+        >
+            <rect x="7.5" y="28.4" class="st1" width="1.6" height="5.6"/>
+            <rect x="5" y="28.4" class="st1" width="1.6" height="5.6"/>
+            <rect x="2.5" y="28.4" class="st1" width="1.6" height="5.6"/>
+            <rect x="0" y="28.4" class="st1" width="1.6" height="5.6"/>
+            <rect x="10" y="28.4" class="st1" width="1.6" height="5.6"/>
+            <rect x="12.5" y="28.4" class="st1" width="1.6" height="5.6"/>
+        </g>
+    </g>
+        <g id="二次过街-北_1_" class="st0">
+        <g id="北右_1_"
+        :class="status[14].isshow? '' : 'invisible'"
+        >
+            <rect x="19.9" class="st1" width="1.6" height="5.6"/>
+            <rect x="22.4" class="st1" width="1.6" height="5.6"/>
+            <rect x="24.9" class="st1" width="1.6" height="5.6"/>
+            <rect x="27.4" class="st1" width="1.6" height="5.6"/>
+            <rect x="29.9" class="st1" width="1.6" height="5.6"/>
+            <rect x="32.4" class="st1" width="1.6" height="5.6"/>
+        </g>
+        <g id="北左_1_"
+        :class="status[15].isshow? '' : 'invisible'"
+        >
+            <rect x="7.5" class="st1" width="1.6" height="5.6"/>
+            <rect x="5" class="st1" width="1.6" height="5.6"/>
+            <rect x="2.5" class="st1" width="1.6" height="5.6"/>
+            <rect x="0" class="st1" width="1.6" height="5.6"/>
+            <rect x="10" class="st1" width="1.6" height="5.6"/>
+            <rect x="12.5" class="st1" width="1.6" height="5.6"/>
+        </g>
+    </g>
+    </svg>
+  </div>
+</template>
+<script>
+export default {
+  name: 'PatternWalkSvg',
+  data () {
+    return {
+      status: [
+        {
+          id: 1,
+          name: '东西路段人行横道',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 2,
+          name: '南北路段人行横道',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 3,
+          name: 'X人行横道-\\',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 4,
+          name: 'X人行横道-/',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 5,
+          name: '北人行横道',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 6,
+          name: '南人行横道',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 7,
+          name: '东人行横道',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 8,
+          name: '西人行横道',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 9,
+          name: '西人行横道-下',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 10,
+          name: '西人行横道-上',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 11,
+          name: '东人行横道-上',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 12,
+          name: '东人行横道-下',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 13,
+          name: '南人行横道-右',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 14,
+          name: '南人行横道-左',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 15,
+          name: '北人行横道-右',
+          isshow: false,
+          color: '#0096ba'
+        },
+        {
+          id: 16,
+          name: '北人行横道-左',
+          isshow: false,
+          color: '#0096ba'
+        }
+      ]
+    }
+  },
+  props: {
+    sidewalkPhaseData: {
+      type: Array
+    },
+    showWalk: {
+      type: Array
+    },
+    Width: {
+      type: String,
+      default: '34px'
+    },
+    Height: {
+      type: String,
+      default: '34px'
+    },
+    Data: {
+      type: Object
+    }
+  },
+  watch: {
+    sidewalkPhaseData: {
+      handler: function () {
+        this.getShow()
+      },
+      deep: true // 深度监听
+    },
+    showWalk: {
+      handler: function () {
+        this.getShow()
+      },
+      deep: true // 深度监听
+    }
+  },
+  created () {
+    this.getShow()
+  },
+  methods: {
+    getShow () {
+      console.log(this.sidewalkPhaseData, this.showWalk)
+      if (!this.sidewalkPhaseData) return
+      for (let i = 0; i < this.sidewalkPhaseData.length; i++) {
+        for (let j = 0; j < this.status.length; j++) {
+          if (this.sidewalkPhaseData[i].name === this.status[j].name && this.showWalk.includes(this.sidewalkPhaseData[i].id)) {
+            this.status[j].isshow = true
+          }
+        }
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+.invisible {
+  visibility: hidden;
+}
+.st0{opacity:0.5;}
+.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#303133;}
+</style>

package/package/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue

@@ -958,11 +958,30 @@ export default {
           this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
           return
         }
-        this.channelList = res.data.data.channelList.filter(ele => ele.type !== undefined)
-        // console.log('this.channelList', this.channelList)
+        let channelList = res.data.data.channelList.filter(ele => ele.type !== undefined)
+        this.channelList = this.handleRepeatRealdir(channelList)
+        console.log('this.channelList', this.channelList)
         this.handleChannelDirection()
       })
     },
+    handleRepeatRealdir (channelList) {
+      // 按realdir去掉重复方向的数据
+      let map = new Map()
+      channelList.forEach(ele => {
+        ele.realdir.forEach(dir => {
+          if (map.get(dir) === undefined) {
+            map.set(dir, ele)
+          }
+        })
+      })
+      let arr = Array.from(map)
+      let newarr = []
+      arr.forEach(ele => {
+        newarr.push(ele[1])
+      })
+      // console.log(newarr)
+      return newarr
+    },
     handleChannelDirection () {
       this.LanePhaseData = []
       this.sidewalkPhaseData = []
@@ -1057,7 +1076,6 @@ export default {
         }
       }
       this.compLanePhaseData = JSON.parse(JSON.stringify(this.LanePhaseData))
-      // console.log(this.compLanePhaseData)
       let clickedDirection = this.compLanePhaseData.filter(ele => ele.clicked && !ele.disabled)
       this.inneChoosedDirection = clickedDirection.map(ele => ele.id)
       this.EmitAllChoosedDirection(curClickedPhase)

package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/LphaseIconSvg.vue

@@ -13,8 +13,8 @@
   <div :id="Data.key" :style="{position: 'absolute', left: Data.left, top: Data.top}">
     <div :class="Data.id < 9 ? '' : 'hide'">
       <svg v-if="Data.id === 4 || Data.id === 8" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18.1 14.5" :width="IconLenghDiaoTou" :height="IconWdithDiaoTou">
-        <path id="东掉头" :class="Data.name === '东掉头' ? '' : 'invisible'" d="M0,8.8c0,3.1,2.2,5.7,4.9,5.7h13.2v-2.5H4.9c-1.3,0-2.4-1.4-2.4-3.1s1.1-3.1,2.4-3.1h3.6v3.1l7.7-4.4L8.6,0v3.1H4.9C2.2,3.1,0,5.7,0,8.8z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
-        <path id="西掉头" :class="Data.name === '西掉头' ? '' : 'invisible'" d="M18.1,5.7c0-3.1-2.2-5.7-4.9-5.7H0v2.5h13.3c1.3,0,2.4,1.4,2.4,3.1s-1.1,3.1-2.4,3.1H9.7V5.6L2,10l7.6,4.5v-3.2h3.6C15.9,11.3,18.1,8.8,18.1,5.7z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
+        <path id="东掉头" :class="Data.name === '东掉头' ? '' : 'invisible'" d="M4.876,3.054H8.5V0.039L16.07,4.276,8.411,8.513V5.5H4.792C3.53,5.5,2.436,6.883,2.436,8.513s1.094,3.015,2.357,3.015H18.006v2.444H4.876A5.2,5.2,0,0,1-.005,8.513,5.2,5.2,0,0,1,4.876,3.054Z" transform="translate(0 -0.031)" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
+        <path id="西掉头" :class="Data.name === '西掉头' ? '' : 'invisible'" d="M13.124,10.964H9.5v3.028L1.93,9.736,9.589,5.48V8.508h3.619c1.262,0,2.357-1.391,2.357-3.028S14.47,2.452,13.208,2.452H-0.006V0H13.124c2.693,0,4.881,2.455,4.881,5.483S15.817,10.964,13.124,10.964Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
       </svg>
       <svg v-else version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
         viewBox="0 0 36 26" style="enable-background:new 0 0 36 26;" xml:space="preserve" :width="IconLengh" :height="IconWdith">
@@ -38,8 +38,8 @@ L3.3,16l9,5.3v-3.8h4.3C19.8,17.5,22.4,14.5,22.4,10.8z" :fill="this.FlashColor ?
       </div>
       <div :class="Data.id >= 9 ? '' : 'hide'">
         <svg v-if="Data.id === 12 || Data.id === 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14.5 18.1" :width="IconWdithDiaoTou" :height="IconLenghDiaoTou">
-          <path id="南掉头" :class="Data.name === '南掉头' ? '' : 'invisible'"  d="M5.7,0C2.5,0,0,2.2,0,4.9l0,13.2h2.5V4.9c0-1.3,1.4-2.4,3.1-2.4s3.1,1.1,3.1,2.4v3.6H5.7l4.4,7.7l4.4-7.7h-3.2V4.9C11.3,2.2,8.8,0,5.7,0z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
-          <path id="北掉头" :class="Data.name === '北掉头' ? '' : 'invisible'" d="M8.8,18.1c3.1,0,5.7-2.2,5.7-4.9V0l-2.5,0v13.3c0,1.3-1.4,2.4-3.1,2.4s-3.1-1.1-3.1-2.4V9.7h3.1L4.4,2L0,9.6h3.1v3.6C3.1,15.9,5.7,18.1,8.8,18.1z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
+          <path id="南掉头" :class="Data.name === '南掉头' ? '' : 'invisible'"  d="M10.946,4.876V8.5h3.015L9.724,16.07,5.487,8.411H8.5V4.792c0-1.262-1.385-2.357-3.015-2.357S2.472,3.53,2.472,4.792V18.006H0.028V4.876A5.2,5.2,0,0,1,5.487-.005,5.2,5.2,0,0,1,10.946,4.876Z" transform="translate(-0.031)" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
+          <path id="北掉头" :class="Data.name === '北掉头' ? '' : 'invisible'" d="M3.036,13.124V9.5H0.008L4.264,1.93,8.52,9.589H5.492v3.619c0,1.262,1.391,2.357,3.028,2.357s3.028-1.094,3.028-2.357V-0.006H14V13.124c0,2.693-2.455,4.881-5.483,4.881S3.036,15.817,3.036,13.124Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
         </svg>
         <svg  v-else version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
           viewBox="0 0 26 36" style="enable-background:new 0 0 26 36;" xml:space="preserve" :width="IconWdith" :height="IconLengh">

package/package/kisscomps/components/IntersectionMap/crossDirection/phaseIcon/phaseIconSvg.vue

@@ -12,9 +12,9 @@
 <template>
   <div :id="Data.key" :style="{position: 'absolute', left: Data.left, top: Data.top}">
     <div :class="Data.id < 9 ? '' : 'hide'">
-      <svg v-if="Data.id === 4 || Data.id === 8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.11 14.47" :width="IconLenghDiaoTou" :height="IconWdithDiaoTou">
-        <path id="东掉头" :class="Data.name === '东掉头' ? '' : 'invisible'" d="M4.91,11.34H8.55v3.13l7.7-4.4-7.7-4.4V8.8H4.91c-1.27,0-2.37-1.44-2.37-3.13s1.1-3.13,2.37-3.13h13.2V0H4.91C2.2,0,0,2.54,0,5.67S2.2,11.34,4.91,11.34Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
-        <path id="西掉头" :class="Data.name === '西掉头' ? '' : 'invisible'" d="M13.2,3.22H9.56V0L2,4.48l7.7,4.4V5.75h3.63c1.27,0,2.37,1.44,2.37,3.13S14.55,12,13.28,12H0v2.53H13.2c2.71,0,4.91-2.53,4.91-5.67S15.91,3.22,13.2,3.22Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
+      <svg v-if="Data.id === 4 || Data.id === 8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 14" :width="IconLenghDiaoTou" :height="IconWdithDiaoTou">
+        <path id="东掉头" :class="Data.name === '东掉头' ? '' : 'invisible'" d="M4.876,10.981H8.5v3.042L16.07,9.748,8.411,5.474V8.515H4.792c-1.262,0-2.357-1.4-2.357-3.042S3.53,2.432,4.792,2.432H18.006V-0.034H4.876c-2.693,0-4.881,2.466-4.881,5.508S2.183,10.981,4.876,10.981Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
+        <path id="西掉头" :class="Data.name === '西掉头' ? '' : 'invisible'" d="M13.124,3.036H9.5V0.008L1.93,4.264,9.589,8.52V5.492h3.619c1.262,0,2.357,1.391,2.357,3.028s-1.094,3.028-2.357,3.028H-0.006V14H13.124c2.693,0,4.881-2.455,4.881-5.483S15.817,3.036,13.124,3.036Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)"/>
       </svg>
       <svg v-else xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 36 26" :width="IconLengh" :height="IconWdith">
           <!-- 东相位 -->
@@ -36,9 +36,9 @@
         </svg>
       </div>
       <div :class="Data.id >= 9 ? '' : 'hide'">
-        <svg v-if="Data.id === 12 || Data.id === 16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.47 18.11" :width="IconWdithDiaoTou" :height="IconLenghDiaoTou">
-          <path id="南掉头" :class="Data.name === '南掉头' ? '' : 'invisible'" d="M3.22,4.91V8.55H0l4.4,7.7,4.4-7.7H5.67V4.91c0-1.27,1.44-2.37,3.13-2.37s3.13,1.1,3.13,2.37v13.2h2.54V4.91C14.47,2.2,11.93,0,8.8,0S3.22,2.2,3.22,4.91Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" />
-          <path id="北掉头" :class="Data.name === '北掉头' ? '' : 'invisible'" d="M11.34,13.2V9.56h3.13L10.07,2l-4.4,7.7H8.8v3.63c0,1.27-1.44,2.37-3.13,2.37s-3.13-1.1-3.13-2.37V0H0V13.2c0,2.71,2.54,4.91,5.67,4.91S11.34,15.91,11.34,13.2Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" />
+        <svg v-if="Data.id === 12 || Data.id === 16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 18" :width="IconWdithDiaoTou" :height="IconLenghDiaoTou">
+          <path id="南掉头" :class="Data.name === '南掉头' ? '' : 'invisible'" d="M3.036,4.876V8.5H0.008L4.264,16.07,8.52,8.411H5.492V4.792c0-1.262,1.391-2.357,3.028-2.357s3.028,1.094,3.028,2.357V18.006H14V4.876C14,2.183,11.548-.005,8.52-0.005S3.036,2.183,3.036,4.876Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" />
+          <path id="北掉头" :class="Data.name === '北掉头' ? '' : 'invisible'" d="M10.981,13.124V9.5h3.042L9.748,1.93,5.474,9.589H8.515v3.619c0,1.262-1.4,2.357-3.042,2.357S2.432,14.47,2.432,13.208V-0.006H-0.034V13.124c0,2.693,2.466,4.881,5.508,4.881S10.981,15.817,10.981,13.124Z" :fill="this.FlashColor ? this.FlashColor : (Data.color ? Data.color : defaultColor)" />
         </svg>
         <svg v-else xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
           viewBox="0 0 26 36" style="enable-background:new 0 0 26 36;" xml:space="preserve" :width="IconWdith" :height="IconLengh">
@@ -119,11 +119,11 @@ export default {
     },
     IconLenghDiaoTou: {
       type: String,
-      default: '18.11px'
+      default: '18px'
     },
     IconWdithDiaoTou: {
       type: String,
-      default: '14.47px'
+      default: '14px'
     },
     Data: {
       type: Object

package/package/kisscomps/components/IntersectionMap/crossDirection/posJson/phasePos.json

@@ -24,8 +24,8 @@
       "id": 4,
       "name": "东掉头",
       "ename": "East-Back",
-      "x": "601px",
-      "y": "297.8px"
+      "x": "602px",
+      "y": "300px"
     },
     {
       "id": 5,
@@ -52,8 +52,8 @@
       "id": 8,
       "name": "西掉头",
       "ename": "West-Back",
-      "x": "246px",
-      "y": "330.8px"
+      "x": "247px",
+      "y": "333px"
     },
     {
       "id": 9,
@@ -80,8 +80,8 @@
       "id": 12,
       "name": "北掉头",
       "ename": "North-Back",
-      "x": "411px",
-      "y": "136px"
+      "x": "412px",
+      "y": "137px"
     },
     {
       "id": 13,
@@ -109,7 +109,7 @@
       "name": "南掉头",
       "ename": "South-Back",
       "x": "444px",
-      "y": "490px"
+      "y": "489px"
     }
   ]
 }