绘制电脑治理信息页面
This commit is contained in:
@@ -3,23 +3,12 @@
|
||||
<!-- 运行告警 -->
|
||||
|
||||
<!-- 卡片 -->
|
||||
<scroll-view
|
||||
scroll-y="true"
|
||||
@refresherrefresh="refresherrefresh"
|
||||
@scrolltolower="scrolltolower"
|
||||
:refresher-triggered="triggered"
|
||||
refresher-enabled="true"
|
||||
class="event-list"
|
||||
:style="{ height: 'calc(100vh - ' + (navHeight + 10) + 'px)', overflow: 'auto' }"
|
||||
>
|
||||
<scroll-view scroll-y="true" @refresherrefresh="refresherrefresh" @scrolltolower="scrolltolower"
|
||||
:refresher-triggered="triggered" refresher-enabled="true" class="event-list"
|
||||
:style="{ height: 'calc(100vh - ' + (navHeight + 10) + 'px)', overflow: 'auto' }">
|
||||
<!-- 循环渲染事件项 -->
|
||||
<uni-card
|
||||
class="event-item boxClick"
|
||||
:class="item.type"
|
||||
v-for="(item, index) in this.store.data"
|
||||
:key="index"
|
||||
@click="jump(item)"
|
||||
>
|
||||
<uni-card class="event-item boxClick" :class="item.type" v-for="(item, index) in this.store.data"
|
||||
:key="index" @click="jump(item)">
|
||||
<!-- 头部:图标 + 信息 + 操作 -->
|
||||
<view class="event-header">
|
||||
<view class="event-icon">
|
||||
@@ -39,8 +28,9 @@
|
||||
</view>
|
||||
<view class="event-desc">
|
||||
<text>告警终端总数:{{ item.warnNums }}台</text>
|
||||
<text>质量指标告警终端数:{{ item.interruptCounts }}次</text>
|
||||
<text>事件触发告警终端数:{{ item.warnCounts }}次</text>
|
||||
<text v-if="item.onlineRateIsWarn ">在线率偏低</text>
|
||||
<text v-if="item.integrityIsWarn">完整性偏低</text>
|
||||
<text v-if="item.warnCounts > 0">事件触发终端告警:{{ item.warnCounts }}次</text>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
@@ -52,10 +42,8 @@
|
||||
<text> 告警终端总数{{ item.warnNums }}台 </text>
|
||||
</view> -->
|
||||
</uni-card>
|
||||
<uni-load-more
|
||||
v-if="store.status == 'loading' || (store.data && store.data.length > 0)"
|
||||
:status="store.status"
|
||||
></uni-load-more>
|
||||
<uni-load-more v-if="store.status == 'loading' || (store.data && store.data.length > 0)"
|
||||
:status="store.status"></uni-load-more>
|
||||
<Cn-empty v-else style="top: 20%"></Cn-empty>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@@ -102,8 +90,9 @@ export default {
|
||||
},
|
||||
jump(item) {
|
||||
let str = JSON.stringify(item).replace(/%/g, '百分比')
|
||||
item.status = '1'
|
||||
uni.navigateTo({ url: '/pages/message1/comp/alarmDetails?detail=' + encodeURIComponent(str) })
|
||||
item.isRead = 1
|
||||
|
||||
},
|
||||
// 下拉
|
||||
refresherrefresh() {
|
||||
@@ -138,6 +127,7 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './index.scss';
|
||||
|
||||
/* 列表容器 */
|
||||
.event-list {
|
||||
margin-top: 20rpx;
|
||||
|
||||
Reference in New Issue
Block a user