openatc-components 0.2.37 → 0.2.38

package/package/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue

@@ -10,8 +10,8 @@
  * See the Mulan PSL v2 for more details.
  **/
 <template>
-  <div class="manual-control-modal lockingphase-control">
-    <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.phaselocking')}}</div>
+  <div class="lockingphase-control manual-control-modal">
+    <!-- <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.phaselocking')}}</div> -->
     <el-row>
       <el-col :span="24">
          <el-form
@@ -23,27 +23,27 @@
            <el-form-item
                 :label="$t('openatccomponents.phase.greenclear') + ':'"
                 prop="intersection">
-              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempGreenflash" size="mini"></el-input-number>
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempGreenflash" size="small"></el-input-number>
             </el-form-item>
             <el-form-item
                 :label="$t('openatccomponents.overview.duration') + ':'"
                 prop="count">
-              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDuration" size="mini"></el-input-number>
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDuration" size="small"></el-input-number>
             </el-form-item>
             <el-form-item
                 :label="$t('openatccomponents.overview.yellowflash') + ':'"
                 prop="intersection">
-              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempYellow" size="mini"></el-input-number>
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempYellow" size="small"></el-input-number>
             </el-form-item>
             <el-form-item
                 :label="$t('openatccomponents.overview.allred') + ':'"
                 prop="intersection">
-              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempRedclear" size="mini"></el-input-number>
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempRedclear" size="small"></el-input-number>
             </el-form-item>
             <el-form-item
                 :label="$t('openatccomponents.phase.mingreen') + ':'"
                 prop="count">
-              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempMingreen" size="mini"></el-input-number>
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempMingreen" size="small"></el-input-number>
             </el-form-item>
            </el-form>
       </el-col>
@@ -78,6 +78,7 @@
     </el-row>
     <div class="footer">
         <el-button @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+        <el-button type="primary" plain @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
         <el-button type="primary" @click="handleLockPhase()">{{lockPhaseBtnName}}</el-button>
     </div>
   </div>
@@ -85,6 +86,8 @@
 
 <script>
 import RingDataModel from '../../../../utils/RingDataModel.js'
+import { hasPermission } from '../../../../utils/auth'
+
 export default {
   name: 'LockPhaselControl',
   props: {
@@ -182,6 +185,13 @@ export default {
           this.closePhaseRings[i].phases = sortedlist
         }
       }
+    },
+    toAutoControl () {
+      this.$emit('toAutoControl')
+    },
+    isHasPermission (path) {
+      let res = hasPermission(path)
+      return res
     }
   }
 }

package/package/kisscomps/components/SchemeConfig/priorityControl/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="priority-control">
-    <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.prioritycontrol')}}</div>
+    <!-- <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.prioritycontrol')}}</div> -->
     <el-row>
       <el-col :span="12">
          <el-form
@@ -11,8 +11,8 @@
             <el-form-item
                 :label="$t('openatccomponents.overview.delay') + ':'"
                 prop="intersection">
-                <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.delay" size="mini"></el-input-number>
-               <!-- <el-input v-model="manualInfo.tempDelay" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+                <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.delay" size="small"></el-input-number>
+               <!-- <el-input v-model="manualInfo.tempDelay" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
             </el-form-item>
             <el-form-item
                 :label="$t('openatccomponents.overview.priorityType') + ':'"
@@ -25,7 +25,7 @@
                     :value="item.value">
                   </el-option>
                 </el-select>
-               <!-- <el-input v-model="manualInfo.tempDuration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+               <!-- <el-input v-model="manualInfo.tempDuration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
             </el-form-item>
            </el-form>
       </el-col>
@@ -38,8 +38,8 @@
             <el-form-item
                 :label="$t('openatccomponents.overview.duration') + ':'"
                 prop="intersection">
-                <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.duration" size="mini"></el-input-number>
-               <!-- <el-input v-model="manualInfo.duration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+                <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.duration" size="small"></el-input-number>
+               <!-- <el-input v-model="manualInfo.duration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
             </el-form-item>
             <el-form-item
                 :label="$t('openatccomponents.overview.priorityPhase') + ':'"
@@ -56,7 +56,7 @@
                     </div>
                   </el-option>
                 </el-select>
-               <!-- <el-input v-model="manualInfo.tempDuration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+               <!-- <el-input v-model="manualInfo.tempDuration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
             </el-form-item>
            </el-form>
       </el-col>
