<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>
