优化财务相关功能

manager/MIGRATION-VUE3.md

@@ -56,4 +56,8 @@ yarn install
 yarn run dev
 ```
 
-Node **18+**，包管理统一 **yarn**。
+Node **16+**，包管理统一 **yarn**。
+
+## 上线前检查
+
+四端统一清单（认证、axios、Element Plus、分端专项）：[../MIGRATION-VUE3.md](../MIGRATION-VUE3.md)

manager/src/api/finance.js

@@ -0,0 +1,75 @@
+/**
+ * 管理端财务中心 API。
+ * 导出类接口返回 blob，需配合 downloadBlob 触发浏览器下载。
+ */
+import { getRequest, postBlobRequest } from "@/libs/axios";
+
+/** 导出支付流水（筛选条件同 paymentLog 列表） */
+export const exportPaymentFlow = (params) => {
+  return getRequest("/finance/payment-flow/export", params, "blob");
+};
+
+/** 导出退款流水 */
+export const exportRefundFlow = (params) => {
+  return getRequest("/finance/refund-flow/export", params, "blob");
+};
+
+/** 导出钱包流水 */
+export const exportWalletLog = (params) => {
+  return getRequest("/finance/wallet-log/export", params, "blob");
+};
+
+/** 导出结算单列表（仅汇总行） */
+export const exportBillList = (params) => {
+  return getRequest("/finance/bill-list/export", params, "blob");
+};
+
+/** 批量下载结算单 ZIP */
+export const batchDownloadBills = (billIds) => {
+  return postBlobRequest("/finance/bill/batchDownload", billIds);
+};
+
+/** 平台经营报表查询 */
+export const getPlatformReport = (params) => {
+  return getRequest("/finance/report/platform", params);
+};
+
+/** 导出平台经营报表 */
+export const exportPlatformReport = (params) => {
+  return getRequest("/finance/report/platform/export", params, "blob");
+};
+
+/** 店铺结算汇总查询 */
+export const getStoreSettlementReport = (params) => {
+  return getRequest("/finance/report/store-settlement", params);
+};
+
+/** 导出店铺结算汇总 */
+export const exportStoreSettlementReport = (params) => {
+  return getRequest("/finance/report/store-settlement/export", params, "blob");
+};
+
+/** 支付方式汇总查询 */
+export const getPaymentMethodReport = (params) => {
+  return getRequest("/finance/report/payment-method", params);
+};
+
+/** 导出支付方式汇总 */
+export const exportPaymentMethodReport = (params) => {
+  return getRequest("/finance/report/payment-method/export", params, "blob");
+};
+
+/** 结算台账查询 */
+export const getSettlementLedger = (params) => {
+  return getRequest("/finance/report/settlement-ledger", params);
+};
+
+/** 导出结算台账 */
+export const exportSettlementLedger = (params) => {
+  return getRequest("/finance/report/settlement-ledger/export", params, "blob");
+};
+
+/** 退款流水分页（财务中心页面复用） */
+export const refundLogPage = (params) => {
+  return getRequest("/order/refundLog", params);
+};

manager/src/libs/axios.js

@@ -189,6 +189,20 @@ export const getRequest = (url, params, resBlob) => {
 };
 
 
+export const postBlobRequest = (url, data) => {
+  let accessToken = getStore("accessToken");
+  return service({
+    method: "post",
+    url: `${url}`,
+    data: data,
+    responseType: "blob",
+    headers: {
+      "Content-Type": "application/json",
+      accessToken: accessToken
+    }
+  });
+};
+
 export const postRequest = (url, params, headers) => {
   let accessToken = getStore("accessToken");
   return service({

manager/src/router/router.js

@@ -348,6 +348,42 @@ export const otherRouter = {
       title: "查看直播",
       name: "live-detail",
       component: () => import("@/views/promotions/live/live-detail.vue")
+    },
+    {
+      path: "finance-platform-report",
+      title: "平台经营报表",
+      name: "finance-platform-report",
+      component: () => import("@/views/finance/platform-report.vue")
+    },
+    {
+      path: "finance-store-settlement",
+      title: "店铺结算汇总",
+      name: "finance-store-settlement",
+      component: () => import("@/views/finance/store-settlement.vue")
+    },
+    {
+      path: "finance-payment-method",
+      title: "支付方式汇总",
+      name: "finance-payment-method",
+      component: () => import("@/views/finance/payment-method.vue")
+    },
+    {
+      path: "finance-settlement-ledger",
+      title: "结算台账",
+      name: "finance-settlement-ledger",
+      component: () => import("@/views/finance/settlement-ledger.vue")
+    },
+    {
+      path: "finance-refund-log",
+      title: "退款流水",
+      name: "finance-refund-log",
+      component: () => import("@/views/finance/refundLog.vue")
+    },
+    {
+      path: "finance-wallet-log",
+      title: "钱包流水",
+      name: "finance-wallet-log",
+      component: () => import("@/views/finance/walletLog.vue")
     }
   ]
 };

manager/src/utils/downloadBlob.js

@@ -0,0 +1,15 @@
+/**
+ * 触发浏览器下载 blob 响应
+ */
+export function downloadBlob(blob, filename) {
+  if (!blob) return;
+  const link = document.createElement("a");
+  link.style.display = "none";
+  const url = window.URL.createObjectURL(new Blob([blob]));
+  link.href = url;
+  link.download = filename;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  window.URL.revokeObjectURL(url);
+}

manager/src/utils/filters.js

@@ -184,8 +184,6 @@ export function unixSellerBillStatus(status_code) {
       return '已出账'
     case 'CHECK':
       return '已对账'
-    case 'EXAMINE':
-      return '已审核'
     case 'PAY':
       return '已结算'
     case 'COMPLETE':

manager/src/views/finance/payment-method.vue

@@ -0,0 +1,62 @@
+<template>
+  <div class="search">
+    <el-card>
+      <el-form inline>
+        <el-form-item label="日期范围">
+          <el-date-picker v-model="dateRange" type="daterange" value-format="YYYY-MM-DD" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="loadData">查询</el-button>
+          <el-button @click="handleExport">导出</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card class="mt_10">
+      <el-table v-loading="loading" border :data="data">
+        <el-table-column prop="period" label="日期" width="120" />
+        <el-table-column prop="paymentName" label="支付方式" width="140" />
+        <el-table-column prop="payCount" label="支付笔数" width="100" />
+        <el-table-column prop="payAmount" label="支付金额" width="120" />
+        <el-table-column prop="refundCount" label="退款笔数" width="100" />
+        <el-table-column prop="refundAmount" label="退款金额" width="120" />
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import * as API_Finance from "@/api/finance";
+import { downloadBlob } from "@/utils/downloadBlob";
+
+export default {
+  name: "finance-payment-method",
+  data() {
+    return { loading: false, dateRange: [], data: [] };
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    buildParams() {
+      const p = {};
+      if (this.dateRange?.length === 2) {
+        p.startDate = this.dateRange[0];
+        p.endDate = this.dateRange[1];
+      }
+      return p;
+    },
+    loadData() {
+      this.loading = true;
+      API_Finance.getPaymentMethodReport(this.buildParams()).then((res) => {
+        this.loading = false;
+        if (res.success) this.data = res.result || [];
+      });
+    },
+    handleExport() {
+      API_Finance.exportPaymentMethodReport(this.buildParams()).then((blob) => {
+        downloadBlob(blob, "支付方式汇总.xlsx");
+      });
+    },
+  },
+};
+</script>

manager/src/views/finance/platform-report.vue

@@ -0,0 +1,82 @@
+<template>
+  <div class="search">
+    <el-card>
+      <el-form inline>
+        <el-form-item label="日期范围">
+          <el-date-picker
+            v-model="dateRange"
+            type="daterange"
+            value-format="YYYY-MM-DD"
+            start-placeholder="开始"
+            end-placeholder="结束"
+          />
+        </el-form-item>
+        <el-form-item label="粒度">
+          <el-select v-model="params.granularity" style="width: 120px">
+            <el-option label="按日" value="DAY" />
+            <el-option label="按月" value="MONTH" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="loadData">查询</el-button>
+          <el-button @click="handleExport">导出</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card class="mt_10">
+      <el-table v-loading="loading" border :data="data" style="width: 100%">
+        <el-table-column prop="period" label="周期" width="120" />
+        <el-table-column prop="gmv" label="GMV" width="110" />
+        <el-table-column prop="refundAmount" label="退款" width="110" />
+        <el-table-column prop="netGmv" label="净GMV" width="110" />
+        <el-table-column prop="commissionIncome" label="佣金收入" width="110" />
+        <el-table-column prop="couponSubsidy" label="券补贴" width="110" />
+        <el-table-column prop="giftCardSubsidy" label="礼品卡补贴" width="120" />
+        <el-table-column prop="distributionExpense" label="分销支出" width="110" />
+        <el-table-column prop="storeSettlementTotal" label="商家应结" width="120" />
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import * as API_Finance from "@/api/finance";
+import { downloadBlob } from "@/utils/downloadBlob";
+
+export default {
+  name: "finance-platform-report",
+  data() {
+    return {
+      loading: false,
+      dateRange: [],
+      params: { granularity: "DAY" },
+      data: [],
+    };
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    buildParams() {
+      const p = { ...this.params };
+      if (this.dateRange && this.dateRange.length === 2) {
+        p.startDate = this.dateRange[0];
+        p.endDate = this.dateRange[1];
+      }
+      return p;
+    },
+    loadData() {
+      this.loading = true;
+      API_Finance.getPlatformReport(this.buildParams()).then((res) => {
+        this.loading = false;
+        if (res.success) this.data = res.result || [];
+      });
+    },
+    handleExport() {
+      API_Finance.exportPlatformReport(this.buildParams()).then((blob) => {
+        downloadBlob(blob, "平台经营报表.xlsx");
+      });
+    },
+  },
+};
+</script>

manager/src/views/finance/refundLog.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="search">
+    <el-card>
+      <el-form inline @keyup.enter="handleSearch">
+        <el-form-item label="订单号">
+          <el-input v-model="searchForm.orderSn" clearable style="width: 200px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">搜索</el-button>
+          <el-button @click="handleExport">导出</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card class="mt_10">
+      <el-table v-loading="loading" border :data="data">
+        <el-table-column prop="afterSaleNo" label="售后单号" min-width="160" />
+        <el-table-column prop="orderSn" label="订单号" min-width="160" />
+        <el-table-column prop="totalAmount" label="退款金额" width="110" />
+        <el-table-column prop="paymentName" label="退款方式" width="120" />
+        <el-table-column prop="isRefund" label="已退款" width="90" />
+        <el-table-column prop="createTime" label="创建时间" width="170" />
+      </el-table>
+      <div class="mt_10" style="display: flex; justify-content: flex-end">
+        <el-pagination
+          v-model:current-page="searchForm.pageNumber"
+          v-model:page-size="searchForm.pageSize"
+          :total="total"
+          layout="total, prev, pager, next"
+          size="small"
+          @current-change="getDataList"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import * as API_Finance from "@/api/finance";
+import { downloadBlob } from "@/utils/downloadBlob";
+
+export default {
+  name: "finance-refund-log",
+  data() {
+    return {
+      loading: false,
+      searchForm: { pageNumber: 1, pageSize: 20, orderSn: "" },
+      data: [],
+      total: 0,
+    };
+  },
+  mounted() {
+    this.getDataList();
+  },
+  methods: {
+    handleSearch() {
+      this.searchForm.pageNumber = 1;
+      this.getDataList();
+    },
+    getDataList() {
+      this.loading = true;
+      API_Finance.refundLogPage(this.searchForm).then((res) => {
+        this.loading = false;
+        if (res.success) {
+          this.data = res.result.records;
+          this.total = res.result.total;
+        }
+      });
+    },
+    handleExport() {
+      const { pageNumber, pageSize, ...rest } = this.searchForm;
+      API_Finance.exportRefundFlow(rest).then((blob) => {
+        downloadBlob(blob, "退款流水.xlsx");
+      });
+    },
+  },
+};
+</script>

manager/src/views/finance/settlement-ledger.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="search">
+    <el-card>
+      <el-button type="primary" @click="loadData">刷新</el-button>
+      <el-button @click="handleExport">导出</el-button>
+    </el-card>
+    <el-card class="mt_10">
+      <el-table v-loading="loading" border :data="data">
+        <el-table-column prop="storeName" label="店铺" min-width="140" />
+        <el-table-column prop="pendingFlowAmount" label="待结算流水" width="130" />
+        <el-table-column prop="outUnpaidAmount" label="已出账未付" width="130" />
+        <el-table-column prop="checkUnpaidAmount" label="已对账未付" width="130" />
+        <el-table-column prop="paidAmount" label="已付款累计" width="130" />
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import * as API_Finance from "@/api/finance";
+import { downloadBlob } from "@/utils/downloadBlob";
+
+export default {
+  name: "finance-settlement-ledger",
+  data() {
+    return { loading: false, data: [] };
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    loadData() {
+      this.loading = true;
+      API_Finance.getSettlementLedger({}).then((res) => {
+        this.loading = false;
+        if (res.success) this.data = res.result || [];
+      });
+    },
+    handleExport() {
+      API_Finance.exportSettlementLedger({}).then((blob) => {
+        downloadBlob(blob, "结算台账.xlsx");
+      });
+    },
+  },
+};
+</script>

manager/src/views/finance/store-settlement.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="search">
+    <el-card>
+      <el-form inline>
+        <el-form-item label="日期范围">
+          <el-date-picker v-model="dateRange" type="daterange" value-format="YYYY-MM-DD" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="loadData">查询</el-button>
+          <el-button @click="handleExport">导出</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card class="mt_10">
+      <el-table v-loading="loading" border :data="data">
+        <el-table-column prop="storeName" label="店铺" min-width="140" />
+        <el-table-column prop="orderPrice" label="订单实付" width="110" />
+        <el-table-column prop="refundPrice" label="退款" width="110" />
+        <el-table-column prop="commissionPrice" label="佣金" width="100" />
+        <el-table-column prop="billPrice" label="应结" width="110" />
+        <el-table-column prop="outBillAmount" label="已出账" width="110" />
+        <el-table-column prop="checkBillAmount" label="已对账" width="110" />
+        <el-table-column prop="completeBillAmount" label="已付款" width="110" />
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import * as API_Finance from "@/api/finance";
+import { downloadBlob } from "@/utils/downloadBlob";
+
+export default {
+  name: "finance-store-settlement",
+  data() {
+    return { loading: false, dateRange: [], data: [] };
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    buildParams() {
+      const p = {};
+      if (this.dateRange?.length === 2) {
+        p.startDate = this.dateRange[0];
+        p.endDate = this.dateRange[1];
+      }
+      return p;
+    },
+    loadData() {
+      this.loading = true;
+      API_Finance.getStoreSettlementReport(this.buildParams()).then((res) => {
+        this.loading = false;
+        if (res.success) this.data = res.result || [];
+      });
+    },
+    handleExport() {
+      API_Finance.exportStoreSettlementReport(this.buildParams()).then((blob) => {
+        downloadBlob(blob, "店铺结算汇总.xlsx");
+      });
+    },
+  },
+};
+</script>

manager/src/views/finance/walletLog.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="search">
+    <el-card>
+      <el-form inline>
+        <el-form-item label="会员">
+          <el-input v-model="searchForm.memberName" clearable style="width: 160px" />
+        </el-form-item>
+        <el-form-item label="日期">
+          <el-date-picker v-model="dateRange" type="daterange" value-format="YYYY-MM-DD" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">搜索</el-button>
+          <el-button @click="handleExport">导出</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card class="mt_10">
+      <el-table v-loading="loading" border :data="data">
+        <el-table-column prop="memberName" label="会员" width="140" />
+        <el-table-column prop="money" label="金额" width="110" />
+        <el-table-column prop="serviceType" label="业务类型" width="140" />
+        <el-table-column prop="detail" label="明细" min-width="200" show-overflow-tooltip />
+        <el-table-column prop="createTime" label="时间" width="170" />
+      </el-table>
+      <div class="mt_10" style="display: flex; justify-content: flex-end">
+        <el-pagination
+          v-model:current-page="pageNumber"
+          v-model:page-size="pageSize"
+          :total="total"
+          layout="total, prev, pager, next"
+          size="small"
+          @current-change="getDataList"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import * as API_Finance from "@/api/finance";
+import { getRequest } from "@/libs/axios";
+import { downloadBlob } from "@/utils/downloadBlob";
+
+export default {
+  name: "finance-wallet-log",
+  data() {
+    return {
+      loading: false,
+      searchForm: { memberName: "" },
+      dateRange: [],
+      pageNumber: 1,
+      pageSize: 20,
+      data: [],
+      total: 0,
+    };
+  },
+  mounted() {
+    this.getDataList();
+  },
+  methods: {
+    handleSearch() {
+      this.pageNumber = 1;
+      this.getDataList();
+    },
+    getDataList() {
+      this.loading = true;
+      const params = {
+        pageNumber: this.pageNumber,
+        pageSize: this.pageSize,
+        memberName: this.searchForm.memberName,
+      };
+      getRequest("/wallet/log", params).then((res) => {
+        this.loading = false;
+        if (res.success) {
+          this.data = res.result.records;
+          this.total = res.result.total;
+        }
+      }).catch(() => {
+        this.loading = false;
+      });
+    },
+    handleExport() {
+      const params = { memberName: this.searchForm.memberName };
+      if (this.dateRange?.length === 2) {
+        params.startDate = this.dateRange[0];
+        params.endDate = this.dateRange[1];
+      }
+      API_Finance.exportWalletLog(params).then((blob) => {
+        downloadBlob(blob, "钱包流水.xlsx");
+      });
+    },
+  },
+};
+</script>

manager/src/views/order/flow/paymentLog.vue

@@ -34,6 +34,7 @@
         </el-form-item>
         <el-form-item>
           <el-button type="primary" class="search-btn" @click="handleSearch">搜索</el-button>
+          <el-button class="search-btn" @click="handleExport">导出</el-button>
         </el-form-item>
       </el-form>
     </el-card>
@@ -113,6 +114,8 @@
 
 <script>
 import * as API_Order from "@/api/order";
+import * as API_Finance from "@/api/finance";
+import { downloadBlob } from "@/utils/downloadBlob";
 
 export default {
   name: "paymentLog",
@@ -164,6 +167,11 @@ export default {
         }
       });
     },
+    handleExport() {
+      API_Finance.exportPaymentFlow(this.searchForm).then((blob) => {
+        downloadBlob(blob, "支付流水.xlsx");
+      });
+    },
   },
   mounted() {
     this.init();

manager/src/views/seller/bill/accountStatementBill.vue

@@ -19,6 +19,8 @@
         </el-form-item>
         <el-form-item>
           <el-button type="primary" class="search-btn" @click="handleSearch">搜索</el-button>
+          <el-button class="search-btn" @click="handleExportList">导出列表</el-button>
+          <el-button class="search-btn" :disabled="selectCount === 0" @click="handleBatchDownload">批量下载</el-button>
         </el-form-item>
       </el-form>
     </el-card>
@@ -77,6 +79,8 @@
 
 <script>
 import * as API_Shop from "@/api/shops";
+import * as API_Finance from "@/api/finance";
+import { downloadBlob } from "@/utils/downloadBlob";
 
 export default {
   name: "bill",
@@ -100,11 +104,11 @@ export default {
   },
   methods: {
     billStatusText(v) {
-      const map = { OUT: "已出账", CHECK: "已对账", EXAMINE: "已审核", COMPLETE: "已付款" };
+      const map = { OUT: "已出账", CHECK: "已对账", COMPLETE: "已付款" };
       return map[v] || "已付款";
     },
     billStatusTagType(v) {
-      const map = { OUT: "primary", CHECK: "", EXAMINE: "warning", COMPLETE: "success" };
+      const map = { OUT: "primary", CHECK: "warning", COMPLETE: "success" };
       return map[v] || "success";
     },
     init() {
@@ -163,6 +167,23 @@ export default {
         query: { id: v.id },
       });
     },
+    handleExportList() {
+      const params = { ...this.searchForm };
+      delete params.billStatus;
+      API_Finance.exportBillList(params).then((blob) => {
+        downloadBlob(blob, "结算单列表.xlsx");
+      });
+    },
+    handleBatchDownload() {
+      if (this.selectCount <= 0) {
+        this.$Message.warning("请先选择结算单");
+        return;
+      }
+      const billIds = this.selectList.map((item) => item.id);
+      API_Finance.batchDownloadBills(billIds).then((blob) => {
+        downloadBlob(blob, "结算单批量下载.zip");
+      });
+    },
   },
   mounted() {
     this.init();

manager/src/views/seller/bill/bill-detail.vue

@@ -436,11 +436,11 @@ export default {
       API_Shop.downloadBill(this.id)
         .then((res) => {
           const blob = new Blob([res], {
-            type: "application/vnd.ms-excel;charset=utf-8",
+            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
           });
           if ("download" in document.createElement("a")) {
             const link = document.createElement("a");
-            link.download = "结算单-" + this.id + ".xls";
+            link.download = "结算单-" + this.id + ".xlsx";
             link.style.display = "none";
             link.href = URL.createObjectURL(blob);
             document.body.appendChild(link);
@@ -448,7 +448,7 @@ export default {
             URL.revokeObjectURL(link.href);
             document.body.removeChild(link);
           } else {
-            navigator.msSaveBlob(blob, "结算单-" + this.id + ".xls");
+            navigator.msSaveBlob(blob, "结算单-" + this.id + ".xlsx");
           }
         })
         .catch((err) => {

manager/src/views/seller/bill/bill.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="search">
     <el-card>
+      <div class="mb_10">
+        <el-button type="primary" @click="handleExportList">导出列表</el-button>
+        <el-button :disabled="selectCount === 0" @click="handleBatchDownload">批量下载</el-button>
+      </div>
       <el-table
         ref="table"
         v-loading="loading"
@@ -54,6 +58,8 @@
 
 <script>
 import * as API_Shop from "@/api/shops";
+import * as API_Finance from "@/api/finance";
+import { downloadBlob } from "@/utils/downloadBlob";
 
 export default {
   name: "bill",
@@ -74,11 +80,11 @@ export default {
   },
   methods: {
     billStatusText(v) {
-      const map = { OUT: "已出账", CHECK: "已对账", EXAMINE: "已审核", COMPLETE: "已付款" };
-      return map[v] || "已付款";
+      const map = { OUT: "已出账", CHECK: "已对账", COMPLETE: "已付款" };
+      return map[v] || v;
     },
     billStatusTagType(v) {
-      const map = { OUT: "primary", CHECK: "", EXAMINE: "warning", COMPLETE: "success" };
+      const map = { OUT: "primary", CHECK: "warning", COMPLETE: "success" };
       return map[v] || "success";
     },
     init() {
@@ -118,6 +124,21 @@ export default {
         query: { id: v.id },
       });
     },
+    handleExportList() {
+      API_Finance.exportBillList({ ...this.searchForm }).then((blob) => {
+        downloadBlob(blob, "结算单列表.xlsx");
+      });
+    },
+    handleBatchDownload() {
+      if (this.selectCount <= 0) {
+        this.$Message.warning("请先选择结算单");
+        return;
+      }
+      const billIds = this.selectList.map((item) => item.id);
+      API_Finance.batchDownloadBills(billIds).then((blob) => {
+        downloadBlob(blob, "结算单批量下载.zip");
+      });
+    },
     remove(v) {
       this.$Modal.confirm({
         title: "确认删除",