openatc-components 0.1.148 → 0.1.151

package/package/kisscomps/components/CommonKanban/CommonKanban.vue

@@ -15,6 +15,7 @@
       {{headerText}}
     </div>
     <div class="common-board-table-header">
+      <div class="common-titlecolumn phaseId">#</div>
       <div class="common-titlecolumn phase">{{this.$t('openatccomponents.overview.phase')}}</div>
       <div class="common-titlecolumn mode">
         <slot name="kanbantitle"></slot>
@@ -23,6 +24,9 @@
     <!-- 开启拖拽调整顺序 -->
     <draggable v-if="Draggable" class="common-board-column-content" v-model="list" @end="end">
       <div class="common-board-item" v-for="element in list" :key="element.id">
+        <div class="common-contentcolumn index">
+          {{element.id}}
+        </div>
         <div class="common-contentcolumn phase">
             <el-tooltip class="item" effect="dark" placement="left">
               <div slot="content">{{element.name}}</div>
@@ -31,6 +35,7 @@
                   Height="70px"
                   Widths="60px"
                   Heights="60px"
+                  :isLock = "element.locktype"
                   :showlist="element.desc"
                   :ISActiveMask="ISActiveMask"
                   :MaskColor="MaskColor"
@@ -47,6 +52,9 @@
     <div v-if="!Draggable" class="common-board-column-content">
       <div class="common-board-item" v-for="element in list" :key="element.id">
         <!-- {{element}} -->
+        <div class="common-contentcolumn index">
+          {{element.id}}
+        </div>
         <div class="common-contentcolumn phase">
             <el-tooltip class="item" effect="dark" placement="left">
               <div slot="content">{{element.name}}</div>
@@ -56,6 +64,7 @@
                   Height="70px"
                   Widths="60px"
                   Heights="60px"
+                  :isLock = "element.locktype"
                   :showlist="element.desc"
                   :ISActiveMask="ISActiveMask"
                   :MaskColor="MaskColor"

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

@@ -26,25 +26,25 @@
     <g id="南">
     <path id="南掉头"
       :stroke-width="PathWidth"
-      :fill="status[15].color"
+      :fill="isLock === 1 ? status[15].lockColor:status[15].color"
       :class="status[15].isshow ? '' : 'invisible'"
       class="st0" d="M20.6,23.8c-2.2,0-4,1.8-4,4v0.4h-2.7l3.8,5.1l3.8-5.1h-2.9v-0.4c0-1.2,1-2.1,2.1-2.1
       c1.2,0,2.1,1,2.1,2.1v5.5h1.9v-5.5C24.5,25.6,22.8,23.8,20.6,23.8z"/>
       <polygon id="南直行"
       :stroke-width="PathWidth"
-      :fill="status[12].color"
+      :fill="isLock === 1 ? status[12].lockColor:status[12].color"
       :class="status[12].isshow ? '' : 'invisible'"
       class="st0" points="27.5,17.8 23.7,12.6 20,17.8 22.8,17.8 22.8,33.3 24.7,33.3 24.7,17.8"/>
     <path id="南左转"
       :stroke-width="PathWidth"
-      :fill="status[13].color"
+      :fill="isLock === 1 ? status[13].lockColor:status[13].color"
       :class="status[13].isshow ? '' : 'invisible'"
       class="st0" d="M24.7,33.3c0,0,0-5.5,0-5.5c0-2.2-1.2-4.5-3.1-5.7c-0.2-0.1-0.5-0.3-0.7-0.4
       c-1.2-0.5-2.5-0.7-3.7-0.9c0,0,0-0.2,0-0.2l0.2-2.8L12,21.2l4.8,4.2c0,0,0.2-2.6,0.2-2.6c0,0,1.3,0.2,1.4,0.2
       c1.7,0.3,3,1.1,3.8,2.7c0.6,1.2,0.5,2.4,0.5,3.7c0,1,0,2,0,3c0,0.3,0,0.6,0,1H24.7z"/>
     <path id="南右转"
       :stroke-width="PathWidth"