@@ -79,17 +79,19 @@
                     :value="item.value">
                   </el-option>
                 </el-select>
-               <!-- <el-input v-model="manualInfo.tempDuration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+               <!-- <el-input v-model="manualInfo.tempDuration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
             </el-form-item>
            </el-form>
       </el-col>
     </el-row>
     <div class="footer" v-if="realtimeStatusModalvisible">
         <el-button @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+        <el-button type="primary" plain @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
         <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
     </div>
     <div class="footer" v-if="!realtimeStatusModalvisible">
         <el-button @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+        <el-button type="primary" plain @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
         <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
     </div>
   </div>
@@ -97,7 +99,7 @@
 
 <script>
 import xdrdirselector from '../../XRDDirSelector/XRDDirSelector'
-import { getTheme } from '../../../../utils/auth'
+import { getTheme, hasPermission } from '../../../../utils/auth'
 import { getDirName } from './utils'
 export default {
   name: 'prioritycontrol',
@@ -187,6 +189,13 @@ export default {
         level: this.manualInfo.level
       }
       this.$emit('closePhaseControl', submitdata)
+    },
+    toAutoControl () {
+      this.$emit('toAutoControl')
+    },
+    isHasPermission (path) {
+      let res = hasPermission(path)
+      return res
     }
   }
 }

package/package/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue

@@ -80,7 +80,7 @@
     >{{$t('openatccomponents.overview.controlmode')}}</div>
     <el-button
       type="primary"
-      style="float: right; margin-right: 20px;margin-top: 40px;font-size: 14px;"
+      style="float: right; margin-right: 20px;margin-top: 16px;font-size: 14px;"
       size="mini"
       v-if="isHasPermission('configer:manual') && isHasPermission('configer:manual:renew')"
       @click="changeStatus"

package/package/kisscomps/components/SchemeConfig/tentativeplancontrolmodal/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="tentativeplan-control">
-    <div class="title" style="margin-bottom: 18px">
+    <!-- <div class="title" style="margin-bottom: 18px">
       {{ $t('openatccomponents.overview.tentativeplan') }}
-    </div>
+    </div> -->
     <el-row>
       <el-col :span="12">
         <el-form
@@ -30,7 +30,7 @@
               >
               </el-option>
             </el-select>
-            <!-- <el-input v-model="manualInfo.tempDuration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+            <!-- <el-input v-model="manualInfo.tempDuration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
           </el-form-item>
           <el-form-item
             :label="$t('openatccomponents.overview.delay') + ':'"
@@ -44,9 +44,9 @@
               :step="1"
               :controls="false"
               v-model.number="manualInfo.tempDelay"
-              size="mini"
+              size="small"
             ></el-input-number>
-            <!-- <el-input v-model="manualInfo.tempDelay" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+            <!-- <el-input v-model="manualInfo.tempDelay" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
           </el-form-item>
         </el-form>
       </el-col>
@@ -69,9 +69,9 @@
               :step="1"
               :controls="false"
               v-model.number="manualInfo.offset"
-              size="mini"
+              size="small"
             ></el-input-number>
-            <!-- <el-input v-model="manualInfo.offset" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+            <!-- <el-input v-model="manualInfo.offset" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
           </el-form-item>
           <el-form-item
             :label="$t('openatccomponents.overview.duration') + ':'"
@@ -85,9 +85,9 @@
               :step="1"
               :controls="false"
               v-model.number="manualInfo.duration"
-              size="mini"
+              size="small"
             ></el-input-number>
-            <!-- <el-input v-model="manualInfo.duration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+            <!-- <el-input v-model="manualInfo.duration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
           </el-form-item>
         </el-form>
       </el-col>
@@ -318,6 +318,7 @@
       <el-button @click="handleClose()">{{
         $t('openatccomponents.button.Back')
       }}</el-button>
+      <el-button type="primary" plain @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
       <el-button type="primary" @click="handleManualControl()">{{
         $t('openatccomponents.overview.implement')
       }}</el-button>
@@ -326,6 +327,7 @@
       <el-button @click="handleClose()">{{
         $t('openatccomponents.button.Back')
       }}</el-button>
+      <el-button type="primary" plain @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
       <el-button type="primary" @click="handleManualControl()">{{
         $t('openatccomponents.overview.comfirm')
       }}</el-button>
