diff --git a/src/project/saas/AppCooperationPropaganda/cooperationDetail.vue b/src/project/saas/AppCooperationPropaganda/cooperationDetail.vue index 5c299241..99e4d4c0 100644 --- a/src/project/saas/AppCooperationPropaganda/cooperationDetail.vue +++ b/src/project/saas/AppCooperationPropaganda/cooperationDetail.vue @@ -31,20 +31,27 @@ 数据更新于{{ info.remindTime }}
-
- +
- 计划送达居民群: {{ info.planCount || 0 }} + 计划送达居民: + 计划送达居民群: + {{ info.planCount || 0 }}
- 未送达居民群: {{ info.unExecutedCount || 0 }} + 未送达居民: + 未送达居民群: + {{ info.unExecutedCount || 0 }}
- 已送达居民群: {{ info.executedCount || 0 }} + 已送达居民: + 已送达居民群: + {{ info.executedCount || 0 }}
- 无法送达居民群: {{ info.cannotExecuteCount || 0 }} + 无法送达居民: + 无法送达居民群: + {{ info.cannotExecuteCount || 0 }}
@@ -60,13 +67,27 @@ + v-if="tabIndex == 0 && tableData.length"> + + + + + v-if="tabIndex == 1 && tableData.length" + > + + + + + @@ -100,25 +121,15 @@ export default { computed: { colConfigs0() { return [ - { - label: "成员", - prop: "groupOwnerId", - width: "240rpx", - dict: "householdRelation", - }, - { label: "预计未送达居民", prop: "groupCount" }, + { slot: "groupOwnerId",label: "成员" }, + { label: "预计送达居民群", prop: "groupCount" } ]; }, colConfigs1() { return [ - { - label: "居民群", - prop: "groupName", - width: "240rpx", - dict: "householdRelation", - }, - { label: "群人数", prop: "memberCount", width: "200rpx" }, - { label: "群主", prop: "groupOwnerId", dict: "sex" }, + { label: "居民群",prop: "groupName" }, + { label: "群人数", prop: "memberCount"}, + { slot: "groupOwnerId",label: "群主"} ]; }, }, @@ -129,6 +140,7 @@ export default { methods: { tabClick(index) { this.tabIndex = index; + this.getStatistics() }, toDetail() { @@ -171,12 +183,12 @@ export default { this.$u.toast(msg); } }, - + // 切换分段器 changeSub(index) { this.subIndex = index; this.getStatistics() }, - + // 获取数据 getStatistics() { this.$http .post(`/app/appmasssendingtask/detailStatistics`, null, { @@ -189,26 +201,26 @@ export default { }) .then((res) => { if (res?.data) { - this.tableData = res.data.executedList; + this.info = res.data + this.tableData = res.data.executedList.records } this.getPieEcharts() }); }, - // 带百分比饼图 + // 饼图 getPieEcharts() { this.pieEcharts = echarts.init(document.getElementById("pieEcharts")); this.pieEcharts.setOption({ tooltip: { trigger: "item", - formatter: "{a}
{b}: {c} ({d}%)", }, color: ["#1684fc", "#ccc"], series: [ { name: "群发送达率", type: "pie", - radius: ["65", "50%"], + radius: ["50%", "70%"], avoidLabelOverlap: false, label: { normal: { @@ -221,7 +233,7 @@ export default { }, data: [ { - value: 10, + value: this.info.executedCount, name: "群发送达率", label: { normal: { @@ -233,7 +245,7 @@ export default { }, }, }, - { value: 120 }, + { value: this.info.unExecutedCount }, ], }, ], @@ -255,6 +267,11 @@ export default { ::v-deep .AiTopFixed .content { padding: 0; } + ::v-deep .emptyWrap { + border: 2px solid #D0D4DC; + border-radius: 8px; + padding-bottom: 20px; + } .tab-select { width: 100%; height: 96px; @@ -359,7 +376,7 @@ export default { } .list_content { - padding: 0 32px; + padding: 0 32px 32px 32px; box-sizing: border-box; .list_card { diff --git a/src/project/saas/AppCooperationPropaganda/detail.vue b/src/project/saas/AppCooperationPropaganda/detail.vue index ede90097..b6b3f085 100644 --- a/src/project/saas/AppCooperationPropaganda/detail.vue +++ b/src/project/saas/AppCooperationPropaganda/detail.vue @@ -39,7 +39,7 @@

群发内容

-
{{ content[0].content }}
+
{{ content[0].content }}