-      :fill="status[14].color"
+      :fill="isLock === 1 ? status[14].lockColor:status[14].color"
       :class="status[14].isshow ? '' : 'invisible'"
       class="st0" d="M33.4,21.4L28,18.1l0.2,2.8l0,0.2l0,0.1c-0.6,0.1-1.1,0.3-1.7,0.5c-0.2,0.1-0.5,0.2-0.7,0.4
       c-1.9,1.2-3.1,3.4-3.1,5.7c0,0,0,5.5,0,5.5h1.9c0-0.3,0-0.6,0-1c0-1,0-2,0-3c0-1.3-0.1-2.5,0.5-3.7c0.7-1.4,1.8-2.2,3.2-2.5
@@ -53,26 +53,26 @@
     <g id="北">
     <path id="北掉头"
       :stroke-width="PathWidth"
-      :fill="status[11].color"
+      :fill="isLock === 1 ? status[11].lockColor:status[11].color"
       :class="status[11].isshow ? '' : 'invisible'"
       class="st0" d="M13.4,10.2c2.2,0,4-1.8,4-4V5.8h2.7l-3.8-5.1l-3.8,5.1h2.9v0.4c0,1.2-1,2.1-2.1,2.1
       s-2.1-1-2.1-2.1V0.7H9.3v5.5C9.5,8.4,11.2,10.2,13.4,10.2z"/>
     <polygon
       id="北直行_1_"
       :stroke-width="PathWidth"
-      :fill="status[8].color"
+      :fill="isLock === 1 ? status[9].lockColor:status[8].color"
       :class="status[8].isshow ? '' : 'invisible'"
       class="st0" points="6.5,16.1 10.3,21.3 14,16.1 11.2,16.1 11.2,0.6 9.3,0.6 9.3,16.1"/>
     <path id="北左转"
       :stroke-width="PathWidth"
-      :fill="status[9].color"
+      :fill="isLock === 1 ? status[9].lockColor:status[9].color"
       :class="status[9].isshow ? '' : 'invisible'"
       class="st0" d="M9.3,0.7c0,0,0,5.5,0,5.5c0,2.2,1.2,4.5,3.1,5.7c0.2,0.1,0.5,0.3,0.7,0.4
       c1.2,0.5,2.5,0.7,3.7,0.9c0,0,0,0.2,0,0.2l-0.2,2.8l5.4-3.3l-4.8-4.2c0,0-0.2,2.6-0.2,2.6c0,0-1.3-0.2-1.4-0.2
       c-1.7-0.3-3-1.1-3.8-2.7c-0.6-1.2-0.5-2.4-0.5-3.7c0-1,0-2,0-3c0-0.3,0-0.6,0-1H9.3z"/>
     <path id="北右转"
       :stroke-width="PathWidth"
-      :fill="status[10].color"
+      :fill="isLock === 1 ? status[10].lockColor:status[10].color"
       :class="status[10].isshow ? '' : 'invisible'"
       class="st0" d="M0.6,12.6L6,15.9l-0.2-2.8l0-0.2l0-0.1c0.6-0.1,1.1-0.3,1.7-0.5c0.2-0.1,0.5-0.2,0.7-0.4
       c1.9-1.2,3.1-3.4,3.1-5.7c0,0,0-5.5,0-5.5H9.3c0,0.3,0,0.6,0,1c0,1,0,2,0,3c0,1.3,0.1,2.5-0.5,3.7C8.1,9.7,7,10.5,5.6,10.9
@@ -81,26 +81,26 @@
     <g id="西">
     <path id="西掉头"
       :stroke-width="PathWidth"
-      :fill="status[7].color"
+      :fill="isLock === 1 ? status[7].lockColor:status[7].color"
       :class="status[7].isshow ? '' : 'invisible'"
       class="st0" d="M10.2,20.6c0-2.2-1.8-4-4-4H5.8v-2.7l-5.1,3.8l5.1,3.8v-2.9h0.4c1.2,0,2.1,1,2.1,2.1
       c0,1.2-1,2.1-2.1,2.1H0.7v1.9h5.5C8.4,24.5,10.2,22.8,10.2,20.6z"/>
       <polygon id="西直行"
       :stroke-width="PathWidth"
-      :fill="status[4].color"
+      :fill="isLock === 1 ? status[4].lockColor:status[4].color"
       :class="status[4].isshow ? '' : 'invisible'"
       class="st0"
       points="16.3,27.5 21.4,23.7 16.3,20 16.3,22.8 0.8,22.8 0.8,24.7 16.3,24.7"/>
     <path id="西左转"
       :stroke-width="PathWidth"
