目录调整

pages/message/transientDetail.vue

@@ -0,0 +1,68 @@
+<template>
+    <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">{{detail.title}}</view>
+                <view>
+                    {{ detail.engineeringName + '' + detail.projectName }}
+                </view>
+                <view v-for="(item,textIndex) in detail.dataSet" :key="textIndex">
+                    {{ item.showName + ':' + item.value + (item.unit || '') }}
+                </view>
+                <!-- <view class="space-between">请您评价本次事件是否对设备造成影响
+
+                </view> -->
+            </view>
+            <view class="detail-content ">
+                <view class="detail-content-title mb20">瞬时波形图</view>
+                <image style="width:100%" src="/static/boxing1.jpeg" mode="widthFix"/>
+            </view>
+            <view class="detail-content ">
+                <view class="detail-content-title mb20">RMS波形图</view>
+                <image style="width:100%" src="/static/boxing2.jpeg" mode="widthFix"/>
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+import {updateStatus} from "@/common/api/message";
+
+export default {
+    data() {
+        return {
+            loading: true,
+            detail: {}
+        }
+    },
+    onLoad(options) {
+        console.log(options.detail)
+        this.detail = JSON.parse(decodeURIComponent(options.detail).replace(/百分比/g, '%'))
+        this.loading = false
+        updateStatus([this.detail.id])
+    },
+    methods: {}
+}
+</script>
+<style lang='scss'>
+.detail {
+    padding: 20rpx 0;
+
+    .detail-content {
+        padding: 20rpx;
+        background: #fff;
+        margin-bottom: 20rpx;
+        font-size: 26rpx;
+
+        .detail-content-title {
+            font-size: 32rpx;
+            color: #111;
+            font-weight: 700;
+        }
+    }
+}
+</style>