From 62fc9aeb10edb2295ec221d4a814f3fb9feaf5ae Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期三, 18 十二月 2024 09:38:07 +0800 Subject: [PATCH] 1.报表等修改 2.商品分类下拉查询 --- pages/report/finance/index.vue | 329 ++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 241 insertions(+), 88 deletions(-) diff --git a/pages/report/finance/index.vue b/pages/report/finance/index.vue index 0e6a193..e3c4fd4 100644 --- a/pages/report/finance/index.vue +++ b/pages/report/finance/index.vue @@ -1,78 +1,207 @@ <template> <div> - <el-row :gutter="20"> - <el-col :span="4" class="mb-10"> + <div v-loading="statisticLoading"> + + <el-row :gutter="20"> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">销售合计(原订单)</div> + <div class="statistic-num">{{ statistic.orderTotal || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">销售合计(实付)</div> + <div class="statistic-num">{{ statistic.totalAmount || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">底价合计</div> + <div class="statistic-num"> + {{ statistic.orderSupplierPriceAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">区间加价</div> + <div class="statistic-num"> + {{ statistic.orderMarkupOneAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">平台加价</div> + <div class="statistic-num"> + {{ statistic.orderMarkupTwoAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">合伙人加价</div> + <div class="statistic-num"> + {{ statistic.orderMarkupPartnerAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">包干费合计</div> + <div class="statistic-num"> + {{ statistic.partnerTotalFeeAmount || 0 }} + </div> + </el-card> + </el-col> + </el-row> + <el-row :gutter="20"> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">质检总扣款</div> + <div class="statistic-num"> + <!-- {{ statistic.checkTotalFee || 0 }} --> + {{ statistic.orderCheckTotalFee || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> <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"> + <div class="statistic-title">缺货扣款</div> + <div class="statistic-num">{{ statistic.orderLackFeeSupplier || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> <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"> + <div class="statistic-title">补货扣款</div> + <div class="statistic-num">{{ statistic.orderReplaceFee || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> <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> - <el-bus-crud v-bind="tableConfig" /> + <div class="statistic-title">降级扣款</div> + <div class="statistic-num">{{ statistic.orderCheckFee || 0 }}</div> + </el-card> + </el-col> + </el-row> + <el-row :gutter="20"> + <!-- <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">售后总扣款</div> + <div class="statistic-num">{{ statistic.saleTotalFee || 0 }}</div> + </el-card> + </el-col> --> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">售后总扣款</div> + <div class="statistic-num">{{ statistic.orderTotalFee || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">售后供应商扣款</div> + <div class="statistic-num">{{ statistic.orderFeeSupplier || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">售后平台扣款</div> + <div class="statistic-num">{{ statistic.orderFeePlatform || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">售后合伙人扣款</div> + <div class="statistic-num">{{ statistic.orderFeePartner || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">售后打包扣款</div> + <div class="statistic-num">{{ statistic.orderFeePlatformPack || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">售后质检扣款</div> + <div class="statistic-num">{{ statistic.orderFeePlatformCheck || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">售后物流扣款</div> + <div class="statistic-num">{{ statistic.orderFeePlatformTransport || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">售后打包运费扣款</div> + <div class="statistic-num">{{ statistic.orderFeePackingTransport || 0 }}</div> + </el-card> + </el-col> + </el-row> + <el-row :gutter="20"> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">优惠合计</div> + <div class="statistic-num"> + <!-- {{ statistic.discountTotalFee || 0 }} --> + {{ statistic.orderDiscountTotalFee || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">会员折扣</div> + <div class="statistic-num"> + {{ statistic.orderPriceDiscountAmount || 0 }} + </div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">优惠券</div> + <div class="statistic-num"> + {{ statistic.orderCouponAmountTotal || 0 }} + </div> + </el-card> + </el-col> + </el-row> + <el-row :gutter="20"> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">总销售扎数</div> + <div class="statistic-num">{{ statistic.orderNum || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">实际销售扎数</div> + <div class="statistic-num">{{ statistic.realSaleNum || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">缺货扎数</div> + <div class="statistic-num">{{ statistic.orderLackNum || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">降级扎数</div> + <div class="statistic-num">{{ statistic.orderReduceNum || 0 }}</div> + </el-card> + </el-col> + <el-col :span="3" class="mb-2"> + <el-card> + <div class="statistic-title">补货扎数</div> + <div class="statistic-num">{{ statistic.orderReplaceNum || 0 }}</div> + </el-card> + </el-col> + </el-row> + </div> + <el-bus-crud ref="crud" v-bind="tableConfig" /> </div> </template> @@ -83,21 +212,26 @@ dayjs.locale('zh-cn') export default { data() { - const endDate = `${dayjs().format('YYYY-MM-DD')} 00:00:00` - const startDate = `${dayjs() - .subtract(1, 'month') - .format('YYYY-MM-DD')} 23:59:59` + const defaultDate = `${dayjs().format('YYYY-MM-DD')} 00:00:00` 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 searchFormRef = this.$refs.crud.$refs.searchForm + const searchFormValue = searchFormRef.getFormValue() const url = this.$router.resolve( - `/report/finance/${row.orderDate}` + `/report/finance/${row.orderDate}?partnerId=${ + searchFormValue?.partnerId || '' + }` ).href window.open(url, '_blank') }, @@ -106,11 +240,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 +270,7 @@ ) this.statistic = data || {} } + this.statisticLoading = false }, columns: [ { @@ -141,7 +279,8 @@ minWidth: 120, fixed: 'left', }, - { label: '销售额', prop: 'orderTotal', minWidth: 120 }, + { label: '销售额(原订单)', prop: 'orderTotal', minWidth: 120 }, + { label: '销售额(实付)', prop: 'totalAmount', minWidth: 120 }, { label: '花农底价', prop: 'orderSupplierPriceAmount', @@ -158,20 +297,31 @@ prop: 'orderMarkupPartnerAmount', minWidth: 120, }, - { - label: '会员折扣', - prop: 'orderPriceDiscountAmount', - minWidth: 120, - }, + { label: '优惠合计', prop: 'orderDiscountTotalFee', minWidth: 120,}, + { label: '会员折扣', prop: 'orderPriceDiscountAmount',minWidth: 120,}, { label: '优惠券', prop: 'orderCouponAmountTotal', minWidth: 120 }, + + { label: '质检总扣款', prop: 'orderCheckTotalFee', minWidth: 120 }, { label: '降级扣款', prop: 'orderCheckFee', minWidth: 120 }, { label: '缺货扣款', prop: 'orderLackFeeSupplier', minWidth: 120 }, { label: '补货扣款', prop: 'orderReplaceFee', minWidth: 120 }, - { label: '售后扣合伙人款', prop: 'orderFeePartner', minWidth: 150 }, - { label: '售后扣花农款', prop: 'orderFeeSupplier', minWidth: 150 }, - { label: '售后扣平台款', prop: 'orderFeePlatform', minWidth: 150 }, + + { label: '售后总扣款', prop: 'orderTotalFee', minWidth: 150 }, + { label: '售后供应商扣款', prop: 'orderFeeSupplier', minWidth: 150 }, + { label: '售后平台扣款', prop: 'orderFeePlatform', minWidth: 150 }, + { label: '售后合伙人扣款', prop: 'orderFeePartner', minWidth: 150 }, + { label: '售后打包扣款', prop: 'orderFeePlatformPack', minWidth: 150 }, + { label: '售后质检扣款', prop: 'orderFeePlatformCheck', minWidth: 150 }, + { label: '售后物流扣款', prop: 'orderFeePlatformTransport', minWidth: 150 }, + { label: '售后打包运费扣款', prop: 'orderFeePackingTransport', minWidth: 150 }, + { label: '总包干费', prop: 'partnerTotalFeeAmount', minWidth: 120 }, - { label: '销售扎数', prop: 'realSaleNum', minWidth: 120 }, + { label: '总售扎数', prop: 'orderNum', minWidth: 120 }, + { label: '实际销售扎数', prop: 'realSaleNum', minWidth: 120 }, + { label: '缺货扎数', prop: 'orderLackNum', minWidth: 120 }, + { label: '降级扎数', prop: 'orderReduceNum', minWidth: 120 }, + { label: '补货扎数', prop: 'orderReplaceNum', minWidth: 120 }, + { label: '利润', prop: 'profitFeeAmount', @@ -214,7 +364,7 @@ }, customClass: 'in-bus-form', commonRules: true, - default: [startDate, endDate], + default: [defaultDate, defaultDate], }, { ...getPartnerListConfig(), label: '合伙人' }, ], @@ -232,9 +382,11 @@ </script> <style lang="scss" scoped> +@import '@/assets/statistic/index.scss'; + .statistic-title { text-align: center; - font-size: 20px; + font-size: 16px; color: $main-title-color; font-weight: bold; margin-bottom: 6px; @@ -244,4 +396,5 @@ font-size: 16px; color: $primary-color; } + </style> -- Gitblit v1.9.3