-      :fill="status[5].color"
+      :fill="isLock === 1 ? status[5].lockColor:status[5].color"
       :class="status[5].isshow ? '' : 'invisible'"
       class="st0" d="M0.7,24.7c0,0,5.5,0,5.5,0c2.2,0,4.5-1.2,5.7-3.1c0.1-0.2,0.3-0.5,0.4-0.7
       c0.5-1.2,0.7-2.5,0.9-3.7c0,0,0.2,0,0.2,0l2.8,0.2L12.8,12l-4.2,4.8c0,0,2.6,0.2,2.6,0.2c0,0-0.2,1.3-0.2,1.4
       c-0.3,1.7-1.1,3-2.7,3.8c-1.2,0.6-2.4,0.5-3.7,0.5c-1,0-2,0-3,0c-0.3,0-0.6,0-1,0V24.7z"/>
     <path id="西右转"
       :stroke-width="PathWidth"
-      :fill="status[6].color"
+      :fill="isLock === 1 ? status[6].lockColor:status[6].color"
       :class="status[6].isshow ? '' : 'invisible'"
       class="st0" d="M12.6,33.4l3.3-5.4l-2.8,0.2l-0.2,0l-0.1,0c-0.1-0.6-0.3-1.1-0.5-1.7
       c-0.1-0.2-0.2-0.5-0.4-0.7c-1.2-1.9-3.4-3.1-5.7-3.1c0,0-5.5,0-5.5,0v1.9c0.3,0,0.6,0,1,0c1,0,2,0,3,0c1.3,0,2.5-0.1,3.7,0.5
@@ -109,27 +109,27 @@
     <g id="东">
     <path id="东掉头"
       :stroke-width="PathWidth"
-      :fill="status[3].color"
+      :fill="isLock === 1 ? status[3].lockColor:status[3].color"
       :class="status[3].isshow ? '' : 'invisible'"
       class="st0" d="M23.8,13.4c0,2.2,1.8,4,4,4h0.4v2.7l5.1-3.8l-5.1-3.8v2.9h-0.4c-1.2,0-2.1-1-2.1-2.1
       s1-2.1,2.1-2.1h5.5V9.3h-5.5C25.6,9.5,23.8,11.2,23.8,13.4z"/>
       <polygon
       :stroke-width="PathWidth"
-      :fill="status[0].color"
+      :fill="isLock === 1 ? status[0].lockColor:status[0].color"
       :class="status[0].isshow ? '' : 'invisible'"
       id="东直行"
       class="st0"
       points="17.9,6.5 12.8,10.3 17.9,14 17.9,11.2 33.4,11.2 33.4,9.3 17.9,9.3"/>
     <path id="东左转"
       :stroke-width="PathWidth"
-      :fill="status[1].color"
+      :fill="isLock === 1 ? status[1].lockColor:status[1].color"
       :class="status[1].isshow ? '' : 'invisible'"
       class="st0" d="M33.3,9.3c0,0-5.5,0-5.5,0c-2.2,0-4.5,1.2-5.7,3.1c-0.1,0.2-0.3,0.5-0.4,0.7
       c-0.5,1.2-0.7,2.5-0.9,3.7c0,0-0.2,0-0.2,0l-2.8-0.2l3.3,5.4l4.2-4.8c0,0-2.6-0.2-2.6-0.2c0,0,0.2-1.3,0.2-1.4
       c0.3-1.7,1.1-3,2.7-3.8c1.2-0.6,2.4-0.5,3.7-0.5c1,0,2,0,3,0c0.3,0,0.6,0,1,0V9.3z"/>
     <path id="东右转"
       :stroke-width="PathWidth"
-      :fill="status[2].color"
+      :fill="isLock === 1 ? status[2].lockColor:status[2].color"
       :class="status[2].isshow ? '' : 'invisible'"
       class="st0" d="M21.4,0.6L18.1,6l2.8-0.2l0.2,0l0.1,0c0.1,0.6,0.3,1.1,0.5,1.7c0.1,0.2,0.2,0.5,0.4,0.7
       c1.2,1.9,3.4,3.1,5.7,3.1c0,0,5.5,0,5.5,0V9.3c-0.3,0-0.6,0-1,0c-1,0-2,0-3,0c-1.3,0-2.5,0.1-3.7-0.5c-1.4-0.7-2.2-1.8-2.5-3.2
