修改测试结果

src/views/manage/generalSituation.vue

@@ -120,19 +120,25 @@
           <div class="block_body">
             <div
               v-if="planData.hasOwnProperty('planName')"
-              style="display: flex; padding-left: 20px; padding-right: 20px;flex:1"
+              style="display: flex; padding-left: 20px; padding-right: 20px; flex: 1"
             >
               <!-- <div style='width:20px'></div> -->
-              <div class="block_detail" >
+              <div class="block_detail">
                 <!-- {{ planData.planName }} -->
-                <span class="plan_dp" :title="planData.planName"> {{ planData.planName }}</span>
+                <span class="plan_dp" :title="planData.planName">
+                  {{ planData.planName }}</span
+                >
               </div>
-              <div class="block_detail" >
-            
-                <span  class="plan_dp" :title="planData.userNum"> {{ planData.userNum }}</span>
+
+              <div class="block_detail">
+                <span class="plan_dp" :title="planData.userNum">
+                  {{ planData.userNum }}</span
+                >
               </div>
-              <div class="block_detail" >
-                <span class="plan_dp" :title="planData.createTime"> {{ planData.createTime }}</span>
+              <div class="block_detail">
+                <span class="plan_dp" :title="planData.createTime">
+                  {{ planData.createTime }}</span
+                >
               </div>
             </div>
             <div v-else style="width: 100%; text-align: center; margin-top: 10px">
@@ -844,6 +850,7 @@ export default {
       .block_body {
         width: 100%;
         display: flex;
+        min-width: 0;
 
         .block_detail {
           background-color: #ffffff;
@@ -851,17 +858,17 @@ export default {
           line-height: 36px;
           display: flex;
           flex: 1;
-          width: 100%;
+          min-width: 0;
           overflow: hidden;
-      
-          .plan_dp{
+          .plan_dp {
+            display: flex;
+            width: 100%;
+            // justify-content: center;
             text-align: center;
             // flex: 1;
-            display: inline-block;
-            white-space: nowrap;
-            // width: 100%;
-            overflow: hidden;
-            text-overflow: ellipsis;
+            -webkit-line-clamp: 1;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
           }
         }
       }