修改禅道已知bug

jero-web/src/views/projectManagement/projectStatusBoard/index.vue

@@ -71,11 +71,11 @@
               <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>
                 <a-tooltip placement="topLeft">
                   <template slot="title">
                     <span>{{val.time.slice(0,11)}}</span>
                   </template>
-                  <div class="process-content-right-top">{{val.name}}</div>
                   <img v-if="val.status == 1" src="../../../assets/done.svg" class="process-content-left"
                        alt="">
                   <img v-else-if="val.status == 2" src="../../../assets/open.svg"
@@ -242,6 +242,7 @@
       this.handlingTime = moment(new Date()).format('YYYY-MM-DD')
     },
     methods: {
+
       getTimeline() {
         let query = {
           startTime: this.startTime,
@@ -506,7 +507,7 @@
   }
 
   .box-top-content-left {
-    width: 160px;
+    width: 140px;
     float: left;
     padding-top: 100px;
     margin-right: 20px;
@@ -515,8 +516,8 @@
   .box-top-content-left-text {
     color: #191E29;
     font-weight: bold;
-    font-size: 14px;
-    height: 104px;
+    font-size: 12px;
+    height: 84px;
     letter-spacing: 0px;
     text-align: left;
     text-overflow: ellipsis;
@@ -525,7 +526,7 @@
   }
 
   .box-top-content-right {
-    width: calc(100% - 180px);
+    width: calc(100% - 160px);
     float: left;
   }
 
@@ -544,7 +545,7 @@
     padding-left: 10px;
     color: #54565A;
     font-weight: bold;
-    font-size: 14px;
+    font-size: 13px;
     line-height: 36px;
     letter-spacing: 0px;
     text-align: center;
@@ -561,7 +562,7 @@
 
   .process-content {
     position: relative;
-    height: 104px;
+    height: 84px;
 
     .process-content-content {
       background: #fff;
@@ -582,15 +583,22 @@
       }
 
       .process-content-right-top {
-        font-size: 14px;
+        font-size: 12px;
         color: #040B29;
-        max-width: 155px;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+        width: 50px;
         overflow: hidden;
         position: absolute;
-        top: -8px;
+        top: -14px;
         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%);
       }