@@ -140,7 +140,7 @@
   <g id="西南">
     <path id="西南掉头"
       :stroke-width="PathWidth"
-      :fill="status[23].color"
+      :fill="isLock === 1 ? status[23].lockColor:status[23].color"
       :class="status[23].isshow ? '' : 'invisible'"
       class="st0" d="M14.7,24.4c-1.6-1.6-4.1-1.5-5.6,0l-0.3,0.3l-1.9-1.9L6,29l6.3-1l-2-2l0.3-0.3
     c0.8-0.8,2.2-0.8,3,0c0.8,0.8,0.8,2.2,0,3l-3.9,3.9l1.4,1.4l3.9-3.9C16.2,28.4,16.2,25.9,14.7,24.4z"/>
@@ -148,19 +148,19 @@
       id="西南直行"
       class="st0"
       :stroke-width="PathWidth"
-      :fill="status[20].color"
+      :fill="isLock === 1 ? status[20].lockColor:status[20].color"
       :class="status[20].isshow ? '' : 'invisible'"
     points="23.8,25 24.8,18.8 18.4,19.7 20.4,21.7 9.6,32.5 11,33.9 21.9,23"/>
     <path id="西南左转"
       :stroke-width="PathWidth"
-      :fill="status[21].color"
+      :fill="isLock === 1 ? status[21].lockColor:status[21].color"
       :class="status[21].isshow ? '' : 'invisible'"
       class="st0" d="M10.9,34c0,0,3.9-3.9,3.9-3.9c1.6-1.6,2.3-4,1.8-6.2c-0.1-0.3-0.1-0.5-0.2-0.7
       c-0.5-1.2-1.3-2.2-2-3.3c0,0,0.1-0.1,0.1-0.1l2.1-1.8l-6.2-1.5l0.4,6.3c0,0,2-1.7,2-1.7c0,0,0.8,1.1,0.8,1.2
       c1,1.4,1.3,2.9,0.8,4.6c-0.4,1.3-1.3,2.1-2.2,3c-0.7,0.7-1.4,1.4-2.1,2.1c-0.2,0.2-0.4,0.4-0.7,0.7L10.9,34z"/>
     <path id="西南右转"
       :stroke-width="PathWidth"
-      :fill="status[22].color"
+      :fill="isLock === 1 ? status[22].lockColor:status[22].color"
       :class="status[22].isshow ? '' : 'invisible'"
       class="st0" d="M25.4,31.7L24,25.6l-1.8,2.1L22,27.8L22,27.9c-0.5-0.3-1-0.6-1.5-0.8
       c-0.2-0.1-0.5-0.2-0.7-0.2c-2.2-0.5-4.6,0.2-6.2,1.8c0,0-3.9,3.9-3.9,3.9l1.4,1.4c0.2-0.2,0.4-0.4,0.7-0.7
@@ -169,27 +169,27 @@
     <g id="东北">
     <path id="东北掉头"
       :stroke-width="PathWidth"
-      :fill="status[27].color"
+      :fill="isLock === 1 ? status[27].lockColor:status[27].color"
       :class="status[27].isshow ? '' : 'invisible'"
       class="st0" d="M19.3,9.6c1.6,1.6,4.1,1.5,5.6,0l0.3-0.3l1.9,1.9L28,5l-6.3,1l2,2l-0.3,0.3
       c-0.8,0.8-2.2,0.8-3,0c-0.8-0.8-0.8-2.2,0-3l3.9-3.9L23.1,0l-3.9,3.9C17.8,5.6,17.8,8.1,19.3,9.6z"/>
       <polygon
       :stroke-width="PathWidth"
-      :fill="status[24].color"
+      :fill="isLock === 1 ? status[24].lockColor:status[24].color"
       :class="status[24].isshow ? '' : 'invisible'"
       id="东北直行"
       class="st0"
       points="10.2,9 9.2,15.2 15.4,14.3 13.4,12.3 24.4,1.4 23.1,0 12,11"/>
     <path id="东北左转"
       :stroke-width="PathWidth"
