liaofei
/
mall-app-t
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf(首页)

This commit is contained in:
Ankkaya 2024-09-12 18:23:14 +08:00
parent c6f1d562ad
commit 250f08c074
1 changed files with 35 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
pages/index/index.vue
View File

@ -32,13 +32,23 @@
</view> </view>
</view> </view>
<view class="more ss-m-t-70"> <view class="more ss-m-t-80">
<view class="title ss-m-b-30">基础数据</view> <view class="title ss-m-b-30">今日数据</view>
<view class="items"> <view class="items">
<view class="item" v-for="(item, index) in state.more" :key="item.name"> <view class="item" v-for="(item, index) in state.now" :key="item.name">
<view class="label">{{ item.name }}</view>
<view class="value">{{ index !== 0 ? item.value : fen2yuan(item.value) }}</view>
<!-- <view class="last"> 昨日 {{ index === 0 ? fen2yuan(item.last) : item.last ? item.last : 0 }} </view> -->
</view>
</view>
</view>
<view class="more ss-m-t-40">
<view class="title ss-m-b-30">昨日数据</view>
<view class="items">
<view class="item" v-for="(item, index) in state.yesterday" :key="item.name">
<view class="label">{{ item.name }}</view> <view class="label">{{ item.name }}</view>
<view class="value">{{ index !== 0 ? item.value : fen2yuan(item.value) }}</view> <view class="value">{{ index !== 0 ? item.value : fen2yuan(item.value) }}</view>
<view class="last"> 昨日 {{ index === 0 ? fen2yuan(item.last) : item.last ? item.last : 0 }} </view>
</view> </view>
</view> </view>
</view> </view>
@ -71,18 +81,16 @@ const state = ref({
refundCount: 0, refundCount: 0,
refundAmount: 0, refundAmount: 0,
}, },
more: [ now: [
{ {
name: '销售金额', name: '销售金额',
key: 'Amount', key: 'Amount',
value: 0, value: 0,
last: 0,
}, },
{ {
name: '订单数', name: '订单数',
key: 'orderCount', key: 'orderCount',
value: 0, value: 0,
last: 0,
}, },
{ {
name: '待核销', name: '待核销',
@ -95,6 +103,18 @@ const state = ref({
value: 0, value: 0,
}, },
], ],
yesterday: [
{
name: '销售金额',
key: 'Amount',
value: 0,
},
{
name: '订单数',
key: 'orderCount',
value: 0,
},
],
}) })
const userStore = $store('user') const userStore = $store('user')
@ -109,12 +129,12 @@ async function getStatistic() {
state.value.statistic[key] = res.data[key] state.value.statistic[key] = res.data[key]
} }
state.value.more[0].value = res.data.todayPaymentAmount ?? 0 state.value.now[0].value = res.data.todayPaymentAmount ?? 0
state.value.more[0].last = res.data.yesterdaySalesAmount ?? 0 state.value.yesterday[0].value = res.data.yesterdaySalesAmount ?? 0
state.value.more[1].value = res.data.orderCount state.value.now[1].value = res.data.orderCount
state.value.more[1].last = res.data.yesterdayOrderCount state.value.yesterday[1].value = res.data.yesterdayOrderCount
state.value.more[2].value = res.data.verificationOrderCount state.value.now[2].value = res.data.verificationOrderCount
state.value.more[3].value = res.data.deliveryOrderCount state.value.now[3].value = res.data.deliveryOrderCount
} }
/** /**
@ -227,8 +247,8 @@ onShow(() => {
padding: 19rpx 32rpx; padding: 19rpx 32rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-around;
height: 170rpx; height: 120rpx;
.name { .name {
font-weight: 600; font-weight: 600;
color: var(--ui-TC); color: var(--ui-TC);