From 9a259642af1620046340b7aac657ed78d1472be8 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Wed, 18 Dec 2024 17:15:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=8D=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/components/approval-panel.vue      | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/apps/web-antd/src/views/workflow/components/approval-panel.vue b/apps/web-antd/src/views/workflow/components/approval-panel.vue
index a01aa4c0..dd873b40 100644
--- a/apps/web-antd/src/views/workflow/components/approval-panel.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-panel.vue
@@ -10,13 +10,15 @@ import { Fallback, useVbenModal, VbenAvatar } from '@vben/common-ui';
 import { DictEnum } from '@vben/constants';
 import { getPopupContainer } from '@vben/utils';
 
-import { useEventListener } from '@vueuse/core';
+import { CopyOutlined } from '@ant-design/icons-vue';
+import { useClipboard, useEventListener } from '@vueuse/core';
 import {
   Card,
   Divider,
   Dropdown,
   Menu,
   MenuItem,
+  message,
   Modal,
   Skeleton,
   Space,
@@ -344,6 +346,12 @@ function handleUpdateAssignee(userList: User[]) {
     },
   });
 }
+
+const { copy } = useClipboard();
+async function handleCopy(text: string) {
+  await copy(text);
+  message.success('复制成功');
+}
 </script>
 
 <template>
@@ -351,10 +359,15 @@ function handleUpdateAssignee(userList: User[]) {
     v-if="task"
     :body-style="{ overflowY: 'auto', height: '100%' }"
     :loading="loading"
-    :title="`编号: ${task.id}`"
     class="thin-scrollbar flex-1 overflow-y-hidden"
     size="small"
   >
+    <template #title>
+      <div class="flex items-center gap-2">
+        <div>编号: {{ task.id }}</div>
+        <CopyOutlined class="cursor-pointer" @click="handleCopy(task.id)" />
+      </div>
+    </template>
     <template #extra>
       <a-button size="small" @click="() => handleLoadInfo(task)">
         <div class="flex items-center justify-center">