From 0a5c72988a3bfb65ff009b354b477aa4efb2b80f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=96=AF=E7=8B=82=E7=9A=84=E7=8B=AE=E5=AD=90Li?=
 <15040126243@163.com>
Date: Thu, 16 Apr 2026 14:28:14 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BC=98=E5=8C=96=20=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E6=B5=81=E9=A1=B5=E9=9D=A2=20=E5=B0=81=E8=A3=85?=
 =?UTF-8?q?=E5=8A=9E=E7=90=86=E4=BA=BA=E5=B1=95=E7=A4=BA=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=20=E6=94=AF=E6=8C=81=E5=B1=95=E7=A4=BA=E4=B8=89=E8=A1=8C=20?=
 =?UTF-8?q?=E8=B6=85=E8=BF=87=E4=B8=89=E8=A1=8C=E9=9A=90=E8=97=8F=20?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E6=82=AC=E5=81=9C=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Process/UserNameDisplay.vue | 46 ++++++++++++++++++++++
 src/components/Process/approvalRecord.vue  | 10 ++---
 src/views/workflow/task/allTaskWaiting.vue | 14 ++-----
 src/views/workflow/task/taskFinish.vue     |  7 ++--
 src/views/workflow/task/taskWaiting.vue    | 12 ++----
 5 files changed, 59 insertions(+), 30 deletions(-)
 create mode 100644 src/components/Process/UserNameDisplay.vue

diff --git a/src/components/Process/UserNameDisplay.vue b/src/components/Process/UserNameDisplay.vue
new file mode 100644
index 0000000..3791d2e
--- /dev/null
+++ b/src/components/Process/UserNameDisplay.vue
@@ -0,0 +1,46 @@
+<template>
+  <el-tooltip :disabled="!displayText" :content="displayText || emptyText" effect="dark" placement="top-start">
+    <div class="user-name-display" :style="{ '--user-name-max-lines': maxLines }">
+      {{ displayText || emptyText }}
+    </div>
+  </el-tooltip>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+
+const props = withDefaults(
+  defineProps<{
+    content?: string | null;
+    emptyText?: string;
+    maxLines?: number;
+  }>(),
+  {
+    content: '',
+    emptyText: '无',
+    maxLines: 3
+  }
+);
+
+const displayText = computed(() =>
+  props.content
+    ?.split(',')
+    .map(item => item.trim())
+    .filter(Boolean)
+    .join('、') ?? ''
+);
+</script>
+
+<style lang="scss" scoped>
+.user-name-display {
+  display: -webkit-box;
+  overflow: hidden;
+  width: 100%;
+  line-height: 20px;
+  max-height: calc(20px * var(--user-name-max-lines));
+  white-space: normal;
+  word-break: break-all;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--user-name-max-lines);
+}
+</style>
diff --git a/src/components/Process/approvalRecord.vue b/src/components/Process/approvalRecord.vue
index 26aef91..5c17858 100644
--- a/src/components/Process/approvalRecord.vue
+++ b/src/components/Process/approvalRecord.vue
@@ -17,14 +17,9 @@
             <el-table :data="historyList" style="width: 100%" border fit>
               <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
               <el-table-column prop="nodeName" label="任务名称" sortable align="center"></el-table-column>
-              <el-table-column prop="approveName" :show-overflow-tooltip="true" label="办理人" sortable align="center">
+              <el-table-column prop="approveName" label="办理人" sortable align="center" min-width="180">
                 <template #default="scope">
-                  <template v-if="scope.row.approveName">
-                    <el-tag v-for="(item, index) in scope.row.approveName.split(',')" :key="index" type="success">
-                      {{ item }}
-                    </el-tag>
-                  </template>
-                  <template v-else><el-tag type="success">无</el-tag></template>
+                  <UserNameDisplay :content="scope.row.approveName" />
                 </template>
               </el-table-column>
               <el-table-column prop="flowStatus" label="状态" width="80" sortable align="center">
@@ -101,6 +96,7 @@
 import { listByIds } from '@/api/system/oss';
 import { flowHisTaskList } from '@/api/workflow/instance';
 import FlowChart from '@/components/Process/flowChart.vue';
+import UserNameDisplay from '@/components/Process/UserNameDisplay.vue';
 import download from '@/plugins/download';
 import { useDict } from '@/utils/dict';
 import { propTypes } from '@/utils/propTypes';
diff --git a/src/views/workflow/task/allTaskWaiting.vue b/src/views/workflow/task/allTaskWaiting.vue
index 93c995c..2069300 100644
--- a/src/views/workflow/task/allTaskWaiting.vue
+++ b/src/views/workflow/task/allTaskWaiting.vue
@@ -107,20 +107,13 @@
             :show-overflow-tooltip="true"
             label="申请人"
           ></el-table-column>
