From 4aad49e92a93eb9f708918a8c5ba7af2cf862bdc Mon Sep 17 00:00:00 2001 From: mayf <m13160102112@163.com> Date: 星期二, 08 十月 2024 19:26:50 +0800 Subject: [PATCH] 财务报表优化 --- pages/report/finance/index.vue | 155 +++++++++++++++++++++++++++------------------------ 1 files changed, 82 insertions(+), 73 deletions(-) diff --git a/pages/report/finance/index.vue b/pages/report/finance/index.vue index 41af41c..e04b403 100644 --- a/pages/report/finance/index.vue +++ b/pages/report/finance/index.vue @@ -1,77 +1,81 @@ <template> <div> - <el-row :gutter="20"> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">销售合计</div> - <div class="statistic-num">{{ statistic.orderTotal || 0 }}</div> - </el-card> - </el-col> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">底价合计</div> - <div class="statistic-num"> - {{ statistic.orderSupplierPriceAmount || 0 }} - </div> - </el-card> - </el-col> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">区间加价</div> - <div class="statistic-num"> - {{ statistic.orderMarkupOneAmount || 0 }} - </div> - </el-card> - </el-col> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">平台加价</div> - <div class="statistic-num"> - {{ statistic.orderMarkupTwoAmount || 0 }} - </div> - </el-card> - </el-col> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">合伙人加价</div> - <div class="statistic-num"> - {{ statistic.orderMarkupPartnerAmount || 0 }} - </div> - </el-card> - </el-col> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">质检扣款</div> - <div class="statistic-num">{{ statistic.checkTotalFee || 0 }}</div> - </el-card> - </el-col> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">售后扣款</div> - <div class="statistic-num">{{ statistic.saleTotalFee || 0 }}</div> - </el-card> - </el-col> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">优惠合计</div> - <div class="statistic-num">{{ statistic.discountTotalFee || 0 }}</div> - </el-card> - </el-col> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">包干费合计</div> - <div class="statistic-num"> - {{ statistic.partnerTotalFeeAmount || 0 }} - </div> - </el-card> - </el-col> - <el-col :span="4" class="mb-10"> - <el-card> - <div class="statistic-title">销售扎数</div> - <div class="statistic-num">{{ statistic.realSaleNum || 0 }}</div> - </el-card> - </el-col> - </el-row> + <div v-loading="statisticLoading"> + <el-row :gutter="20"> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">销售合计</div> + <div class="statistic-num">{{ statistic.orderTotal || 0 }}</div> + </el-card> + </el-col> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">底价合计</div> + <div class="statistic-num"> + {{ statistic.orderSupplierPriceAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">区间加价</div> + <div class="statistic-num"> + {{ statistic.orderMarkupOneAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">平台加价</div> + <div class="statistic-num"> + {{ statistic.orderMarkupTwoAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">合伙人加价</div> + <div class="statistic-num"> + {{ statistic.orderMarkupPartnerAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">质检扣款</div> + <div class="statistic-num">{{ statistic.checkTotalFee || 0 }}</div> + </el-card> + </el-col> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">售后扣款</div> + <div class="statistic-num">{{ statistic.saleTotalFee || 0 }}</div> + </el-card> + </el-col> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">优惠合计</div> + <div class="statistic-num"> + {{ statistic.discountTotalFee || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">包干费合计</div> + <div class="statistic-num"> + {{ statistic.partnerTotalFeeAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="4" class="mb-10"> + <el-card> + <div class="statistic-title">销售扎数</div> + <div class="statistic-num">{{ statistic.realSaleNum || 0 }}</div> + </el-card> + </el-col> + </el-row> + </div> <el-bus-crud v-bind="tableConfig" /> </div> </template> @@ -89,6 +93,7 @@ .format('YYYY-MM-DD')} 23:59:59` return { statistic: {}, + statisticLoading: false, tableConfig: { url: 'flower/v2/report/order/sale/page', hasNew: false, @@ -109,11 +114,14 @@ fixed: 'right', }, beforeRequest: async (params) => { - const { code, data } = await this.$elBusHttp.request( + this.statisticLoading = true + // eslint-disable-next-line + let { code, data } = await this.$elBusHttp.request( `flower/v2/report/order/sale/statis`, { params } ) if (code === 0) { + data = data || {} data.checkTotalFee = Number( ( (data.orderCheckFee ?? 0) + @@ -136,6 +144,7 @@ ) this.statistic = data || {} } + this.statisticLoading = false }, columns: [ { -- Gitblit v1.9.3