添加图标
This commit is contained in:
25
pages/home/historyData.vue
Normal file
25
pages/home/historyData.vue
Normal file
@@ -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>
|
||||
55
pages/home/realTimeData.vue
Normal file
55
pages/home/realTimeData.vue
Normal file
@@ -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>
|
||||
25
pages/home/taskReport.vue
Normal file
25
pages/home/taskReport.vue
Normal file
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user