From eaa0610432985e611890a3ac50d188d011c519b0 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 18 Dec 2023 14:41:26 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=A4=8D=E5=88=B6=E7=AD=89?=
 =?UTF-8?q?=E8=B5=84=E6=BA=90=E6=A0=91=E6=93=8D=E4=BD=9C=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data-visualization/canvas/CanvasCore.vue  |  2 ++
 core/core-frontend/src/utils/canvasUtils.ts   | 26 +++++++++++++++++++
 .../src/views/common/DeResourceGroupOpt.vue   |  4 ++-
 .../src/views/common/DeResourceTree.vue       | 19 ++++++++++++--
 .../src/views/data-visualization/index.vue    | 14 ++++++++--
 5 files changed, 60 insertions(+), 5 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
index 7e5cb6c784..a2f0aff85b 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
@@ -1185,7 +1185,9 @@ const userViewEnlargeOpen = (opt, item) => {
 }
 
 const initSnapshotTimer = () => {
+  console.log('check1==')
   snapshotTimer.value = setInterval(() => {
+    console.log('check2==')
     snapshotStore.snapshotCatchToStore()
   }, 1000)
 }
diff --git a/core/core-frontend/src/utils/canvasUtils.ts b/core/core-frontend/src/utils/canvasUtils.ts
index c78c8e3492..bbacdce160 100644
--- a/core/core-frontend/src/utils/canvasUtils.ts
+++ b/core/core-frontend/src/utils/canvasUtils.ts
@@ -286,3 +286,29 @@ export function filterEmptyFolderTree(nodes) {
     }
   })
 }
+
+export function findParentIdByChildIdRecursive(tree, targetChildId) {
+  function findParentId(node, targetChildId) {
+    if (node.type === 'folder' && node.children) {
+      for (const childNode of node.children) {
+        if (childNode.id === targetChildId) {
+          return node.id // 找到匹配的子节点，返回其父节点的 ID
+        }
+        const parentId = findParentId(childNode, targetChildId)
+        if (parentId !== null) {
+          return parentId // 在子节点中找到匹配的父节点
+        }
+      }
+    }
+    return null // 没有找到匹配的子节点
+  }
+
+  for (const node of tree) {
+    const parentId = findParentId(node, targetChildId)
+    if (parentId !== null) {
+      return parentId // 在整个树中找到匹配的父节点
+    }
+  }
+
+  return null // 没有找到匹配的子节点
+}
diff --git a/core/core-frontend/src/views/common/DeResourceGroupOpt.vue b/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
index 0fb5b8d31c..09cf1ba9ff 100644
--- a/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
+++ b/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
@@ -276,7 +276,9 @@ const saveResource = () => {
             ElMessage.success('保存成功')
             if (cmd.value === 'copy') {
               const baseUrl =
-                curCanvasType.value === 'dataV' ? '#/dvCanvas?dvId=' : '#/dashboard?resourceId='
+                curCanvasType.value === 'dataV'
+                  ? '#/dvCanvas?opt=copy&dvId='
+                  : '#/dashboard?opt=copy&resourceId='
               window.open(baseUrl + data.data, '_blank')
             }
           })
diff --git a/core/core-frontend/src/views/common/DeResourceTree.vue b/core/core-frontend/src/views/common/DeResourceTree.vue
index b0c1ca951d..7aefe562ce 100644
--- a/core/core-frontend/src/views/common/DeResourceTree.vue
+++ b/core/core-frontend/src/views/common/DeResourceTree.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref, toRefs, watch, nextTick, computed } from 'vue'
-import { deleteLogic } from '@/api/visualization/dataVisualization'
+import { copyResource, deleteLogic, ResourceOrFolder } from '@/api/visualization/dataVisualization'
 import { ElIcon, ElMessage, ElMessageBox, ElScrollbar } from 'element-plus-secondary'
 import { Icon } from '@/components/icon-custom'
 import { HandleMore } from '@/components/handle-more'
@@ -17,6 +17,7 @@ import _ from 'lodash'
 import DeResourceCreateOpt from '@/views/common/DeResourceCreateOpt.vue'
 import DeResourceCreateOptV2 from '@/views/common/DeResourceCreateOptV2.vue'
 import { useCache } from '@/hooks/web/useCache'
+import { findParentIdByChildIdRecursive } from '@/utils/canvasUtils'
 const { wsCache } = useCache()
 
 const dvMainStore = dvMainStoreWithOut()
@@ -232,7 +233,21 @@ const operation = (cmd: string, data: BusiTreeNode, nodeType: string) => {
   } else if (cmd === 'edit') {
     resourceEdit(data.id)
   } else {
-    resourceGroupOpt.value.optInit(nodeType, data, cmd, ['copy'].includes(cmd))
+    const targetPid = findParentIdByChildIdRecursive(state.resourceTree, data.id)
+    const params: ResourceOrFolder = {
+      nodeType: nodeType as 'folder' | 'leaf',
+      name: data.name + '-copy',
+      type: curCanvasType.value,
+      id: data.id,
+      pid: targetPid || '0'
+    }
+    copyResource(params).then(data => {
+      const baseUrl =
+        curCanvasType.value === 'dataV'
+          ? '#/dvCanvas?opt=copy&dvId='
+          : '#/dashboard?opt=copy&resourceId='
+      window.open(baseUrl + data.data, '_blank')
+    })
   }
 }
 
diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index 559c0e15bc..d8ad1e2c52 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -41,8 +41,15 @@ const dvMainStore = dvMainStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
 const contextmenuStore = contextmenuStoreWithOut()
 const composeStore = composeStoreWithOut()
-const { componentData, curComponent, isClickComponent, canvasStyleData, canvasViewInfo, editMode } =
-  storeToRefs(dvMainStore)
+const {
+  componentData,
+  curComponent,
+  isClickComponent,
+  canvasStyleData,
+  canvasViewInfo,
+  editMode,
+  dvInfo
+} = storeToRefs(dvMainStore)
 const { editorMap } = storeToRefs(composeStore)
 const canvasOut = ref(null)
 const canvasInner = ref(null)
@@ -186,6 +193,9 @@ onMounted(() => {
     state.canvasInitStatus = false
     initCanvasData(dvId, 'dataV', function () {
       state.canvasInitStatus = true
+      if (dvInfo.value && opt === 'copy') {
+        dvInfo.value.dataState = 'prepare'
+      }
       // afterInit
       nextTick(() => {
         dvMainStore.setDataPrepareState(true)