From 9f5a5c5fc49bdf3fe084ba64d8717306b0dd2a29 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 7 Jan 2025 19:14:46 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E6=94=B9=E4=B8=BAcomputed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/workflow/components/approval-card.vue       | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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 d283fd14..3b95a704 100644
--- a/apps/web-antd/src/views/workflow/components/approval-card.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-card.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import type { TaskInfo } from '#/api/workflow/task/model';
 
+import { computed } from 'vue';
+
 import { VbenAvatar } from '@vben/common-ui';
 import { DictEnum } from '@vben/constants';
 
@@ -27,6 +29,10 @@ function handleClick() {
   const idKey = props.rowKey as keyof TaskInfo;
   emit('click', props.info[idKey]);
 }
+
+const diffUpdateTimeString = computed(() => {
+  return getDiffTimeString(props.info.updateTime);
+});
 </script>
 
 <template>
@@ -69,7 +75,7 @@ function handleClick() {
         <Tooltip placement="top" :title="`更新时间: ${info.updateTime}`">
           <div class="flex items-center gap-1">
             <span class="icon-[mdi--clock-outline] size-[16px]"></span>
-            {{ getDiffTimeString(info.updateTime) }}前更新
+            <span>{{ diffUpdateTimeString }}前更新</span>
           </div>
         </Tooltip>
       </div>