From 3c0375d675136df3225fe19329920f8ff675ed29 Mon Sep 17 00:00:00 2001 From: mayf <m13160102112@163.com> Date: 星期六, 12 十月 2024 13:59:50 +0800 Subject: [PATCH] 花农报表 --- pages/report/finance/index.vue | 171 ++++++++++++++++++++++++++++---------------------------- 1 files changed, 86 insertions(+), 85 deletions(-) diff --git a/pages/report/finance/index.vue b/pages/report/finance/index.vue index 0e6a193..a490242 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,12 +93,16 @@ .format('YYYY-MM-DD')} 23:59:59` return { statistic: {}, + statisticLoading: false, tableConfig: { url: 'flower/v2/report/order/sale/page', hasNew: false, hasEdit: false, hasDelete: false, viewText: '明细', + hasExport: true, + exportUrl: 'flower/v2/report/order/sale/export', + exportText: '导出', onResetView: (row) => { const url = this.$router.resolve( `/report/finance/${row.orderDate}` @@ -106,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) + @@ -133,6 +144,7 @@ ) this.statistic = data || {} } + this.statisticLoading = false }, columns: [ { @@ -232,16 +244,5 @@ </script> <style lang="scss" scoped> -.statistic-title { - text-align: center; - font-size: 20px; - color: $main-title-color; - font-weight: bold; - margin-bottom: 6px; -} -.statistic-num { - text-align: center; - font-size: 16px; - color: $primary-color; -} +@import '@/assets/statistic/index.scss'; </style> -- Gitblit v1.9.3