From 295e9e81fde514ffd40d9ced5f19a55a2e7021ca Mon Sep 17 00:00:00 2001
From: mayf <m13160102112@163.com>
Date: 星期五, 01 十一月 2024 16:50:05 +0800
Subject: [PATCH] 增加上升下降图片
---
pages/report/finance/index.vue | 198 ++++++++++++++++++++++++++-----------------------
1 files changed, 104 insertions(+), 94 deletions(-)
diff --git a/pages/report/finance/index.vue b/pages/report/finance/index.vue
index 0e6a193..a6cdb12 100644
--- a/pages/report/finance/index.vue
+++ b/pages/report/finance/index.vue
@@ -1,78 +1,88 @@
<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>
- <el-bus-crud v-bind="tableConfig" />
+ <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.totalAmount || 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 ref="crud" v-bind="tableConfig" />
</div>
</template>
@@ -83,21 +93,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 +121,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 +151,7 @@
)
this.statistic = data || {}
}
+ this.statisticLoading = false
},
columns: [
{
@@ -141,7 +160,8 @@
minWidth: 120,
fixed: 'left',
},
- { label: '销售额', prop: 'orderTotal', minWidth: 120 },
+ { label: '销售额(原订单)', prop: 'orderTotal', minWidth: 120 },
+ { label: '销售额(实付)', prop: 'totalAmount', minWidth: 120 },
{
label: '花农底价',
prop: 'orderSupplierPriceAmount',
@@ -171,7 +191,8 @@
{ label: '售后扣花农款', prop: 'orderFeeSupplier', minWidth: 150 },
{ label: '售后扣平台款', prop: 'orderFeePlatform', minWidth: 150 },
{ label: '总包干费', prop: 'partnerTotalFeeAmount', minWidth: 120 },
- { label: '销售扎数', prop: 'realSaleNum', minWidth: 120 },
+ { label: '总售扎数', prop: 'orderNum', minWidth: 120 },
+ { label: '实际销售扎数', prop: 'realSaleNum', minWidth: 120 },
{
label: '利润',
prop: 'profitFeeAmount',
@@ -214,7 +235,7 @@
},
customClass: 'in-bus-form',
commonRules: true,
- default: [startDate, endDate],
+ default: [defaultDate, defaultDate],
},
{ ...getPartnerListConfig(), label: '合伙人' },
],
@@ -232,16 +253,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