@@ -334,6 +336,8 @@
 </template>
 
 <script>
+import { hasPermission } from '../../../../utils/auth'
+
 export default {
   name: 'tentativeplancontrol',
   props: {
@@ -991,7 +995,7 @@ export default {
             stage.map(item => {
               for (let ring of rings) {
                 for (let ringItem of ring) {
-                  if (item === ringItem.id && (ringItem.mode !== 7 && ringItem.mode !== 8)) {
+                  if (item === ringItem.id && (ringItem.mode !== 7 && ringItem.mode !== 8 && ringItem.mode !== 9)) {
                     newStage.push(item)
                   }
                 }
@@ -1184,6 +1188,13 @@ export default {
       if (this.patternCycleEqual) {
         this.$emit('closePhaseControl', submitdata)
       }
+    },
+    toAutoControl () {
+      this.$emit('toAutoControl')
+    },
+    isHasPermission (path) {
+      let res = hasPermission(path)
+      return res
     }
   }
 }

package/package/kisscomps/components/Stages/index.vue

@@ -15,7 +15,7 @@
       <div>
         <div style="width: 100%; height: auto;">
           <div class="control-model" v-for="(item, index) in stagesList" :key="index">
-            <div style="position:relative;" :style="singleStyle" class="single-model" @click="selectStages(index + 1)" :class="currentStage == index + 1 ? 'single-model-select' : ''">
+            <div style="position:relative;" :style="{...singleStyle, 'backgroundColor': item[0].bgcolor}" class="single-model" @click="selectStages(index + 1)" :class="currentStage == index + 1 ? 'single-model-select' : ''">
               <!-- <template v-for="(side, index) in item[0].sidewalkPhaseData" >
                 <PatternWalkSvg class="patternWalk"
                                 v-if="item[0].peddirection.includes(side.id)"
@@ -28,18 +28,18 @@
                           :showWalk="item[0].peddirection"
                           :Width="'40'"
                           :Height="'40'" /> -->
-              <xdr-dir-selector Width="75PX" Height="75PX" Widths="65px" Heights="65px" :Data="showStyle" :Datas="showStyles" :showlist="item"></xdr-dir-selector>
-              <div style="height:65px;display:flex;flex-direction:row;justify-content:center;align-items:end;">
-                <div class="current-stage-num" style="width:20%;">{{index + 1}}</div>
+              <xdr-dir-selector Width="75PX" Height="75PX" Widths="65px" Heights="65px" :Data="showStyle" :Datas="showStyles" :showlist="dirListSetTheme(item)"></xdr-dir-selector>
+              <div style="height:80px;display:flex;flex-direction:row;justify-content:center;align-items:end;">
+                <div class="current-stage-num" style="width:20%;" :style="{color: themeColor}">{{index + 1}}</div>
                 <div style="width:70%;">
-                  <i class="iconfont icon-feijidongche" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 6"></i>
-                  <i class="iconfont icon-lukouzhilu" style="font-size:16PX;color:#454545;margin-left:10PX" v-if="item[item.length-1].controltype === 1"></i>
-                  <i class="iconfont icon-BRT" style="font-size:11PX;color:#454545;margin-left:10PX" v-if="item[item.length-1].controltype === 4"></i>
+                  <i class="iconfont icon-feijidongche" :style="{color: themeColor}" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 6"></i>
+                  <i class="iconfont icon-lukouzhilu" :style="{color: themeColor2}" style="font-size:16PX;color:#454545;margin-left:10PX" v-if="item[item.length-1].controltype === 1"></i>
+                  <i class="iconfont icon-BRT" :style="{color: themeColor2}" style="font-size:11PX;color:#454545;margin-left:10PX" v-if="item[item.length-1].controltype === 4"></i>
                   <div style="transform:scale(0.65);margin-left:10PX">
-                    <i class="iconfont icon-xuxiangwei-xin" style="font-size:5PX;color:#454545;" v-if="item[item.length-1].controltype === 99"></i>
+                    <i class="iconfont icon-xuxiangwei-xin" :style="{color: themeColor2}" style="font-size:5PX;color:#454545;" v-if="item[item.length-1].controltype === 99"></i>
                   </div>
-                  <i class="iconfont icon-gongjiaoche" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 3"></i>
-                  <i class="iconfont icon-youguidianche" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 5"></i>
+                  <i class="iconfont icon-gongjiaoche" :style="{color: themeColor}" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 3"></i>
+                  <i class="iconfont icon-youguidianche" :style="{color: themeColor}" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 5"></i>
                   <div v-if="presetStageIndex === index + 1" style="color:red;width:50px;position:absolute;right:0px;bottom:5px;font-size:11px;">{{presetText}}</div>
                 </div>
               </div>
@@ -54,6 +54,8 @@
 /* eslint-disable */
 import RingDataModel from '../../../utils/RingDataModel.js'
 // import patternwalksvg from '../PatternWalkSvg/PatternWalkSvg'
+import { getTheme } from '../../../utils/auth.js'
+
 export default {
   name: 'Stages',
   components: {
@@ -102,7 +104,7 @@ export default {
     },
     StageHeight: {
       type: String,
-      default: '65px'
+      default: '80px'
     }
   },
   data () {
@@ -119,6 +121,8 @@ export default {
       side: {key: 'pedphase1653818707546719', phaseid: 1, id: 1, name: '东人行横道'},
       // stagesList: [],
       currentStage: -1,
+      themeColor: getTheme() === 'light' ? '#606266' : '#fff',
+      themeColor2: getTheme() === 'light' ? '#454545' : '#fff'
     };
   },
   computed: {
@@ -138,6 +142,7 @@ export default {
         }
       }
       console.log(list,'list')
+      this.clickType(list, this.currentStage)
       console.log(this.phaseList,'this.phaseList')
       return list
     },
@@ -203,9 +208,45 @@ export default {
       }
       this.currentStage = value
       this.$emit('onSelectStages', value)
+      this.clickType(this.stagesList, value)
+    },
+    resetToDefaultThemeColor (List) {
+      for (let i = 0; i < List.length; i++) {
+        if (List[i].length) {
+          if (List[i][0].clicked) {
+            delete List[i][0].clicked
+          }
+          List[i][0].bgcolor = getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        } 
+      }
+    },
+    highlightThemeColor (List, index) {
+      for (let i = 0; i < List.length; i++) {
+        if (i === index) {
+          List[i][0].clicked = true
+          List[i][0].bgcolor = getTheme() === 'light' ? '#c1e0ff' : '#0082ac'
+        }
+      }
+    },
+    clickType (stagelist, value) {
+      this.resetToDefaultThemeColor(stagelist)
+      this.highlightThemeColor(stagelist, value - 1)
+    },
+    dirListSetTheme (list) {
+      let dirArr = []
+      let color = getTheme() === 'light' ? '#606266' : '#F1F3F4'
+      for (let rec of list) {
+        let recd = {
+          ...rec,
+          color: color
+        }
+        dirArr.push(recd)
+      }
+      return dirArr
     }
   },
   mounted () {
+    this.resetToDefaultThemeColor(this.stagesList)
   }
 };
 </script>

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

@@ -484,6 +484,8 @@
 </template>
 <script>
 import { mapState } from 'vuex'
+import { getTheme } from '../../../utils/auth.js'
+
 export default {
   name: 'xdr-dir-selector',
   props: {
@@ -554,196 +556,196 @@ export default {
           id: 1,
           name: '东西路段人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 2,
           name: '南北路段人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 3,
           name: 'X人行横道-\\',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 4,
           name: 'X人行横道-/',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 5,
           name: '北人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 6,
           name: '南人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 7,
           name: '东人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 8,
           name: '西人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 9,
           name: '西人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 10,
           name: '西人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 11,
           name: '东人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 12,
           name: '东人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 13,
           name: '南人行横道-右',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 14,
           name: '南人行横道-左',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 15,
           name: '北人行横道-右',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 16,
           name: '北人行横道-左',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 17,
           name: '东南人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 18,
           name: '西南人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 19,
           name: '东北人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 20,
           name: '西北人行横道',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 21,
           name: '东南人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 22,
           name: '东南人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 23,
           name: '西南人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 24,
           name: '西南人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 25,
           name: '东北人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 26,
           name: '东北人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 27,
           name: '西北人行横道-上',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         },
         {
           id: 28,
           name: '西北人行横道-下',
           isshow: false,
-          color: '#040000',
+          color: getTheme() === 'light' ? '#040000' : '#fff',
           lockColor: '#7ccc66'
         }
       ],