From 9b5449cf755fe38717161a8851de3371782552ed Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Thu, 22 Jan 2026 14:57:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=BB=E5=8A=A1=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E9=9C=80=E6=B1=82=E4=BA=BA=E5=90=8D=E5=AD=97=E8=BF=87=E9=95=BF?=
 =?UTF-8?q?=E6=97=B6=E6=98=BE=E7=A4=BA=E7=9C=81=E7=95=A5=E5=8F=B7=EF=BC=8C?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E6=82=AC=E5=81=9C=E6=98=BE=E7=A4=BA=E5=AE=8C?=
 =?UTF-8?q?=E6=95=B4=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 导入 Tooltip 组件
2. 添加 truncateText 辅助函数用于截断文本
3. 所有显示需求人名字的地方（一级需求人、需求部门发起人、发布人）：
   - 使用 truncateText 截断显示（最多8个字符）
   - 使用 Tooltip 组件鼠标悬停显示完整信息
   - 添加 cursor: help 样式提示可悬停查看
---
 frontend/src/views/TaskHall.vue | 100 +++++++++++++++++++++++++-------
 1 file changed, 78 insertions(+), 22 deletions(-)

diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue
index 95b3ea6..6d29786 100644
--- a/frontend/src/views/TaskHall.vue
+++ b/frontend/src/views/TaskHall.vue
@@ -219,21 +219,28 @@
                 <span class="icon">
                   <Icon name="user" size="sm" color="#faad14" />
                 </span>
-                <span style="color: #faad14;">一级需求人: {{ task.primaryPublisherName }} ({{ task.primaryPublisherDeptName || '一级部门' }})</span>
+                <Tooltip :title="`一级需求人: ${task.primaryPublisherName} (${task.primaryPublisherDeptName || '一级部门'})`">
+                  <span style="color: #faad14; cursor: help;">一级需求人: {{ truncateText(task.primaryPublisherName, 8) }} ({{ truncateText(task.primaryPublisherDeptName, 8) || '一级部门' }})</span>
+                </Tooltip>
               </div>
               <!-- 明细完善人（一级需求任务且有明细完善人） -->
               <div v-if="task.isPrimaryTask === 1 && task.detailCompleterName" class="detail-item">
                 <span class="icon">
                   <Icon name="user" size="sm" color="#52c41a" />
                 </span>
-                <span style="color: #52c41a;">需求部门发起人: {{ task.detailCompleterName }}</span>
+                <Tooltip :title="`需求部门发起人: ${task.detailCompleterName}`">
+                  <span style="color: #52c41a; cursor: help;">需求部门发起人: {{ truncateText(task.detailCompleterName, 8) }}</span>
+                </Tooltip>
               </div>
               <!-- 发布人：非一级需求任务或一级需求任务无明细完善人时显示 -->
               <div v-if="!(task.isPrimaryTask === 1 && task.detailCompleterName)" class="detail-item">
                 <span class="icon">
                   <Icon name="user" size="sm" color="#31f08b" />
                 </span>
-                <span>发布人: {{ task.publisherName || '未知' }}</span>
+                <Tooltip v-if="task.publisherName" :title="`发布人: ${task.publisherName}`">
+                  <span style="cursor: help;">发布人: {{ truncateText(task.publisherName, 8) || '未知' }}</span>
+                </Tooltip>
+                <span v-else>发布人: 未知</span>
               </div>
               <div v-if="task.attachmentUrl" class="detail-item detail-item-attachment">
                 <span class="icon">
@@ -430,21 +437,28 @@
                     <span class="icon">
                       <Icon name="user" size="sm" color="#faad14" />
                     </span>
-                    <span style="color: #faad14;">一级需求人: {{ task.primaryPublisherName }} ({{ task.primaryPublisherDeptName || '一级部门' }})</span>
+                    <Tooltip :title="`一级需求人: ${task.primaryPublisherName} (${task.primaryPublisherDeptName || '一级部门'})`">
+                      <span style="color: #faad14; cursor: help;">一级需求人: {{ truncateText(task.primaryPublisherName, 8) }} ({{ truncateText(task.primaryPublisherDeptName, 8) || '一级部门' }})</span>
+                    </Tooltip>
                   </div>
                   <!-- 明细完善人（一级需求任务且有明细完善人） -->
                   <div v-if="task.isPrimaryTask === 1 && task.detailCompleterName" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#52c41a" />
                     </span>
