App/app-govern
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

暂态事件处理

Browse Source
This commit is contained in:
仲么了
2023-09-06 18:13:08 +08:00
parent 1d2974aca7
commit f8d8229cc1
10 changed files with 130 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
pages/message/incident.vue
View File

@@ -1,71 +1,55 @@
<template>
<view class="content">
<uni-card title="NPQS_682发生暂降事件" extra="未读" sub-title="2023-02-27 15:13:29" @click="jump">
<view class="term-list-bottom">
<view class="term-list-bottom-item">
特征增幅：88%，持续时间0.047s
<Cn-page :loading="loading">
<view class="content" slot="body">
<uni-card :title="item.title" :extra="item.status === '1'?'':'未读'" :sub-title="item.startTime"
@click="jump(item)"
v-for="(item,index) in store.data" :key="index">
<view class="term-list-bottom">
<view class="term-list-bottom-item">
{{ item.engineeringName + '' + item.projectName }}
</view>
<view class="term-list-bottom-item" v-for="(item2,textIndex) in item.dataSet" :key="textIndex">
{{ item2.showName + ':' + item2.value + (item2.unit || '') }}
</view>
</view>
<view class="term-list-bottom-item">
南京市 灿能园区
</view>
<view class="term-list-bottom-item">
电压等级：0.38kV
</view>
<view class="term-list-bottom-item">
网路参数：00-B7-8D-A8-00-D3
</view>
</view>
</uni-card>
<uni-card title="NPQS_682发生暂降事件" extra="未读" sub-title="2023-02-27 15:13:29" @click="jump">
<view class="term-list-bottom">
<view class="term-list-bottom-item">
特征增幅：88%，持续时间0.047s
</view>
<view class="term-list-bottom-item">
南京市 灿能园区
</view>
<view class="term-list-bottom-item">
电压等级：0.38kV
</view>
<view class="term-list-bottom-item">
网路参数：00-B7-8D-A8-00-D3
</view>
</view>
</uni-card>
<uni-card title="NPQS_682发生暂降事件" sub-title="2023-02-27 15:13:29" @click="jump">
<view class="term-list-bottom">
<view class="term-list-bottom-item">
特征增幅：88%，持续时间0.047s
</view>
<view class="term-list-bottom-item">
南京市 灿能园区
</view>
<view class="term-list-bottom-item">
电压等级：0.38kV
</view>
<view class="term-list-bottom-item">
网路参数：00-B7-8D-A8-00-D3
</view>
</view>
</uni-card>
<uni-load-more status="nomore"></uni-load-more>
</view>
</uni-card>
<Cn-empty v-if="store.empty" style="padding-top: 400rpx"></Cn-empty>
<uni-load-more v-if="store.data && store.data.length > 0" :status="store.status"></uni-load-more>
</view>
</Cn-page>
</template>
<script>
import list from "@/common/js/list";
export default {
data () {
mixins: [list],
data() {
return {
title: '灿能'
loading: true,
}
},
onLoad () {
onShow() {
this.init()
},
methods: {
jump () {
console.log(123);
uni.navigateTo({ url: '/pages/message/incidentDetail' })
init() {
let dictData = this.$util.getDictData('app_event')
console.log(dictData)
this.store = this.DataSource('/cs-harmonic-boot/event/queryEventList')
this.store.firstCallBack = (res) => {
this.store.data.forEach(item => {
item.title = item.equipmentName + dictData.find(item2 => item2.code === item.tag).name
})
console.log(this.store.data)
this.loading = false
}
this.store.reload()
},
jump(item) {
let str = JSON.stringify(item).replace(/%/g,'百分比')
uni.navigateTo({url: '/pages/message/incidentDetail?detail=' + encodeURIComponent(str)})
}
}
}
@@ -95,6 +79,7 @@ export default {
/deep/ .uni-list-item {
background-color: $uni-theme-white !important;
}
/deep/ .uni-card__header-extra-text {
color: #dd524d !important;
font-size: 20rpx;

68
pages/message/incidentDetail.vue
View File

@@ -1,49 +1,51 @@
<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 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 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 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 () {
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
updateStatus([this.detail.id])
},
methods: {}
}
</script>
<style lang='scss'>