From 7497bfb3c8462bf4f08e8ef72ef05ca88d5f2636 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Mon, 25 Mar 2024 17:51:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=87=E5=87=86=E5=BE=81?=
 =?UTF-8?q?=E6=B1=82=E6=84=8F=E8=A7=81=E6=B5=81=E7=A8=8B=E5=AE=A1=E6=89=B9?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../processNodeInformation/index.vue          | 35 ++++++++++++++-----
 .../pages/processDetail/index.vue             | 31 ++++++++++++----
 2 files changed, 50 insertions(+), 16 deletions(-)

diff --git a/src/components/processNodeInformation/index.vue b/src/components/processNodeInformation/index.vue
index ab3f8ffce..16bed6d80 100644
--- a/src/components/processNodeInformation/index.vue
+++ b/src/components/processNodeInformation/index.vue
@@ -17,7 +17,14 @@
                          :style="backdrop(item.taskStatus)"
                          :class="{'flow-group-process-content-dis':!leftArrow(index + 1)}">
                         <div class="flow-group-process-content-top">
-                            {{item.taskKeyName}}
+                            <el-tooltip placement="top">
+                                <div slot="content">
+                                    {{item.taskKeyName}}
+                                </div>
+                                <div>
+                                    {{item.taskKeyName}}
+                                </div>
+                            </el-tooltip>
                         </div>
                         <el-tooltip placement="top">
                             <div slot="content">
@@ -30,7 +37,7 @@
                                  v-if="item.userNames && item.userNames.length > 0">
                                 <div v-if="item.userNames && item.userNames.length > 0"
                                      v-for="val in item.userNames">
-                                    <div>{{val}}</div>
+                                    <div class="flow-group-process-content-bottom-text">{{val}}</div>
                                 </div>
                             </div>
                         </el-tooltip>
@@ -529,21 +536,31 @@
 
             .flow-group-process-content-top {
                 width: 100%;
-                height: 40px;
-                line-height: 40px;
+                margin-top: 10px;
+                margin-bottom: 10px;
                 font-size: 12px;
+                word-break: break-all;
+                text-overflow: ellipsis;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 1; /* 超出几行省略 */
+                overflow: hidden;
             }
 
             .flow-group-process-content-bottom {
                 width: 100%;
                 font-size: 12px;
                 line-height: 1.4;
-                word-break: break-all;
-                text-overflow: ellipsis;
-                display: -webkit-box;
-                -webkit-box-orient: vertical;
-                -webkit-line-clamp: 2; /* 超出几行省略 */
+                height: 54px;
                 overflow: hidden;
+                .flow-group-process-content-bottom-text{
+                    word-break: break-all;
+                    text-overflow: ellipsis;
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 1; /* 超出几行省略 */
+                    overflow: hidden;
+                }
             }
 
             .flow-group-process-arrow-dis {
diff --git a/src/pages/processCenter/pages/processDetail/index.vue b/src/pages/processCenter/pages/processDetail/index.vue
index 103c9e93d..0b0a9f316 100644
--- a/src/pages/processCenter/pages/processDetail/index.vue
+++ b/src/pages/processCenter/pages/processDetail/index.vue
@@ -24,7 +24,14 @@
                              :style="backdrop(item.taskStatus)"
                              :class="{'flow-group-process-content-dis':!leftArrow(index + 1)}">
                             <div class="flow-group-process-content-top">
-                                {{item.taskKeyName}}
+                                <el-tooltip placement="top">
+                                    <div slot="content">
+                                        {{item.taskKeyName}}
+                                    </div>
+                                    <div>
+                                        {{item.taskKeyName}}
+                                    </div>
+                                </el-tooltip>
                             </div>
                             <el-tooltip placement="top">
                                 <div slot="content">
@@ -37,7 +44,7 @@
                                      v-if="item.userNames && item.userNames.length > 0">
                                     <div v-if="item.userNames && item.userNames.length > 0"
                                          v-for="val in item.userNames">
-                                        <div>{{val}}</div>
+                                        <div class="flow-group-process-content-bottom-text">{{val}}</div>
                                     </div>
                                 </div>
                             </el-tooltip>
@@ -1828,18 +1835,28 @@
                             height: 40px;
                             line-height: 40px;
                             font-size: 12px;
+                            word-break: break-all;
+                            text-overflow: ellipsis;
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 1; /* 超出几行省略 */
+                            overflow: hidden;
                         }
 
                         .flow-group-process-content-bottom {
                             width: 100%;
                             font-size: 12px;
                             line-height: 1.4;
-                            word-break: break-all;
-                            text-overflow: ellipsis;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 2; /* 超出几行省略 */
+                            height: 54px;
                             overflow: hidden;
+                            .flow-group-process-content-bottom-text{
+                                word-break: break-all;
+                                text-overflow: ellipsis;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 1; /* 超出几行省略 */
+                                overflow: hidden;
+                            }
                         }
 
                         .flow-group-process-arrow-dis {