消息修改

pages/message/steadyDetail.vue

@@ -1,35 +1,45 @@
 <template>
-    <Cn-page :loading='loading'>
-        <view slot='body'>
-            <view class='detail'>
-                <view class="detail-content " style="font-size:32rpx">
-                    <!-- <view class="detail-content-title mb20">发生时间</view> -->
-                    <view>2023-02-14</view>
-                </view>
-                <view class="detail-content ">
-                    <view class="detail-content-title mb20">电压谐波畸变率越限4</view>
-                    <image style="width:100%" src="/static/boxing3.jpeg" mode="widthFix" />
-                </view>
-                <view class="detail-content ">
-                    <view class="detail-content-title mb20">5次电压谐波含有率越限</view>
-                    <image style="width:100%" src="/static/boxing3.jpeg" mode="widthFix" />
+    <Cn-page :loading="loading">
+        <view class="detail" slot="body">
+            <view class="detail-content" style="font-size: 32rpx">
+                <!-- <view class="detail-content-title mb20">发生时间</view> -->
+                <view>{{ detail.startTime }}</view>
+            </view>
+            <view class="detail-content">
+                <view class="detail-content-title mb20">基础信息</view>
+                <view class="mb10" style="font-size: 28rpx">{{ detail.showName }}</view>
+                <view class="mb5" v-for="(item, textIndex) in detail.dataSet" :key="textIndex">
+                    {{ item.showName + ':' + item.value + (item.unit || '') }}
                 </view>
+                <view class="mb5"> 设备名称：{{ detail.equipmentName }}</view>
+                <view class="mb5"> 项目名称：{{ detail.projectName }} </view>
+                <view class="mb5"> 工程名称：{{ detail.engineeringName }} </view>
             </view>
         </view>
     </Cn-page>
 </template>
 <script>
+import { updateStatus } from '@/common/api/message'
+
 export default {
-    data () {
+    data() {
         return {
-            loading: false
+            loading: true,
+            detail: {},
         }
     },
-    methods: {
-    }
+    onLoad(options) {
+        console.log(options.detail)
+        this.detail = JSON.parse(decodeURIComponent(options.detail).replace(/百分比/g, '%'))
+        this.loading = false
+        if (this.detail.status != 1) {
+            updateStatus([this.detail.id])
+        }
+    },
+    methods: {},
 }
 </script>
-<style lang='scss'>
+<style lang="scss">
 .detail {
     padding: 20rpx 0;
 
@@ -46,4 +56,4 @@ export default {
         }
     }
 }
-</style>
+</style>