项目工作空间

Web/src/components/GMap.vue

@@ -503,7 +503,6 @@ export default defineComponent({
     const useMouseToolHook = useMouseTool()
     const useGMapManageHook = useGMapManage()
     const deviceTsaUpdateHook = deviceTsaUpdate()
-    const root = getRoot()
 
     const mouseMode = ref(false)
     const store = useMyStore()
@@ -546,24 +545,27 @@ export default defineComponent({
         longitude: 0,
       } as DeviceOsd
     })
+    
     const shareId = computed(() => {
       return store.state.layerBaseInfo.share
     })
-    const defaultId = computed(() => {
-      return store.state.layerBaseInfo.default
-    })
+
     const drawVisible = computed(() => {
       return store.state.drawVisible
     })
+
     const livestreamOthersVisible = computed(() => {
       return store.state.livestreamOthersVisible
     })
+
     const livestreamAgoraVisible = computed(() => {
       return store.state.livestreamAgoraVisible
     })
+
     const osdVisible = computed(() => {
       return store.state.osdVisible
     })
+
     const qualityStyle = computed(() => {
       if (deviceInfo.dock.basic_osd?.network_state?.type === NetworkStateTypeEnum.ETHERNET ||
         (deviceInfo.dock.basic_osd?.network_state?.quality || 0) > NetworkStateQualityEnum.FAIR) {
@@ -574,6 +576,7 @@ export default defineComponent({
       }
       return 'color: red'
     })
+
     watch(() => store.state.deviceStatusEvent,
       data => {
         if (Object.keys(data.deviceOnline).length !== 0) {
@@ -621,24 +624,20 @@ export default defineComponent({
       deep: true
     })
 
-    watch(
-      () => store.state.wsEvent,
-      newData => {
+    watch(() => store.state.wsEvent,newData => {
         const useGMapCoverHook = useGMapCover()
         const event = newData
         let exist = false
         if (Object.keys(event.mapElementCreat).length !== 0) {
-          // console.log(event.mapElementCreat)
           const ele = event.mapElementCreat
           store.state.Layers.forEach(layer => {
             layer.elements.forEach(e => {
               if (e.id === ele.id) {
                 exist = true
-                console.log('true')
               }
             })
           })
-          if (true) {
+          if (exist === false) {
             setLayers({
               id: ele.id,
               name: ele.name,
@@ -658,16 +657,17 @@ export default defineComponent({
                 ele.name,
                 ele.resource.content.geometry.coordinates,
                 ele.resource.content.properties.color,
-                data)
+                data
+              )
             } else if (MapElementEnum.POLY === ele.resource?.type) {
               useGMapCoverHook.initPolygon(
                 ele.name,
                 ele.resource.content.geometry.coordinates,
                 ele.resource.content.properties.color,
-                data)
+                data
+              )
             }
           }
-
           store.state.wsEvent.mapElementCreat = {}
         }
         if (Object.keys(event.mapElementUpdate).length !== 0) {
@@ -680,12 +680,8 @@ export default defineComponent({
           console.log('该功能还未实现，请开发商自己增加')
           store.state.wsEvent.mapElementDelete = {}
         }
-      },
-      {
-        deep: true
-      }
-    )
-
+      }, {  deep: true } )
+    
     function draw (type: MapDoodleType, bool: boolean, flightAreaType?: EFlightAreaType) {
       state.currentType = type
       mouseMode.value = bool

Web/src/components/LayersTree.vue

@@ -1,6 +1,9 @@
 <template>
-  <span>
-    <a-tree draggable :defaultExpandAll="true" class="device-map-layers" @drop="onDrop" v-bind="$attrs">
+  <div v-if="getTreeData.length === 0" style="height: 100px; color: white;">
+    <a-empty :image="noData" :image-style="{ height: '60px' }" />
+  </div>
+  <div v-else>
+    <a-tree class="device-map-layers" @drop="onDrop" v-bind="$attrs" v-if="getTreeData.length">
       <a-tree-node :id="layer.id" v-for="layer in getTreeData" :key="layer.id">
         <template #title>
           <div style="display: flex;align-items: center;">
@@ -35,38 +38,37 @@
         </template>
       </a-tree-node>
     </a-tree>
-  </span>
+  </div>
 </template>
 
 <script lang="ts" setup>
-import { computed, defineProps, PropType, reactive } from 'vue'
+import { computed, defineProps, PropType } from 'vue'
 import Icon from '@ant-design/icons-vue';
 import { FolderOutlined, LineOutlined, GatewayOutlined } from '@ant-design/icons-vue';
+import noData from '/@/assets/icons/no-data.png'
 import { useMyStore } from '/@/store'
 import { DropEvent, mapLayer } from '/@/types/mapLayer'
 import { getLayerTreeKey } from '/@/utils/layer-tree'
 
 const store = useMyStore()
+
 const props = defineProps({
   layerData: Array as PropType<mapLayer[]>
 })
-const state = reactive({
-  checkedKeys: [] as string[],
-  expandedKeys: [] as string[]
-})
+
 const getTreeData = computed(() => {
-  // console.log('props.treeData', JSON.parse(JSON.stringify(props.layerData)))
   return JSON.parse(JSON.stringify(props.layerData))
 })
+
 const shareId = computed(() => {
   return store.state.layerBaseInfo.share
 })
+
 const defaultId = computed(() => {
   return store.state.layerBaseInfo.default
 })
-async function onDrop({ node, dragNode, dropPosition, dropToGap }: DropEvent) {
-  console.log('2132132131');
 
+async function onDrop({ node, dragNode, dropPosition, dropToGap }: DropEvent) {
   let _treeData = props.layerData || []
   let dragKey = dragNode.eventKey
   dragKey = dragKey.replaceAll('resource__', '')
@@ -90,7 +92,6 @@ async function onDrop({ node, dragNode, dropPosition, dropToGap }: DropEvent) {
     })
   }
   const data = [..._treeData] as mapLayer[]
-  // Find dragObject
   let dragObj = {} as mapLayer
   loop(data, dragKey, (item: mapLayer, index: number, arr: mapLayer[]) => {
     arr.splice(index, 1)
@@ -105,7 +106,6 @@ async function onDrop({ node, dragNode, dropPosition, dropToGap }: DropEvent) {
     })
   }
   _treeData = data
-  // console.log('_treeData', _treeData)
 }
 </script>
 

Web/src/hooks/use-g-map-cover.ts

@@ -103,8 +103,6 @@ export function useGMapCover() {
   }
 
   function AddOverlayGroup(overlayGroup: any) {
-    console.log(111111);
-
     root.$map.add(overlayGroup)
     const id = overlayGroup.getExtData().id
     coverMap[id] = [...(coverMap[id] || []), overlayGroup]

Web/src/hooks/use-map-tool.ts

@@ -13,4 +13,4 @@ export function useMapTool() {
   return {
     panTo,
   }
-}
+}

Web/src/hooks/use-mouse-tool.ts

@@ -15,10 +15,12 @@ export function useMouseTool() {
     PolygonNum: 0,
     currentType: '',
   })
+
   const flightAreaColorMap = {
     [EFlightAreaType.DFENCE]: '#19be6b',
     [EFlightAreaType.NFZ]: '#ff0000',
   }
+
   function drawPin(type: MapDoodleType, getDrawCallback: Function) {
     root?.$mouseTool.marker({
       title: type + state.pinNum,
@@ -124,4 +126,4 @@ export function useMouseTool() {
   return {
     mouseTool
   }
-}
+}

Web/src/pages/page-web/home.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue'
+import { onMounted } from 'vue'
 import Nav from '/@/components/common/nav.vue';
 import Topbar from '/@/components/common/topbar.vue';
 import { getRoot } from '/@/root'
@@ -26,8 +26,6 @@ interface FormState {
   password: string
 }
 
-const collapsed = ref<boolean>(false);
-
 const root = getRoot()
 
 const messageHandler = async (payload: any) => {

Web/src/pages/page-web/projects/Firmwares.vue

@@ -1,31 +1,19 @@
-
 <template>
   <div class="ml20 mt20 mr20 flex-row flex-align-center flex-justify-between">
     <div class="flex-row">
       <a-button type="primary" @click="sVisible = true">
         Click to Upload
       </a-button>
-      <a-modal :visible="sVisible"
-         title="Import Firmware File"
-         :closable="false"
-         @cancel="onCancel"
-         @ok="uploadFile"
-         centered>
-         <a-form :rules="rules" ref="formRef" :model="uploadParam" :label-col="{ span: 6 }">
+      <a-modal :visible="sVisible" title="Import Firmware File" :closable="false" @cancel="onCancel" @ok="uploadFile"
+        centered>
+        <a-form :rules="rules" ref="formRef" :model="uploadParam" :label-col="{ span: 6 }">
           <a-form-item name="status" label="Avaliable" required>
             <a-switch v-model:checked="uploadParam.status" />
           </a-form-item>
           <a-form-item name="device_name" label="Device Name" required>
-            <a-select
-              style="width: 220px"
-              mode="multiple"
-              placeholder="can choose multiple"
+            <a-select style="width: 220px" mode="multiple" placeholder="can choose multiple"
               v-model:value="uploadParam.device_name">
-              <a-select-option
-                v-for="k in DeviceNameEnum"
-                :key="k"
-                :value="k"
-              >
+              <a-select-option v-for="k in DeviceNameEnum" :key="k" :value="k">
                 {{ k }}
               </a-select-option>
             </a-select>
@@ -34,64 +22,42 @@
             <a-textarea v-model:value="uploadParam.release_note" showCount :maxlength="300" />
           </a-form-item>
           <a-form-item label="File" required>
-            <a-upload
-              :multiple="false"
-              :before-upload="beforeUpload"
-              :show-upload-list="true"
-              :file-list="fileList"
-              :remove="removeFile"
-             >
+            <a-upload :multiple="false" :before-upload="beforeUpload" :show-upload-list="true" :file-list="fileList"
+              :remove="removeFile">
               <a-button type="primary">
                 <UploadOutlined />
                 Import Firmware File
               </a-button>
             </a-upload>
           </a-form-item>
-         </a-form>
+        </a-form>
       </a-modal>
     </div>
     <div class="flex-row">
       <div class="ml5">
-        <a-select
-          style="width: 150px"
-          v-model:value="param.firmware_status"
-          @select="getAllFirmwares(pageParam)">
-          <a-select-option
-            v-for="(key, value) in FirmwareStatusEnum"
-            :key="key"
-            :value="value"
-          >
+        <a-select style="width: 150px" v-model:value="param.firmware_status" @select="getAllFirmwares(pageParam)">
+          <a-select-option v-for="(key, value) in FirmwareStatusEnum" :key="key" :value="value">
             {{ key }}
           </a-select-option>
         </a-select>
       </div>
       <div class="ml5">
-        <a-select
-          style="width: 150px"
-          v-model:value="param.device_name"
-          @select="getAllFirmwares(pageParam)">
-          <a-select-option
-            v-for="item in deviceNameList"
-            :key="item.label"
-            :value="item.value"
-          >
+        <a-select style="width: 150px" v-model:value="param.device_name" @select="getAllFirmwares(pageParam)">
+          <a-select-option v-for="item in deviceNameList" :key="item.label" :value="item.value">
             {{ item.label }}
           </a-select-option>
         </a-select>
       </div>
       <div class="ml5">
-        <a-input-search
-          :enter-button="true"
-          v-model:value="param.product_version"
-          placeholder="input search verison"
-          style="width: 250px"
-          @search="getAllFirmwares(pageParam)"/>
+        <a-input-search :enter-button="true" v-model:value="param.product_version" placeholder="input search verison"
+          style="width: 250px" @search="getAllFirmwares(pageParam)" />
       </div>
     </div>
   </div>
   <div class="table flex-display flex-column">
-    <a-table :columns="columns" :data-source="data.firmware" :pagination="paginationProp" @change="refreshData" row-key="firmware_id"
-     :rowClassName="(record, index) => ((index % 2) === 0 ? 'table-striped' : null)" :scroll="{ x: '100%', y: 600 }">
+    <a-table :columns="columns" :data-source="data.firmware" :pagination="paginationProp" @change="refreshData"
+      row-key="firmware_id" :rowClassName="(record, index) => ((index % 2) === 0 ? 'table-striped' : null)"
+      :scroll="{ x: '100%', y: 600 }">
       <template #device_name="{ record }">
         <div v-for="text in record.device_name" :key="text">
           {{ text }}
@@ -105,7 +71,7 @@
       </template>
       <template v-for="col in ['file_name', 'release_note']" #[col]="{ text }" :key="col">
         <a-tooltip :title="text">
-            <span>{{ text }}</span>
+          <span>{{ text }}</span>
         </a-tooltip>
       </template>
 
@@ -113,9 +79,9 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { message, notification, PaginationProps } from 'ant-design-vue'
+import { message, notification } from 'ant-design-vue'
 import { TableState } from 'ant-design-vue/lib/table/interface'
-import { onMounted, reactive, Ref, ref, UnwrapRef } from 'vue'
+import { onMounted, reactive, ref } from 'vue'
 import { IPage } from '/@/api/http/type'
 import { getFirmwares, importFirmareFile } from '/@/api/manage'
 import DeviceFirmwareStatus from '/@/components/devices/DeviceFirmwareStatus.vue'
@@ -129,6 +95,7 @@ import moment from 'moment'
 interface FirmwareData {
   firmware: Firmware[]
 }
+
 const columns = [
   { title: 'Model', dataIndex: 'device_name', width: 120, ellipsis: true, className: 'titleStyle', slots: { customRender: 'device_name' } },
   { title: 'File Name', dataIndex: 'file_name', width: 220, ellipsis: true, className: 'titleStyle', slots: { customRender: 'file_name' } },
@@ -178,13 +145,13 @@ onMounted(() => {
   }
 })
 
-function refreshData (page: Pagination) {
+function refreshData(page: Pagination) {
   pageParam.page = page?.current!
   pageParam.page_size = page?.pageSize!
   getAllFirmwares(pageParam)
 }
 
-function getAllFirmwares (page: IPage) {
+function getAllFirmwares(page: IPage) {
   getFirmwares(workspaceId, page, param).then(res => {
     const firmwareList: Firmware[] = res.data.list
     data.firmware = firmwareList
@@ -219,7 +186,7 @@ interface FileInfo {
 }
 const fileList = ref<FileItem[]>([])
 
-function beforeUpload (file: FileItem) {
+function beforeUpload(file: FileItem) {
   if (!file.name || !file.name?.endsWith('.zip')) {
     message.error('Format error. Please select zip file.')
     return false
@@ -229,10 +196,10 @@ function beforeUpload (file: FileItem) {
 }
 
 const formRef = ref()
-function removeFile (file: FileItem) {
+function removeFile(file: FileItem) {
   fileList.value = []
 }
-function onCancel () {
+function onCancel() {
   formRef.value.resetFields()
   fileList.value = []
   sVisible.value = false
@@ -292,33 +259,39 @@ const uploadFile = async () => {
 
 </script>
 <style>
-
 .table {
-    background-color: white;
-    margin: 20px;
-    padding: 20px;
-    height: 88vh;
+  background-color: white;
+  margin: 20px;
+  padding: 20px;
+  height: 88vh;
 }
+
 .table-striped {
   background-color: #f7f9fa;
 }
+
 .ant-table {
-  border-top: 1px solid rgb(0,0,0,0.06);
-  border-bottom: 1px solid rgb(0,0,0,0.06);
+  border-top: 1px solid rgb(0, 0, 0, 0.06);
+  border-bottom: 1px solid rgb(0, 0, 0, 0.06);
 }
+
 .ant-table-tbody tr td {
   border: 0;
 }
+
 .ant-table td {
   white-space: nowrap;
 }
+
 .ant-table-thead tr th {
   background: white !important;
   border: 0;
 }
+
 th.ant-table-selection-column {
   background-color: white !important;
 }
+
 .ant-table-header {
   background-color: white !important;
 }

Web/src/pages/page-web/projects/dock.vue

@@ -34,11 +34,10 @@
 </template>
 
 <script lang="ts" setup>
-import { message } from 'ant-design-vue'
 import { onMounted, reactive, ref } from 'vue'
 import { deleteWaylineFile, downloadWaylineFile, getWaylineFiles } from '/@/api/wayline'
 import { EDeviceTypeName, ELocalStorageKey } from '/@/types'
-import { EllipsisOutlined, RocketOutlined, CameraFilled, UserOutlined } from '@ant-design/icons-vue'
+import { RocketOutlined } from '@ant-design/icons-vue'
 import { Device } from '/@/types/device'
 import { useMyStore } from '/@/store'
 import { getBindingDevices } from '/@/api/manage'

Web/src/pages/page-web/projects/layer.vue

@@ -2,10 +2,11 @@
   <div class="project-layer-wrapper height-100">
     <div class="scrollbar">
       <LayersTree :layer-data="mapLayers" class="project-layer-content" @check="checkLayer" @select="selectLayer"
-        v-model:selectedKeys="selectedKeys" v-model:checkedKeys="checkedKeys" />
+        v-model:selectedKeys="selectedKeys" v-model:checkedKeys="checkedKeys" v-model:expandedKeys="expandedKeys" />
     </div>
-    <a-drawer title="地图元素" placement="right" :closable="true" v-model:visible="visible" :mask="false"
-      wrapClassName="drawer-element-wrapper" @close="closeDrawer" width="300">
+    <a-drawer title="地图元素" placement="right" :closable="true" v-model:visible="visible" :mask="true"
+      getContainer="#g-container" :wrap-style="{ position: 'absolute' }" wrapClassName="drawer-element-wrapper"
+      @close="closeDrawer" width="300">
       <div class="drawer-element-content">
         <div class="name element-item">
           <span class="mr30">名称:</span>
@@ -84,8 +85,12 @@ const props = withDefaults(defineProps<Props>(), {
 
 watch(() => props.mapClickId, (newValue, oldValue) => {
   if (newValue) {
-    selectedKey.value = newValue
-    selectedLayer.value = getCurrentLayer(selectedKey.value)
+    // 只有一个文件夹，所以取第一个id即可
+    const mapLayerList: any = mapLayers.value;
+    const pid = mapLayerList[0].id;
+    expandedKeys.value = [pid];
+    selectedKeys.value = [`resource__${newValue}`];
+    selectedLayer.value = getCurrentLayer(`resource__${newValue}`)
     setBaseInfo()
     visible.value = true
     store.commit('SET_DRAW_VISIBLE_INFO', visible.value)
@@ -96,6 +101,7 @@ const store = useMyStore()
 let useGMapCoverHook = useGMapCover()
 const mapLayers = ref(store.state.Layers)
 const checkedKeys = ref<string[]>([])
+const expandedKeys = ref<string[]>([])
 const selectedKeys = ref<string[]>([])
 const selectedKey = ref<string>('')
 const selectedLayer = ref<any>(null)
@@ -133,6 +139,7 @@ async function getAllElement() {
     initMapCover()
   }, 1000)
 }
+
 function initMapCover() {
   mapLayers.value.forEach(item => {
     if (item.elements) {
@@ -140,15 +147,11 @@ function initMapCover() {
     }
   })
 }
-watch(
-  () => store.state.Layers,
-  newData => {
-    mapLayers.value = newData
-  },
-  {
-    deep: true
-  }
-)
+
+watch(() => store.state.Layers, newData => {
+  mapLayers.value = newData
+}, { deep: true })
+
 function setMapCoverByElement(elements: LayerResource[]) {
   elements.forEach(element => {
     const name = element.name
@@ -182,7 +185,7 @@ function updateMapElement(
 }
 
 function checkLayer(keys: string[]) {
-  console.log('checkLayer', keys, selectedKeys.value, checkedKeys.value)
+
 }
 
 function selectLayer(keys: string[], e) {
@@ -193,7 +196,6 @@ function selectLayer(keys: string[], e) {
   }
   visible.value = e.selected
   store.commit('SET_DRAW_VISIBLE_INFO', visible.value)
-  // store.dispatch('updateElement', { type: 'is_select', id: e.node.eventKey, bool: e.selected })
 }
 function getCurrentLayer(id: string) {
   const Layers = store.state.Layers
@@ -217,7 +219,6 @@ function setBaseInfo() {
   const layer = selectedLayer.value
   if (layer) {
     const geoType = layer.resource?.content.geometry.type
-    // “LineString”,"Polygon","Point"
     layerState.currentType = geoType
     layerState.layerName = layer.name
     layerState.layerId = layer.id
@@ -248,23 +249,25 @@ onMounted(() => {
 })
 
 function closeDrawer() {
+  store.commit('SET_MAP_CLICK_ID', '');
   store.commit('SET_DRAW_VISIBLE_INFO', false)
   selectedKeys.value = []
 }
+
 function changeColor(color: Color) {
   layerState.color = color.color
-
   updateElements()
 }
+
 function changeLayer(val: string) {
   updateElements()
 }
+
 async function deleteElement() {
   const elementid = selectedLayer.value.id
 
   await deleteElementReq(elementid, {}).then(async (res: any) => {
     if (res.code !== 0) {
-      console.warn(res)
       return
     }
     visible.value = false
@@ -273,6 +276,7 @@ async function deleteElement() {
     getElementGroups()
   })
 }
+
 async function getElementGroups(type?: string) {
   const result = await getElementGroupsReq({
     groupId: '',

Web/src/pages/page-web/projects/tsa.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="project-tsa-wrapper ">
     <div class="scrollbar" :style="{ height: scorllHeight + 'px' }">
-      <a-collapse :bordered="false" expandIconPosition="right" accordion style="background: #232323;">
+      <a-collapse style="background: #232323;" :bordered="false" expandIconPosition="right" accordion
+        v-model:activeKey="state.activeKey">
         <a-collapse-panel style="border-bottom: 1px solid #4f4f4f;" :key="EDeviceTypeName.Dock" header="机场">
           <div v-if="onlineDocks.data.length === 0" style="height: 100px; color: white;">
             <a-empty :image="noData" :image-style="{ height: '60px' }" />
@@ -95,7 +96,7 @@
                           style="width: 18px; height: 16px; text-align: center;">
                           <span :style="hmsInfo[dock.sn].length > 99 ? 'font-size: 11px' : 'font-size: 12px'">{{
                             hmsInfo[dock.sn].length
-                            }}</span>
+                          }}</span>
                           <span class="fz10">{{ hmsInfo[dock.sn].length > 99 ? '+' : '' }}</span>
                         </div>
                         <a-popover trigger="click" placement="bottom" color="black"
@@ -261,6 +262,10 @@ const onlineDocks = reactive({
   data: [] as OnlineDevice[]
 })
 
+const state = reactive({
+  activeKey: -1,
+})
+
 const mapClickId = computed(() => store.state.mapClickId)
 const deviceInfo = computed(() => store.state.deviceState.deviceInfo)
 const dockInfo = computed(() => store.state.deviceState.dockInfo)
@@ -271,6 +276,12 @@ const hmsInfo = computed({
   }
 })
 
+watch(() => mapClickId.value, (newValue, oldValue) => {
+  if (newValue) {
+    state.activeKey = EDeviceTypeName.Marker
+  }
+});
+
 onMounted(() => {
   getOnlineTopo()
   setTimeout(() => {

Web/src/pages/page-web/projects/wayline.vue

@@ -22,16 +22,16 @@
               <div class="title">
                 <a-tooltip :title="wayline.name">
                   <div class="pr10"
-                    style="width: 120px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">{{
-                      wayline.name }}</div>
+                    style="width: 120px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
+                    {{ wayline.name }}</div>
                 </a-tooltip>
                 <div class="ml10">
                   <UserOutlined />
                 </div>
                 <a-tooltip :title="wayline.user_name">
                   <div class="ml5 pr10"
-                    style="width: 80px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">{{
-                      wayline.user_name }}</div>
+                    style="width: 80px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
+                    {{ wayline.user_name }}</div>
                 </a-tooltip>
                 <div class="fz20">
                   <a-dropdown>
@@ -97,7 +97,6 @@ import { useMyStore } from '/@/store'
 import { WaylineFile } from '/@/types/wayline'
 import { downloadFile } from '/@/utils/common'
 import { IPage } from '/@/api/http/type'
-import { load } from '@amap/amap-jsapi-loader'
 import { getRoot } from '/@/root'
 
 const loading = ref(false)

Web/src/pages/page-web/projects/workspace.vue

@@ -38,7 +38,6 @@ const messageHandler = async (payload: any) => {
   if (!payload) {
     return
   }
-
   switch (payload.biz_code) {
     case EBizCode.GatewayOsd: {
       store.commit('SET_GATEWAY_INFO', payload.data)
@@ -129,7 +128,6 @@ const messageHandler = async (payload: any) => {
 
 // 监听ws 消息
 useConnectWebSocket(messageHandler)
-
 </script>
 <style lang="scss" scoped>
 @import '/@/styles/index.scss';

Web/src/store/index.ts

@@ -215,7 +215,6 @@ const actions: ActionTree<RootStateType, RootStateType> = {
       isDistributed: true
     })
     commit('SET_LAYER_INFO', result.data?.list)
-    console.log(result)
   },
   updateElement({ state }, content: { type: 'is_check' | 'is_select', id: string, bool: boolean }) {
     const key = content.id.replaceAll('resource__', '')