aegon-gen 1.0.0

package/src/components/Export/ExcelExport3.vue

@@ -0,0 +1,342 @@
+<template>
+  <div class="export-container">
+    <!-- 导出按钮1：多工作表模式 -->
+    <el-button
+      type="primary"
+      @click="exportComplexData"
+      style="margin-right: 10px"
+    >
+      导出贷款数据（多工作表）
+    </el-button>
+
+    <!-- 导出按钮2：单工作表模式 -->
+    <el-button type="primary" @click="exportArchiveData">
+      导出档案数据（单工作表）
+    </el-button>
+
+    <!-- 导出状态提示 -->
+    <p v-if="isExporting">正在导出...</p>
+    <p v-if="exportSuccess" style="color: green">导出成功！</p>
+    <p v-if="exportError" style="color: red">导出失败！</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { guiExportToExcel } from "./excelExport";
+import { ElMessage } from "element-plus";
+
+// 导出状态
+const isExporting = ref(false);
+const exportSuccess = ref(false);
+const exportError = ref(false);
+
+// 贷款数据（多工作表导出）
+const complexLoanData = [
+  [
+    "會計日",
+    "控制行號",
+    "客戶CIN",
+    "客戶經理號",
+    "客戶經理名稱",
+    "客戶英文名",
+    "客戶中文名",
+    "帳號",
+    "產品(大項)",
+    "產品(細項)",
+    "餘額(HKD)",
+    "額度(HKD)",
+    "授信資產風險評級YBD",
+    "逾期天數",
+  ],
+  [
+    "2025-12-12",
+    "307",
+    "72050XXXXXX",
+    "8812345",
+    "陳XX",
+    "FXXXX LIMITED",
+    "朝XXXXXX有限公司",
+    "1288740XXXXXX",
+    "特定放款計劃",
+    "HKMC中小企融資擔保計劃(SFGS)-定放/定押放/循環貸款/租購放款",
+    "1,481,082.78",
+    "4,000,000.00 S2M",
+    "",
+    "11",
+  ],
+  [
+    "2025-12-11",
+    "307",
+    "72050XXXXXX",
+    "8812345",
+    "陳XX",
+    "FXXXX LIMITED",
+    "朝XXXXXX有限公司",
+    "1288741XXXXXX",
+    "特定放款計劃",
+    "HKMC中小企融資擔保計劃(SFGS)-定放/定押放/循環貸款/租購放款",
+    "3,481,082.78",
+    "6,000,000.00 S2M",
+    "",
+    "1",
+  ],
+  [
+    "2025-12-12",
+    "308",
+    "72051XXXXXX",
+    "8812346",
+    "李XX",
+    "GXXXX LIMITED",
+    "廣XXXXXX有限公司",
+    "1288742XXXXXX",
+    "特定放款計劃",
+    "HKMC中小企融資擔保計劃(SFGS)-定放/定押放/循環貸款/租購放款",
+    "2,481,082.78",
+    "5,000,000.00 S2M",
+    "",
+    "5",
+  ],
+  [
+    "2025-12-10",
+    "309",
+    "72052XXXXXX",
+    "8812347",
+    "王XX",
+    "HXXXX LIMITED",
+    "華XXXXXX有限公司",
+    "1288743XXXXXX",
+    "特定放款計劃",
+    "HKMC中小企融資擔保計劃(SFGS)-定放/定押放/循環貸款/租購放款",
+    "4,481,082.78",
+    "7,000,000.00 S2M",
+    "",
+    "15",
+  ],
+];
+
+// 档案数据（单工作表导出）
+const tableHeaders = [
+  "档案编号",
+  "档案日期",
+  "会计日",
+  "控制行号",
+  "客户CIN",
+  "客户经理号",
+  "客户英文名称",
+  "客户中文名称",
+  "账号",
+  "产品(大项)",
+  "产品(细项)",
+  "余额(HKD)",
+  "额度(HKD)",
+  "授信资产风险评级 YBD",
+  "逾期天数",
+  "逾期原因",
+  "补充说明",
+  "催理情况",
+  "补充说明",
+  "Status",
+];
+
+const tableData = [
+  [
+    "012-C3-20250226-106",
+    "11/19/2025",
+    "11/20/2025",
+    "307",
+    "72050XXXXXX",
+    "8880169",
+    "FXXXX LIMITED",
+    "一XXXXXX集团有限公司",
+    "1288740XXXXXXX",
+    "特定放款计划",
+    "HKMC中小企融资担保计划 (SPGS)-定放/定押放/循环贷款/租购放款",
+    "1481082.78",
+    "4000000.00",
+    "S2M",
+    "10",
+    "",
+    "",
+    "",
+    "",
+    "",
+  ],
+  [
+    "012-C3-20250226-106",
+    "11/19/2025",
+    "11/20/2025",
+    "307",
+    "72050XXXXXX",
+    "8880169",
+    "FXXXX LIMITED",
+    "一XXXXXX集团有限公司",
+    "1288740XXXXXXX",
+    "特定放款计划",
+    "HKMC中小企融资担保计划 (SPGS)-定放/定押放/循环贷款/租购放款",
+    "265501.56",
+    "4000000.00",
+    "S2M",
+    "21",
+    "已联络客户",
+    "",
+    "客户已平帐",
+    "",
+    "已完成催收流程",
+  ],
+  [
+    "012-C3-20250226-106",
+    "11/19/2025",
+    "11/20/2025",
+    "307",
+    "72050XXXXXX",
+    "8880169",
+    "FXXXX LIMITED",
+    "一XXXXXX集团有限公司",
+    "1288740XXXXXXX",
+    "特定放款计划",
+    "HKMC中小企融资担保计划 (SPGS)-定放/定押放/循环贷款/租购放款",
+    "265501.56",
+    "1000000.00",
+    "P3M",
+    "",
+    "21",
+    "已联络客户",
+    "客户已平帐",
+    "",
+    "已完成催收流程",
+  ],
+  [
+    "012-C3-20250226-107",
+    "12/10/2025",
+    "12/9/2025",
+    "307",
+    "72050XXXXXX",
+    "8880169",
+    "FXXXX LIMITED",
+    "一XXXXXX集团有限公司",
+    "1288740XXXXXXX",
+    "特定放款计划",
+    "HKMC中小企融资担保计划 (SPGS)-定放/定押放/循环贷款/租购放款",
+    "265501.56",
+    "4000000.00",
+    "S2M",
+    "7",
+    "已联络客户",
+    "",
+    "客户已平帐",
+    "",
+    "已完成催收流程",
+  ],
+  [
+    "012-C3-20250226-107",
+    "12/10/2025",
+    "12/9/2025",
+    "307",
+    "72050XXXXXX",
+    "8880169",
+    "FXXXX LIMITED",
+    "一XXXXXX集团有限公司",
+    "1288740XXXXXXX",
+    "特定放款计划",
+    "HKMC中小企融资担保计划 (SPGS)-定放/定押放/循环贷款/租购放款",
+    "265501.56",
+    "4000000.00",
+    "S2M",
+    "7",
+    "已联络客户",
+    "",
+    "客户已平帐",
+    "",
+    "已完成催收流程",
+  ],
+];
+
+/**
+ * 导出贷款数据（多工作表模式）
+ */
+const exportComplexData = async () => {
+  await handleExport(complexLoanData, {
+    excelName: "贷款数据报表",
+    exportType: "multi-sheet",
+    dateColumnName: "會計日",
+    rightAlignedColumns: ["餘額(HKD)", "額度(HKD)", "逾期天數"],
+    columnWidthLimit: 60,
+  });
+};
+
+/**
+ * 导出档案数据（单工作表模式）
+ */
+const exportArchiveData = async () => {
+  const exportData = [tableHeaders, ...tableData];
+
+  await handleExport(exportData, {
+    excelName: "档案数据导出",
+    sheetName: "档案数据",
+    exportType: "single",
+    groupColumnName: "档案编号",
+    columnsToMerge: ["逾期原因", "补充说明", "催理情况", "补充说明", "Status"],
+    rightAlignedColumns: ["余额(HKD)", "额度(HKD)", "逾期天数"],
+    centerAlignedColumns: ["逾期原因", "补充说明", "催理情况", "Status"],
+    columnWidthLimit: 50,
+  });
+};
+
+/**
+ * 统一的导出处理函数
+ */
+const handleExport = async (data: string[][], options: any) => {
+  // 重置状态
+  exportSuccess.value = false;
+  exportError.value = false;
+  isExporting.value = true;
+
+  try {
+    // 调用统一的导出函数
+    await guiExportToExcel(data, options);
+
+    // 导出成功
+    exportSuccess.value = true;
+    isExporting.value = false;
+
+    // 显示成功提示
+    ElMessage.success("Excel导出成功！");
+
+    // 3秒后自动清除成功提示
+    setTimeout(() => {
+      exportSuccess.value = false;
+    }, 3000);
+  } catch (error) {
+    console.error("导出失败:", error);
+
+    // 导出失败
+    exportError.value = true;
+    isExporting.value = false;
+
+    // 显示错误提示
+    ElMessage.error("Excel导出失败，请重试！");
+
+    // 3秒后自动清除错误提示
+    setTimeout(() => {
+      exportError.value = false;
+    }, 3000);
+  }
+};
+</script>
+
+<style scoped>
+.export-container {
+  padding: 20px;
+  text-align: center;
+  margin-top: 50px;
+}
+.el-button {
+  font-size: 16px;
+  padding: 10px 20px;
+}
+p {
+  margin-top: 20px;
+  font-size: 14px;
+}
+</style>