From 23ee9d062fd85e72a427a31e6ab5cc458399c8a0 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Thu, 1 Feb 2024 09:13:43 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../biaopin/AppVillageHead/AppVillageHead.vue | 130 ++++++++++++++----
 1 file changed, 103 insertions(+), 27 deletions(-)

diff --git a/src/project/biaopin/AppVillageHead/AppVillageHead.vue b/src/project/biaopin/AppVillageHead/AppVillageHead.vue
index 2540d3ab..bb8470ac 100644
--- a/src/project/biaopin/AppVillageHead/AppVillageHead.vue
+++ b/src/project/biaopin/AppVillageHead/AppVillageHead.vue
@@ -1,40 +1,85 @@
 <template>
   <div class="AppVillageHead">
     <!-- <div class="statistics-content">
-      <div class="title">2024年1月12日居民群日报</div>
-      <div class="mini-title">
-        <span></span>宣发情况
+      <div class="title">近7天居民群数据</div>
+      <div class="flex-total">
+        <div class="item">
+          <p>服务居民数</p>
+          <div><span>821</span>人</div>
+        </div>
+        <div class="item">
+          <p>回答问题总数</p>
+          <div><span>821</span>个</div>
+        </div>
+        <div class="item">
+          <p>覆盖群聊</p>
+          <div><span>821</span>个</div>
+        </div>
       </div>
-      <div class="info">宣发数据：<span>4</span>条</div>
-      <div class="info">宣发内容：燃气安全、交通安全、天气情況、春节倒计时信息。</div>
-      <div class="flex-info">
-        <div class="info">触达居民群数：<span>821</span>个</div>
-        <div class="info">触达居民：<span>8762</span>人</div>
+      <div class="flex-info down-flex">
+        <div class="info">1.天气情况<u-icon name="arrow-upward" color="#dd524d" size="32"></u-icon></div>
+        <div class="info">2.附件活动<u-icon name="arrow-downward" color="#4cd964" size="32"></u-icon></div>
+        <div class="info">1.天气情况<u-icon name="arrow-upward" color="#dd524d" size="32"></u-icon></div>
+        <div class="info">2.附件活动<u-icon name="arrow-downward" color="#4cd964" size="32"></u-icon></div>
       </div>
-      <div class="mini-title">
-        <span></span>AI问答
+      <div class="flex-info down-flex">
+        <div class="info">1.天气情况<u-icon name="arrow-upward" color="#dd524d" size="32"></u-icon></div>
+        <div class="info">2.附件活动<u-icon name="arrow-downward" color="#4cd964" size="32"></u-icon></div>
       </div>
-      <div class="flex-info">
-        <div class="info">居民累计提问：<span>2456</span>次</div>
-        <div class="info">群提问数：<span>8</span>次/群</div>
+      <div class="flex-info down-flex">
+        <div class="info">1.天气情况<u-icon name="arrow-upward" color="#dd524d" size="32"></u-icon></div>
+        <div class="info">2.附件活动<u-icon name="arrow-downward" color="#4cd964" size="32"></u-icon></div>
       </div>
-      <div class="flex-info">
-        <div class="info">最活跃群提问：<span>821</span>次</div>
-        <div class="info">活跃居民：<span>21</span>人</div>
-      </div>
-      <div class="info">居民热点话题：交通、天气、红包、吃什么、活动、拜年。</div>
     </div> -->
+
     <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scroll="scroll" v-if="messageList.length" :style="{height: scrollHeight+'px'}">
       <div class="list-content">
