Files
app-govern/pages/message/transientDetail.vue

68 lines
2.1 KiB
Vue
Raw Normal View History

2023-02-28 08:49:16 +08:00
<template>
<Cn-page :loading='loading'>
2023-09-06 18:13:08 +08:00
<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 }}
2023-02-28 08:49:16 +08:00
</view>
2023-09-06 18:13:08 +08:00
<view v-for="(item,textIndex) in detail.dataSet" :key="textIndex">
{{ item.showName + ':' + item.value + (item.unit || '') }}
2023-02-28 08:49:16 +08:00
</view>
2023-09-06 18:13:08 +08:00
<!-- <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"/>
2023-02-28 08:49:16 +08:00
</view>
</view>
</Cn-page>
</template>
<script>
2023-09-06 18:13:08 +08:00
import {updateStatus} from "@/common/api/message";
2023-02-28 08:49:16 +08:00
export default {
2023-09-06 18:13:08 +08:00
data() {
2023-02-28 08:49:16 +08:00
return {
2023-09-06 18:13:08 +08:00
loading: true,
detail: {}
2023-02-28 08:49:16 +08:00
}
},
2023-09-06 18:13:08 +08:00
onLoad(options) {
console.log(options.detail)
this.detail = JSON.parse(decodeURIComponent(options.detail).replace(/百分比/g, '%'))
this.loading = false
updateStatus([this.detail.id])
},
methods: {}
2023-02-28 08:49:16 +08:00
}
</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>