-                    <span style="color: #52c41a;">需求部门发起人: {{ task.detailCompleterName }}</span>
+                    <Tooltip :title="`需求部门发起人: ${task.detailCompleterName}`">
+                      <span style="color: #52c41a; cursor: help;">需求部门发起人: {{ truncateText(task.detailCompleterName, 8) }}</span>
+                    </Tooltip>
                   </div>
                   <!-- 发起人：非一级需求任务或一级需求任务无明细完善人时显示 -->
                   <div v-if="!(task.isPrimaryTask === 1 && task.detailCompleterName)" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#31f08b" />
                     </span>
-                    <span>发起人: {{ task.publisherName || '--' }}</span>
+                    <Tooltip v-if="task.publisherName" :title="`发起人: ${task.publisherName}`">
+                      <span style="cursor: help;">发起人: {{ truncateText(task.publisherName, 8) || '--' }}</span>
+                    </Tooltip>
+                    <span v-else>发起人: --</span>
                   </div>
                   <div v-if="task._itemType !== 'taskGroup'" class="detail-item">
                     <span class="icon">
@@ -528,21 +542,28 @@
                     <span class="icon">
                       <Icon name="user" size="sm" color="#faad14" />
                     </span>
-                    <span style="color: #faad14;">一级需求人: {{ task.primaryPublisherName }} ({{ task.primaryPublisherDeptName || '一级部门' }})</span>
+                    <Tooltip :title="`一级需求人: ${task.primaryPublisherName} (${task.primaryPublisherDeptName || '一级部门'})`">
+                      <span style="color: #faad14; cursor: help;">一级需求人: {{ truncateText(task.primaryPublisherName, 8) }} ({{ truncateText(task.primaryPublisherDeptName, 8) || '一级部门' }})</span>
+                    </Tooltip>
                   </div>
                   <!-- 明细完善人（一级需求任务且有明细完善人） -->
                   <div v-if="task.isPrimaryTask === 1 && task.detailCompleterName" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#52c41a" />
                     </span>
-                    <span style="color: #52c41a;">需求部门发起人: {{ task.detailCompleterName }}</span>
+                    <Tooltip :title="`需求部门发起人: ${task.detailCompleterName}`">
+                      <span style="color: #52c41a; cursor: help;">需求部门发起人: {{ truncateText(task.detailCompleterName, 8) }}</span>
+                    </Tooltip>
                   </div>
                   <!-- 发布人：非一级需求任务或一级需求任务无明细完善人时显示 -->
                   <div v-if="task.publisherName && !(task.isPrimaryTask === 1 && task.detailCompleterName)" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#31f08b" />
                     </span>
-                    <span>发布人: {{ task.publisherName }}</span>
+                    <Tooltip v-if="task.publisherName" :title="`发布人: ${task.publisherName}`">
+                      <span style="cursor: help;">发布人: {{ truncateText(task.publisherName, 8) }}</span>
+                    </Tooltip>
+                    <span v-else>发布人: --</span>
                   </div>
                 </div>
 
@@ -825,21 +846,28 @@
                     <span class="icon">
                       <Icon name="user" size="sm" color="#faad14" />
                     </span>
-                    <span style="color: #faad14;">一级需求人: {{ task.primaryPublisherName }} ({{ task.primaryPublisherDeptName || '一级部门' }})</span>
+                    <Tooltip :title="`一级需求人: ${task.primaryPublisherName} (${task.primaryPublisherDeptName || '一级部门'})`">
+                      <span style="color: #faad14; cursor: help;">一级需求人: {{ truncateText(task.primaryPublisherName, 8) }} ({{ truncateText(task.primaryPublisherDeptName, 8) || '一级部门' }})</span>
+                    </Tooltip>
                   </div>
                   <!-- 明细完善人（一级需求任务且有明细完善人） -->
                   <div v-if="task.isPrimaryTask === 1 && task.detailCompleterName" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#52c41a" />
                     </span>
