From cfe5d4c5ec91a88e492dae6607cb01273246958e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=A6=8D?= <1455167345@qq.com>
Date: Thu, 20 Feb 2025 13:26:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=B7=B3=E8=BD=AC=E6=96=B0?=
 =?UTF-8?q?=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/eventHandler.hook.ts                |  30 ++-
 .../components/EventItem.vue                  | 226 +++++++++++++-----
 2 files changed, 190 insertions(+), 66 deletions(-)

diff --git a/src/hooks/eventHandler.hook.ts b/src/hooks/eventHandler.hook.ts
index dbcbda3..421bfca 100644
--- a/src/hooks/eventHandler.hook.ts
+++ b/src/hooks/eventHandler.hook.ts
@@ -1,18 +1,38 @@
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
 import { mapFun } from '@/hooks/ceshiFun.hook';
+import { router } from '@/router';
 
 const chartEditStore = useChartEditStore();
 const ceshiFunction = mapFun();
 
 // 交互事件
-export const eventHandlerHook = (comonentList: any, elementList: any, params:any = null) => {
+export const eventHandlerHook = (comonentList: any, elementList: any, params: any = null) => {
   let obj: any = {};
   let index = 0;
   for (let i = 0; i < comonentList.length; i++) {
     for (let j = 0; j < elementList.length; j++) {
       if (elementList[j].movement == 'newaddress') {
-        // 跳转新地址
-        window.open(elementList[j].url);
+        // 打开新页面
+        if (elementList[j].openNewPage) {
+          if (elementList[j].skipType == 'routeLink') {
+            const routeUrl = router.resolve({
+              path: elementList[j].url,
+            });
+            window.open(routeUrl.href, '_blank');
+            return;
+          } else {
+            window.open(elementList[j].url, '_blank');
+            return;
+          }
+        } else {
+          if (elementList[j].skipType == 'routeLink') {
+            router.replace(elementList[j].url);
+            return;
+          } else {
+            window.open(elementList[j].url, '_self');
+            return;
+          }
+        }
       } else if (elementList[j].movement == 'reveal') {
         // 显示
         for (let k = 0; k < elementList[j].elementId.length; k++) {
@@ -37,9 +57,9 @@ export const eventHandlerHook = (comonentList: any, elementList: any, params:any
         // 地图事件联动
         for (let k = 0; k < elementList[j].elementId.length; k++) {
           if (comonentList[i].id == elementList[j].elementId[k]) {
-            if(params){
+            if (params) {
               ceshiFunction[elementList[j].funName](params);
-            }else{
+            } else {
               ceshiFunction[elementList[j].funName]();
             }
           }
diff --git a/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteractionConfiguration/components/EventItem.vue b/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteractionConfiguration/components/EventItem.vue
index 178e707..74bfe2b 100644
--- a/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteractionConfiguration/components/EventItem.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteractionConfiguration/components/EventItem.vue
@@ -71,10 +71,43 @@
                   :options="funSelectOptions"
                 />
               </div>
-              <div class="movement-type__element" v-if="panel.movement == 'newaddress'">
-                跳转新地址
-                <n-input v-model:value="panel.url" type="text" placeholder="请输入网址" />
-              </div>
+              <template v-if="panel.movement == 'newaddress'">
+                <div class="movement-type__element">
+                  跳转方式
+                  <n-select
+                    v-model:value="panel.skipType"
+                    placeholder="请选择"
+                    :options="skipTypeOptions"
+                  />
+                </div>
+                <div class="movement-type__element">
+                  是否在新页面打开
+                  <n-switch v-model:value="panel.openNewPage" />
+                </div>
+                <!-- 外部链接 -->
+                <div class="movement-type__element" v-if="panel.skipType == 'outLink'">
+                  外部链接
+                  <n-input v-model:value="panel.url" type="text" placeholder="请输入网址" />
+                </div>
+                <!-- 发布地址 -->
+                <div class="movement-type__element" v-if="panel.skipType == 'publishLink'">
+                  发布地址
+                  <n-select
+                    v-model:value="panel.url"
+                    placeholder="请选择"
+                    :options="publishOptions"
+                  />
+                </div>
+                <!-- 路由 -->
+                <div class="movement-type__element" v-if="panel.skipType == 'routeLink'">
+                  路由地址
+                  <n-select
+                    v-model:value="panel.url"
+                    placeholder="请选择"
+                    :options="routeOptions"
+                  />
+                </div>
+              </template>
             </div>
           </div>
         </n-tab-pane>
@@ -84,13 +117,17 @@
   </div>
 </template>
 <script setup lang="ts">
-  import { ref, defineEmits } from 'vue';
+  import { ref, defineEmits, onMounted } from 'vue';
   import { eventTypeOptions, movementTypeOptions } from '../../../../hooks/eventData.hook';
   import { goDialog } from '@/utils';
   import { DesktopOutline } from '@vicons/ionicons5';
   import { useTargetData } from '../../../../hooks/useTargetData.hook';
+  import { getMenuList } from '@/api/sys/menu';
+  import { previewPath } from '@/utils';
+  import { projectListApi } from '@/api/path/project.api';
 
   const { chartEditStore } = useTargetData();
+  const routeOptions = ref([]);
   const funSelectOptions = ref([
     {
       // 事件名称（用于选择显示）
@@ -99,71 +136,101 @@
       value: 'ceshiClick',
     },
     {
-      label:"根据坐标定位地图视角",
-      value: 'handlerFlyToPoint'
+      label: '根据坐标定位地图视角',
+      value: 'handlerFlyToPoint',
     },
     {
-      label:"添加任意类型图层",
-      value: 'handlerAddLayer'
+      label: '添加任意类型图层',
+      value: 'handlerAddLayer',
     },
     {
-      label:"隐藏任意类型图层",
-      value: 'handlerHiddenLayer'
+      label: '隐藏任意类型图层',
+      value: 'handlerHiddenLayer',
     },
     {
-      label:"删除任意类型图层",
-      value: 'handlerRemoveLayer'
+      label: '删除任意类型图层',
+      value: 'handlerRemoveLayer',
     },
     {
-      label:"添加单个矢量数据",
-      value: 'handlerAddEntity'
-    },{
-      label:"隐藏单个矢量数据",
-      value:"handlerHiddenEntity"
-    },{
-      label:"移除单个矢量数据",
-      value:"handlerRemoveEntity"
-    },{
-      label:"定位和高亮矢量数据",
-      value:"handlerFlyToEntity"
-    },{
-      label:"清除全部矢量数据",
-      value:"handlerClearEntityLayer"
-    },{
-      label:"隐藏全部矢量数据",
-      value:"handlerHiddenEntityLayer"
-    },{
-      label:"点击地图拾取坐标",
-      value:"handlerDrawPoint"
-    },{
-      label:"绘制贴地线",
-      value:"handlerDrawLine"
-    },{
-      label:"绘制贴地面",
-      value:"handlerDrawPolygon"
-    },{
-      label:"贴地距离测量",
-      value:"handlerMeasureSurfaceLength"
-    },{
-      label:"空间距离测量",
-      value:"handlerMeasureLength"
-    },{
-      label:"贴地面积测量",
-      value:"handlerMeasureSurfaceArea"
-    },{
-      label:"水平面积测量",
-      value:"handlerMeasureArea"
-    },{
-      label:"坐标点位测量",
-      value:"handlerMeasurePoint"
-    },{
-      label:"高度差测量",
-      value:"handlerMeasureHeight"
-    },{
-      label:"清空测量数据",
-      value:"handlerClearMeasure"
-    }
+      label: '添加单个矢量数据',
+      value: 'handlerAddEntity',
+    },
+    {
+      label: '隐藏单个矢量数据',
+      value: 'handlerHiddenEntity',
+    },
+    {
+      label: '移除单个矢量数据',
+      value: 'handlerRemoveEntity',
+    },
+    {
+      label: '定位和高亮矢量数据',
+      value: 'handlerFlyToEntity',
+    },
+    {
+      label: '清除全部矢量数据',
+      value: 'handlerClearEntityLayer',
+    },
+    {
+      label: '隐藏全部矢量数据',
+      value: 'handlerHiddenEntityLayer',
+    },
+    {
+      label: '点击地图拾取坐标',
+      value: 'handlerDrawPoint',
+    },
+    {
+      label: '绘制贴地线',
+      value: 'handlerDrawLine',
+    },
+    {
+      label: '绘制贴地面',
+      value: 'handlerDrawPolygon',
+    },
+    {
+      label: '贴地距离测量',
+      value: 'handlerMeasureSurfaceLength',
+    },
+    {
+      label: '空间距离测量',
+      value: 'handlerMeasureLength',
+    },
+    {
+      label: '贴地面积测量',
+      value: 'handlerMeasureSurfaceArea',
+    },
+    {
+      label: '水平面积测量',
+      value: 'handlerMeasureArea',
+    },
+    {
+      label: '坐标点位测量',
+      value: 'handlerMeasurePoint',
+    },
+    {
+      label: '高度差测量',
+      value: 'handlerMeasureHeight',
+    },
+    {
+      label: '清空测量数据',
+      value: 'handlerClearMeasure',
+    },
   ]);
+  const skipTypeOptions = ref([
+    {
+      label: '外部链接',
+      value: 'outLink',
+    },
+    {
+      label: '发布地址',
+      value: 'publishLink',
+    },
+    {
+      label: '路由',
+      value: 'routeLink',
+    },
+  ]);
+  const publishOptions = ref([]);
   const props = defineProps({
     eventData: {
       type: Object,
@@ -232,6 +299,43 @@
       };
     }),
   );
+  const treeIterator = (tree) => {
+    tree.forEach((node) => {
+      var obj = {};
+      obj.label = node.item.name;
+      obj.value = node.item.url;
+      if (node.children.length > 0) {
+        node.children && treeIterator(node.children);
+      } else {
+        routeOptions.value.push(obj);
+      }
+    });
+  };
+  // 获取路由列表
+  const getRouteList = async () => {
+    const data = await getMenuList();
+    treeIterator(data);
+    await data;
+  };
+  // 获取已发布页面列表
+  const getPublishedPageList = async () => {
+    const data = await projectListApi({
+      state: 1,
+      page: 1,
+      limit: 1000,
+    });
+    publishOptions.value = data.items.map((item) => {
+      return {
+        label: item.projectName,
+        value: previewPath(item.id),
+      };
+    });
+  };
+  onMounted(() => {
+    routeOptions.value = [];
+    getRouteList();
+    getPublishedPageList();
+  });
 </script>
 <style lang="scss" scoped>
   .event-item {