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

103 lines
3.0 KiB
Vue
Raw Normal View History

2023-01-11 16:33:13 +08:00
<template>
2023-02-01 16:59:32 +08:00
<view class="content">
2023-02-27 14:56:08 +08:00
<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发生暂降事件" 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>
2023-02-07 17:59:54 +08:00
<uni-load-more status="nomore"></uni-load-more>
2023-02-01 16:59:32 +08:00
</view>
2023-01-11 16:33:13 +08:00
</template>
<script>
2023-02-01 16:59:32 +08:00
export default {
data () {
return {
title: '灿能'
}
},
onLoad () {
2023-01-11 16:33:13 +08:00
2023-02-01 16:59:32 +08:00
},
methods: {
2023-02-27 14:56:08 +08:00
jump () {
console.log(123);
2023-02-28 08:49:16 +08:00
uni.navigateTo({ url: '/pages/message/incidentDetail' })
2023-02-27 14:56:08 +08:00
}
2023-02-01 16:59:32 +08:00
}
}
2023-01-11 16:33:13 +08:00
</script>
2023-02-07 17:59:54 +08:00
<style lang="scss">
2023-02-09 08:50:01 +08:00
.content {
2023-02-27 14:56:08 +08:00
// padding-top: 20rpx;
2023-02-09 08:50:01 +08:00
}
2023-02-27 14:56:08 +08:00
.term-list-bottom {
.term-list-bottom-item {
font-size: 28rpx;
margin-bottom: 10rpx;
display: flex;
justify-content: space-between;
// view:first-of-type{
// color: #111;
// }
}
.term-list-bottom-item:last-of-type {
margin-bottom: 0;
}
}
2023-02-07 17:59:54 +08:00
/deep/ .uni-list-item {
background-color: $uni-theme-white !important;
}
2023-02-27 14:56:08 +08:00
/deep/ .uni-card__header-extra-text {
color: #dd524d !important;
2023-02-28 08:49:16 +08:00
font-size: 20rpx;
2023-02-27 14:56:08 +08:00
}
2023-01-11 16:33:13 +08:00
</style>