-                    <span style="color: #52c41a;">需求部门发起人: {{ task.detailCompleterName }}</span>
+                    <Tooltip :title="`需求部门发起人: ${task.detailCompleterName}`">
+                      <span style="color: #52c41a; cursor: help;">需求部门发起人: {{ truncateText(task.detailCompleterName, 8) }}</span>
+                    </Tooltip>
                   </div>
                   <!-- 发布人：非一级需求任务或一级需求任务无明细完善人时显示 -->
                   <div v-if="task.publisherName && !(task.isPrimaryTask === 1 && task.detailCompleterName)" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#31f08b" />
                     </span>
-                    <span>发布人: {{ task.publisherName }}</span>
+                    <Tooltip v-if="task.publisherName" :title="`发布人: ${task.publisherName}`">
+                      <span style="cursor: help;">发布人: {{ truncateText(task.publisherName, 8) }}</span>
+                    </Tooltip>
+                    <span v-else>发布人: --</span>
                   </div>
                 </div>
 
@@ -1050,21 +1078,28 @@
                     <span class="icon">
                       <Icon name="user" size="sm" color="#faad14" />
                     </span>
-                    <span style="color: #faad14;">一级需求人: {{ task.primaryPublisherName }} ({{ task.primaryPublisherDeptName || '一级部门' }})</span>
+                    <Tooltip :title="`一级需求人: ${task.primaryPublisherName} (${task.primaryPublisherDeptName || '一级部门'})`">
+                      <span style="color: #faad14; cursor: help;">一级需求人: {{ truncateText(task.primaryPublisherName, 8) }} ({{ truncateText(task.primaryPublisherDeptName, 8) || '一级部门' }})</span>
+                    </Tooltip>
                   </div>
                   <!-- 明细完善人（一级需求任务且有明细完善人） -->
                   <div v-if="task.isPrimaryTask === 1 && task.detailCompleterName" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#52c41a" />
                     </span>
-                    <span style="color: #52c41a;">需求部门发起人: {{ task.detailCompleterName }}</span>
+                    <Tooltip :title="`需求部门发起人: ${task.detailCompleterName}`">
+                      <span style="color: #52c41a; cursor: help;">需求部门发起人: {{ truncateText(task.detailCompleterName, 8) }}</span>
+                    </Tooltip>
                   </div>
                   <!-- 发起人：非一级需求任务或一级需求任务无明细完善人时显示 -->
                   <div v-if="!(task.isPrimaryTask === 1 && task.detailCompleterName)" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#31f08b" />
                     </span>
-                    <span>发起人: {{ task.publisherName || '--' }}</span>
+                    <Tooltip v-if="task.publisherName" :title="`发起人: ${task.publisherName}`">
+                      <span style="cursor: help;">发起人: {{ truncateText(task.publisherName, 8) || '--' }}</span>
+                    </Tooltip>
+                    <span v-else>发起人: --</span>
                   </div>
                   <div class="detail-item">
                     <span class="icon">
@@ -1153,21 +1188,28 @@
                     <span class="icon">
                       <Icon name="user" size="sm" color="#faad14" />
                     </span>
-                    <span style="color: #faad14;">一级需求人: {{ task.primaryPublisherName }} ({{ task.primaryPublisherDeptName || '一级部门' }})</span>
+                    <Tooltip :title="`一级需求人: ${task.primaryPublisherName} (${task.primaryPublisherDeptName || '一级部门'})`">
+                      <span style="color: #faad14; cursor: help;">一级需求人: {{ truncateText(task.primaryPublisherName, 8) }} ({{ truncateText(task.primaryPublisherDeptName, 8) || '一级部门' }})</span>
+                    </Tooltip>
                   </div>
                   <!-- 明细完善人（一级需求任务且有明细完善人） -->
                   <div v-if="task.isPrimaryTask === 1 && task.detailCompleterName" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#52c41a" />
                     </span>
