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

@@ -12,7 +12,8 @@
               <p class="itemNum">{{ item.checkValue ? (item.checkValue).toFixed(2) : '-' }}</p>
               <p class="itemDescribe" :title="item.name">
                 <img src="./../../../../../assets/images/detectionData.png" alt="">
-              {{item.name}}</p>
+                {{ item.name }}
+              </p>
             </div>
           </div>
         </div>
@@ -37,7 +38,7 @@ import LineChart from './../../components/lineChart'
 import SearchArea from './../../components/searchArea'
 import moment from 'moment'
 export default {
-  name: 'Voc',
+  name: 'VocManagement',
   data() {
     return {
       realtimeList: [],
@@ -85,34 +86,41 @@ export default {
 <style lang='scss' scoped>
 .voc {
   background-color: #f2f4f9;
+
   .box1 {
     height: 172px;
     padding: 12px 16px 0;
     margin-bottom: 8px;
     background-color: #fff;
     border-radius: 9px;
+
     .itemBox {
       display: flex;
       flex-flow: row nowrap;
       overflow: auto;
+
       .itemClass {
         width: 198px;
         height: 88px;
         // border: 1px solid green;
         padding: 12px 0px 12px 18px;
+
         .itemSub {
           width: 176px;
           height: 65px;
           padding-right: 26px;
           border-right: 1px solid #E8E8E8;
+
           P {
             margin: 0;
+
             img {
               width: 24px;
               height: 24px;
               vertical-align: middle;
             }
           }
+
           .itemNum {
             font-size: 32px;
             font-weight: 600;
@@ -120,26 +128,33 @@ export default {
             color: #3E6AF7;
             text-align: right;
           }
+
           .itemDescribe {
             font-size: 16px;
             text-align: right;
-            white-space: nowrap; /* 防止换行 */
+            white-space: nowrap;
-            overflow: hidden; /* 隐藏超出部分 */
+            /* 防止换行 */
-            text-overflow: ellipsis; /* 添加省略号 */
+            overflow: hidden;
+            /* 隐藏超出部分 */
+            text-overflow: ellipsis;
+            /* 添加省略号 */
           }
         }
       }
     }
+
     .itemClass:last-child>.itemSub {
       border: none !important;
     }
   }
+
   .box2 {
     background-color: #fff;
     border-radius: 9px;
     padding: 16px;
     height: calc(100vh - 308px);
   }
+
   .boxTitle {
     display: inline-block;
     font-size: 16px;
@@ -147,6 +162,7 @@ export default {
     color: #000000;
     margin: 0 10px 20px 0;
   }
+
   .blueTitle {
     content: '';
     display: inline-block;