预警区域接口

src/api/interceptors.ts

@@ -6,7 +6,7 @@ export class Interceptors {
 
   constructor() {
     this.instance = axios.create({
-      baseURL: '/ssw-api', // api base_url
+      baseURL: '', // api base_url
       timeout: 1000 * 300})
     this.initInterceptors()
   }
@@ -42,7 +42,7 @@ export class Interceptors {
     this.instance.interceptors.response.use(
       // 请求成功
       (res: any) => {
-        if(res.data.code === 200){
+        if(res.data.code === 200 || res.data.code == 0){
           return Promise.resolve(res.data);
         } else if (res.data.code === 500) {
           ElMessage.error(res.data?.msg);

src/api/modules/manage/dict.ts

@@ -1,6 +1,6 @@
 import { handle } from '../../index'
 
-const suffix = 'api'
+const suffix = 'sww-api'
 
 // 查询字典项
 export const dictGetAllSysDictsByValue = (params) => handle({

src/api/modules/manage/global.ts

@@ -1,6 +1,6 @@
 import { handle } from '../../index'
 
-const suffix = 'api'
+const suffix = 'sww-api'
 
 // 文件上传
 export const frontUploadFile = (params: any) => handle({

src/api/modules/manage/home.ts

@@ -1,10 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'api'
-
-// 统计查询
-export const searchLogsGetStatistics = (params: any) => handle({
-  url: `/${suffix}/search-logs/getStatistics`,
-  method: 'post',
-  params
-})

src/api/modules/manage/index.ts

@@ -1,81 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'api'
-
-// 带条件分页查询索引信息
-export const sysIndexFindIndexByPage = (params: any) => handle({
-  url: `/${suffix}/sys-index/findIndexByPage`,
-  method: 'get',
-  params
-})
-// 新增||编辑
-export const sysIndexSaveOrUpdate = (params: any) => handle({
-  url: `/${suffix}/sys-index/saveOrUpdate`,
-  method: 'post',
-  params
-})
-// 详情
-export const sysIndexGetDetail = (id: any) => handle({
-  url: `/${suffix}/sys-index/getDetail/${id}`,
-  method: 'get',
-})
-// 关联分类
-export const sysIndexFindAllByIndexId = (id: any) => handle({
-  url: `/${suffix}/sys-index/findAllByIndexId/${id}`,
-  method: 'get',
-})
-// 创建索引关联分类
-export const sysIndexCreate = (params: any) => handle({
-  url: `/${suffix}/sys-index/create`,
-  method: 'post',
-  params
-})
-// 删除索引关联分类
-export const sysIndexDeleteByLinkId = (id: any) => handle({
-  url: `/${suffix}/sys-index/deleteByLinkId/${id}`,
-  method: 'get',
-})
-// 索引id查询字段列表信息
-export const sysIndexFieldList = (params: any) => handle({
-  url: `/${suffix}/sys-index-field/list`,
-  method: 'get',
-  params
-})
-// 新增或修改索引字段信息
-export const sysIndexFieldSaveOrUpdate = (params: any) => handle({
-  url: `/${suffix}/sys-index-field/saveOrUpdate`,
-  method: 'post',
-  params
-})
-// 根据ID删除索引字段信息
-export const sysIndexFieldDeleteById = (id: any) => handle({
-  url: `/${suffix}/sys-index-field/deleteById/${id}`,
-  method: 'get',
-})
-// 删除
-export const sysIndexDeleteIndexById = (id: any) => handle({
-  url: `/${suffix}/sys-index/deleteIndexById/${id}`,
-  method: 'get',
-})
-// 导出
-export const sysIndexExport = (params: any) => handle({
-  url: `/${suffix}/sys-index/export`,
-  method: 'get',
-  params
-})
-// 关联主题-保存
-export const sysIndexSaveThemeInfo = (params: any) => handle({
-  url: `/${suffix}/sys-index/saveThemeInfo`,
-  method: 'post',
-  params
-})
-// 关联主题-查询
-export const sysIndexGetThemeByIndex = (id: any) => handle({
-  url: `/${suffix}/sys-index/getThemeByIndex/${id}`,
-  method: 'get',
-})
-// 创建索引
-export const sysIndexCreateEsIndex = (code: any) => handle({
-  url: `/${suffix}/sys-index/createEsIndex/${code}`,
-  method: 'get',
-})

src/api/modules/manage/log.ts

@@ -1,10 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'api'
-
-// 分页
-export const searchLogsGetLogByPage = (params: any) => handle({
-  url: `/${suffix}/search-logs/getLogByPage`,
-  method: 'get',
-  params
-})

src/api/modules/manage/role.ts

@@ -1,43 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'api'
-
-// 分页
-export const rolesGetByPage = (params: any) => handle({
-  url: `/${suffix}/roles/getByPage`,
-  method: 'get',
-  params
-})
-// 详情
-export const rolesGetRoleById = (id: any) => handle({
-  url: `/${suffix}/roles/getRoleById/${id}`,
-  method: 'get',
-})
-// 新增
-export const rolesCreate = (params: any) => handle({
-  url: `/${suffix}/roles/create`,
-  method: 'post',
-  params
-})
-// 编辑
-export const rolesUpdate = (params: any) => handle({
-  url: `/${suffix}/roles/update`,
-  method: 'post',
-  params
-})
-// 删除
-export const rolesDelete = (id: any) => handle({
-  url: `/${suffix}/roles/delete/${id}`,
-  method: 'get',
-})
-// 授权
-export const rolesDoAuthorization = (params: any) => handle({
-  url: `/${suffix}/roles/doAuthorization`,
-  method: 'post',
-  params
-})
-// 授权查看
-export const rolesFindAllByRoleId = (id: any) => handle({
-  url: `/${suffix}/roles/findAllByRoleId/${id}`,
-  method: 'get',
-})

src/api/modules/manage/service.ts

@@ -1,47 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'api'
-
-// 归属插件
-export const sysPluginGetAllPlugins = () => handle({
-  url: `/${suffix}/sysPlugin/getAllPlugins`,
-  method: 'get',
-})
-// 解析插件
-export const sysPluginGetAllParsePlugins = () => handle({
-  url: `/${suffix}/sysPlugin/getAllParsePlugins`,
-  method: 'get',
-})
-// 新增|编辑
-export const outsideServiceSaveOrUpdate = (params: any) => handle({
-  url: `/${suffix}/api/outsideService/saveOrUpdate`,
-  method: 'post',
-  params
-})
-// 分页查询
-export const outsideServiceFindByPage = (params: any) => handle({
-  url: `/${suffix}/api/outsideService/findByPage`,
-  method: 'get',
-  params
-})
-// 启用|停用
-export const outsideServiceStatusUpdate = (params: any) => handle({
-  url: `/${suffix}/api/outsideService/statusUpdate`,
-  method: 'get',
-  params
-})
-// 详情
-export const outsideServiceFindById = (id: any) => handle({
-  url: `/${suffix}/api/outsideService/findById/${id}`,
-  method: 'get',
-})
-// 删除
-export const outsideServiceDelete = (id: any) => handle({
-  url: `/${suffix}/api/outsideService/delete/${id}`,
-  method: 'get',
-})
-// 主题
-export const outsideServiceTheme = (id: any) => handle({
-  url: `/${suffix}/api/outsideService/theme/${id}`,
-  method: 'get',
-})

src/api/modules/manage/theme.ts

@@ -1,88 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'api'
-
-// 分页列表
-export const sysThemeGetPageTheme = (params: any) => handle({
-  url: `/${suffix}/sysTheme/getPageTheme`,
-  method: 'get',
-  params
-})
-// 新增
-export const sysThemeAdd = (params: any) => handle({
-  url: `/${suffix}/sysTheme/add`,
-  method: 'post',
-  params
-})
-// 编辑
-export const sysThemeUpdate = (params: any) => handle({
-  url: `/${suffix}/sysTheme/update`,
-  method: 'post',
-  params
-})
-// 配置
-export const sysThemeStyleConfig = (params: any) => handle({
-  url: `/${suffix}/sysTheme/styleConfig`,
-  method: 'post',
-  params
-})
-// 详情
-export const sysThemeFind = (id: any) => handle({
-  url: `/${suffix}/sysTheme/find/${id}`,
-  method: 'get',
-})
-// 删除
-export const sysThemeDelete = (id: any) => handle({
-  url: `/${suffix}/sysTheme/delete/${id}`,
-  method: 'get',
-})
-// 列表
-export const sysThemeIndexFindAll = (id: any) => handle({
-  url: `/${suffix}/sysThemeIndex/findAll/${id}`,
-  method: 'get',
-})
-// 索引构成新增
-export const sysThemeIndexAdd = (params: any) => handle({
-  url: `/${suffix}/sysThemeIndex/add`,
-  method: 'post',
-  params
-})
-// 索引构成编辑
-export const sysThemeIndexUpdate = (params: any) => handle({
-  url: `/${suffix}/sysThemeIndex/update`,
-  method: 'post',
-  params
-})
-// 索引构成详情
-export const sysThemeIndexFindById = (id: any) => handle({
-  url: `/${suffix}/sysThemeIndex/findById/${id}`,
-  method: 'get',
-})
-// 索引构成配置列保存
-export const sysThemeIndexSaveIndexFields = (params: any) => handle({
-  url: `/${suffix}/sysThemeIndex/saveIndexFields`,
-  method: 'post',
-  params
-})
-// 索引构成配置列查看
-export const sysThemeIndexGetIndexFields = (params: any) => handle({
-  url: `/${suffix}/sysThemeIndex/getIndexFields`,
-  method: 'get',
-  params
-})
-// 索引构成主配置
-export const sysThemeIndexMainConfig = (params: any) => handle({
-  url: `/${suffix}/sysThemeIndex/mainConfig`,
-  method: 'post',
-  params
-})
-// 索引构成删除
-export const sysThemeIndexDelete = (id: any) => handle({
-  url: `/${suffix}/sysThemeIndex/delete/${id}`,
-  method: 'get',
-})
-// 获取当前主题
-export const sysThemeGetThemeByThemeType = () => handle({
-  url: `/${suffix}/sysTheme/getThemeByThemeType/1`,
-  method: 'get',
-})

src/api/modules/manage/type.ts

@@ -1,53 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'api'
-
-// 查询所有分类
-export const sysLabelGetAllSysLabels = () => handle({
-  url: `/${suffix}/sys/label/getAllSysLabels`,
-  method: 'get',
-})
-// 新增标签
-export const sysLabelSave = (params: any) => handle({
-  url: `/${suffix}/sys/label/save`,
-  method: 'post',
-  params
-})
-// 编辑标签
-export const sysLabelUpdate = (params: any) => handle({
-  url: `/${suffix}/sys/label/update`,
-  method: 'post',
-  params
-})
-// 删除标签
-export const sysLabelDelete = (id: any) => handle({
-  url: `/${suffix}/sys/label/delete/${id}`,
-  method: 'get',
-})
-// 查询详情
-export const sysLabelDetail = (id: any) => handle({
-  url: `/${suffix}/sys/label/detail/${id}`,
-  method: 'get',
-})
-// 查询所有索引
-export const sysLabelGetAllIndexsByKey = (params: any) => handle({
-  url: `/${suffix}/sys/label/getAllIndexsByKey`,
-  method: 'get',
-  params
-})
-// 查询所有标签关联索引
-export const sysLabelGetAllSysLabelTypes = (id: any) => handle({
-  url: `/${suffix}/sys/label/getAllSysLabelTypes/${id}`,
-  method: 'get',
-})
-// 新增索引到指定分类下
-export const sysLabelAddIndexToLabel = (params: any) => handle({
-  url: `/${suffix}/sys/label/addIndexToLabel`,
-  method: 'get',
-  params
-})
-// 新增索引到指定分类下
-export const sysLabelDeleteLink = (id: any) => handle({
-  url: `/${suffix}/sys/label/deleteLink/${id}`,
-  method: 'get',
-})

src/api/modules/manage/user.ts

@@ -1,65 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'api'
-
-// 验证码
-export const captcha = () => handle({
-  url: `/${suffix}/captcha`,
-  method: 'get',
-})
-// 登录
-export const login = (params: any) => handle({
-  url: `/${suffix}/login`,
-  method: 'post',
-  params
-})
-// 验证码
-export const getCurrentUser = () => handle({
-  url: `/${suffix}/getCurrentUser`,
-  method: 'get',
-})
-// 分页列表
-export const usersGetPageUser = (params: any) => handle({
-  url: `/${suffix}/users/getPageUser`,
-  method: 'get',
-  params
-})
-// 详情
-export const usersGetUserById = (id: any) => handle({
-  url: `/${suffix}/users/getUserById/${id}`,
-  method: 'get',
-})
-// 新增
-export const usersRegister = (params: any) => handle({
-  url: `/${suffix}/users/register`,
-  method: 'post',
-  params
-})
-// 编辑
-export const usersUpdate = (params: any) => handle({
-  url: `/${suffix}/users/update`,
-  method: 'post',
-  params
-})
-// 修改密码
-export const usersUpdatePassword = (params: any) => handle({
-  url: `/${suffix}/users/updatePassword`,
-  method: 'post',
-  params
-})
-// 删除
-export const usersDeleteUser = (id: any) => handle({
-  url: `/${suffix}/users/deleteUser/${id}`,
-  method: 'get',
-})
-// 查看授权
-export const usersGetAuthorization = (id: any) => handle({
-  url: `/${suffix}/users/getAuthorization/${id}`,
-  method: 'get',
-})
-// 授权
-export const usersDoAuthorization = (params: any) => handle({
-  url: `/${suffix}/users/doAuthorization`,
-  method: 'post',
-  params
-})

src/api/modules/mock/mock.ts

@@ -1,21 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'mock-api'
-
-// 模拟接口
-export const mockGetUserInfo = () => handle({
-  url: `/${suffix}/getUserInfo`,
-  method: 'get',
-})
-export const mockGetConfig = () => handle({
-  url: `/${suffix}/getConfig`,
-  method: 'get',
-})
-export const mockGetSearchHistory = () => handle({
-  url: `/${suffix}/getSearchHistory`,
-  method: 'get',
-})
-export const mockGetSearchArea = () => handle({
-  url: `/${suffix}/getSearchArea`,
-  method: 'get',
-})

src/api/modules/web/area.ts

@@ -0,0 +1,30 @@
+import { handle } from '../../index'
+
+const suffix = 'sww-api'
+
+// 获取全部预警区域
+export const warnAreaQueryAll = () => handle({
+  url: `/${suffix}/warn/area/queryAll`,
+  method: 'get',
+})
+
+// 删除预警区域
+export const warnAreaDelete = (params: any) => handle({
+  url: `/${suffix}/warn/area/delete`,
+  method: 'post',
+  params
+})
+
+// 新增预警区域
+export const warnAreaAdd = (params: any) => handle({
+  url: `/${suffix}/warn/area/add`,
+  method: 'post',
+  params
+})
+
+// 编辑预警区域
+export const warnAreaEdit = (params: any) => handle({
+  url: `/${suffix}/warn/area/edit`,
+  method: 'post',
+  params
+})

src/api/modules/web/list.ts

@@ -1,36 +0,0 @@
-import { handle } from '../../index'
-
-const suffix = 'api'
-
-// 查询所有分类
-export const frontGetAllSysLabelsForQd = () => handle({
-  url: `/${suffix}/front/getAllSysLabelsForQd`,
-  method: 'get',
-})
-
-// 根据索引id获取索引信息级索引字段信息
-export const frontGetIndexAndFieldInfo = (params: any) => handle({
-  url: `/${suffix}/front/getIndexAndFieldInfo`,
-  method: 'get',
-  params
-})
-
-// 搜索记录
-export const searchLogsGetKeyWordByUserId = (params: any) => handle({
-  url: `/${suffix}/search-logs/getKeyWordByUserId`,
-  method: 'get',
-  params
-})
-
-// 档案主题
-export const frontGetThemeByThemeId = (id: any) => handle({
-  url: `/${suffix}/front/getThemeByThemeId/${id}`,
-  method: 'get',
-})
-
-// 保存搜索记录
-export const searchLogsSaveSearchLog = (params: any) => handle({
-  url: `/${suffix}/search-logs/saveSearchLog`,
-  method: 'post',
-  params
-})

src/stores/ship-map/ship-map.ts

@@ -119,7 +119,7 @@ export const useShipMapStore = defineStore('shipMap', () => {
               })
             }
             if (lineWkt) {
-              const lS  = new source.Vector({
+              const lS = new source.Vector({
                 features: [],
                 wrapX: false
               })

src/views/web/config/area-form.vue

@@ -5,7 +5,7 @@
         :span="24"
         required
         label="区域名称"
-        v-model:param="form.p1"
+        v-model:param="form.name"
         :maxLength="20"/>
       <CusFormColumn
         class="__textarea-content"
@@ -51,6 +51,7 @@ import {
 } from 'vue'
 import {useRouter, useRoute} from 'vue-router'
 import {ElMessage, ElMessageBox} from "element-plus";
+import {warnAreaAdd, warnAreaEdit} from "@/api/modules/web/area";
 
 export default defineComponent({
   name: '',
@@ -89,14 +90,29 @@ export default defineComponent({
           type: "warning",
         }).then(() => {
           emit('update:loading', true)
-          setTimeout(() => {
-            console.log('比对表单')
-            console.log(props.transfer)
-            console.log(state.form)
-            ElMessage.success('保存成功')
-            emit('pass')
-            emit('update:loading', false)
-          }, 2000)
+          const params = {
+            name: state.form.name,
+            location: state.form.wkt,
+            lineColor: state.form.polyBorderColor,
+            lineWidth: state.form.polyBorderWidth,
+            fillColor: state.form.polyColor,
+          }
+          console.log(props.transfer)
+          if (props.transfer.mode == 'add') {
+            warnAreaAdd(params).then(res => {
+              ElMessage.success('保存成功')
+              emit('pass')
+              emit('update:loading', false)
+            })
+          } else {
+            params.id = state.form.id
+            warnAreaEdit(params).then(res => {
+              ElMessage.success('保存成功')
+              emit('pass')
+              emit('update:loading', false)
+            })
+          }
+
         }).catch(() => {})
       }).catch((e) => {
         ElMessage({

src/views/web/config/index.vue

@@ -1,7 +1,7 @@
 <template>
   <DragWindow
     v-if="show"
-    @onClose="$emit('update:show', false)"
+    @onClose="map.removeLayer(state.areaLayer), $emit('update:show', false)"
     title="预警配置"
     v-model:layout="state.layout"
     close
@@ -68,16 +68,20 @@
           <div class="expend-tree __hover" @click="onAddArea">新增区域</div>
         </div>
         <el-tree
+          ref="ref_areaTree"
           class="tree"
           :data="state.areaList"
           :props="areaProps"
           node-key="id"
+          :filter-node-method="areaFilterNode"
         >
           <template #default="{ node, data }">
             <span class="custom-tree-node">
               <span>{{ data.name }}</span>
               <span>
                 <SvgIcon name="edit" size="12" class="__hover" @click.stop="onEditArea(data)"/>
+                <SvgIcon name="del" size="12" class="__hover" @click.stop="onDelArea(data)"/>
+                <el-switch v-model="data.show"/>
               </span>
             </span>
           </template>
@@ -94,11 +98,18 @@ import ruleDetail from "./rule-detail.vue";
 import areaForm from "./area-form.vue";
 import DragWindow from '../components/drag-window.vue'
 import { Search, Refresh } from "@element-plus/icons-vue";
+import {warnAreaDelete, warnAreaQueryAll} from "@/api/modules/web/area";
+import {ElMessage, ElMessageBox} from "element-plus";
+import * as layer from "ol/layer";
+import * as format from "ol/format";
+import * as source from "ol/source";
+import * as style from "ol/style";
 
 const {proxy} = getCurrentInstance()
 const props = defineProps({
   show: {},
-  mapFunc: {}
+  mapFunc: {},
+  map: {},
 })
 const state: any = reactive({
   layout: {
@@ -106,28 +117,28 @@ const state: any = reactive({
     left: 70,
     top: 10
   },
-  tab: 1,
+  tab: 2,
   loading: false,
   text: '',
+  textReal: '',
   rulesList: [],
   ruleDetail: {
     transfer: {},
     show: false
   },
-  areaList: [
-    {
-      id: 'area-1',
-      name: '区域-1',
-    }
-  ]
+  areaList: [],
+  areaLayer: null
 })
 const ruleProps = {
   children: 'children'
 }
 const areaProps = {
-  children: 'children'
+  children: 'children',
+  label: 'name'
 }
+
 const ref_rulesTree = ref()
+const ref_areaTree = ref()
 watch(() => props.show, (n) => {
   if (n) {
     initData()
@@ -135,25 +146,76 @@ watch(() => props.show, (n) => {
 })
 const initData = () => {
   state.loading = true
-  setTimeout(() => {
-    const arr = []
-    for (let i = 0; i <= 5; i++) {
-      const obj = {
-        id: i + '',
-        label: '模型' + i,
-        children: []
-      }
-      for (let k = 1; k <= i; k++) {
-        obj.children.push({
-          id: i + '-' + k,
-          label: '规则' + i + '-' + k
+  if (state.tab == 1) {
+
+  } else {
+    warnAreaQueryAll().then(res => {
+      state.areaList = res.data
+      state.areaList.forEach(v => {
+        v.show = true
+      })
+      setTimeout(() => {
+        ref_areaTree.value?.filter(state.textReal)
+        state.loading = false
+      }, 100)
+      drawArea()
+    })
+  }
+  // setTimeout(() => {
+  //   const arr = []
+  //   for (let i = 0; i <= 5; i++) {
+  //     const obj = {
+  //       id: i + '',
+  //       label: '模型' + i,
+  //       children: []
+  //     }
+  //     for (let k = 1; k <= i; k++) {
+  //       obj.children.push({
+  //         id: i + '-' + k,
+  //         label: '规则' + i + '-' + k
+  //       })
+  //     }
+  //     arr.push(obj)
+  //   }
+  //   state.rulesList = arr
+  //   state.loading = false
+  // }, 1000)
+}
+const drawArea = () => {
+  if (!state.areaLayer) {
+    state.areaLayer = new layer.Vector({
+      zIndex: 1000,
+      style: (f) => {
+        return new style.Style({
+          stroke: new style.Stroke({
+            color: f.get("__data")?.lineColor,
+            width: f.get("__data")?.lineWidth,
+          }),
+          fill: new style.Fill({
+            color: f.get("__data")?.fillColor,
+          }),
         })
       }
-      arr.push(obj)
+    });
+    props.map.addLayer(state.areaLayer)
+  }
+  const features: any = []
+  state.areaList.forEach(v => {
+    if (v.show) {
+      try {
+        const feat: any = new format.WKT().readFeature(v.location)
+        feat.set('__data', v)
+        features.push(feat)
+      } catch (e) {
+        console.error('异常的预警区域', v)
+      }
     }
-    state.rulesList = arr
-    state.loading = false
-  }, 1000)
+  })
+  const s = new source.Vector({
+    features: features,
+    wrapX: false
+  })
+  state.areaLayer.setSource(s)
 }
 const expendRules = () => {
   const flag = JSON.parse(JSON.stringify(rulesExpandAllCpt.value))
@@ -171,8 +233,10 @@ const onAddRule = (row) => {
 }
 const onAddArea = (row) => {
   const config = {
+    mode: 'add',
     featureType: 'Polygon',
     wkt: '',
+    name: '',
     polyColor: 'rgba(231,18,18,0.53)', // Polygon的填充色，默认蓝色
     polyBorderColor: 'rgba(231,18,18,0.53)', // Polygon的边框颜色，默认蓝色
     polyBorderWidth: 2, // Polygon的边框宽度，默认1
@@ -187,11 +251,14 @@ const onAddArea = (row) => {
 }
 const onEditArea = (row) => {
   const config = {
+    mode: 'edit',
     featureType: 'Polygon',
-    wkt: 'POLYGON((110.10212241843107 19.31790648240469,111.12312792246837 18.750781049337483,110.25884201127086 17.952069610196993,110.10212241843107 19.31790648240469))',
-    polyColor: 'rgba(231,18,18,0.53)', // Polygon的填充色，默认蓝色
-    polyBorderColor: 'rgba(231,18,18,0.53)', // Polygon的边框颜色，默认蓝色
-    polyBorderWidth: 2, // Polygon的边框宽度，默认1
+    wkt: row.location,
+    name: row.name,
+    id: row.id,
+    polyColor: row.fillColor, // Polygon的填充色，默认蓝色
+    polyBorderColor: row.lineColor, // Polygon的边框颜色，默认蓝色
+    polyBorderWidth: row.lineWidth, // Polygon的边框宽度，默认1
   }
   props.mapFunc.formDrawEdit({
     config: config,
@@ -201,15 +268,42 @@ const onEditArea = (row) => {
     }
   })
 }
+const onDelArea = (row) => {
+  ElMessageBox.confirm(`请确认是否删除${row.name}?`, "提示", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  } as any).then(() => {
+    state.loading = true
+    warnAreaDelete({id: row.id}).then(res => {
+      ElMessage.success('删除成功！')
+      initData()
+    })
+  }).catch(() => {})
+}
 const onSearch = () => {
+  state.textReal = JSON.parse(JSON.stringify(state.text))
+  initData()
+}
+const areaFilterNode = (value, data) => {
+  if (!value) return true
+  return data.name?.includes(value)
+}
+watch(() => state.textReal, (n) => {
   if (state.tab == 1) {
-
+    ref_rulesTree.value?.filter(n)
   } else {
-
+    ref_areaTree.value?.filter(n)
   }
-}
+})
+watch(() => state.tab, () => {
+  onSearch()
+})
 onMounted(() => {
-  initData()
+  // initData()
+})
+defineExpose({
+  initData,
 })
 </script>
 

src/views/web/index.vue

@@ -65,7 +65,7 @@
           </div>
         </el-tooltip>
       </div>
-      <configCom v-model:show="state.tools.showConfig" :mapFunc="state.mapFunc"/>
+      <configCom ref="ref_config" v-model:show="state.tools.showConfig" :map="state.map" :mapFunc="state.mapFunc"/>
       <archiveCom v-model:show="state.tools.showArchive"/>
       <warningCom v-model:show="state.tools.showWarning"/>
       <exampleCom v-if="state.mapFunc" v-model:show="state.tools.showExample" :mapHeight="state.mapFunc.mapHeight" :mapWidth="state.mapFunc.mapWidth"/>
@@ -101,6 +101,7 @@ const state: any = reactive({
 })
 const ref_web = ref()
 const ref_trackPoint = ref()
+const ref_config = ref()
 const titleCpt = computed(() => {
   return import.meta.env.VITE_TITLE
 })
@@ -114,7 +115,7 @@ const mapParamsListener = (p) => {
   ref_web.value?.style.setProperty('--easy-map-width',  p.resizeMapWidth + 'px')
 }
 const refreshArea = () => {
-  console.log(123)
+  ref_config.value?.initData()
 }
 watch(() => ShipMapStore.trackMap, (n) => {
   state.tools.showTrack = n.size > 0

vite.config.ts

@@ -52,20 +52,12 @@ export default defineConfig({
     open: true,
     strictPort: false,
     proxy: {
-      '/mock-api': {
-        target: 'http://localhost:18061/',
+      '/sww-api': {
+        target: 'http://8.130.108.178:9090/',
         changeOrigin: true,
         rewrite: (path) => {
-          return path.replace(/^\/mock-api/, 'mock-api')
-        }
-      },
-      '/ssw-api/api': {
-        target: 'http://10.110.45.26:18069/',
-        // target: 'http://8.130.72.63:18068/',
-        changeOrigin: true,
-        rewrite: (path) => {
-          // return path.replace(/^\/ssw-api\/api/, '')
-          return path
+          return path.replace(/^\/sww-api/, '')
+          // return path
         }
       },
       '/ws-api': {