|
|
@ -60,14 +60,12 @@ |
|
|
|
<el-card class="card-item"> |
|
|
|
<div class="card-title">全年累计消费金币数</div> |
|
|
|
<div class="card-title">{{ yearlyReduce / 100 }}</div> |
|
|
|
<div class="center-card">消费:{{ yearlyConsume / 100 }}</div> |
|
|
|
<div class="center-card">退款:{{ yearlyRefund / 100 }}</div> |
|
|
|
<div style="padding-left: 30%;">消费:{{ yearlyConsume / 100 }}</div> |
|
|
|
<div style="padding-left: 30%;">退款:{{ yearlyRefund / 100 }}</div> |
|
|
|
<template #footer> |
|
|
|
<div></div> |
|
|
|
|
|
|
|
<div class="margin-bottom center-card">昨日新增消费:{{ dailyConsume / 100 }}</div> |
|
|
|
<div class="margin-bottom center-card">昨日新增消耗:{{ dailyReduce / 100 }}</div> |
|
|
|
<div class="margin-bottom center-card">昨日新增退款:{{ dailyRefund / 100 }}</div> |
|
|
|
<div style="margin-bottom:0.5%;padding-left: 30%;">昨日新增消费:{{ dailyConsume / 100 }}</div> |
|
|
|
<div style="margin-bottom:0.5%;padding-left: 30%;">昨日新增消耗:{{ dailyReduce / 100 }}</div> |
|
|
|
<div style="margin-bottom:0.5%;padding-left: 30%;">昨日新增退款:{{ dailyRefund / 100 }}</div> |
|
|
|
</template> |
|
|
|
</el-card> |
|
|
|
|
|
|
@ -75,7 +73,7 @@ |
|
|
|
<el-card class="card-item"> |
|
|
|
<el-col class="card-title">全年累计充值人头数</el-col> |
|
|
|
<el-col class="card-title">{{ yearlyRechargeNum }}</el-col> |
|
|
|
<el-col class="center-card">周同比:{{ sumWow }}% |
|
|
|
<el-col style="padding-left: 35%;">周同比:{{ sumWow }}% |
|
|
|
<template v-if="sumWow > 0"> |
|
|
|
<el-icon style="color:red"> |
|
|
|
<ArrowUpBold /> |
|
|
@ -92,7 +90,7 @@ |
|
|
|
</el-icon> |
|
|
|
</template> |
|
|
|
</el-col> |
|
|
|
<el-col class="center-card">日环比:{{ sumDaily }}% |
|
|
|
<el-col style="padding-left: 35%;">日环比:{{ sumDaily }}% |
|
|
|
<template v-if="sumDaily > 0"> |
|
|
|
<el-icon style="color:red"> |
|
|
|
<ArrowUpBold /> |
|
|
@ -110,8 +108,8 @@ |
|
|
|
</template> |
|
|
|
</el-col> |
|
|
|
<template #footer> |
|
|
|
<el-col class="margin-bottom center-card">昨日充值人数:{{ ydayRechargeNum }}</el-col> |
|
|
|
<el-col class="margin-bottom center-card">其中首充:{{ firstRecharge }}</el-col> |
|
|
|
<el-col style="padding-left: 35%;margin-bottom:0.5%">昨日充值人数:{{ ydayRechargeNum }}</el-col> |
|
|
|
<el-col style="padding-left: 35%;">其中首充:{{ firstRecharge }}</el-col> |
|
|
|
</template> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
@ -125,10 +123,11 @@ |
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
<div class="condition"> |
|
|
|
<div>合计 |
|
|
|
永久金币 {{ activeTab === 'recharge' ? sumRechargePermanent / 100 : sumConsumePermanent / 100 }} |
|
|
|
免费金币 {{ activeTab === 'recharge' ? sumRechargeFree / 100 : sumConsumeFree / 100 }} |
|
|
|
任务金币 {{ activeTab === 'recharge' ? sumRechargeTask / 100 : sumConsumeTask / 100 }} |
|
|
|
<div style="display:flex;">合计 |
|
|
|
<span>永久金币</span> {{ activeTab === 'recharge' ? sumRechargePermanent / 100 : sumConsumePermanent / 100 }} |
|
|
|
<span>免费金币</span> {{ activeTab === 'recharge' ? sumRechargeFree / 100 : sumConsumeFree / 100 }} |
|
|
|
<span>任务金币</span> {{ activeTab === 'recharge' ? sumRechargeTask / 100 : sumConsumeTask / 100 }} |
|
|
|
<div v-if="activeTab === 'consume'">合计 {{ sumConsume / 100 }}</div> |
|
|
|
</div> |
|
|
|
<div @change="handleDatePickerChange" style="margin-left:auto;margin-right: 0.5%;"> |
|
|
|
<el-button @click="getYes()" :type="activeTimeRange === 'yes' ? 'primary' : ''">昨天 |
|
|
@ -214,6 +213,7 @@ const sumRechargeTask = ref(0) |
|
|
|
const sumConsumePermanent = ref(0) |
|
|
|
const sumConsumeFree = ref(0) |
|
|
|
const sumConsumeTask = ref(0) |
|
|
|
const sumConsume = ref(0) |
|
|
|
// 用户信息 |
|
|
|
const adminData = ref({}) |
|
|
|
// 卡片数据相关 |
|
|
@ -511,7 +511,8 @@ const processChartData = (marketCards) => { |
|
|
|
rechargeTask: [], |
|
|
|
consumePermanent: [], |
|
|
|
consumeFree: [], |
|
|
|
consumeTask: [] |
|
|
|
consumeTask: [], |
|
|
|
sumConsume: [] |
|
|
|
} |
|
|
|
// 这是图表的合计数,怎样遍历????? |
|
|
|
const sumRechargePermanent1 = ref(0) |
|
|
@ -520,6 +521,8 @@ const processChartData = (marketCards) => { |
|
|
|
const sumConsumePermanent1 = ref(0) |
|
|
|
const sumConsumeFree1 = ref(0) |
|
|
|
const sumConsumeTask1 = ref(0) |
|
|
|
const sumConsume1 = ref(0) |
|
|
|
|
|
|
|
|
|
|
|
marketCards.forEach(market => { |
|
|
|
chartData.rechargePermanent.push(market.sumRechargePermanent / 100 || 0) |
|
|
@ -528,6 +531,7 @@ const processChartData = (marketCards) => { |
|
|
|
chartData.consumePermanent.push(market.sumConsumePermanent / 100 || 0) |
|
|
|
chartData.consumeFree.push(market.sumConsumeFree / 100 || 0) |
|
|
|
chartData.consumeTask.push(market.sumConsumeTask / 100 || 0) |
|
|
|
chartData.sumConsume.push(market.sumConsume / 100 || 0) |
|
|
|
|
|
|
|
// 合计数合计数合计数咋算 |
|
|
|
sumRechargePermanent1.value += (market.sumRechargePermanent || 0) |
|
|
@ -536,6 +540,7 @@ const processChartData = (marketCards) => { |
|
|
|
sumConsumePermanent1.value += (market.sumConsumePermanent || 0) |
|
|
|
sumConsumeFree1.value += (market.sumConsumeFree || 0) |
|
|
|
sumConsumeTask1.value += (market.sumConsumeTask || 0) |
|
|
|
sumConsume1.value += (market.sumConsume || 0) |
|
|
|
}) |
|
|
|
sumRechargePermanent.value = sumRechargePermanent1.value |
|
|
|
sumRechargeFree.value = sumRechargeFree1.value |
|
|
@ -543,6 +548,7 @@ const processChartData = (marketCards) => { |
|
|
|
sumConsumePermanent.value = sumConsumePermanent1.value |
|
|
|
sumConsumeFree.value = sumConsumeFree1.value |
|
|
|
sumConsumeTask.value = sumConsumeTask1.value |
|
|
|
sumConsume.value = sumConsume1.value |
|
|
|
|
|
|
|
updateChart(chartData) |
|
|
|
} |
|
|
|