From 8a546b7b7d39b8c6e969cfe5064f3c7ecae599a3 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Thu, 22 Dec 2022 16:07:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=9A=E8=AF=9D=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppDataStatistics/components/message.vue  | 41 +++++++++++++------
 1 file changed, 29 insertions(+), 12 deletions(-)

diff --git a/src/project/saas/AppDataStatistics/components/message.vue b/src/project/saas/AppDataStatistics/components/message.vue
index 81479f8c..35829b9a 100644
--- a/src/project/saas/AppDataStatistics/components/message.vue
+++ b/src/project/saas/AppDataStatistics/components/message.vue
@@ -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,