[fix 84034] 部分溢出效果调整

src/assets/less/common.less

@@ -460,6 +460,9 @@ button.ant-btn {
   .info-label {
     font-family: Rubik, Rubik, sans-serif;
   }
+  .info-value {
+    line-height: 16px;
+  }
 }
 .info-row .info-label {
   flex: auto;
@@ -478,7 +481,7 @@ button.ant-btn {
   font-family: Rubik, Rubik, sans-serif;
   font-weight: 400;
   font-size: 14px;
-  line-height: 16px;
+  line-height: 20px;
   color: @text-color;
 }
 .over-text {

src/components/CommonCardInfo.vue

@@ -66,13 +66,13 @@ export default {
 <style lang="less" scoped>
 @import "~@assets/less/modifyLessVars.less";
 .info-row {
-  height: 19px;
+  min-height: 19px;
 
   .info-label {
     color: @text-color-secondary;
   }
   .info-value {
-    max-width: 50%;
+    max-width: 80px;
   }
 }
 .mb-12 {
@@ -85,7 +85,13 @@ export default {
 // 移动端样式
 .mobile-html {
   .info-row {
-    height: 0.17rem;
+    min-height: 0.17rem;
+
+    .info-value {
+      max-width: 0.8rem;
+      overflow: visible;
+      white-space: normal;
+    }
   }
   .mb-12 {
     margin-bottom: 0.12rem;

src/views/systemOverview/wellheadDataMonitoring/WellheadDataMonitoring.vue

@@ -88,7 +88,7 @@
             </div>
             <div class="working-status-container">
               <div class="title-background working-status-title">
-                <div class="title-background-text over-text">名称：{{ allData.wellName }}</div>
+                <div class="title-background-text over-text" :title="allData.wellName">名称：{{ allData.wellName }}</div>
               </div>
               <div class="working-status-img">
                 <img :src="workingStatus" alt="油井工作状态">