-          <el-table-column align="center" label="办理人">
+          <el-table-column align="center" label="办理人" min-width="180">
             <template #default="scope">
               <template v-if="tab === 'waiting'">
-                <template v-if="scope.row.assigneeNames">
-                  <el-tag v-for="(name, index) in scope.row.assigneeNames.split(',')" :key="index" type="success">
-                    {{ name }}
-                  </el-tag>
-                </template>
-                <template v-else>
-                  <el-tag type="success">无</el-tag>
-                </template>
+                <UserNameDisplay :content="scope.row.assigneeNames" />
               </template>
               <template v-else>
-                <el-tag type="success">{{ scope.row.approveName }}</el-tag>
+                <UserNameDisplay :content="scope.row.approveName" />
               </template>
             </template>
           </el-table-column>
@@ -184,6 +177,7 @@ import workflowCommon from '@/api/workflow/workflowCommon';
 import { RouterJumpVo } from '@/api/workflow/workflowCommon/types';
 import messageType from '@/components/Process/MessageType.vue';
 import processMeddle from '@/components/Process/processMeddle.vue';
+import UserNameDisplay from '@/components/Process/UserNameDisplay.vue';
 import UserSelect from '@/components/UserSelect/index.vue';
 import modal from '@/plugins/modal';
 import { useDict } from '@/utils/dict';
diff --git a/src/views/workflow/task/taskFinish.vue b/src/views/workflow/task/taskFinish.vue
index 3441ffc..2eb6fbe 100644
--- a/src/views/workflow/task/taskFinish.vue
+++ b/src/views/workflow/task/taskFinish.vue
@@ -80,11 +80,9 @@
           :show-overflow-tooltip="true"
           label="申请人"
         ></el-table-column>
-        <el-table-column align="center" prop="approverName" label="办理人">
+        <el-table-column align="center" prop="approverName" label="办理人" min-width="180">
           <template #default="scope">
-            <el-tag type="success">
-              {{ scope.row.approveName || '无' }}
-            </el-tag>
+            <UserNameDisplay :content="scope.row.approveName" />
           </template>
         </el-table-column>
         <el-table-column align="center" label="流程状态" prop="flowStatus" min-width="80">
@@ -135,6 +133,7 @@ import { pageByTaskFinish } from '@/api/workflow/task';
 import { TaskQuery, FlowTaskVO } from '@/api/workflow/task/types';
 import workflowCommon from '@/api/workflow/workflowCommon';
 import { RouterJumpVo } from '@/api/workflow/workflowCommon/types';
+import UserNameDisplay from '@/components/Process/UserNameDisplay.vue';
 import UserSelect from '@/components/UserSelect/index.vue';
 import { useDict } from '@/utils/dict';
 
diff --git a/src/views/workflow/task/taskWaiting.vue b/src/views/workflow/task/taskWaiting.vue
index c91fb1a..0429bc4 100644
--- a/src/views/workflow/task/taskWaiting.vue
+++ b/src/views/workflow/task/taskWaiting.vue
@@ -72,16 +72,9 @@
         <el-table-column align="center" prop="categoryName" label="流程分类"></el-table-column>
         <el-table-column align="center" prop="nodeName" label="任务名称"></el-table-column>
         <el-table-column align="center" prop="createByName" label="申请人"></el-table-column>
-        <el-table-column align="center" label="办理人">
+        <el-table-column align="center" label="办理人" min-width="180">
           <template #default="scope">
-            <template v-if="scope.row.assigneeNames">
-              <el-tag v-for="(name, index) in scope.row.assigneeNames.split(',')" :key="index" type="success">
-                {{ name }}
-              </el-tag>
-            </template>
-            <template v-else>
-              <el-tag type="success">无</el-tag>
-            </template>
+            <UserNameDisplay :content="scope.row.assigneeNames" />
           </template>
         </el-table-column>
         <el-table-column align="center" label="流程状态" prop="flowStatusName" min-width="70">
@@ -121,6 +114,7 @@ import { pageByTaskWait } from '@/api/workflow/task';
 import { TaskQuery, FlowTaskVO } from '@/api/workflow/task/types';
 import workflowCommon from '@/api/workflow/workflowCommon';
 import { RouterJumpVo } from '@/api/workflow/workflowCommon/types';
+import UserNameDisplay from '@/components/Process/UserNameDisplay.vue';
 import UserSelect from '@/components/UserSelect/index.vue';
 import { useDict } from '@/utils/dict';