首页
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
<template>
|
||||
<div class="Home">
|
||||
<u-notice-bar mode="horizontal" :list="list"></u-notice-bar>
|
||||
<div @click="linkTo('./HelpDocs')">
|
||||
<u-notice-bar mode="horizontal" :list="list"></u-notice-bar>
|
||||
</div>
|
||||
<!-- <div class="tips">
|
||||
<img src="../img/home/tips-icon.png" alt="">慧政务改版上线了,点此查看帮助文档!
|
||||
</div> -->
|
||||
@@ -12,7 +14,7 @@
|
||||
</div>
|
||||
<div class="right">
|
||||
<p class="name">你好,<AiOpenData v-if="user.wxUserId" type="userName" :openid="user.wxUserId"></AiOpenData></p>
|
||||
<p class="time">您已加入慧政务 <span>15</span>天</p>
|
||||
<p class="time">您已加入慧政务 <span>{{ girdInfo['加入天数'] }}</span>天</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="app-list">
|
||||
@@ -25,7 +27,7 @@
|
||||
<div class="tab-content">
|
||||
<div class="item" v-for="(item, index) in tabStatistics" :key="index">
|
||||
<p><span></span>{{ item.title }}</p>
|
||||
<div>{{ item.num }}</div>
|
||||
<div>{{ girdInfo[item.key] }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title">居民活跃指数</div>
|
||||
@@ -66,23 +68,24 @@ export default {
|
||||
tabStatistics: [
|
||||
{
|
||||
title: '网格数',
|
||||
num: 15
|
||||
key: '网格数'
|
||||
},
|
||||
{
|
||||
title: '网格员数',
|
||||
num: 35
|
||||
key: '网格员'
|
||||
},
|
||||
{
|
||||
title: '辖区户数',
|
||||
num: 1550
|
||||
key: '辖区户数'
|
||||
},
|
||||
{
|
||||
title: '居民群数',
|
||||
num: 15
|
||||
key: '居民群'
|
||||
}
|
||||
],
|
||||
echartData: null,
|
||||
list: ['慧政务改版上线了,点此查看帮助文档!']
|
||||
list: ['慧政务改版上线了,点此查看帮助文档!'],
|
||||
girdInfo: {}
|
||||
}
|
||||
},
|
||||
computed: { ...mapState(['user']) },
|
||||
@@ -111,7 +114,7 @@ export default {
|
||||
color: '#666',
|
||||
},
|
||||
},
|
||||
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
||||
data: ['4月', '5月', '6月', '7月', '8月',]
|
||||
},
|
||||
yAxis: {
|
||||
axisLine:{ //y轴
|
||||
@@ -128,9 +131,12 @@ export default {
|
||||
},
|
||||
type: 'value'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
data: [150, 230, 224, 218, 135, 147, 260],
|
||||
data: [155, 130, 120, 160, 120, 130, 110],
|
||||
type: 'line',
|
||||
areaStyle: {//覆盖区域的渐变色
|
||||
normal: {
|
||||
@@ -164,10 +170,19 @@ export default {
|
||||
this.echartData.setOption(option)
|
||||
},
|
||||
linkTo(url) {
|
||||
console.log(url)
|
||||
uni.navigateTo({ url })
|
||||
},
|
||||
getGirdInfo() {
|
||||
this.$http.post(`/app/appgirdmemberinfo/girdMemberOrNotStatistic`).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.girdInfo = res.data
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getGirdInfo()
|
||||
this.$nextTick(() => {
|
||||
this.chartInit()
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user