绘制电脑治理信息页面

pages/message1/comp/steadyStateDetails.vue

@@ -13,13 +13,11 @@
                 <view class="mb5"> 监测点名称：{{ detail.lineName }}</view>
                 <view class="mb5" style="display: flex">
                     越限详情：
-                    <view style="flex: 1" class="details">{{ detail.overLimitDesc }}</view></view
-                >
+                    <view style="flex: 1" class="details">{{ detail.overLimitDesc }}</view>
+                </view>
             </view>
             <view class="detail-content">
-                <view class="detail-content-title mb20"
-                    >指标越限详情<text class="prompt">（仅显示最严重的10组数据）</text></view
-                >
+                <view class="detail-content-title mb20">指标越限详情<text class="prompt">（仅显示最严重的10组数据）</text></view>
 
                 <uni-collapse accordion v-model="collapseValue">
                     <uni-collapse-item :title="item.targetName" v-for="item in list">
@@ -35,7 +33,7 @@
                             </view>
                             <view class="table-row" v-for="value in item.harmDetailList">
                                 <text>{{ value.statisticsTime }}</text>
-                                <text>{{ value.valueType }}</text>
+                                <text>{{ value.valueType || '/' }}</text>
                                 <text v-if="!value.hasT">{{ value.dataA }}</text>
                                 <text v-if="!value.hasT">{{ value.dataB }}</text>
                                 <text v-if="!value.hasT">{{ value.dataC }}</text>
@@ -105,6 +103,7 @@ export default {
             font-weight: 700;
         }
     }
+
     .limit {
         display: flex;
         align-items: center;
@@ -112,46 +111,58 @@ export default {
         width: 450rpx;
         margin-left: auto;
     }
+
     .prompt {
         font-size: 24rpx;
         color: #111;
         font-weight: 500;
     }
 }
+
 .data-table {
     margin-top: 20rpx;
     background-color: #fff;
     overflow: hidden;
+    color: #666;
+
     .table-header,
     .table-row {
         display: flex;
         justify-content: space-between;
-        padding: 20rpx 0rpx;
+        padding: 15rpx 0rpx;
+        height: 20px;
         border-bottom: 1rpx solid #eee;
+
         text {
             width: 100rpx;
             text-align: center;
             font-size: 28rpx;
+
             // color: #333;
             &:nth-child(1) {
                 flex: 1;
             }
+
             &:nth-child(2) {
                 flex: 1;
             }
         }
     }
+
     .table-header {
         padding: 0rpx;
         padding-bottom: 10rpx;
     }
 }
+
 /deep/ .uni-collapse-item__title-text {
     font-weight: 700;
+
     span {
         font-size: 28rpx;
     }
 }
+
 .details {
     max-height: 70px;
     overflow-y: auto;