114 lines
3.6 KiB
Vue
114 lines
3.6 KiB
Vue
<template>
|
||
<view class="content">
|
||
|
||
<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">
|
||
<view>终端告警</view>
|
||
<view>0次</view>
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
<view>通讯终端</view>
|
||
<view>1次</view>
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
<view>终端流量</view>
|
||
<view>0次</view>
|
||
</view>
|
||
</view>
|
||
</uni-card>
|
||
<uni-card title="灿能园区，NPQS_681发生终端状态异常一次" sub-title="2023-02-27 13:13:29" @click="jump">
|
||
<view class="term-list-bottom">
|
||
<view class="term-list-bottom-item">
|
||
<view>终端告警</view>
|
||
<view>0次</view>
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
<view>通讯终端</view>
|
||
<view>1次</view>
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
<view>终端流量</view>
|
||
<view>0次</view>
|
||
</view>
|
||
</view>
|
||
</uni-card>
|
||
<uni-card title="灿能园区，NPQS_682发生终端状态异常一次" sub-title="2023-02-27 11:13:29" @click="jump">
|
||
<view class="term-list-bottom">
|
||
<view class="term-list-bottom-item">
|
||
<view>终端告警</view>
|
||
<view>0次</view>
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
<view>通讯终端</view>
|
||
<view>1次</view>
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
<view>终端流量</view>
|
||
<view>0次</view>
|
||
</view>
|
||
</view>
|
||
</uni-card>
|
||
<uni-card title="灿能园区，NPQS_682发生终端状态异常一次" sub-title="2023-02-27 09:13:29" @click="jump">
|
||
<view class="term-list-bottom">
|
||
<view class="term-list-bottom-item">
|
||
<view>终端告警</view>
|
||
<view>0次</view>
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
<view>通讯终端</view>
|
||
<view>1次</view>
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
<view>终端流量</view>
|
||
<view>0次</view>
|
||
</view>
|
||
</view>
|
||
</uni-card>
|
||
<uni-load-more status="nomore"></uni-load-more>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data () {
|
||
return {
|
||
title: '灿能'
|
||
}
|
||
},
|
||
onLoad () {
|
||
|
||
},
|
||
methods: {
|
||
jump () {
|
||
console.log(123);
|
||
uni.navigateTo({ url: '/pages/message/termDetail' })
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.content {
|
||
// padding-top: 20rpx;
|
||
}
|
||
|
||
.term-list-bottom {
|
||
.term-list-bottom-item{
|
||
font-size: 28rpx;
|
||
margin-bottom: 20rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
// view:first-of-type{
|
||
// color: #111;
|
||
// }
|
||
}
|
||
.term-list-bottom-item:last-of-type{
|
||
margin-bottom: 0;
|
||
}
|
||
}
|
||
/deep/ .uni-list-item {
|
||
background-color: $uni-theme-white !important;
|
||
}
|
||
</style>
|