Files
app-govern/pages/message/incidentDetail.vue
2023-02-28 14:03:38 +08:00

66 lines
2.1 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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">基础信息</view>
<view class="mb10">CN_NPQS682</view>
<view>发生暂降事件特征幅值88%持续时间0.047s</view>
<view>
南京市 灿能园区
</view>
<view>
电压等级0.38kV
</view>
<view>
网路参数00-B7-8D-A8-00-D3
</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>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
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>