From f124001c09276f8dd29b46d135d19ddb1e73c322 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Tue, 5 Jul 2022 11:09:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A6=85=E9=81=93bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/TaskPlanList.vue               | 31 +++++++++++--------
 .../projectStatusBoard/index.vue              | 31 +++++++++++--------
 2 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/jero-web/src/views/projectManagement/projectStatusBoard/components/TaskPlanList.vue b/jero-web/src/views/projectManagement/projectStatusBoard/components/TaskPlanList.vue
index 6f84b8023..a7c41f30c 100644
--- a/jero-web/src/views/projectManagement/projectStatusBoard/components/TaskPlanList.vue
+++ b/jero-web/src/views/projectManagement/projectStatusBoard/components/TaskPlanList.vue
@@ -46,7 +46,8 @@
                 <div class="process-content-content" :style="val.left"
                      v-for="(val,indexOne) in item.data[0]" :key="indexOne">
 
-                  <div class="process-content-right-top" :title="val.name">{{val.name}}</div>
+                  <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{val.name}}</div>
+                  <div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{val.name}}</div>
                   <a-tooltip placement="topLeft">
                     <template slot="title">
                       <span>{{val.time.slice(0,11)}}</span>
@@ -496,23 +497,27 @@
       .process-content-right-top {
         font-size: 12px;
         color: #040B29;
-        width: 50px;
+        width: 70px;
+        background: #fff;
+        display: inline-block;
         overflow: hidden;
         position: absolute;
-        top: -14px;
+        top: -12px;
+        left: 50%;
+        transform: translate(-50%, -50%);
+      }
+      .process-content-right-button{
+        font-size: 12px;
+        color: #040B29;
+        width: 70px;
+        background: #fff;
+        display: inline-block;
+        overflow: hidden;
+        position: absolute;
+        top: 12px;
         left: 50%;
-        line-height: 1.2;
-        display: -webkit-box;
-        text-overflow: ellipsis;
-        /*! autoprefixer: off */
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        /*! autoprefixer: on;*/
-        text-justify: inter-ideograph;
-        word-break: break-all;
         transform: translate(-50%, -50%);
       }
-
       .process-content-right-button {
         width: 70px;
         font-size: 12px;
diff --git a/jero-web/src/views/projectManagement/projectStatusBoard/index.vue b/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
index b979eed10..ebe8aafc2 100644
--- a/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
+++ b/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
@@ -71,7 +71,8 @@
               <div class="process-content-right-xian"></div>
               <div class="process-content-content" :style="val.left"
                    v-for="(val,indexOne) in item.data[0]" :key="indexOne">
-                <div class="process-content-right-top" :title="val.name">{{val.name}}</div>
+                <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{val.name}}</div>
+                <div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{val.name}}</div>
                 <a-tooltip placement="topLeft">
                   <template slot="title">
                     <span>{{val.time.slice(0,11)}}</span>
@@ -647,23 +648,27 @@
       .process-content-right-top {
         font-size: 12px;
         color: #040B29;
-        width: 50px;
+        width: 70px;
+        background: #fff;
+        display: inline-block;
         overflow: hidden;
         position: absolute;
-        top: -14px;
+        top: -12px;
         left: 50%;
-        line-height: 1.2;
-        display: -webkit-box;
-        text-overflow: ellipsis;
-        /*! autoprefixer: off */
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        /*! autoprefixer: on;*/
-        text-justify: inter-ideograph;
-        word-break: break-all;
         transform: translate(-50%, -50%);
       }
-
+     .process-content-right-button{
+       font-size: 12px;
+       color: #040B29;
+       width: 70px;
+       background: #fff;
+       display: inline-block;
+       overflow: hidden;
+       position: absolute;
+       top: 12px;
+       left: 50%;
+       transform: translate(-50%, -50%);
+     }
       .process-content-right-button {
         width: 70px;
         font-size: 12px;