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

测试

Browse Source
This commit is contained in:
yanran200730
2022-09-23 09:18:41 +08:00
parent 1f9295f1a7
commit 3be7075a08
1 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
packages/bigscreen/dv/AppPdDv.vue
View File

@@ -65,24 +65,25 @@
</div> </div>
</div> </div>
</div> </div>
<div class="chart2" style="width: 100%; height: 200px;"></div> <div class="chart2" style="width: 100%; height: 160px;"></div>
</div> </div>
<div class="item item-tags"> <div class="item item-tags">
<div class="title">标签人群</div> <div class="title">宣发统计</div>
<div class="item-bottom"> <div class="item-top xf">
<div class="item-bottom__item"> <div class="item-top__item">
<h2>高龄老人</h2> <h2>宣发任务数</h2>
<span>{{ tagInfo.elderlyPeople || 0 }}</span> <p>{{ groupChatNumber ? groupChatNumber.chatHasMsg : 0 }}</p>
</div> </div>
<div class="item-bottom__item"> <div class="item-top__item">
<h2>精神病人</h2> <h2>执行宣发次数</h2>
<span>{{ tagInfo.mentalIllness || 0 }}</span> <p>{{ groupChatNumber ? groupChatNumber.memberHasMsg : 0 }}</p>
</div> </div>
<div class="item-bottom__item"> <div class="item-top__item">
<h2>贫困居民</h2> <h2>触达人次</h2>
<span>{{ tagInfo.poorResidents || 0 }}</span> <p>{{ groupChatNumber ? groupChatNumber.msgTotal : 0 }}</p>
</div> </div>
</div> </div>
<div class="chart11" style="width: 336px; height: 120px;"></div>
</div> </div>
</div> </div>
<div class="tab-content__item" v-show="leftIndex === 1"> <div class="tab-content__item" v-show="leftIndex === 1">
@@ -655,6 +656,39 @@
} }
} }
.xf {
display: flex;
align-items: center;
justify-content: space-between;
.item-top__item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 107px;
height: 52px;
line-height: 1;
cursor: pointer;
user-select: none;
background: url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/ql4.png);
background-size: 100% 100%;
h2 {
margin-bottom: 8px;
color: #2AB7D1;
font-size: 12px;
}
p {
font-size: 14px;
color: #fff;
font-weight: bold;
font-style: oblique;
}
}
}
.ql { .ql {
display: flex; display: flex;
align-items: center; align-items: center;