-      :fill="status[25].color"
+      :fill="isLock === 1 ? status[25].lockColor:status[25].color"
       :class="status[25].isshow ? '' : 'invisible'"
       class="st0" d="M23.1,0c0,0-3.9,3.9-3.9,3.9c-1.6,1.6-2.3,4-1.8,6.2c0.1,0.3,0.1,0.5,0.2,0.7
       c0.5,1.2,1.3,2.2,2,3.3c0,0-0.1,0.1-0.1,0.1l-2.1,1.8l6.2,1.5l-0.4-6.3c0,0-2,1.7-2,1.7c0,0-0.8-1.1-0.8-1.2
       c-1-1.4-1.3-2.9-0.8-4.6c0.4-1.3,1.3-2.1,2.2-3c0.7-0.7,1.4-1.4,2.1-2.1c0.2-0.2,0.4-0.4,0.7-0.7L23.1,0z"/>
     <path id="东北右转"
       :stroke-width="PathWidth"
-      :fill="status[26].color"
+      :fill="isLock === 1 ? status[26].lockColor:status[26].color"
       :class="status[26].isshow ? '' : 'invisible'"
       class="st0" d="M8.6,2.3L10,8.4l1.8-2.1L12,6.2L12,6.1c0.5,0.3,1,0.6,1.5,0.8c0.2,0.1,0.5,0.2,0.7,0.2
       c2.2,0.5,4.6-0.2,6.2-1.8c0,0,3.9-3.9,3.9-3.9L23.1,0c-0.2,0.2-0.4,0.4-0.7,0.7c-0.7,0.7-1.4,1.4-2.1,2.1c-0.9,0.9-1.7,1.8-3,2.2
@@ -198,27 +198,27 @@
     <g id="西北">
     <path id="西北掉头"
       :stroke-width="PathWidth"
-      :fill="status[31].color"
+      :fill="isLock === 1 ? status[31].lockColor:status[31].color"
       :class="status[31].isshow ? '' : 'invisible'"
       class="st0" d="M9.6,14.7c1.6-1.6,1.5-4.1,0-5.6L9.4,8.8l1.9-1.9L5,6l1,6.3l2-2l0.3,0.3
     c0.8,0.8,0.8,2.2,0,3c-0.8,0.8-2.2,0.8-3,0L1.4,9.6L0,10.9l3.9,3.9C5.6,16.2,8.1,16.2,9.6,14.7z"/>
     <polygon
       :stroke-width="PathWidth"
-      :fill="status[28].color"
+      :fill="isLock === 1 ? status[28].lockColor:status[28].color"
       :class="status[28].isshow ? '' : 'invisible'"
       id="西北直行"
       class="st0"
       points="8.9,23.8 15.1,24.8 14.3,18.5 12.3,20.5 1.4,9.5 0,10.9 10.9,21.9"/>
     <path id="西北左转"
       :stroke-width="PathWidth"
-      :fill="status[21].color"
+      :fill="isLock === 1 ? status[21].lockColor:status[21].color"
       :class="status[21].isshow ? '' : 'invisible'"
       class="st0" d="M0,10.9c0,0,3.9,3.9,3.9,3.9c1.6,1.6,4,2.3,6.2,1.8c0.3-0.1,0.5-0.1,0.7-0.2
     c1.2-0.5,2.2-1.3,3.3-2c0,0,0.1,0.1,0.1,0.1l1.8,2.1l1.5-6.2l-6.3,0.4c0,0,1.7,2,1.7,2c0,0-1.1,0.8-1.2,0.8
     c-1.4,1-2.9,1.3-4.6,0.8c-1.3-0.4-2.1-1.3-3-2.2c-0.7-0.7-1.4-1.4-2.1-2.1C1.8,10,1.6,9.8,1.4,9.6L0,10.9z"/>
     <path id="西北右转"
       :stroke-width="PathWidth"
-      :fill="status[30].color"
+      :fill="isLock === 1 ? status[30].lockColor:status[30].color"
       :class="status[30].isshow ? '' : 'invisible'"
       class="st0" d="M2.3,25.4L8.4,24l-2.1-1.8L6.2,22L6.1,22c0.3-0.5,0.6-1,0.8-1.5c0.1-0.2,0.2-0.5,0.2-0.7
       c0.5-2.2-0.2-4.6-1.8-6.2c0,0-3.9-3.9-3.9-3.9L0,10.9c0.2,0.2,0.4,0.4,0.7,0.7c0.7,0.7,1.4,1.4,2.1,2.1c0.9,0.9,1.8,1.7,2.2,3
@@ -227,7 +227,7 @@
     <g id="东南">
     <path id="东南掉头"
       :stroke-width="PathWidth"
