Files
app-govern/pages/index/index.vue
2023-01-16 10:52:17 +08:00

57 lines
2.1 KiB
Vue

<template>
<Cn-page :loading="loading">
<view slot="body">
<view class="index">
<Cn-grid title="实时消息">
<Cn-grid-item background="#fff" src="/static/zantai.png" text="暂态事件"
@click="jump('/pages/home/zantaishijian')"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/status.png" text="稳态越限"
@click="jump('/pages/home/wentaiyuexian')"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/terminal.png" text="终端状态"
@click="jump('/pages/home/zhongduanzhuangtai')"></Cn-grid-item>
</Cn-grid>
<Cn-grid title="数据" style="margin-top:20rpx">
<Cn-grid-item background="#fff" src="/static/real_time_data.png" text="实时数据"
@click="jump('/pages/home/realTimeData')"></Cn-grid-item>
<Cn-grid-item background="#fff" src="/static/history_data.png" text="历史数据"
@click="jump('/pages/home/historyData')"></Cn-grid-item>
<Cn-grid-item background="#fff"></Cn-grid-item>
</Cn-grid>
<Cn-grid title="任务" style="margin-top:20rpx">
<Cn-grid-item background="#fff" src="/static/statement.png" text="报表任务"
@click="jump('/pages/home/taskReport')"></Cn-grid-item>
<Cn-grid-item background="#fff"></Cn-grid-item>
<Cn-grid-item background="#fff"></Cn-grid-item>
</Cn-grid>
</view>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: true
}
},
methods: {
jump (url) {
uni.navigateTo({
url: url
})
},
},
onShow () {
setTimeout(() => {
this.loading = false
}, 500);
}
}
</script>
<style lang="scss">
.index {
padding: 34rpx;
}
</style>