From 4aad49e92a93eb9f708918a8c5ba7af2cf862bdc Mon Sep 17 00:00:00 2001
From: mayf <m13160102112@163.com>
Date: 星期二, 08 十月 2024 19:26:50 +0800
Subject: [PATCH] 财务报表优化

---
 pages/report/finance/index.vue |  155 +++++++++++++++++++++++++++------------------------
 1 files changed, 82 insertions(+), 73 deletions(-)

diff --git a/pages/report/finance/index.vue b/pages/report/finance/index.vue
index 41af41c..e04b403 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,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: [
           {

--
Gitblit v1.9.3