ylj/YNMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uppdate

Browse Source
This commit is contained in:
ylj20011123 2026-02-04 18:57:47 +08:00
parent 1bdd1047dc
commit 2923f2bb6e
3 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

15
src/page/index/components/CoreBusinessData/CoreBusinessData.vue
View File

@ -581,8 +581,9 @@ const getDisplayData = (dataRef: any) => {
} }
// 获取当前显示模式的标签 // 获取当前显示模式的标签
const getDisplayLabel = (defaultLabel: string) => { const getDisplayLabel = (defaultLabel: string, type: number) => {
return isShowingAmount.value ? `今日${defaultLabel}营收` : `今日${defaultLabel}数量` // 1数量 2 笔数
return isShowingAmount.value ? `今日${defaultLabel}营收` : `今日${defaultLabel}${type === 1 ? '数量' : type === 2 ? '笔数' : ''}`
} }
defineExpose({ defineExpose({
@ -598,7 +599,7 @@ defineExpose({
<div class="newCoreBusinessBox"> <div class="newCoreBusinessBox">
<div class="newCoreBusinessItem"> <div class="newCoreBusinessItem">
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('门店') }}</div> <div class="newCoreBusinessItemLabel">{{ getDisplayLabel('门店', 2) }}</div>
<div class="newCoreBusinessItemValueBox"> <div class="newCoreBusinessItemValueBox">
<div class="newCoreBusinessItemValue"> <div class="newCoreBusinessItemValue">
<NumberRoller :value="revenueDisplay.value" :duration="1000" :decimals="2" /> <NumberRoller :value="revenueDisplay.value" :duration="1000" :decimals="2" />
@ -614,7 +615,7 @@ defineExpose({
</div> </div>
<div class="newCoreBusinessItem"> <div class="newCoreBusinessItem">
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('油品') }}</div> <div class="newCoreBusinessItemLabel">{{ getDisplayLabel('油品', 1) }}</div>
<div class="newCoreBusinessItemValueBox"> <div class="newCoreBusinessItemValueBox">
<div class="newCoreBusinessItemValue"> <div class="newCoreBusinessItemValue">
<NumberRoller :value="oilDisplay.value" :duration="1000" :decimals="2" /> <NumberRoller :value="oilDisplay.value" :duration="1000" :decimals="2" />
@ -629,7 +630,7 @@ defineExpose({
</div> </div>
<div class="newCoreBusinessItem"> <div class="newCoreBusinessItem">
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('加水') }}</div> <div class="newCoreBusinessItemLabel">{{ getDisplayLabel('加水', 1) }}</div>
<div class="newCoreBusinessItemValueBox"> <div class="newCoreBusinessItemValueBox">
<div class="newCoreBusinessItemValue"> <div class="newCoreBusinessItemValue">
<NumberRoller :value="waterDisplay.value" :duration="1000" :decimals="2" /> <NumberRoller :value="waterDisplay.value" :duration="1000" :decimals="2" />
@ -644,7 +645,7 @@ defineExpose({
</div> </div>
<div class="newCoreBusinessItem"> <div class="newCoreBusinessItem">
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('尿素') }}</div> <div class="newCoreBusinessItemLabel">{{ getDisplayLabel('尿素', 1) }}</div>
<div class="newCoreBusinessItemValueBox"> <div class="newCoreBusinessItemValueBox">
<div class="newCoreBusinessItemValue"> <div class="newCoreBusinessItemValue">
<NumberRoller :value="ureaDisplay.value" :duration="1000" :decimals="2" /> <NumberRoller :value="ureaDisplay.value" :duration="1000" :decimals="2" />
@ -659,7 +660,7 @@ defineExpose({
</div> </div>
<div class="newCoreBusinessItem"> <div class="newCoreBusinessItem">
<div class="newCoreBusinessItemLabel">{{ getDisplayLabel('充电') }}</div> <div class="newCoreBusinessItemLabel">{{ getDisplayLabel('充电', 2) }}</div>
<div class="newCoreBusinessItemValueBox"> <div class="newCoreBusinessItemValueBox">
<div class="newCoreBusinessItemValue"> <div class="newCoreBusinessItemValue">
<NumberRoller :value="chargingDisplay.value" :duration="1000" :decimals="2" /> <NumberRoller :value="chargingDisplay.value" :duration="1000" :decimals="2" />

32
src/page/index/components/MemberMall/index.vue
View File

@ -11,8 +11,8 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
<!-- 会员总数 --> <!-- 会员总数 -->
<div class="MemberSumBox"> <div class="MemberSumBox">
<div class="MemberSumBoxLeft">会员总数</div> <div class="MemberSumBoxLeft">会员总数</div>
<div class="memberSumTotal">15071</div> <div class="memberSumTotal">16355</div>
<div class="MemberSumBoxRight">本月新增 146 个</div> <div class="MemberSumBoxRight">本月新增 849 个</div>
</div> </div>
<!-- 近30天数据 --> <!-- 近30天数据 -->
@ -21,22 +21,22 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
<div class="recentData"> <div class="recentData">
<div class="recentDataTop"> <div class="recentDataTop">
<div class="recentDataTopItem" style="left: 22px;top: 31px;"> <div class="recentDataTopItem" style="left: 22px;top: 31px;">
<div class="recentDataTopValue">270</div> <div class="recentDataTopValue">849</div>
<div class="recentDataTopLabel">新增会员数</div> <div class="recentDataTopLabel">新增会员数</div>
</div> </div>
<div class="recentDataTopItem" style="left: 30%;top: 0;"> <div class="recentDataTopItem" style="left: 30%;top: 0;">
<div class="recentDataTopValue">3203</div> <div class="recentDataTopValue">1.4w</div>
<div class="recentDataTopLabel">打开次数</div> <div class="recentDataTopLabel">打开次数</div>
</div> </div>
<div class="recentDataTopItem" style="right: 30%;top: 0;"> <div class="recentDataTopItem" style="right: 30%;top: 0;">
<div class="recentDataTopValue">757</div> <div class="recentDataTopValue">1443</div>
<div class="recentDataTopLabel">新增人数</div> <div class="recentDataTopLabel">新增人数</div>
</div> </div>
<div class="recentDataTopItem" style="right: 8px;top: 31px;"> <div class="recentDataTopItem" style="right: 8px;top: 31px;">
<div class="recentDataTopValue">1914</div> <div class="recentDataTopValue">2580</div>
<div class="recentDataTopLabel">访问人数</div> <div class="recentDataTopLabel">访问人数</div>
</div> </div>
@ -51,13 +51,13 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
<div class="MemberConsumptionItem"> <div class="MemberConsumptionItem">
<div class="MemberConsumptionLabel">会员消费笔数</div> <div class="MemberConsumptionLabel">会员消费笔数</div>
<div class="MemberConsumptionProgress"></div> <div class="MemberConsumptionProgress"></div>
<div class="MemberConsumptionValue">104</div> <div class="MemberConsumptionValue">1713</div>
</div> </div>
<div class="MemberConsumptionItem" style="margin-top: 18px;"> <div class="MemberConsumptionItem" style="margin-top: 18px;">
<div class="MemberConsumptionLabel">会员总销售额</div> <div class="MemberConsumptionLabel">会员总销售额</div>
<div class="MemberConsumptionProgress2"></div> <div class="MemberConsumptionProgress2"></div>
<div class="MemberConsumptionValue">47,550.60</div> <div class="MemberConsumptionValue">570,160.4</div>
</div> </div>
</div> </div>
@ -65,22 +65,22 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
<div class="MemberContentBoxItem"> <div class="MemberContentBoxItem">
<div class="MemberContentBoxItemBox"> <div class="MemberContentBoxItemBox">
<div class="MemberContentBoxItemLabel">工会会员</div> <div class="MemberContentBoxItemLabel">工会会员</div>
<div class="MemberContentBoxItemValue">1782</div> <div class="MemberContentBoxItemValue">2382</div>
</div> </div>
<div class="MemberContentBoxItemBox" style="margin-top: 18px;"> <div class="MemberContentBoxItemBox" style="margin-top: 18px;">
<div class="MemberContentBoxItemLabel">会员占比</div> <div class="MemberContentBoxItemLabel">会员占比</div>
<div class="MemberContentBoxItemValue">11.82%</div> <div class="MemberContentBoxItemValue">14.56%</div>
</div> </div>
</div> </div>
<div class="MemberContentBoxItem"> <div class="MemberContentBoxItem">
<div class="MemberContentBoxItemBox"> <div class="MemberContentBoxItemBox">
<div class="MemberContentBoxItemLabel">会员转化率</div> <div class="MemberContentBoxItemLabel">会员转化率</div>
<div class="MemberContentBoxItemValue">32.17%</div> <div class="MemberContentBoxItemValue">68.72%</div>
</div> </div>
<div class="MemberContentBoxItemBox" style="margin-top: 18px;"> <div class="MemberContentBoxItemBox" style="margin-top: 18px;">
<div class="MemberContentBoxItemLabel">会员增长率</div> <div class="MemberContentBoxItemLabel">会员增长率</div>
<div class="MemberContentBoxItemValue">0.97%</div> <div class="MemberContentBoxItemValue">5.48%</div>
</div> </div>
</div> </div>
</div> </div>
@ -91,22 +91,22 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
<div class="MemberOverview"> <div class="MemberOverview">
<div class="MemberOverviewItem"> <div class="MemberOverviewItem">
<div class="MemberOverviewItemTop">99</div> <div class="MemberOverviewItemTop">1272</div>
<div class="MemberOverviewItemBottom">购买人数</div> <div class="MemberOverviewItemBottom">购买人数</div>
</div> </div>
<div class="MemberOverviewItem"> <div class="MemberOverviewItem">
<div class="MemberOverviewItemTop">480.31</div> <div class="MemberOverviewItemTop">448.24</div>
<div class="MemberOverviewItemBottom">人均消费金额</div> <div class="MemberOverviewItemBottom">人均消费金额</div>
</div> </div>
<div class="MemberOverviewItem"> <div class="MemberOverviewItem">
<div class="MemberOverviewItemTop">461.66</div> <div class="MemberOverviewItemTop">332.84</div>
<div class="MemberOverviewItemBottom">客单价</div> <div class="MemberOverviewItemBottom">客单价</div>
</div> </div>
<div class="MemberOverviewItem"> <div class="MemberOverviewItem">
<div class="MemberOverviewItemTop">2.02%</div> <div class="MemberOverviewItemTop">16.67%</div>
<div class="MemberOverviewItemBottom">会员复购率</div> <div class="MemberOverviewItemBottom">会员复购率</div>
</div> </div>
</div> </div>