财务报表优化

mayf

2024-10-08 4aad49e92a93eb9f708918a8c5ba7af2cf862bdc

财务报表优化

 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: [
          {