| | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="4" class="mb-10"> |
| | | <el-card> |
| | | <div class="statistic-title">销售合计</div> |
| | | <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-col> |
| | | </el-row> |
| | | </div> |
| | | <el-bus-crud v-bind="tableConfig" /> |
| | | <el-bus-crud ref="crud" v-bind="tableConfig" /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | 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, |
| | |
| | | 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') |
| | | }, |
| | |
| | | minWidth: 120, |
| | | fixed: 'left', |
| | | }, |
| | | { label: '销售额', prop: 'orderTotal', minWidth: 120 }, |
| | | { label: '销售额(原订单)', prop: 'orderTotal', minWidth: 120 }, |
| | | { label: '销售额(实付)', prop: 'totalAmount', minWidth: 120 }, |
| | | { |
| | | label: '花农底价', |
| | | prop: 'orderSupplierPriceAmount', |
| | |
| | | { 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', |
| | |
| | | }, |
| | | customClass: 'in-bus-form', |
| | | commonRules: true, |
| | | default: [startDate, endDate], |
| | | default: [defaultDate, defaultDate], |
| | | }, |
| | | { ...getPartnerListConfig(), label: '合伙人' }, |
| | | ], |
| | |
| | | </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> |