试验状态信息修改样式

src/views/modules_guAn/visualization/modules/TestStatusInfo.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="test-statusInfo-module">
     <common-title title="试验状态信息"></common-title>
-    <div class="visualization-common-border">
+    <div class="visualization-common-border scroll">
       <div class="content u-flex-jab">
         <div class="item-zuji" v-for="(zuji, key) in raelDate" :key="key">
           <div class="item-title">{{zuji.title}}</div>
           <div class="children-con u-flex-jaa">
             <div class="item-data" v-for="(item, index) in zuji.children" :key="index">
-              {{ item.name }}：{{ item.value }} {{item.unit}}
+              {{ item.name }}：<span class="value">{{ item.value }}</span> {{item.unit}}
             </div>
           </div>
         </div>
@@ -37,66 +37,66 @@ export default {
         {
           title: 'A组机',
           children: [
-            { name: 'A1压机吸气', webName: 'A1压机吸气压力', value: '0.01', unit: 'bar' },
-            { name: 'A2压机吸气', webName: 'A2压机吸气压力', value: '12', unit: 'bar' },
-            { name: 'A1压机排气', webName: 'A1压机排气压力', value: '363', unit: 'bar' },
-            { name: 'A2压机排气', webName: 'A2压机排气压力', value: '0.1', unit: 'bar' },
-            { name: 'B1压机吸气', webName: 'B1压机吸气压力', value: '0.12', unit: 'bar' },
-            { name: 'B2压机吸气', webName: 'B2压机吸气压力', value: '0.11', unit: 'bar' },
-            { name: 'B1压机排气', webName: 'B1压机排气压力', value: '0.001', unit: 'bar' },
-            { name: 'B2压机排气', webName: 'B2压机排气压力', value: '22', unit: 'bar' },
+            { name: 'A1吸气', webName: 'A1压机吸气压力', value: '0.01', unit: 'Mpa' },
+            { name: 'A2吸气', webName: 'A2压机吸气压力', value: '12', unit: 'Mpa' },
+            { name: 'A1排气', webName: 'A1压机排气压力', value: '363', unit: 'Mpa' },
+            { name: 'A2排气', webName: 'A2压机排气压力', value: '0.1', unit: 'Mpa' },
+            { name: 'B1吸气', webName: 'B1压机吸气压力', value: '0.12', unit: 'Mpa' },
+            { name: 'B2吸气', webName: 'B2压机吸气压力', value: '0.11', unit: 'Mpa' },
+            { name: 'B1排气', webName: 'B1压机排气压力', value: '0.001', unit: 'Mpa' },
+            { name: 'B2排气', webName: 'B2压机排气压力', value: '22', unit: 'Mpa' },
           ]
         },
         {
           title: 'C组机',
           children: [
-            { name: 'C1压机吸气', webName: 'C1压机吸气压力', value: '0.01', unit: 'bar' },
-            { name: 'C2压机吸气', webName: 'C2压机吸气压力', value: '3', unit: 'bar' },
-            { name: 'C1压机排气', webName: 'C1压机排气压力', value: '12', unit: 'bar' },
-            { name: 'C2压机排气', webName: 'C2压机排气压力', value: '52', unit: 'bar' },
-            { name: 'D1压机吸气', webName: 'D1压机吸气压力', value: '22', unit: 'bar' },
-            { name: 'D2压机吸气', webName: 'D2压机吸气压力', value: '6.555', unit: 'bar' },
-            { name: 'D1压机排气', webName: 'D1压机排气压力', value: '2.23', unit: 'bar' },
-            { name: 'D2压机排气', webName: 'D2压机排气压力', value: '0.001', unit: 'bar' },
+            { name: 'C1吸气', webName: 'C1压机吸气压力', value: '0.01', unit: 'Mpa' },
+            { name: 'C2吸气', webName: 'C2压机吸气压力', value: '3', unit: 'Mpa' },
+            { name: 'C1排气', webName: 'C1压机排气压力', value: '12', unit: 'Mpa' },
+            { name: 'C2排气', webName: 'C2压机排气压力', value: '52', unit: 'Mpa' },
+            { name: 'D1吸气', webName: 'D1压机吸气压力', value: '22', unit: 'Mpa' },
+            { name: 'D2吸气', webName: 'D2压机吸气压力', value: '6.555', unit: 'Mpa' },
+            { name: 'D1排气', webName: 'D1压机排气压力', value: '2.23', unit: 'Mpa' },
+            { name: 'D2排气', webName: 'D2压机排气压力', value: '0.001', unit: 'Mpa' },
           ]
         },
         {
           title: 'E组机',
           children: [
-            { name: 'E1压机吸气', webName: 'E1压机吸气压力', value: '', unit: 'bar' },
-            { name: 'E2压机吸气', webName: 'E2压机吸气压力', value: '', unit: 'bar' },
-            { name: 'E1压机排气', webName: 'E1压机排气压力', value: '', unit: 'bar' },
-            { name: 'E2压机排气', webName: 'E2压机排气压力', value: '', unit: 'bar' },
-            { name: 'F1压机吸气', webName: 'F1压机吸气压力', value: '', unit: 'bar' },
-            { name: 'F2压机吸气', webName: 'F2压机吸气压力', value: '', unit: 'bar' },
-            { name: 'F1压机排气', webName: 'F1压机排气压力', value: '', unit: 'bar' },
-            { name: 'F2压机排气', webName: 'F2压机排气压力', value: '', unit: 'bar' },
+            { name: 'E1吸气', webName: 'E1压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'E2吸气', webName: 'E2压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'E1排气', webName: 'E1压机排气压力', value: '', unit: 'Mpa' },
+            { name: 'E2排气', webName: 'E2压机排气压力', value: '', unit: 'Mpa' },
+            { name: 'F1吸气', webName: 'F1压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'F2吸气', webName: 'F2压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'F1排气', webName: 'F1压机排气压力', value: '', unit: 'Mpa' },
+            { name: 'F2排气', webName: 'F2压机排气压力', value: '', unit: 'Mpa' },
           ]
         },
         {
           title: 'G组机',
           children: [
-            { name: 'G1压机吸气', webName: 'G1压机吸气压力', value: '', unit: 'bar' },
-            { name: 'G2压机吸气', webName: 'G2压机吸气压力', value: '', unit: 'bar' },
-            { name: 'G1压机排气', webName: 'G1压机排气压力', value: '', unit: 'bar' },
-            { name: 'G2压机排气', webName: 'G2压机排气压力', value: '', unit: 'bar' },
-            { name: 'H1压机吸气', webName: 'H1压机吸气压力', value: '', unit: 'bar' },
-            { name: 'H2压机吸气', webName: 'H2压机吸气压力', value: '', unit: 'bar' },
-            { name: 'H1压机排气', webName: 'H1压机排气压力', value: '', unit: 'bar' },
-            { name: 'H2压机排气', webName: 'H2压机排气压力', value: '', unit: 'bar' },
+            { name: 'G1吸气', webName: 'G1压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'G2吸气', webName: 'G2压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'G1排气', webName: 'G1压机排气压力', value: '', unit: 'Mpa' },
+            { name: 'G2排气', webName: 'G2压机排气压力', value: '', unit: 'Mpa' },
+            { name: 'H1吸气', webName: 'H1压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'H2吸气', webName: 'H2压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'H1排气', webName: 'H1压机排气压力', value: '', unit: 'Mpa' },
+            { name: 'H2排气', webName: 'H2压机排气压力', value: '', unit: 'Mpa' },
           ]
         },
         {
           title: 'I机组',
           children: [
-            { name: 'I1压机吸气', webName: 'I1压机吸气压力', value: '', unit: 'bar' },
-            { name: 'I2压机吸气', webName: 'I2压机吸气压力', value: '', unit: 'bar' },
-            { name: 'I1压机排气', webName: 'I1压机排气压力', value: '', unit: 'bar' },
-            { name: 'I2压机排气', webName: 'I2压机排气压力', value: '', unit: 'bar' },
-            { name: 'J1压机吸气', webName: 'J1压机吸气压力', value: '', unit: 'bar' },
-            { name: 'J2压机吸气', webName: 'J2压机吸气压力', value: '', unit: 'bar' },
-            { name: 'J1压机排气', webName: 'J1压机排气压力', value: '', unit: 'bar' },
-            { name: 'J2压机排气', webName: 'J2压机排气压力', value: '', unit: 'bar' },
+            { name: 'I1吸气', webName: 'I1压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'I2吸气', webName: 'I2压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'I1排气', webName: 'I1压机排气压力', value: '', unit: 'Mpa' },
+            { name: 'I2排气', webName: 'I2压机排气压力', value: '', unit: 'Mpa' },
+            { name: 'J1吸气', webName: 'J1压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'J2吸气', webName: 'J2压机吸气压力', value: '', unit: 'Mpa' },
+            { name: 'J1排气', webName: 'J1压机排气压力', value: '', unit: 'Mpa' },
+            { name: 'J2排气', webName: 'J2压机排气压力', value: '', unit: 'Mpa' },
           ]
         },
         {
@@ -138,7 +138,7 @@ export default {
           // 如果页面为“-”则表示数据没有找到
           return {
             name: item.name,
-            value: findObj?findObj.Value:'-',
+            value: findObj?findObj.Value.toFixed(1):'-',
             unit: item.unit
           }
         })
@@ -162,6 +162,9 @@ export default {
   .test-statusInfo-module{
     width: 100%;
     height: 100%;
+    .scroll{
+      overflow: auto;
+    }
     .content{
       width: 100%;
       height: 100%;
@@ -170,7 +173,7 @@ export default {
       .item-zuji{
         width: 49.5%;
         color: #FEFFFE;
-        font-size: 10px;
+        font-size: 12px;
         .item-title{
           height: 15px;
           line-height: 15px;
@@ -185,7 +188,12 @@ export default {
           min-width: 106px;
           max-width: 50%;
           color: #FEFFFE;
-          font-size: 10px;
+          font-size: 12px;
+          line-height: 12px;
+          .value{
+            font-size: 13px;
+            
+          }
         }
       }
     }