大屏
This commit is contained in:
@@ -3,36 +3,42 @@
|
||||
<div class="left">
|
||||
<div class="appPdDv-title">企微数据库</div>
|
||||
<div class="tab">
|
||||
<div class="tab-item" :class="[leftIndex === 0 ? 'active' : '']" @click="leftIndex = 0">居民统计</div>
|
||||
<div class="tab-item" :class="[leftIndex === 0 ? 'active' : '']" @click="leftIndex = 0">群员统计</div>
|
||||
<div class="tab-item" :class="[leftIndex === 1 ? 'active' : '']" @click="leftIndex = 1">会话统计</div>
|
||||
</div>
|
||||
<div class="tab-content">
|
||||
<div class="tab-content__item" v-show="leftIndex === 0">
|
||||
<div class="item">
|
||||
<div class="title">群员统计</div>
|
||||
<div class="title">警务群统计</div>
|
||||
<div class="item-top jmhy">
|
||||
<div class="item-top__item">
|
||||
<h2>居民好友</h2>
|
||||
<h2>居民群</h2>
|
||||
<div class="bottom">
|
||||
<span>{{ residentInfo.customerTotal || 0 }}</span>
|
||||
<span>{{ groupNumber.groupSum || 0 }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-top__item">
|
||||
<h2>群成员</h2>
|
||||
<div class="bottom">
|
||||
<span>{{ groupNumber.totalSum || 0 }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-top__item">
|
||||
<h2>昨日新增</h2>
|
||||
<div class="bottom">
|
||||
<span>{{ residentInfo.addCustomerCount || 0 }}</span>
|
||||
<span>{{ groupNumber.increaseSum || 0 }}</span>
|
||||
<img src="https://cdn.cunwuyun.cn/dvcp/dv/pddv/arrow-rise.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-top__item">
|
||||
<h2>昨日流失</h2>
|
||||
<div class="bottom">
|
||||
<span>{{ residentInfo.removeCustomerCount || 0 }}</span>
|
||||
<span>{{ groupNumber.decreaseSum || 0 }}</span>
|
||||
<img src="https://cdn.cunwuyun.cn/dvcp/dv/pddv/bottom.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart1" style="width: 100%; height: 200px;"></div>
|
||||
<div class="chart2" style="width: 100%; height: 200px;"></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">各局统计</div>
|
||||
@@ -312,16 +318,16 @@
|
||||
this.rankList = res.data
|
||||
}
|
||||
})
|
||||
this.instance.post(`/app/wxgroupstatistic/getCustommerNumber`).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.residentInfo = res.data['居民统计']
|
||||
this.initLineChart('.chart1', {
|
||||
x: res.data['居民好友数'].map(v => v.month),
|
||||
value: res.data['居民好友数'].map(v => v.totalNumber),
|
||||
name: '居民好友'
|
||||
})
|
||||
}
|
||||
})
|
||||
// this.instance.post(`/app/wxgroupstatistic/getCustommerNumber`).then(res => {
|
||||
// if (res.code === 0) {
|
||||
// this.residentInfo = res.data['居民统计']
|
||||
// this.initLineChart('.chart1', {
|
||||
// x: res.data['居民好友数'].map(v => v.month),
|
||||
// value: res.data['居民好友数'].map(v => v.totalNumber),
|
||||
// name: '居民好友'
|
||||
// })
|
||||
// }
|
||||
// })
|
||||
this.instance.post(`/app/wxgroupstatistic/replyPercentage`).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.replyPercentage = res.data
|
||||
@@ -400,7 +406,7 @@
|
||||
},
|
||||
|
||||
getGridInfo (e) {
|
||||
if (this.level === 2 && !this.isChoose) {
|
||||
if (e.level === 2 && !this.isChoose) {
|
||||
this.isChoose = true
|
||||
}
|
||||
if (e.level === 4) return
|
||||
|
||||
Reference in New Issue
Block a user