-

慧政务改版上线了,点此查看帮助文档!
+
+
+
@@ -11,7 +14,7 @@
你好,
-
您已加入慧政务 15天
+
您已加入慧政务 {{ girdInfo['加入天数'] }}天
@@ -24,10 +27,10 @@
{{ item.title }}
-
{{ item.num }}
+
{{ girdInfo[item.key] }}
-
居民活跃指数
+
消息发送情况
@@ -43,7 +46,7 @@ export default {
appList: [
{
img: require('../img/home/home-jmgl-icon.png'),
- title: '居民管理',
+ title: '居民档案',
linkUrl: '/apps/AppResidentDocument/AppResidentDocument'
},
{
@@ -57,30 +60,32 @@ export default {
linkUrl: '/apps/AppConflictMediation/AppConflictMediation'
},
{
- img: require('../img/home/home-xftj-icon.png'),
- title: '宣发统计',
+ img: require('../img/home/home-xtxf-icon.png'),
+ title: '协同宣发',
linkUrl: '/apps/AppCooperationPropaganda/AppCooperationPropaganda'
}
],
tabStatistics: [
{
title: '网格数',
- num: 15
+ key: '网格数'
},
{
title: '网格员数',
- num: 35
+ key: '网格员'
},
{
title: '辖区户数',
- num: 1550
+ key: '辖区户数'
},
{
title: '居民群数',
- num: 15
+ key: '居民群'
}
],
- echartData: null
+ echartData: null,
+ list: ['慧政务改版上线了,点此查看帮助文档!'],
+ girdInfo: {}
}
},
computed: { ...mapState(['user']) },
@@ -89,22 +94,67 @@ export default {
this.echartData = echarts.init(document.getElementById('statistic'))
var option = {
grid: {
- left: '6%',
- right: '8%',
+ left: '5%',
+ right: '5%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
- data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+ boundaryGap: false,
+ axisLine: {
+ lineStyle: {
+ color: '#E1E5EF', //x轴的颜色
+ width: 1, //轴线的宽度
+ },
+ },
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: '#666',
+ },
+ },
+ data: ['4月', '5月', '6月', '7月', '8月',]
},
yAxis: {
- type: 'value'
+ axisLine:{ //y轴
+ show: false
+ },
+ axisTick: {
+ show: false
+ },
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: '#666',
+ },
+ },
+ type: 'value',
+ minInterval: 50,
+ },
+ tooltip: {
+ trigger: 'axis'
},
series: [
{
- data: [150, 230, 224, 218, 135, 147, 260],
+ data: [155, 130, 120, 160, 120, 130, 110],
type: 'line',
+ areaStyle: {//覆盖区域的渐变色
+ normal: {
+ color: {
+ type: 'linear',x: 0,y: 0,x2: 0,y2: 1,
+ colorStops: [
+ {
+ offset: 0, color: 'rgba(58,132,255, 0.8)' // 0% 处的颜色
+ },
+ {
+ offset: 1, color: 'rgba(58,132,255, 0)' // 100% 处的颜色
+ }
+ ],
+ global: false // 缺省为 false
+ },
+ }
+ },
lineStyle: {
normal: {
color: '#2891FF'
@@ -121,10 +171,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()
})
@@ -219,7 +278,7 @@ export default {
.tab-content {
.item {
display: inline-block;
- width: 336px;
+ width: calc(50% - 8px);
height: 160px;
background: #FFF;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.0200);
@@ -266,7 +325,7 @@ export default {
}
}
.chart-content{
- width: 686px;
+ width: 100%;
height: 514px;
background: #FFF;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.0200);
@@ -274,5 +333,23 @@ export default {
margin-bottom: 82px;
}
}
+ ::v-deep .u-type-warning-light-bg {
+ padding: 20px 32px!important;
+ background-color: #3975C6!important;
+ }
+ ::v-deep .u-icon__icon--warning {
+ color: #D7E3F3;
+ width: 32px;
+ height: 32px;
+ font-size: 0px!important;
+ background-image: url('../img/home/tips-icon.png');
+ background-size: 100%;
+ }
+ ::v-deep .u-type-warning {
+ color: #fff;
+ font-size: 28px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ line-height: 40px;
+ }
}
diff --git a/src/project/saas/AppHome/components/My.vue b/src/project/saas/AppHome/components/My.vue
index 7235024e..deaf1122 100644
--- a/src/project/saas/AppHome/components/My.vue
+++ b/src/project/saas/AppHome/components/My.vue
@@ -10,7 +10,7 @@