openatc-components 0.1.156 → 0.1.157

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openatc-components",
-  "version": "0.1.156",
+  "version": "0.1.157",
   "description": "A Vue.js project",
   "author": "openatc developer",
   "private": false,
@@ -124,4 +124,4 @@
     "test": "test"
   },
   "license": "ISC"
-}
+}

package/src/i18n/language/en.js

@@ -286,13 +286,13 @@ const en = {
       'putTscControlError1': 'Unsupported control pattern',
       'putTscControlError2': 'Control number not exist',
       'putTscControlError3': 'Unsupported control params',
-      'putTscControlError4': 'Unable to execute because device is in initialization',
-      'putTscControlError5': 'Cannot be executed, beacuse the pattern with higher priority is under control',
-      'putTscControlError6': 'Cannot be executed, beacuse the user with higher priority is under control',
+      'putTscControlError4': 'device is in initialization',
+      'putTscControlError5': 'The pattern with higher priority is under control',
+      'putTscControlError6': 'The user with higher priority is under control',
       'putTscControlError7': 'The scheme corresponding to the scheme number does not exist',
       'putTscControlError8': 'Configuration contains green conflicts',
-      'putTscControlError9': 'Nonexistent intersection number ',
-      'putTscControlError10': 'Non-existent phase number ',
+      'putTscControlError9': 'Junction number is incorrect',
+      'putTscControlError10': 'Phase number does not exist',
       'putTscControlError11': 'This user has no permissions ',
       'putTscControlError12': 'Area or junction does not exist ',
       'putTscControlError13': 'Invalid operation list number ',
@@ -308,7 +308,7 @@ const en = {
       'putTscControlError23': 'Key error',
       'putTscControlError24': 'The check information does not exist',
       'putTscControlError25': 'Protocol incompatibility',
-      'putTscControlError26': 'The control message interval is too short',
+      'putTscControlError26': 'The control interval is too short',
       'putTscControlError99': 'Control exception ',
       // 'putTscControlError20': 'In the provisional scheme, the green signal ratio should be greater than the phase minimum green + yellow light + all red, and less than the maximum green 1+ yellow light + all red',
       'nofault': 'None',

package/src/i18n/language/zh.js

@@ -286,13 +286,13 @@ const zh = {
       'putTscControlError1': '不支持的控制方式',
       'putTscControlError2': '不存在的方案编号',
       'putTscControlError3': '不支持的控制参数',
-      'putTscControlError4': '设备初始化中，无法执行',
-      'putTscControlError5': '优先级更高的方案控制中，无法执行',
-      'putTscControlError6': '优先级更高的用户控制中，无法执行',
+      'putTscControlError4': '设备初始化中',
+      'putTscControlError5': '优先级更高的方案控制中',
+      'putTscControlError6': '优先级更高的用户控制中',
       'putTscControlError7': '方案编号对应的方案不存在',
       'putTscControlError8': '配置包含绿冲突',
-      'putTscControlError9': '不存在的路口编号',
-      'putTscControlError10': '不存在的相位编号',
+      'putTscControlError9': '路口编号不正确',
+      'putTscControlError10': '相位编号不存在',
       'putTscControlError11': '该用户没有权限',
       'putTscControlError12': '区域或路口不存在',
       'putTscControlError13': '无效的操作列表编号',
@@ -308,7 +308,7 @@ const zh = {
       'putTscControlError23': '密钥错误',
       'putTscControlError24': '校验信息不存在',
       'putTscControlError25': '协议不兼容',
-      'putTscControlError26': '控制消息间隔时间过短',
+      'putTscControlError26': '控制间隔过短',
       'putTscControlError99': '控制异常',
       // 'putTscControlError20': '临时方案中绿信比应大于相位的最小绿+黄灯+全红，并小于最大绿1+黄灯+全红',
       'nofault': '无',

package/src/kisscomps/components/OverLap/OverLap.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="overLap" v-if="checked" :style="{'margin':this.controlData ? '20px 0 0 0' :tentative ? '0' : '0 87px 0 468px'}">
+<div class="overLap" v-if="checked" :style="{'margin':this.controlData ? '20px 0 0 0' :tentative ? '0' : '0 107px 0 468px'}">
     <div class="ring-first" v-for="(list, index1) in this.overlapDatas" :key="index1">
         <div v-for="(item,index2) in list.stageLists" :key="index2" >
           <!-- {{list.peddirection}} -->

package/src/kisscomps/components/XRDDirSelector/XRDDirSelector.vue

@@ -272,54 +272,54 @@
   </style> -->
   <g>
   <g id="二次过街-西">
-    <g id="西上" :class="peoplestatus[9].isshow? '' : 'invisible'">
+    <g id="西上" :fill="isLock === 1 ? peoplestatus[9].lockColor:peoplestatus[9].color" :class="peoplestatus[9].isshow? '' : 'invisible'">
       <rect y="0" class="st0" width="4.4" height="2.6"/>
       <rect y="5.2" class="st0" width="4.4" height="2.6"/>
       <rect y="10.5" class="st0" width="4.4" height="2.6"/>
     </g>
-    <g id="西下" :class="peoplestatus[8].isshow? '' : 'invisible'">
+    <g id="西下" :fill="isLock === 1 ? peoplestatus[8].lockColor:peoplestatus[8].color" :class="peoplestatus[8].isshow? '' : 'invisible'">
       <rect y="20.9" class="st0" width="4.4" height="2.6"/>
       <rect y="26.2" class="st0" width="4.4" height="2.6"/>
       <rect y="31.4" class="st0" width="4.4" height="2.6"/>
     </g>
   </g>
   <g id="二次过街-东">
-    <g id="东上" :class="peoplestatus[10].isshow? '' : 'invisible'">
+    <g id="东上" :fill="isLock === 1 ? peoplestatus[10].lockColor:peoplestatus[10].color" :class="peoplestatus[10].isshow? '' : 'invisible'">
       <rect x="29.6" y="0" class="st0" width="4.4" height="2.6"/>
       <rect x="29.6" y="5.2" class="st0" width="4.4" height="2.6"/>
       <rect x="29.6" y="10.5" class="st0" width="4.4" height="2.6"/>
     </g>
-    <g id="东下" :class="peoplestatus[11].isshow? '' : 'invisible'">
+    <g id="东下" :fill="isLock === 1 ? peoplestatus[11].lockColor:peoplestatus[11].color" :class="peoplestatus[11].isshow? '' : 'invisible'">
       <rect x="29.6" y="20.9" class="st0" width="4.4" height="2.6"/>
       <rect x="29.6" y="26.2" class="st0" width="4.4" height="2.6"/>
       <rect x="29.6" y="31.4" class="st0" width="4.4" height="2.6"/>
     </g>
   </g>
   <g id="二次过街-北">
-    <g id="北右" :class="peoplestatus[14].isshow? '' : 'invisible'">
+    <g id="北右" :fill="isLock === 1 ? peoplestatus[14].lockColor:peoplestatus[14].color" :class="peoplestatus[14].isshow? '' : 'invisible'">
       <rect x="31.4" class="st0" width="2.6" height="4.4"/>
       <rect x="26.2" class="st0" width="2.6" height="4.4"/>
       <rect x="20.9" class="st0" width="2.6" height="4.4"/>
     </g>
-    <g id="北左" :class="peoplestatus[15].isshow? '' : 'invisible'">
+    <g id="北左" :fill="isLock === 1 ? peoplestatus[15].lockColor:peoplestatus[15].color" :class="peoplestatus[15].isshow? '' : 'invisible'">
       <rect x="10.5" class="st0" width="2.6" height="4.4"/>
       <rect x="5.2" class="st0" width="2.6" height="4.4"/>
       <rect x="0" class="st0" width="2.6" height="4.4"/>
     </g>
   </g>
   <g id="二次过街-南">
-    <g id="南右" :class="peoplestatus[12].isshow? '' : 'invisible'">
+    <g id="南右" :fill="isLock === 1 ? peoplestatus[12].lockColor:peoplestatus[12].color" :class="peoplestatus[12].isshow? '' : 'invisible'">
       <rect x="31.4" y="29.6" class="st0" width="2.6" height="4.4"/>
       <rect x="26.2" y="29.6" class="st0" width="2.6" height="4.4"/>
       <rect x="20.9" y="29.6" class="st0" width="2.6" height="4.4"/>
     </g>
-    <g id="南左" :class="peoplestatus[13].isshow? '' : 'invisible'">
+    <g id="南左" :fill="isLock === 1 ? peoplestatus[13].lockColor:peoplestatus[13].color" :class="peoplestatus[13].isshow? '' : 'invisible'">
       <rect x="10.5" y="29.6" class="st0" width="2.6" height="4.4"/>
       <rect x="5.2" y="29.6" class="st0" width="2.6" height="4.4"/>
       <rect x="0" y="29.6" class="st0" width="2.6" height="4.4"/>
     </g>
   </g>
-  <g id="西行人_1_" :class="peoplestatus[7].isshow? '' : 'invisible'">
+  <g id="西行人_1_" :fill="isLock === 1 ? peoplestatus[7].lockColor:peoplestatus[7].color" :class="peoplestatus[7].isshow? '' : 'invisible'">
     <rect y="0" class="st0" width="4.4" height="2.6"/>
     <rect y="5.2" class="st0" width="4.4" height="2.6"/>
     <rect y="10.5" class="st0" width="4.4" height="2.6"/>
@@ -328,7 +328,7 @@
     <rect y="26.2" class="st0" width="4.4" height="2.6"/>
     <rect y="31.4" class="st0" width="4.4" height="2.6"/>
   </g>
-  <g id="东行人_1_" :class="peoplestatus[6].isshow? '' : 'invisible'">
+  <g id="东行人_1_" :fill="isLock === 1 ? peoplestatus[6].lockColor:peoplestatus[6].color" :class="peoplestatus[6].isshow? '' : 'invisible'">
     <rect x="29.6" y="0" class="st0" width="4.4" height="2.6"/>
     <rect x="29.6" y="5.2" class="st0" width="4.4" height="2.6"/>
     <rect x="29.6" y="10.5" class="st0" width="4.4" height="2.6"/>
@@ -337,7 +337,7 @@
     <rect x="29.6" y="26.2" class="st0" width="4.4" height="2.6"/>
     <rect x="29.6" y="31.4" class="st0" width="4.4" height="2.6"/>
   </g>
-  <g id="北行人_1_" :class="peoplestatus[4].isshow? '' : 'invisible'">
+  <g id="北行人_1_" :fill="isLock === 1 ? peoplestatus[4].lockColor:peoplestatus[4].color" :class="peoplestatus[4].isshow? '' : 'invisible'">
     <rect x="31.4" class="st0" width="2.6" height="4.4"/>
     <rect x="26.2" class="st0" width="2.6" height="4.4"/>
     <rect x="20.9" class="st0" width="2.6" height="4.4"/>
@@ -346,7 +346,7 @@
     <rect x="5.2" class="st0" width="2.6" height="4.4"/>
     <rect x="0" class="st0" width="2.6" height="4.4"/>
   </g>
-  <g id="斜向行人1"  :class="peoplestatus[2].isshow? '' : 'invisible'">
+  <g id="斜向行人1" :fill="isLock === 1 ? peoplestatus[2].lockColor:peoplestatus[2].color"  :class="peoplestatus[2].isshow? '' : 'invisible'">
       <rect x="25.9" y="26.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.6378 28.0961)" class="st0" width="4.4" height="2.6"/>
       <rect x="22.2" y="23.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.1057 24.3974)" class="st0" width="4.4" height="2.6"/>
       <rect x="18.5" y="19.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.5737 20.6987)" class="st0" width="4.4" height="2.6"/>
@@ -355,7 +355,7 @@
     <rect x="7.4" y="8.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.9775 9.6026)" class="st0" width="4.4" height="2.6"/>
     <rect x="3.7" y="4.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.4455 5.9039)" class="st0" width="4.4" height="2.6"/>
   </g>
-  <g id="斜向行人2" :class="peoplestatus[3].isshow? '' : 'invisible'">
+  <g id="斜向行人2" :fill="isLock === 1 ? peoplestatus[3].lockColor:peoplestatus[3].color" :class="peoplestatus[3].isshow? '' : 'invisible'">
       <rect x="4.6" y="25.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.1378 12.4038)" class="st0" width="2.6" height="4.4"/>
       <rect x="8.3" y="22.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.4391 13.9359)" class="st0" width="2.6" height="4.4"/>
     <rect x="12" y="18.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.7403 15.4679)" class="st0" width="2.6" height="4.4"/>
@@ -364,7 +364,7 @@
     <rect x="23.1" y="7.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.3558 20.0641)" class="st0" width="2.6" height="4.4"/>
     <rect x="26.8" y="3.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.0545 21.5962)" class="st0" width="2.6" height="4.4"/>
   </g>
-  <g id="路段行人过街-南北" :class="peoplestatus[1].isshow? '' : 'invisible'">
+  <g id="路段行人过街-南北" :fill="isLock === 1 ? peoplestatus[1].lockColor:peoplestatus[1].color" :class="peoplestatus[1].isshow? '' : 'invisible'">
     <rect x="14.8" y="31.4" class="st0" width="4.4" height="2.6"/>
     <rect x="14.8" y="26.2" class="st0" width="4.4" height="2.6"/>
     <rect x="14.8" y="20.9" class="st0" width="4.4" height="2.6"/>
@@ -373,7 +373,7 @@
     <rect x="14.8" y="5.2" class="st0" width="4.4" height="2.6"/>
     <rect x="14.8" y="0" class="st0" width="4.4" height="2.6"/>
   </g>
-  <g id="路段行人过街-东西" :class="peoplestatus[0].isshow? '' : 'invisible'">
+  <g id="路段行人过街-东西" :fill="isLock === 1 ? peoplestatus[0].lockColor:peoplestatus[0].color" :class="peoplestatus[0].isshow? '' : 'invisible'">
     <rect x="0" y="14.8" class="st0" width="2.6" height="4.4"/>
     <rect x="5.2" y="14.8" class="st0" width="2.6" height="4.4"/>
     <rect x="10.5" y="14.8" class="st0" width="2.6" height="4.4"/>
@@ -382,7 +382,7 @@
     <rect x="26.2" y="14.8" class="st0" width="2.6" height="4.4"/>
     <rect x="31.4" y="14.8" class="st0" width="2.6" height="4.4"/>
   </g>
-  <g id="南行人_1_" :class="peoplestatus[5].isshow? '' : 'invisible'">
+  <g id="南行人_1_" :fill="isLock === 1 ? peoplestatus[5].lockColor:peoplestatus[5].color" :class="peoplestatus[5].isshow? '' : 'invisible'">
     <rect x="31.4" y="29.6" class="st0" width="2.6" height="4.4"/>
     <rect x="26.2" y="29.6" class="st0" width="2.6" height="4.4"/>
     <rect x="20.9" y="29.6" class="st0" width="2.6" height="4.4"/>
@@ -394,54 +394,54 @@
   </g>
   <g>
   <g id="二次过街-西北">
-    <g id="西北上" :class="peoplestatus[26].isshow? '' : 'invisible'">
+    <g id="西北上" :fill="isLock === 1 ? peoplestatus[26].lockColor:peoplestatus[26].color" :class="peoplestatus[26].isshow? '' : 'invisible'">
         <rect x="16.3" y="-6.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 8.3878 11.1346)" class="st0" width="2.6" height="4.4"/>
       <rect x="12.6" y="-3.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.6891 9.6026)" class="st0" width="2.6" height="4.4"/>
       <rect x="8.9" y="0.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.9904 8.0705)" class="st0" width="2.6" height="4.4"/>
     </g>
-    <g id="西北下" :class="peoplestatus[27].isshow? '' : 'invisible'">
+    <g id="西北下" :fill="isLock === 1 ? peoplestatus[27].lockColor:peoplestatus[27].color" :class="peoplestatus[27].isshow? '' : 'invisible'">
       <rect x="1.5" y="8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.407 5.0064)" class="st0" width="2.6" height="4.4"/>
       <rect x="-2.2" y="11.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.1057 3.4743)" class="st0" width="2.6" height="4.4"/>
       <rect x="-5.9" y="15.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -13.8044 1.9423)" class="st0" width="2.6" height="4.4"/>
     </g>
   </g>
   <g id="二次过街-东南">
-    <g id="东南上" :class="peoplestatus[20].isshow? '' : 'invisible'">
+    <g id="东南上" :fill="isLock === 1 ? peoplestatus[20].lockColor:peoplestatus[20].color" :class="peoplestatus[20].isshow? '' : 'invisible'">
         <rect x="37.3" y="14.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.2788 32.0577)" class="st0" width="2.6" height="4.4"/>
         <rect x="33.6" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.9775 30.5257)" class="st0" width="2.6" height="4.4"/>
         <rect x="29.9" y="21.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.6762 28.9936)" class="st0" width="2.6" height="4.4"/>
     </g>
-    <g id="东南下" :class="peoplestatus[21].isshow? '' : 'invisible'">
+    <g id="东南下" :fill="isLock === 1 ? peoplestatus[21].lockColor:peoplestatus[21].color" :class="peoplestatus[21].isshow? '' : 'invisible'">
         <rect x="22.5" y="29" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.0736 25.9295)" class="st0" width="2.6" height="4.4"/>
         <rect x="18.8" y="32.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.7724 24.3974)" class="st0" width="2.6" height="4.4"/>
         <rect x="15.1" y="36.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.4711 22.8654)" class="st0" width="2.6" height="4.4"/>
     </g>
   </g>
   <g id="二次过街-东北">
-    <g id="东北下" :class="peoplestatus[25].isshow? '' : 'invisible'">
+    <g id="东北下" :fill="isLock === 1 ? peoplestatus[25].lockColor:peoplestatus[25].color" :class="peoplestatus[25].isshow? '' : 'invisible'">
       <rect x="36.4" y="16.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.1763 32.4295)" class="st0" width="4.4" height="2.6"/>
       <rect x="32.7" y="12.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.3558 28.7307)" class="st0" width="4.4" height="2.6"/>
       <rect x="29" y="8.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.8879 25.032)" class="st0" width="4.4" height="2.6"/>
     </g>
-    <g id="东北上" :class="peoplestatus[24].isshow? '' : 'invisible'">
+    <g id="东北上" :fill="isLock === 1 ? peoplestatus[24].lockColor:peoplestatus[24].color" :class="peoplestatus[24].isshow? '' : 'invisible'">
       <rect x="21.6" y="1.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.952 17.6346)" class="st0" width="4.4" height="2.6"/>
       <rect x="17.9" y="-2.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 6.484 13.9359)" class="st0" width="4.4" height="2.6"/>
       <rect x="14.2" y="-5.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 8.0161 10.2372)" class="st0" width="4.4" height="2.6"/>
     </g>
   </g>
   <g id="二次过街-西南">
-    <g id="西南下" :class="peoplestatus[23].isshow? '' : 'invisible'">
+    <g id="西南下" :fill="isLock === 1 ? peoplestatus[23].lockColor:peoplestatus[23].color" :class="peoplestatus[23].isshow? '' : 'invisible'">
         <rect x="15.4" y="37.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.0994 23.7628)" class="st0" width="4.4" height="2.6"/>
         <rect x="11.7" y="33.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.5673 20.0641)" class="st0" width="4.4" height="2.6"/>
       <rect x="8" y="29.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.0352 16.3654)" class="st0" width="4.4" height="2.6"/>
     </g>
-    <g id="西南上" :class="peoplestatus[22].isshow? '' : 'invisible'">
+    <g id="西南上" :fill="isLock === 1 ? peoplestatus[22].lockColor:peoplestatus[22].color" :class="peoplestatus[22].isshow? '' : 'invisible'">
       <rect x="0.6" y="22.5" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.9711 8.968)" class="st0" width="4.4" height="2.6"/>
         <rect x="-3.1" y="18.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -14.4391 5.2693)" class="st0" width="4.4" height="2.6"/>
         <rect x="-6.8" y="15.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.907 1.5706)" class="st0" width="4.4" height="2.6"/>
     </g>
   </g>
-  <g id="西北行人" :class="peoplestatus[19].isshow? '' : 'invisible'">
+  <g id="西北行人" :fill="isLock === 1 ? peoplestatus[19].lockColor:peoplestatus[19].color" :class="peoplestatus[19].isshow? '' : 'invisible'">
     <rect x="16.3" y="-6.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 8.3878 11.1346)" class="st0" width="2.6" height="4.4"/>
     <rect x="12.6" y="-3.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 4.6891 9.6026)" class="st0" width="2.6" height="4.4"/>
     <rect x="8.9" y="0.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.9904 8.0705)" class="st0" width="2.6" height="4.4"/>
@@ -450,7 +450,7 @@
       <rect x="-2.2" y="11.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.1057 3.4743)" class="st0" width="2.6" height="4.4"/>
       <rect x="-5.9" y="15.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -13.8044 1.9423)" class="st0" width="2.6" height="4.4"/>
   </g>
-  <g id="东南行人" :class="peoplestatus[16].isshow? '' : 'invisible'">
+  <g id="东南行人" :fill="isLock === 1 ? peoplestatus[16].lockColor:peoplestatus[16].color" :class="peoplestatus[16].isshow? '' : 'invisible'">
       <rect x="37.3" y="14.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.2788 32.0577)" class="st0" width="2.6" height="4.4"/>
       <rect x="33.6" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.9775 30.5257)" class="st0" width="2.6" height="4.4"/>
       <rect x="29.9" y="21.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.6762 28.9936)" class="st0" width="2.6" height="4.4"/>
