添加图标

pages.json

@@ -144,6 +144,24 @@
       "style": {
         "navigationBarTitleText": "详情"
       }
+    },
+    {
+      "path": "pages/home/realTimeData",
+      "style": {
+        "navigationBarTitleText": "实时数据"
+      }
+    },
+    {
+      "path": "pages/home/historyData",
+      "style": {
+        "navigationBarTitleText": "历史数据"
+      }
+    },
+    {
+      "path": "pages/home/taskReport",
+      "style": {
+        "navigationBarTitleText": "报表任务"
+      }
     }
   ],
   "tabBar": {

pages/home/historyData.vue

@@ -0,0 +1,25 @@
+<template>
+    <Rc-page :loading='loading'>
+        <view slot='body'>
+            <view class='index'>
+                历史数据
+            </view>
+        </view>
+    </Rc-page>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            loading: false
+        }
+    },
+    methods: {
+    }
+}
+</script>
+<style lang='scss'>
+.index {
+    padding: 34rpx;
+}
+</style>

pages/home/realTimeData.vue

@@ -0,0 +1,55 @@
+<template>
+    <Rc-page :loading='loading'>
+        <view slot='body'>
+            <view class='real-time-data'>
+                <view class="header">
+                    <view class="header-header">
+                        <view>终端总数7台，异常终端一台</view>
+                        <view>查看详情</view>
+                    </view>
+                    <view>请选择监测点</view>
+                    <view>
+                        <view>
+                            <view>所属区域</view>
+                            <view>南京市</view>
+                        </view>
+                        <view>
+                            <view>所属单位</view>
+                            <view>灿能园区</view>
+                        </view>
+                        <view>
+                            <view>实时通讯状态</view>
+                            <view>正常</view>
+                        </view>
+                        <view>
+                            <view>实时通讯流量</view>
+                            <view>234.14Mb</view>
+                        </view>
+                    </view>
+                </view>
+                <view style="height:100px" v-for="item in 10">1</view>
+            </view>
+        </view>
+    </Rc-page>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            loading: false
+        }
+    },
+    methods: {
+    }
+}
+</script>
+<style lang='scss'>
+.real-time-data {
+    .header {
+        position: sticky;
+        top: 0;
+        left: 0;
+        background: #fff;
+    }
+}
+</style>

pages/home/taskReport.vue

@@ -0,0 +1,25 @@
+<template>
+    <Rc-page :loading='loading'>
+        <view slot='body'>
+            <view class='index'>
+                报表任务
+            </view>
+        </view>
+    </Rc-page>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            loading: false
+        }
+    },
+    methods: {
+    }
+}
+</script>
+<style lang='scss'>
+.index {
+    padding: 34rpx;
+}
+</style>

pages/index/index.vue

@@ -3,13 +3,26 @@
         <view slot="body">
             <view class="index">
                 <Cn-grid title="实时消息">
-                    <Cn-grid-item background="#fff" src="/static/message.png" text="暂态事件"
+                    <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/message.png" text="稳态越限"
+                    <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/message.png" text="终端状态"
+                    <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>