-                    <span style="color: #52c41a;">需求部门发起人: {{ task.detailCompleterName }}</span>
+                    <Tooltip :title="`需求部门发起人: ${task.detailCompleterName}`">
+                      <span style="color: #52c41a; cursor: help;">需求部门发起人: {{ truncateText(task.detailCompleterName, 8) }}</span>
+                    </Tooltip>
                   </div>
                   <!-- 发布人：非一级需求任务或一级需求任务无明细完善人时显示 -->
                   <div v-if="task.publisherName && !(task.isPrimaryTask === 1 && task.detailCompleterName)" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#31f08b" />
                     </span>
-                    <span>发布人: {{ task.publisherName }}</span>
+                    <Tooltip v-if="task.publisherName" :title="`发布人: ${task.publisherName}`">
+                      <span style="cursor: help;">发布人: {{ truncateText(task.publisherName, 8) }}</span>
+                    </Tooltip>
+                    <span v-else>发布人: --</span>
                   </div>
                 </div>
 
@@ -1481,21 +1523,28 @@
                     <span class="icon">
                       <Icon name="user" size="sm" color="#faad14" />
                     </span>
-                    <span style="color: #faad14;">一级需求人: {{ task.primaryPublisherName }} ({{ task.primaryPublisherDeptName || '一级部门' }})</span>
+                    <Tooltip :title="`一级需求人: ${task.primaryPublisherName} (${task.primaryPublisherDeptName || '一级部门'})`">
+                      <span style="color: #faad14; cursor: help;">一级需求人: {{ truncateText(task.primaryPublisherName, 8) }} ({{ truncateText(task.primaryPublisherDeptName, 8) || '一级部门' }})</span>
+                    </Tooltip>
                   </div>
                   <!-- 明细完善人（一级需求任务且有明细完善人） -->
                   <div v-if="task.isPrimaryTask === 1 && task.detailCompleterName" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#52c41a" />
                     </span>
-                    <span style="color: #52c41a;">需求部门发起人: {{ task.detailCompleterName }}</span>
+                    <Tooltip :title="`需求部门发起人: ${task.detailCompleterName}`">
+                      <span style="color: #52c41a; cursor: help;">需求部门发起人: {{ truncateText(task.detailCompleterName, 8) }}</span>
+                    </Tooltip>
                   </div>
                   <!-- 发布人：非一级需求任务或一级需求任务无明细完善人时显示 -->
                   <div v-if="task.publisherName && !(task.isPrimaryTask === 1 && task.detailCompleterName)" class="detail-item">
                     <span class="icon">
                       <Icon name="user" size="sm" color="#31f08b" />
                     </span>
-                    <span>发布人: {{ task.publisherName }}</span>
+                    <Tooltip v-if="task.publisherName" :title="`发布人: ${task.publisherName}`">
+                      <span style="cursor: help;">发布人: {{ truncateText(task.publisherName, 8) }}</span>
+                    </Tooltip>
+                    <span v-else>发布人: --</span>
                   </div>
                 </div>
 
@@ -2414,7 +2463,7 @@
 <script setup lang="ts">
 import { ref, reactive, computed, onMounted, onUnmounted, h } from 'vue'
 import { useRouter } from 'vue-router'
-import { message, Modal, InputNumber, Textarea, Radio, RadioGroup, Button, Select, Space, Tag } from 'ant-design-vue'
+import { message, Modal, InputNumber, Textarea, Radio, RadioGroup, Button, Select, Space, Tag, Tooltip } from 'ant-design-vue'
 import DefaultLayout from '@/layouts/DefaultLayout.vue'
 import Icon from '@/components/Icon.vue'
 import TaskFilters from '@/components/TaskFilters.vue'
@@ -2997,6 +3046,13 @@ const approveEstimatedScore = computed(() => {
   return formatScore(total)
 })
 
+// 截断文本（用于显示长名字）
+const truncateText = (text: string | undefined, maxLength: number = 10): string => {
+  if (!text) return '--'
+  if (text.length <= maxLength) return text
+  return text.substring(0, maxLength) + '...'
+}
+
 // 格式化时间
 const formatTime = (time: string | undefined) => {
   if (!time) return '--'