uppdate
This commit is contained in:
parent
1bdd1047dc
commit
2923f2bb6e
@ -581,8 +581,9 @@ const getDisplayData = (dataRef: any) => {
|
||||
}
|
||||
|
||||
// 获取当前显示模式的标签
|
||||
const getDisplayLabel = (defaultLabel: string) => {
|
||||
return isShowingAmount.value ? `今日${defaultLabel}营收` : `今日${defaultLabel}数量`
|
||||
const getDisplayLabel = (defaultLabel: string, type: number) => {
|
||||
// 1数量 2 笔数
|
||||
return isShowingAmount.value ? `今日${defaultLabel}营收` : `今日${defaultLabel}${type === 1 ? '数量' : type === 2 ? '笔数' : ''}`
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
@ -598,7 +599,7 @@ defineExpose({
|
||||
|
||||
<div class="newCoreBusinessBox">
|
||||
<div class="newCoreBusinessItem">
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('门店') }}</div>
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('门店', 2) }}</div>
|
||||
<div class="newCoreBusinessItemValueBox">
|
||||
<div class="newCoreBusinessItemValue">
|
||||
<NumberRoller :value="revenueDisplay.value" :duration="1000" :decimals="2" />
|
||||
@ -614,7 +615,7 @@ defineExpose({
|
||||
</div>
|
||||
|
||||
<div class="newCoreBusinessItem">
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('油品') }}</div>
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('油品', 1) }}</div>
|
||||
<div class="newCoreBusinessItemValueBox">
|
||||
<div class="newCoreBusinessItemValue">
|
||||
<NumberRoller :value="oilDisplay.value" :duration="1000" :decimals="2" />
|
||||
@ -629,7 +630,7 @@ defineExpose({
|
||||
</div>
|
||||
|
||||
<div class="newCoreBusinessItem">
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('加水') }}</div>
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('加水', 1) }}</div>
|
||||
<div class="newCoreBusinessItemValueBox">
|
||||
<div class="newCoreBusinessItemValue">
|
||||
<NumberRoller :value="waterDisplay.value" :duration="1000" :decimals="2" />
|
||||
@ -644,7 +645,7 @@ defineExpose({
|
||||
</div>
|
||||
|
||||
<div class="newCoreBusinessItem">
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('尿素') }}</div>
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('尿素', 1) }}</div>
|
||||
<div class="newCoreBusinessItemValueBox">
|
||||
<div class="newCoreBusinessItemValue">
|
||||
<NumberRoller :value="ureaDisplay.value" :duration="1000" :decimals="2" />
|
||||
@ -659,7 +660,7 @@ defineExpose({
|
||||
</div>
|
||||
|
||||
<div class="newCoreBusinessItem">
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('充电') }}</div>
|
||||
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('充电', 2) }}</div>
|
||||
<div class="newCoreBusinessItemValueBox">
|
||||
<div class="newCoreBusinessItemValue">
|
||||
<NumberRoller :value="chargingDisplay.value" :duration="1000" :decimals="2" />
|
||||
|
||||
@ -11,8 +11,8 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
|
||||
<!-- 会员总数 -->
|
||||
<div class="MemberSumBox">
|
||||
<div class="MemberSumBoxLeft">会员总数</div>
|
||||
<div class="memberSumTotal">15071</div>
|
||||
<div class="MemberSumBoxRight">本月新增 146 个</div>
|
||||
<div class="memberSumTotal">16355</div>
|
||||
<div class="MemberSumBoxRight">本月新增 849 个</div>
|
||||
</div>
|
||||
|
||||
<!-- 近30天数据 -->
|
||||
@ -21,22 +21,22 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
|
||||
<div class="recentData">
|
||||
<div class="recentDataTop">
|
||||
<div class="recentDataTopItem" style="left: 22px;top: 31px;">
|
||||
<div class="recentDataTopValue">270</div>
|
||||
<div class="recentDataTopValue">849</div>
|
||||
<div class="recentDataTopLabel">新增会员数</div>
|
||||
</div>
|
||||
|
||||
<div class="recentDataTopItem" style="left: 30%;top: 0;">
|
||||
<div class="recentDataTopValue">3203</div>
|
||||
<div class="recentDataTopValue">1.4w</div>
|
||||
<div class="recentDataTopLabel">打开次数</div>
|
||||
</div>
|
||||
|
||||
<div class="recentDataTopItem" style="right: 30%;top: 0;">
|
||||
<div class="recentDataTopValue">757</div>
|
||||
<div class="recentDataTopValue">1443</div>
|
||||
<div class="recentDataTopLabel">新增人数</div>
|
||||
</div>
|
||||
|
||||
<div class="recentDataTopItem" style="right: 8px;top: 31px;">
|
||||
<div class="recentDataTopValue">1914</div>
|
||||
<div class="recentDataTopValue">2580</div>
|
||||
<div class="recentDataTopLabel">访问人数</div>
|
||||
</div>
|
||||
|
||||
@ -51,13 +51,13 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
|
||||
<div class="MemberConsumptionItem">
|
||||
<div class="MemberConsumptionLabel">会员消费笔数</div>
|
||||
<div class="MemberConsumptionProgress"></div>
|
||||
<div class="MemberConsumptionValue">104</div>
|
||||
<div class="MemberConsumptionValue">1713</div>
|
||||
</div>
|
||||
|
||||
<div class="MemberConsumptionItem" style="margin-top: 18px;">
|
||||
<div class="MemberConsumptionLabel">会员总销售额</div>
|
||||
<div class="MemberConsumptionProgress2"></div>
|
||||
<div class="MemberConsumptionValue">47,550.60</div>
|
||||
<div class="MemberConsumptionValue">570,160.4</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -65,22 +65,22 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
|
||||
<div class="MemberContentBoxItem">
|
||||
<div class="MemberContentBoxItemBox">
|
||||
<div class="MemberContentBoxItemLabel">工会会员</div>
|
||||
<div class="MemberContentBoxItemValue">1782</div>
|
||||
<div class="MemberContentBoxItemValue">2382</div>
|
||||
</div>
|
||||
<div class="MemberContentBoxItemBox" style="margin-top: 18px;">
|
||||
<div class="MemberContentBoxItemLabel">会员占比</div>
|
||||
<div class="MemberContentBoxItemValue">11.82%</div>
|
||||
<div class="MemberContentBoxItemValue">14.56%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="MemberContentBoxItem">
|
||||
<div class="MemberContentBoxItemBox">
|
||||
<div class="MemberContentBoxItemLabel">会员转化率</div>
|
||||
<div class="MemberContentBoxItemValue">32.17%</div>
|
||||
<div class="MemberContentBoxItemValue">68.72%</div>
|
||||
</div>
|
||||
<div class="MemberContentBoxItemBox" style="margin-top: 18px;">
|
||||
<div class="MemberContentBoxItemLabel">会员增长率</div>
|
||||
<div class="MemberContentBoxItemValue">0.97%</div>
|
||||
<div class="MemberContentBoxItemValue">5.48%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -91,22 +91,22 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
|
||||
|
||||
<div class="MemberOverview">
|
||||
<div class="MemberOverviewItem">
|
||||
<div class="MemberOverviewItemTop">99</div>
|
||||
<div class="MemberOverviewItemTop">1272</div>
|
||||
<div class="MemberOverviewItemBottom">购买人数</div>
|
||||
</div>
|
||||
|
||||
<div class="MemberOverviewItem">
|
||||
<div class="MemberOverviewItemTop">480.31</div>
|
||||
<div class="MemberOverviewItemTop">448.24</div>
|
||||
<div class="MemberOverviewItemBottom">人均消费金额</div>
|
||||
</div>
|
||||
|
||||
<div class="MemberOverviewItem">
|
||||
<div class="MemberOverviewItemTop">461.66</div>
|
||||
<div class="MemberOverviewItemTop">332.84</div>
|
||||
<div class="MemberOverviewItemBottom">客单价</div>
|
||||
</div>
|
||||
|
||||
<div class="MemberOverviewItem">
|
||||
<div class="MemberOverviewItemTop">2.02%</div>
|
||||
<div class="MemberOverviewItemTop">16.67%</div>
|
||||
<div class="MemberOverviewItemBottom">会员复购率</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user