-        <div :class="item.userType == 1 ? 'item-left' : 'item-right'" v-for="(item, index) in messageList" :key="index">
-          <div class="item" :class="'item'+index">
-            <div class="img-div" v-if="item.sdkFileUrl">
-              <u-icon name="play-circle" :color="item.userType == 0 ? '#fff' : '#A8ADAE'" size="52" v-if="!item.isPlay" @click="play(item.sdkFileUrl, index)"></u-icon>
-              <u-icon name="pause-circle" :color="item.userType == 0 ? '#fff' : '#A8ADAE'" size="52" v-else @click="playStop(index)"></u-icon>
-              <img src="https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/recording-white.png" alt="" v-if="item.userType == 0">
-              <img src="https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/recording-gray.png" alt="" v-else>
+        <div v-for="(item, index) in messageList" :key="index">
+          <div :class="item.userType == 1 ? 'item-left' : 'item-right'" v-if="item.userType != 2">
+            <div class="item" :class="'item'+index">
+              <div class="img-div" v-if="item.sdkFileUrl">
+                <u-icon name="play-circle" :color="item.userType == 0 ? '#fff' : '#A8ADAE'" size="52" v-if="!item.isPlay" @click="play(item.sdkFileUrl, index)"></u-icon>
+                <u-icon name="pause-circle" :color="item.userType == 0 ? '#fff' : '#A8ADAE'" size="52" v-else @click="playStop(index)"></u-icon>
+                <img src="https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/recording-white.png" alt="" v-if="item.userType == 0">
+                <img src="https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/recording-gray.png" alt="" v-else>
+              </div>
+              <p>{{item.content || ''}}</p>
+            </div>
+          </div>
+          <div class="statistics-content" v-if="item.userType == 2">
+            <div class="title">近7天居民群数据</div>
+            <div class="flex-total">
+              <div class="item-total">
+                <p>服务居民数</p>
+                <div><span>{{item.content['服务居民数']}}</span>人</div>
+              </div>
+              <div class="item-total">
+                <p>回答问题总数</p>
+                <div><span>{{item.content['7天回答问题总数']}}</span>个</div>
+              </div>
+              <div class="item-total">
+                <p>覆盖群聊</p>
+                <div><span>{{item.content['7天覆盖群聊']}}</span>个</div>
+              </div>
+            </div>
+            <div class="title">{{item.content['标题']}}</div>
+            <div class="mini-title">
+              <span></span>宣发情况
+            </div>
+            <div class="flex-info">
+              <div class="info">宣发数据：<span>{{item.content['宣发条数']}}</span>条</div>
+              <div class="info">触达居民：<span>{{item.content['宣发触达居民']}}</span>人</div>
+            </div>
+            <div class="mini-title">
+              <span></span>AI问答
+            </div>
+            <div class="flex-info">
+              <div class="info">居民累计提问：<span>{{item.content['昨日累计提问']}}</span>次</div>
+              <div class="info">群提问数：<span>{{item.content['昨日居民平均提问']}}</span>次/群</div>
+            </div>
+            <div class="flex-info">
+              <div class="info">最活跃群提问：<span>{{item.content['昨日最活跃群提况']}}</span>次</div>
             </div>
-            <p>{{item.content || ''}}</p>
           </div>
         </div>
       </div>
@@ -218,6 +263,9 @@ export default {
             if(item.sdkFileUrl) {
               item.isPlay = false
             }
+            if(item.userType == 2) { //统计数据
+              item.content = JSON.parse(item.content)
+            }
           })
           this.messageList = this.current == 1 ? res.data.records : [...res.data.records, ...this.messageList]
           this.pages = res.data.pages
@@ -326,7 +374,7 @@ export default {
     padding: 32px;
     box-sizing: border-box;
     color: #222;
-    margin: 0 0 32px 32px;
+    margin-bottom: 32px;
     .title {
       line-height: 44px;
       font-family: PingFangSC-Medium;
@@ -363,6 +411,34 @@ export default {
       display: flex;
       justify-content: space-between;
     }
+    .down-flex {
+      display: block;
+      justify-content: normal;
+      .info {
+        display: inline-block;
+        width: 50%;
+      }
+    }
+    .flex-total {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 16px; 
+      .item-total {
+        text-align: center;
+        p {
+          font-size: 30px;
+          font-family: PingFangSC;
+          line-height: 40px;
+          margin-bottom: 8px; 
+        }
+        div {
+          line-height: 44px;
+          span {
+            color: #0D63F2;
+          }
+        }
+      }
+    }
   }
   .list-content {
     padding: 32px 32px 364px;