From b427a77fc127a442780f65f4121dc313e1139375 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 13 Jan 2026 21:35:05 +0800
Subject: [PATCH] =?UTF-8?q?refactor(workflow):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=AE=A1=E6=89=B9=E7=BB=84=E4=BB=B6=E4=BB=A3=E7=A0=81=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

重构审批卡片组件，使用 items 属性替代 DescriptionsItem 子组件
修复 Textarea 组件名称大小写问题
调整样式类顺序保持一致性
---
 .../workflow/components/approval-card.vue     | 32 ++++++++++++-------
 .../workflow/components/approval-content.vue  |  4 +--
 2 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/apps/web-antd/src/views/workflow/components/approval-card.vue b/apps/web-antd/src/views/workflow/components/approval-card.vue
index 84021a20..7745fde4 100644
--- a/apps/web-antd/src/views/workflow/components/approval-card.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-card.vue
@@ -1,4 +1,6 @@
-<script setup lang="ts">
+<script setup lang="tsx">
+import type { DescriptionsProps } from 'antdv-next';
+
 import type { TaskInfo } from '#/api/workflow/task/model';
 
 import { computed } from 'vue';
@@ -6,7 +8,7 @@ import { computed } from 'vue';
 import { VbenAvatar } from '@vben/common-ui';
 import { DictEnum } from '@vben/constants';
 
-import { Descriptions, DescriptionsItem, Tooltip } from 'antdv-next';
+import { Descriptions, Tooltip } from 'antdv-next';
 
 import { renderDict } from '#/utils/render';
 
@@ -33,6 +35,20 @@ function handleClick() {
 const diffUpdateTimeString = computed(() => {
   return getDiffTimeString(props.info.updateTime);
 });
+
+const items = computed<DescriptionsProps['items']>(() => {
+  const { info } = props;
+  return [
+    {
+      content: <div class="font-bold">{info.nodeName}</div>,
+      label: '当前任务',
+    },
+    {
+      content: info.createTime,
+      label: '提交时间',
+    },
+  ];
+});
 </script>
 
 <template>
@@ -45,6 +61,7 @@ const diffUpdateTimeString = computed(() => {
   >
     <Descriptions
       :column="1"
+      :items="items"
       :title="info.businessTitle ?? info.flowName"
       size="middle"
     >
@@ -53,21 +70,12 @@ const diffUpdateTimeString = computed(() => {
           :is="renderDict(info.flowStatus, DictEnum.WF_BUSINESS_STATUS)"
         />
       </template>
-      <DescriptionsItem label="当前任务">
-        <div class="font-bold">{{ info.nodeName }}</div>
-      </DescriptionsItem>
-      <DescriptionsItem label="提交时间">
-        {{ info.createTime }}
-      </DescriptionsItem>
-      <!-- <DescriptionsItem label="更新时间">
-        {{ info.updateTime }}
-      </DescriptionsItem> -->
     </Descriptions>
     <div class="flex w-full items-center justify-between text-[14px]">
       <div class="flex items-center gap-1 overflow-hidden whitespace-nowrap">
         <VbenAvatar
           :alt="info?.createByName"
-          class="bg-primary size-[24px] rounded-full text-[10px] text-white"
+          class="size-[24px] rounded-full bg-primary text-[10px] text-white"
           src=""
         />
         <span class="overflow-hidden text-ellipsis opacity-50">
diff --git a/apps/web-antd/src/views/workflow/components/approval-content.vue b/apps/web-antd/src/views/workflow/components/approval-content.vue
index 5f6072f6..f8acba26 100644
--- a/apps/web-antd/src/views/workflow/components/approval-content.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-content.vue
@@ -1,6 +1,6 @@
 <!-- 审批终止 Modal弹窗的content属性专用 用于填写审批意见 -->
 <script setup lang="ts">
-import { Textarea } from 'antdv-next';
+import { TextArea } from 'antdv-next';
 
 defineOptions({
   name: 'ApprovalContent',
@@ -15,7 +15,7 @@ defineEmits<{ 'update:value': [string] }>();
 <template>
   <div class="flex flex-col gap-2">
     <div>{{ description }}</div>
-    <Textarea
+    <TextArea
       :allow-clear="true"
       :auto-size="true"
       :value="value"