@@ -459,7 +459,7 @@
       <rect x="18.8" y="32.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.7724 24.3974)" class="st0" width="2.6" height="4.4"/>
       <rect x="15.1" y="36.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.4711 22.8654)" class="st0" width="2.6" height="4.4"/>
   </g>
-  <g id="东北行人" :class="peoplestatus[18].isshow? '' : 'invisible'">
+  <g id="东北行人" :fill="isLock === 1 ? peoplestatus[18].lockColor:peoplestatus[18].color" :class="peoplestatus[18].isshow? '' : 'invisible'">
     <rect x="36.4" y="16.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.1763 32.4295)" class="st0" width="4.4" height="2.6"/>
     <rect x="32.7" y="12.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.3558 28.7307)" class="st0" width="4.4" height="2.6"/>
     <rect x="29" y="8.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.8879 25.032)" class="st0" width="4.4" height="2.6"/>
@@ -468,7 +468,7 @@
     <rect x="17.9" y="-2.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 6.484 13.9359)" class="st0" width="4.4" height="2.6"/>
     <rect x="14.2" y="-5.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 8.0161 10.2372)" class="st0" width="4.4" height="2.6"/>
   </g>
-  <g id="西南行人" :class="peoplestatus[17].isshow? '' : 'invisible'">
+  <g id="西南行人" :fill="isLock === 1 ? peoplestatus[17].lockColor:peoplestatus[17].color" :class="peoplestatus[17].isshow? '' : 'invisible'">
       <rect x="15.4" y="37.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.0994 23.7628)" class="st0" width="4.4" height="2.6"/>
       <rect x="11.7" y="33.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.5673 20.0641)" class="st0" width="4.4" height="2.6"/>
     <rect x="8" y="29.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -19.0352 16.3654)" class="st0" width="4.4" height="2.6"/>
@@ -554,169 +554,197 @@ export default {
           id: 1,
           name: '东西路段人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 2,
           name: '南北路段人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 3,
           name: 'X人行横道-\\',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 4,
           name: 'X人行横道-/',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 5,
           name: '北人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 6,
           name: '南人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 7,
           name: '东人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 8,
           name: '西人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 9,
           name: '西人行横道-下',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 10,
           name: '西人行横道-上',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 11,
           name: '东人行横道-上',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 12,
           name: '东人行横道-下',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 13,
           name: '南人行横道-右',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 14,
           name: '南人行横道-左',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 15,
           name: '北人行横道-右',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 16,
           name: '北人行横道-左',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 17,
           name: '东南人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 18,
           name: '西南人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 19,
           name: '东北人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 20,
           name: '西北人行横道',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 21,
           name: '东南人行横道-上',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 22,
           name: '东南人行横道-下',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 23,
           name: '西南人行横道-上',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 24,
           name: '西南人行横道-下',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 25,
           name: '东北人行横道-上',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 26,
           name: '东北人行横道-下',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 27,
           name: '西北人行横道-上',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 28,
           name: '西北人行横道-下',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         }
       ],
       status: [