48 lines
1.4 KiB
Vue
48 lines
1.4 KiB
Vue
<template>
|
|
<view class="index-gongcheng">
|
|
<div class="header">
|
|
<div class="header-item">
|
|
<div class="header-item-value">3</div>
|
|
<div class="header-item-label">正常设备</div>
|
|
</div>
|
|
<div class="header-item">
|
|
<div class="header-item-value">1</div>
|
|
<div class="header-item-label">报警设备</div>
|
|
</div>
|
|
<div class="header-item">
|
|
<div class="header-item-value">0</div>
|
|
<div class="header-item-label">离线设备</div>
|
|
</div>
|
|
</div>
|
|
<uni-card title="基础设备" sub-title="副标题" :extra="item % 2 ? 'APF' : 'DVR'" v-for="item in 3" :key="item"
|
|
@click="jump(item)" thumbnail="/static/device.png">
|
|
<text>设备基础信息 </text>
|
|
</uni-card>
|
|
<uni-load-more status="nomore"></uni-load-more>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
loading: false
|
|
}
|
|
},
|
|
methods: {
|
|
jump (item) {
|
|
if (item % 2) {
|
|
uni.navigateTo({
|
|
url: '/pages/device/detailAPF'
|
|
})
|
|
} else {
|
|
uni.navigateTo({
|
|
url: '/pages/device/detailDVR'
|
|
})
|
|
}
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style lang='scss'>
|
|
.index-gongcheng {}
|
|
</style> |