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 16:07:33 +08:00
parent 8dc4e1d850
commit 8a546b7b7d
1 changed files with 29 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/project/saas/AppDataStatistics/components/message.vue
View File

@@ -15,20 +15,21 @@
</div>
<div class="card">
<div class="item">
<div class="item" :class="privateCurrent == 0? 'active':''" @click="privateCurrent = 0">
<div class="item_name">单聊会话</div>
<div class="item_num" v-if="privateCard.length">{{ Number(privateCard.chatCnt).toLocaleString('en-US') }}</div>
<div class="item_num" v-if="privateCard">{{ Number(privateCard.chatCnt).toLocaleString('en-US') }}</div>
<div class="item_num" v-else>0</div>
</div>
<div class="item">
<div class="item" :class="privateCurrent == 1? 'active':''" @click="privateCurrent = 1">
<div class="item_name">单聊消息</div>
<div class="item_num" v-if="privateCard.length">{{ Number(privateCard.messageCnt).toLocaleString('en-US') }}</div>
<div class="item_num" v-if="privateCard">{{ Number(privateCard.messageCnt).toLocaleString('en-US') }}</div>
<div class="item_num" v-else>0</div>
</div>
</div>
<div class="privateChat_box">
<div id="privateChat"></div>
<!-- <AiEmpty style="padding-top: 10px;" description="暂无数据" v-else></AiEmpty> -->
</div>
<div class="head">
@@ -36,25 +37,26 @@
</div>
<div class="card">
<div class="item">
<div class="item" :class="groupCurrent == 0? 'active':''" @click="groupCurrent = 0">
<div class="item_name">活跃群聊</div>
<div class="item_num" v-if="groupCard.length">{{ Number(groupCard.chatHasMsg).toLocaleString('en-US') }}</div>
<div class="item_num" v-if="groupCard">{{ Number(groupCard.chatHasMsg).toLocaleString('en-US') }}</div>
<div class="item_num" v-else>0</div>
</div>
<div class="item">
<div class="item" :class="groupCurrent == 1? 'active':''" @click="groupCurrent = 1">
<div class="item_name">活跃群成员</div>
<div class="item_num" v-if="groupCard.length">{{ Number(groupCard.memberHasMsg).toLocaleString('en-US') }}</div>
<div class="item_num" v-if="groupCard">{{ Number(groupCard.memberHasMsg).toLocaleString('en-US') }}</div>
<div class="item_num" v-else>0</div>
</div>
<div class="item">
<div class="item" :class="groupCurrent == 2? 'active':''" @click="groupCurrent = 2">
<div class="item_name">群聊消息</div>
<div class="item_num" v-if="groupCard.length">{{ Number(groupCard.msgTotal).toLocaleString('en-US') }}</div>
<div class="item_num" v-if="groupCard">{{ Number(groupCard.msgTotal).toLocaleString('en-US') }}</div>
<div class="item_num" v-else>0</div>
</div>
</div>
<div class="groupChat_box">
<div id="groupChat"></div>
<!-- <AiEmpty style="padding-top: 10px;" description="暂无数据" v-else></AiEmpty> -->
</div>
</div>
@@ -68,8 +70,14 @@ export default {
return {
privateCard: {},
privateData: [],
privateDate: [],
privateMsg: [],
privateCurrent: 0,
groupCard: {},
groupData: [],
groupDate: [],
groupMsg: [],
groupCurrent: 0,
}
},
created() {
@@ -95,6 +103,8 @@ export default {
if(res?.data) {
this.privateCard = res.data.单聊总和
this.privateData = res.data.条形统计
this.privateDate = this.privateData.map(v=> v.dateDay)
this.privateMsg = this.privateData.map(v=> v.memberHasMsg)
}
})
// 群聊统计
@@ -102,6 +112,8 @@ export default {
if(res?.data) {
this.groupCard = res.data.群聊总和
this.groupData = res.data.条形统计
this.groupDate = this.groupData.map(v=> v.dateDay)
this.groupMsg = this.groupData.map(v=>v.chatHasMsg)
}
})
},
@@ -383,8 +395,7 @@ export default {
}
.card {
padding: 24px 0;
box-sizing: border-box;
display: flex;
text-align: center;
align-items: center;
@@ -394,6 +405,8 @@ export default {
.item {
flex: 1;
padding: 24px 0;
box-sizing: border-box;
.item_name {
color: #666666;
@@ -410,6 +423,10 @@ export default {
height: 30px;
}
}
.active {
border: 2px solid #3975C6;
border-radius: 16px;
}
}
.privateChat_box,