提交修改图层方法

src/views/home/Header.vue

@@ -141,11 +141,8 @@ export default {
           // 取消
           if (name == 'ss') {
             togglePageAside()
-          }else if (name == 'cl') {
-            clearMap({is_draw: true, is_search:true, layers: ['sketchLayer','bufferLayer','tempLayer','boatLayer','boatPathLayer']})
-          }else if (name == 'cm') {
-            clearMap({is_draw: true, is_search:true, layers: ['sketchLayer','bufferLayer','tempLayer','boatLayer','boatPathLayer']})
-          }else if (name == 'qc') {
+          }else
+          {
             clearMap({is_draw: true, is_search:true, layers: ['sketchLayer','bufferLayer','tempLayer','boatLayer','boatPathLayer']})
           }
 

src/views/home/cpns/tools/Tools.vue

@@ -4,7 +4,7 @@
       <div class="Tool-Header"><span class="title-dialog">图层列表</span></div>
       <div class="Tool-Border">
           <li  v-for="item,index in itemForAll.data"
-               :key="item.name"   @click="chlickLi(item)">
+               :key="item.name" :style="item.click? 'color:#F8E403': 'color:#CCE6FF'"   @click="chlickLi(item)">
               <div>
                 <i class="Tool-ioc"></i>
                 <span>{{item.name}}</span>
@@ -26,7 +26,8 @@ export default {
 import bus from '@/utils/bus'
 import 'element-plus/es/components/date-picker/style/css'
   import {setBoat} from "@/utils/map/Boat";
-  import {addLayer} from "@/utils/map/ArcgisUtil";
+  import {addLayer, clearMap} from "@/utils/map/ArcgisUtil";
+  import {addLayerByName} from '@/utils/map/Layer'
 onMounted(() => {
 
 })
@@ -35,8 +36,9 @@ onBeforeUnmount(() => {
 })
   const  itemForAll=ref({
     data: [{ name: '船舶',  indexName: 'cb' ,click:false},
-      { name: '码头',  indexName: 'mt' ,click:false},
-      { name: '泊位',  indexName: 'bw' ,click:false},
+      { name: '码头泊位',  indexName: 'mt' ,click:false},
+      { name: '两岸精模',  indexName: 'jm' ,click:false},
+      { name: '两岸白模',  indexName: 'bm' ,click:false},
       { name: '航道',  indexName: 'hd' ,click:false},
       { name: '锚地',  indexName: 'md' ,click:false},
       { name: '掉头区',  indexName: 'dtq' ,click:false},
@@ -49,44 +51,21 @@ onBeforeUnmount(() => {
 
 
     function chlickLi(item) {
-        item.click=!item.click
-    if (item.indexName=='cb')  //显示船舶
-    {
-
-        if (item.click)
-        {
-            setBoat(true)
-        }else {
-            setBoat(false)
+    itemForAll.value.data.forEach(i=>{
+        if(i.name!=item.name)
+        {i.click=false
+            if (i.indexName=='cb'){
+                setBoat(false)}
+            addLayerByName(i.indexName,false)
         }
+        else {i.click=true
+            if (i.indexName=='cb'){
+            setBoat(true)}
+            addLayerByName(i.indexName,true)}
+
+    })
+
 
-    }else if(item.indexName=='jjq') //显示船舶警戒区
-    {
-        if (item.click)
-        {
-            addLayer({
-                id: 'jjqLayer',
-                title: 'jjqLayer',
-                type: 'feature',
-                url: 'http://10.83.68.109:6080/arcgis/rest/services/digitalTwain_3857/MapServer/4',
-                visible: true,
-                opacity: 1,
-                token: '',
-                is_goto: true
-            })
-        }else {
-            addLayer({
-                id: 'jjqLayer',
-                title: 'jjqLayer',
-                type: 'feature',
-                url: 'http://10.83.68.109:6080/arcgis/rest/services/digitalTwain_3857/MapServer/4',
-                visible: false,
-                opacity: 1,
-                token: '',
-                is_goto: true
-            })
-        }
-    }
 
     }
 
@@ -101,7 +80,7 @@ onBeforeUnmount(() => {
   align-items: center;
   top: 10vh;
   .Tool-level{
-    height: 585px;
+    height: 625px;
     width: 290px;
     background: url('../../../../assets/imgs/header/tclbbg.png') no-repeat;
     background-size: 100%  100%;