kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

统计

Browse Source
This commit is contained in:
shijingjing
2022-12-22 15:31:49 +08:00
parent 71f1da9717
commit f2807e77d3
3 changed files with 92 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/project/saas/AppDataStatistics/components/wechat.vue
View File

@@ -7,20 +7,24 @@
<div class="card">
<div class="item">
<div class="item_name">居民好友</div>
<div class="item_num">{{ (235625).toLocaleString('en-US') }}</div>
<div class="item_num">{{ Number(friendsCard.customerTotal).toLocaleString('en-US') }}</div>
</div>
<div class="item">
<div class="item_name">昨日新增</div>
<div class="item_num">235 <img src="../img/up.png" alt="" class="imgs"></div>
<div class="item_num">{{ Number(friendsCard.addCustomerCount).toLocaleString('en-US') }}
<img src="../img/up.png" alt="" class="imgs" v-show="friendsCard.addCustomerCount != 0">
</div>
</div>
<div class="item">
<div class="item_name">昨日流失</div>
<div class="item_num">18 <img src="../img/down.png" alt="" class="imgs"></div>
<div class="item_num">{{ Number(friendsCard.removeCustomerCount).toLocaleString('en-US') }}
<img src="../img/down.png" alt="" class="imgs" v-show="friendsCard.removeCustomerCount !=0"></div>
</div>
</div>
<div class="friends_box">
<div id="friends"></div>
<div id="friends" v-if="friendsData.length"></div>
<AiEmpty style="padding-top: 10px;" description="暂无数据" v-else></AiEmpty>
</div>
<div class="head">
@@ -30,24 +34,27 @@
<div class="card">
<div class="item">
<div class="item_name">居民群</div>
<div class="item_num">{{ (5230).toLocaleString('en-US') }}</div>
<div class="item_num">{{ Number(groupsCard.groupSum).toLocaleString('en-US') }}</div>
</div>
<div class="item">
<div class="item_name">群成员</div>
<div class="item_num">235</div>
<div class="item_num">{{ Number(groupsCard.totalSum).toLocaleString('en-US') }}</div>
</div>
<div class="item">
<div class="item_name">昨日新增</div>
<div class="item_num">18 <img src="../img/up.png" alt="" class="imgs"></div>
<div class="item_num">{{ Number(groupsCard.increaseSum).toLocaleString('en-US') }}
<img src="../img/up.png" alt="" class="imgs" v-show="groupsCard.increaseSum"></div>
</div>
<div class="item">
<div class="item_name">昨日流失</div>
<div class="item_num">18 <img src="../img/down.png" alt="" class="imgs"></div>
<div class="item_num">{{ Number(groupsCard.decreaseSum).toLocaleString('en-US') }}
<img src="../img/down.png" alt="" class="imgs" v-show="groupsCard.decreaseSum"></div>
</div>
</div>
<div class="groups_box">
<div id="groups"></div>
<div id="groups" v-if="groupsData.length"></div>
<AiEmpty style="padding-top: 10px;" description="暂无数据" v-else></AiEmpty>
</div>
</div>
</template>
@@ -58,14 +65,36 @@ export default {
name: "wechat",
data() {
return {
friendsCard: {},
friendsData: [],
groupsCard: {},
groupsData: [],
}
},
created() {
this.getData()
},
mounted() {
this.getFriendsEcharts()
this.getGroupsEcharts()
},
methods: {
getData() {
// 居民好友
this.$http.post(`/app/wxgroupstatistic/getCustommerNumber`).then(res=> {
if(res?.data) {
this.friendsCard = res.data.居民统计
this.friendsData = res.data.居民好友数
}
})
// 居民群
this.$http.post(`/app/wxgroupstatistic/getGroupNumber`).then(res=> {
if(res?.data) {
this.groupsCard = res.data.居民群统计
this.groupsData = res.data.群成员数
}
})
},
getFriendsEcharts() {
let friendsDom = document.getElementById('friends');
let myChart = echarts.init(friendsDom);