src/views/safetyEnvironmental/environmental/voc/vocManagement/index.vue

@@ -9,8 +9,8 @@
         <div class="itemBox">
           <div class="itemClass" v-for="(item, index) in realtimeList" :key='index'>
             <div class="itemSub">
-              <p class="itemNum">{{item.checkValue}}</p>
+              <p class="itemNum">{{item.checkValue ? (item.checkValue).toFixed(2) : '-'}}</p>
-              <p class="itemDescribe">
+              <p class="itemDescribe" :title="item.name">
                 <img src="./../../../../../assets/images/detectionData.png" alt="">
               {{item.name}}</p>
             </div>
@@ -123,6 +123,9 @@ export default {
           .itemDescribe {
             font-size: 16px;
             text-align: right;
+            white-space: nowrap; /* 防止换行 */
+            overflow: hidden; /* 隐藏超出部分 */
+            text-overflow: ellipsis; /* 添加省略号 */
           }
         }
       }

src/views/safetyEnvironmental/environmental/wasteGas/wasteGasManagement/index.vue

@@ -9,8 +9,8 @@
         <div class="itemBox">
           <div class="itemClass" v-for="(item, index) in realtimeList" :key='index'>
             <div class="itemSub">
-              <p class="itemNum">{{item.checkValue}}</p>
+              <p class="itemNum">{{item.checkValue ? (item.checkValue).toFixed(2) : '-'}}</p>
-              <p class="itemDescribe">
+              <p class="itemDescribe" :title="item.name">
                 <img src="./../../../../../assets/images/detectionData.png" alt="">
               {{item.name}}</p>
             </div>
@@ -123,6 +123,9 @@ export default {
           .itemDescribe {
             font-size: 16px;
             text-align: right;
+            white-space: nowrap; /* 防止换行 */
+            overflow: hidden; /* 隐藏超出部分 */
+            text-overflow: ellipsis; /* 添加省略号 */
           }
         }
       }

src/views/safetyEnvironmental/environmental/wasteWater/wasteWaterManagement/index.vue

@@ -8,8 +8,8 @@
       <div class="itemBox">
         <div class="itemClass" v-for="(item, index) in realtimeList" :key='index'>
           <div class="itemSub">
-            <p class="itemNum">{{item.checkValue}}</p>
+            <p class="itemNum">{{item.checkValue ? (item.checkValue).toFixed(2) : '-'}}</p>
-            <p class="itemDescribe">
+            <p class="itemDescribe" :title="item.name">
               <img src="./../../../../../assets/images/detectionData.png" alt="">
             {{item.name}}</p>
           </div>
@@ -120,6 +120,9 @@ export default {
           .itemDescribe {
             font-size: 16px;
             text-align: right;
+            white-space: nowrap; /* 防止换行 */
+            overflow: hidden; /* 隐藏超出部分 */
+            text-overflow: ellipsis; /* 添加省略号 */
           }
         }
       }