-      :fill="status[19].color"
+      :fill="isLock === 1 ? status[19].lockColor:status[19].color"
       :class="status[19].isshow ? '' : 'invisible'"
       class="st0" d="M24.4,19.3c-1.6,1.6-1.5,4.1,0,5.6l0.3,0.3l-1.9,1.9l6.3,1l-1-6.3l-2,2l-0.3-0.3
     c-0.8-0.8-0.8-2.2,0-3c0.8-0.8,2.2-0.8,3,0l3.9,3.9l1.4-1.4l-3.9-3.9C28.4,17.8,25.9,17.8,24.4,19.3z"/>
@@ -240,14 +240,14 @@
       points="24.9,10.2 18.8,9.2 19.7,15.5 21.7,13.5 32.6,24.4 33.9,23.1 22.9,12.1"/>
     <path id="东南左转"
       :stroke-width="PathWidth"
-      :fill="status[17].color"
+      :fill="isLock === 1 ? status[17].lockColor:status[17].color"
       :class="status[17].isshow ? '' : 'invisible'"
       class="st0" d="M34,23.1c0,0-3.9-3.9-3.9-3.9c-1.6-1.6-4-2.3-6.2-1.8c-0.3,0.1-0.5,0.1-0.7,0.2
     c-1.2,0.5-2.2,1.3-3.3,2c0,0-0.1-0.1-0.1-0.1l-1.8-2.1l-1.5,6.2l6.3-0.4c0,0-1.7-2-1.7-2c0,0,1.1-0.8,1.2-0.8
     c1.4-1,2.9-1.3,4.6-0.8c1.3,0.4,2.1,1.3,3,2.2c0.7,0.7,1.4,1.4,2.1,2.1c0.2,0.2,0.4,0.4,0.7,0.7L34,23.1z"/>
     <path id="东南右转"
       :stroke-width="PathWidth"
-      :fill="status[18].color"
+      :fill="isLock === 1 ? status[18].lockColor:status[18].color"
       :class="status[18].isshow ? '' : 'invisible'"
       class="st0" d="M31.7,8.6L25.6,10l2.1,1.8l0.1,0.1l0.1,0.1c-0.3,0.5-0.6,1-0.8,1.5
       c-0.1,0.2-0.2,0.5-0.2,0.7c-0.5,2.2,0.2,4.6,1.8,6.2c0,0,3.9,3.9,3.9,3.9l1.4-1.4c-0.2-0.2-0.4-0.4-0.7-0.7
@@ -530,6 +530,10 @@ export default {
       type: String,
       default: '#0096ba'
     },
+    isLock: {
+      type: Number,
+      default: 0
+    },
     Datas: {// 人行横道样式
       type: Object
     },
@@ -720,193 +724,225 @@ export default {
           id: 1,
           name: 'East-Straight',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 2,
           name: 'East-Left',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 3,
           name: 'East-Right',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 4,
           name: 'East-Back ',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 5,
           name: 'West-Straight',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 6,
           name: 'West-Left',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 7,
           name: 'West-Right',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 8,
           name: 'West-Back',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 9,
           name: 'North-Straight',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 10,
           name: 'North-Left',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 11,
           name: 'North-Right',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 12,
           name: 'North-Back',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 13,
           name: 'South-Straight',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 14,
           name: 'South-Left',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 15,
           name: 'South-Right',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 16,
           name: 'South-Back',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 17,
           name: 'Straight-Southeast',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 18,
           name: 'Southeast-Left',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 19,
           name: 'Southeast-Right',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 20,
           name: 'Turn-Southeast',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 21,
           name: 'Straight-Southwest',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 22,
           name: 'Southwest-Left',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 23,
           name: 'Southwest-Right',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 24,
           name: 'Turn-Southwest',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 25,
           name: 'Straight-Northeast',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 26,
           name: 'Northeast-Left',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 27,
           name: 'Northeast-Right-Turn',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 28,
           name: 'Turn-Northeast',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 29,
           name: 'Straight-Northwest',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 30,
           name: 'Northwest-Left-Turn',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 31,
           name: 'Northwest-Right-Turn',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         },
         {
           id: 32,
           name: 'Turn-Northwest',
           isshow: false,
-          color: '#0096ba'
+          color: '#0096ba',
+          lockColor: '#7ccc66'
         }
       ]
     }