From d4ee5d73b766af7b002ce75daa2f7fcec1f05de4 Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Sat, 30 Mar 2024 23:48:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=96=87=E5=AD=97=E8=B6=85=E5=87=BA?=
 =?UTF-8?q?=E9=95=BF=E5=BA=A6=E5=A2=9E=E5=8A=A0popver?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/worksheet/aside/ListItem.vue  | 10 +++++++---
 src/views/worksheet/content/Content.vue |  2 +-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/views/worksheet/aside/ListItem.vue b/src/views/worksheet/aside/ListItem.vue
index bf855f4..00db5f3 100644
--- a/src/views/worksheet/aside/ListItem.vue
+++ b/src/views/worksheet/aside/ListItem.vue
@@ -45,7 +45,9 @@ onMounted(async () => {
         <div class="id-wrap">
           <SvgIcon :name="svgName" size="28" />
           <span class="list-item-header-name" :class="{ 'list-item-header-selected': selected }">
-            <span class="list-item-title" :title="listItem.name">{{ listItem.name }} </span>
+            <n-ellipsis style="max-width: 226px">
+             {{ listItem.name }}{{ listItem.name }}{{ listItem.name }}{{ listItem.name }}{{ listItem.name }}
+            </n-ellipsis>
             <span class="list-item-header-selected">({{ listItem.pictureCount }})</span>
           </span>
         </div>
@@ -111,8 +113,10 @@ onMounted(async () => {
       color: #333333;
       margin-bottom: 0 0 8px 8px;
       display: flex;
-      justify-content: space-between;
-      .list-item-title{
+      justify-content: flex-start;
+      align-items: center;
+
+      .list-item-title {
         width: 200px;
         display: inline-block;
         white-space: nowrap;
diff --git a/src/views/worksheet/content/Content.vue b/src/views/worksheet/content/Content.vue
index 4d2d7f0..b26ca8a 100644
--- a/src/views/worksheet/content/Content.vue
+++ b/src/views/worksheet/content/Content.vue
@@ -480,7 +480,7 @@ function reloadList() {
           <!-- 右侧任务 标题信息 -->
           <div class="right">
             <n-scrollbar style="max-height: 100%">
-              <span class="task-name" :title="taskDetailInfo.taskname">任务ID：{{ taskDetailInfo.taskname }}</span>
+              <n-ellipsis style="max-width: 350px">任务ID：{{ taskDetailInfo.taskname }}</n-ellipsis>
               <div class="tags">
                 <div class="tag tag-submiting" v-if="taskDetailInfo.states == 1">{{ TASK_STATUS_OBJ[taskDetailInfo.states]
                 }}</div>