From 733aaabb4c2d0ee97a5fe3927399172d370733cd Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Wed, 13 Aug 2025 13:54:34 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=B5=81=E7=A8=8B=20=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/components/approval-panel.vue    | 52 +++++++++++++++----
 1 file changed, 43 insertions(+), 9 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 87cd3f7d..c992ea72 100644
--- a/apps/web-antd/src/views/workflow/components/approval-panel.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-panel.vue
@@ -4,14 +4,25 @@ import type { User } from '#/api/core/user';
 import type { FlowInfoResponse } from '#/api/workflow/instance/model';
 import type { TaskInfo } from '#/api/workflow/task/model';
 
-import { computed, onUnmounted, ref, watch } from 'vue';
+import { computed, h, onUnmounted, ref, watch } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { Fallback, useVbenModal, VbenAvatar } from '@vben/common-ui';
 import { DictEnum } from '@vben/constants';
 import { getPopupContainer } from '@vben/utils';
 
-import { CopyOutlined } from '@ant-design/icons-vue';
+import {
+  ArrowLeftOutlined,
+  CheckOutlined,
+  CopyOutlined,
+  EditOutlined,
+  ExclamationCircleOutlined,
+  MenuOutlined,
+  RollbackOutlined,
+  UsergroupAddOutlined,
+  UsergroupDeleteOutlined,
+  UserOutlined,
+} from '@ant-design/icons-vue';
 import { useClipboard, useEventListener } from '@vueuse/core';
 import {
   Card,
@@ -457,29 +468,48 @@ async function handleCopy(text: string) {
           <a-button
             v-if="revocable"
             danger
+            ghost
             type="primary"
+            :icon="h(RollbackOutlined)"
             @click="handleCancel"
           >
             撤销申请
           </a-button>
-          <a-button v-if="editableAndRemoveable" @click="handleEdit">
+          <a-button
+            type="primary"
+            ghost
+            v-if="editableAndRemoveable"
+            :icon="h(EditOutlined)"
+            @click="handleEdit"
+          >
             重新编辑
           </a-button>
           <a-button
             v-if="editableAndRemoveable"
             danger
+            ghost
             type="primary"
+            :icon="h(EditOutlined)"
             @click="handleRemove"
           >
             删除
           </a-button>
         </Space>
         <Space v-if="type === 'approve'">
-          <a-button type="primary" @click="handleApproval">通过</a-button>
+          <a-button
+            type="primary"
+            ghost
+            :icon="h(CheckOutlined)"
+            @click="handleApproval"
+          >
+            通过
+          </a-button>
           <a-button
             v-if="buttonPermissions?.termination"
             danger
+            ghost
             type="primary"
+            :icon="h(ExclamationCircleOutlined)"
             @click="handleTermination"
           >
             终止
@@ -487,7 +517,9 @@ async function handleCopy(text: string) {
           <a-button
             v-if="buttonPermissions?.back"
             danger
+            ghost
             type="primary"
+            :icon="h(ArrowLeftOutlined)"
             @click="handleRejection"
           >
             驳回
@@ -503,32 +535,34 @@ async function handleCopy(text: string) {
                   key="1"
                   @click="() => delegationModalApi.open()"
                 >
-                  委托
+                  <UserOutlined class="mr-2" />委托
                 </MenuItem>
                 <MenuItem
                   v-if="buttonPermissions?.transfer"
                   key="2"
                   @click="() => transferModalApi.open()"
                 >
-                  转办
+                  <RollbackOutlined class="mr-2" /> 转办
                 </MenuItem>
                 <MenuItem
                   v-if="showMultiActions && buttonPermissions?.addSign"
                   key="3"
                   @click="() => addSignatureModalApi.open()"
                 >
-                  加签
+                  <UsergroupAddOutlined class="mr-2" /> 加签
                 </MenuItem>
                 <MenuItem
                   v-if="showMultiActions && buttonPermissions?.subSign"
                   key="4"
                   @click="() => reductionSignatureModalApi.open()"
                 >
-                  减签
+                  <UsergroupDeleteOutlined class="mr-2" /> 减签
                 </MenuItem>
               </Menu>
             </template>
-            <a-button v-if="showButtonOther"> 其他 </a-button>
+            <a-button v-if="showButtonOther" :icon="h(MenuOutlined)">
+              其他
+            </a-button>
           </Dropdown>
           <ApprovalModal @complete="$emit('reload')" />
           <RejectionModal @complete="$emit('reload')" />