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

@@ -12,8 +12,7 @@
               <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 }}
+              {{item.name}}</p>
-              </p>
             </div>
           </div>
         </div>
@@ -38,7 +37,7 @@ import LineChart from './../../components/lineChart'
 import SearchArea from './../../components/searchArea'
 import moment from 'moment'
 export default {
-  name: 'VocManagement',
+  name: 'Voc',
   data(){
     return {
       realtimeList:[],
@@ -86,41 +85,34 @@ 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;
@@ -128,33 +120,26 @@ export default {
             color: #3E6AF7;
             text-align: right;
           }
-
           .itemDescribe {
             font-size: 16px;
             text-align: right;
-            white-space: nowrap;
+            white-space: nowrap; /* 防止换行 */
-            /* 防止换行 */
+            overflow: hidden; /* 隐藏超出部分 */
-            overflow: hidden;
+            text-overflow: ellipsis; /* 添加省略号 */
-            /* 隐藏超出部分 */
-            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;
@@ -162,7 +147,6 @@ export default {
     color: #000000;
     margin:0 10px 20px 0;
   }
-
   .blueTitle {
     content: '';
     display: inline-block;