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:
liuye
2024-02-01 09:13:43 +08:00
parent b0daaff143
commit 23ee9d062f
1 changed files with 103 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
src/project/biaopin/AppVillageHead/AppVillageHead.vue
View File

@@ -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;