aegon-lv82 1.0.0

package/src/components/Export/ExcelExport4.vue

@@ -0,0 +1,665 @@
+<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>
+
+    <el-button @click="handleSort">sort</el-button>
+  </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",
+    "5000000009999999999999999999999999",
+    "S2M",
+    "",
+    "5",
+  ],
+  [
+    "2025-12-10",
+    "309",
+    "72052XXXXXX",
+    "8812347",
+    "王XX",
+    "HXXXX LIMITED",
+    "華XXXXXX有限公司",
+    "1288743XXXXXX",
+    "特定放款計劃",
+    "HKMC中小企融資擔保計劃(SFGS)-定放/定押放/循環貸款/租購放款",
+    "4,481,082.78",
+    "5000000009999999999999999999999999",
+    "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)", "逾期天數"],
+    leftAlignedColumns: ["控制行號", "客戶CIN", "客戶經理號", "帳號"], // 指定编号类列左对齐
+    columnWidthLimit: 60,
+  });
+};
+
+const exportArchiveData = async () => {
+  const exportData = [tableHeaders, ...tableData];
+
+  await handleExport(exportData, {
+    excelName: "档案数据导出",
+    sheetName: "档案数据",
+    exportType: "single",
+    groupColumnName: "档案编号",
+    columnsToMerge: ["逾期原因", "补充说明", "催理情况", "补充说明", "Status"],
+    rightAlignedColumns: ["余额(HKD)", "额度(HKD)", "逾期天数"],
+    centerAlignedColumns: ["逾期原因", "补充说明", "催理情况", "Status"],
+    leftAlignedColumns: [
+      "档案编号",
+      "档案日期",
+      "会计日",
+      "控制行号",
+      "客户CIN",
+      "客户经理号",
+      "账号",
+    ], // 指定编号类列左对齐
+    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导出成功！");
+    setTimeout(() => {
+      exportSuccess.value = false;
+    }, 3000);
+  } catch (error) {
+    console.error("导出失败:", error);
+    exportError.value = true;
+    isExporting.value = false;
+    ElMessage.error("Excel导出失败，请重试！");
+    setTimeout(() => {
+      exportError.value = false;
+    }, 3000);
+  }
+};
+interface CaseItem {
+  caseId: string;
+  alertCreationDatetime: string;
+  alertAcdate: string;
+  accountNo: string;
+  caseStatus: string;
+  cstCin: string;
+  cstControllingBranch: string;
+  CstNameChi: string;
+  CstNameEng: string;
+  cststaffId: string;
+  cstStaffName: string;
+  currentStatus: string;
+  overdueExp1anation: string;
+  overdueReason: string;
+  excessAmount: number;
+  existingLimit: number;
+  facilityId: string;
+  frozenLimitAmount: number;
+  overdraftLimit: number;
+  overdueDays: number;
+  pid: string;
+  product: null;
+  reminderExp1anation: string;
+  reminderSituation: string;
+  staffContro11ingBranch: null;
+  subProduct: null;
+  totallimit: null;
+  ybdRatingGrade: string;
+}
+
+// 修正类型并拓展后的多份案件数据（含重复caseId，不同alertAcdate/CstNameEng）
+const extendedCaseData: CaseItem[] = [
+  // 省略原始数据（和你提供的一致），完整数据见下方测试部分
+  {
+    caseId: "012-CPD1-20260123-001",
+    alertCreationDatetime: "2026-01-23",
+    alertAcdate: "2026-01-23",
+    accountNo: "1234567890",
+    caseStatus: "已完成匯報流程",
+    cstCin: "7204820040",
+    cstControllingBranch: "202",
+    CstNameChi: "测试客户",
+    CstNameEng: "AB0000007204820040",
+    cststaffId: "88s0928",
+    cstStaffName: "前综-客户經理 [IR101-201行]",
+    currentStatus: "已完成匯報流程",
+    overdueExp1anation:
+      "kkk1111111111111111111111111111111111111111111111111111112",
+    overdueReason: "其他",
+    excessAmount: 1,
+    existingLimit: 2121210,
+    facilityId: "FACILITY_0001",
+    frozenLimitAmount: 61000000,
+    overdraftLimit: 12121000,
+    overdueDays: 1,
+    pid: "20260123000000000000",
+    product: null,
+    reminderExp1anation: "sss111111111111111111111111111111111111111111111111",
+    reminderSituation: "前線會继續聯絡客",
+    staffContro11ingBranch: null,
+    subProduct: null,
+    totallimit: null,
+    ybdRatingGrade: "4C",
+  },
+  {
+    caseId: "012-CPD1-20260123-001",
+    alertCreationDatetime: "2026-01-23",
+    alertAcdate: "2026-01-24",
+    accountNo: "1234567890",
+    caseStatus: "已完成匯報流程",
+    cstCin: "7204820040",
+    cstControllingBranch: "202",
+    CstNameChi: "测试客户",
+    CstNameEng: "AB0000007204820041",
+    cststaffId: "88s0928",
+    cstStaffName: "前综-客户經理 [IR101-201行]",
+    currentStatus: "已完成匯報流程",
+    overdueExp1anation:
+      "kkk1111111111111111111111111111111111111111111111111111112",
+    overdueReason: "其他",
+    excessAmount: 1,
+    existingLimit: 2121210,
+    facilityId: "FACILITY_0001",
+    frozenLimitAmount: 61000000,
+    overdraftLimit: 12121000,
+    overdueDays: 1,
+    pid: "20260123000000000000",
+    product: null,
+    reminderExp1anation: "sss111111111111111111111111111111111111111111111111",
+    reminderSituation: "前線會继續聯絡客",
+    staffContro11ingBranch: null,
+    subProduct: null,
+    totallimit: null,
+    ybdRatingGrade: "4C",
+  },
+  {
+    caseId: "012-CPD1-20260123-002",
+    alertCreationDatetime: "2026-01-23",
+    alertAcdate: "2026-01-25",
+    accountNo: "1234567891",
+    caseStatus: "已完成匯報流程",
+    cstCin: "7204820041",
+    cstControllingBranch: "203",
+    CstNameChi: "测试客户2",
+    CstNameEng: "AB0000007204820042",
+    cststaffId: "88s0929",
+    cstStaffName: "前综-客户經理 [IR101-202行]",
+    currentStatus: "已完成匯報流程",
+    overdueExp1anation:
+      "kkk2222222222222222222222222222222222222222222222222222222",
+    overdueReason: "系统延迟",
+    excessAmount: 2,
+    existingLimit: 2121211,
+    facilityId: "FACILITY_0002",
+    frozenLimitAmount: 61000001,
+    overdraftLimit: 12121001,
+    overdueDays: 2,
+    pid: "20260123000000000001",
+    product: null,
+    reminderExp1anation: "sss222222222222222222222222222222222222222222222222",
+    reminderSituation: "已联系客户，客户承诺次日还款",
+    staffContro11ingBranch: null,
+    subProduct: null,
+    totallimit: null,
+    ybdRatingGrade: "4B",
+  },
+  {
+    caseId: "012-CPD1-20260123-002",
+    alertCreationDatetime: "2026-01-23",
+    alertAcdate: "2026-01-26",
+    accountNo: "1234567891",
+    caseStatus: "已完成匯報流程",
+    cstCin: "7204820041",
+    cstControllingBranch: "203",
+    CstNameChi: "测试客户2",
+    CstNameEng: "AB0000007204820043",
+    cststaffId: "88s0929",
+    cstStaffName: "前综-客户經理 [IR101-202行]",
+    currentStatus: "已完成匯報流程",
+    overdueExp1anation:
+      "kkk2222222222222222222222222222222222222222222222222222222",
+    overdueReason: "系统延迟",
+    excessAmount: 2,
+    existingLimit: 2121211,
+    facilityId: "FACILITY_0002",
+    frozenLimitAmount: 61000001,
+    overdraftLimit: 12121001,
+    overdueDays: 2,
+    pid: "20260123000000000001",
+    product: null,
+    reminderExp1anation: "sss222222222222222222222222222222222222222222222222",
+    reminderSituation: "已联系客户，客户承诺次日还款",
+    staffContro11ingBranch: null,
+    subProduct: null,
+    totallimit: null,
+    ybdRatingGrade: "4B",
+  },
+  {
+    caseId: "012-CPD1-20260123-003",
+    alertCreationDatetime: "2026-01-23",
+    alertAcdate: "2026-01-27",
+    accountNo: "1234567892",
+    caseStatus: "处理中",
+    cstCin: "7204820042",
+    cstControllingBranch: "204",
+    CstNameChi: "测试客户3",
+    CstNameEng: "AB0000007204820044",
+    cststaffId: "88s0930",
+    cstStaffName: "前综-客户經理 [IR101-203行]",
+    currentStatus: "处理中",
+    overdueExp1anation:
+      "kkk3333333333333333333333333333333333333333333333333333333",
+    overdueReason: "客户资金周转困难",
+    excessAmount: 3,
+    existingLimit: 2121212,
+    facilityId: "FACILITY_0003",
+    frozenLimitAmount: 61000002,
+    overdraftLimit: 12121002,
+    overdueDays: 3,
+    pid: "20260123000000000002",
+    product: null,
+    reminderExp1anation: "sss333333333333333333333333333333333333333333333333",
+    reminderSituation: "已上报风控部门，等待审批",
+    staffContro11ingBranch: null,
+    subProduct: null,
+    totallimit: null,
+    ybdRatingGrade: "4A",
+  },
+  {
+    caseId: "012-CPD1-20260123-003",
+    alertCreationDatetime: "2026-01-23",
+    alertAcdate: "2026-01-28",
+    accountNo: "1234567892",
+    caseStatus: "处理中",
+    cstCin: "7204820042",
+    cstControllingBranch: "204",
+    CstNameChi: "测试客户3",
+    CstNameEng: "AB0000007204820045",
+    cststaffId: "88s0930",
+    cstStaffName: "前综-客户經理 [IR101-203行]",
+    currentStatus: "处理中",
+    overdueExp1anation:
+      "kkk3333333333333333333333333333333333333333333333333333333",
+    overdueReason: "客户资金周转困难",
+    excessAmount: 3,
+    existingLimit: 2121212,
+    facilityId: "FACILITY_0003",
+    frozenLimitAmount: 61000002,
+    overdraftLimit: 12121002,
+    overdueDays: 3,
+    pid: "20260123000000000002",
+    product: null,
+    reminderExp1anation: "sss333333333333333333333333333333333333333333333333",
+    reminderSituation: "已上报风控部门，等待审批",
+    staffContro11ingBranch: null,
+    subProduct: null,
+    totallimit: null,
+    ybdRatingGrade: "4A",
+  },
+];
+// const mergeCaseDataByCaseId = (data: CaseItem[]): CaseItem[] => {
+//   // 1. 用Map存储每个caseId的合并后数据
+//   const caseMap = new Map<string, CaseItem>();
+
+//   data.forEach((item) => {
+//     const { caseId } = item;
+//     // 如果该caseId已存在，进行字段合并；否则直接存入
+//     if (caseMap.has(caseId)) {
+//       const existingItem = caseMap.get(caseId)!;
+//       // 合并规则：
+//       // - alertAcdate：取日期更大的（最新）
+//       const newAlertAcdate = item.alertAcdate;
+//       const oldAlertAcdate = existingItem.alertAcdate;
+//       const finalAlertAcdate =
+//         newAlertAcdate > oldAlertAcdate ? newAlertAcdate : oldAlertAcdate;
+
+//       // - CstNameEng：取当前item的值（最后出现的）
+//       const finalCstNameEng = item.CstNameEng;
+
+//       // - 其他字段：保留原有完整值（和existingItem一致）
+//       const mergedItem: CaseItem = {
+//         ...existingItem,
+//         alertAcdate: finalAlertAcdate,
+//         CstNameEng: finalCstNameEng,
+//       };
+
+//       // 更新Map中的数据
+//       caseMap.set(caseId, mergedItem);
+//     } else {
+//       // 首次出现的caseId，直接存入
+//       caseMap.set(caseId, { ...item });
+//     }
+//   });
+
+//   // 2. 转换为数组，并按caseId后缀数字排序（001→002→003）
+//   const mergedData = Array.from(caseMap.values()).sort((a, b) => {
+//     // 提取caseId最后一段的数字
+//     const getCaseNumber = (id: string) => {
+//       const parts: any = id.split("-");
+//       return parseInt(parts[parts.length - 1], 10) || 0;
+//     };
+//     return getCaseNumber(a.caseId) - getCaseNumber(b.caseId);
+//   });
+
+//   return mergedData;
+// };
+
+const processCaseData = (data: CaseItem[]): CaseItem[] => {
+  // ========== 步骤1：按caseId合并去重 ==========
+  const caseMap = new Map<string, CaseItem>();
+
+  data.forEach((item) => {
+    const { caseId } = item;
+    if (caseMap.has(caseId)) {
+      // 已存在该caseId，合并字段：alertAcdate取最早值（贴合远→近排序），CstNameEng取最后值
+      const existingItem = caseMap.get(caseId)!;
+      // alertAcdate取最早值（远的日期）
+      const finalAlertAcdate =
+        item.alertAcdate < existingItem.alertAcdate
+          ? item.alertAcdate
+          : existingItem.alertAcdate;
+      // CstNameEng取当前item的值（最后出现的）
+      const finalCstNameEng = item.CstNameEng;
+
+      const mergedItem: CaseItem = {
+        ...existingItem,
+        alertAcdate: finalAlertAcdate,
+        CstNameEng: finalCstNameEng,
+      };
+      caseMap.set(caseId, mergedItem);
+    } else {
+      // 首次出现的caseId，直接存入
+      caseMap.set(caseId, { ...item });
+    }
+  });
+
+  // 转换为数组（去重后的基础数据）
+  const deduplicatedData = Array.from(caseMap.values());
+
+  // ========== 步骤2：双层排序 ==========
+  const sortedData = deduplicatedData.sort((a, b) => {
+    // 一级排序：alertAcdate 从远到近（升序）
+    if (a.alertAcdate !== b.alertAcdate) {
+      return a.alertAcdate.localeCompare(b.alertAcdate); // 字符串升序 = 日期从早到晚
+    }
+    // 二级排序：相同alertAcdate时，CstNameEng 从a-z（升序）
+    return a.CstNameEng.localeCompare(b.CstNameEng, "en", {
+      sensitivity: "base",
+    });
+  });
+
+  return sortedData;
+};
+
+const handleSort = () => {
+  //   const mergedResult = mergeCaseDataByCaseId(extendedCaseData);
+  //   console.log("=== 合并去重后的结果 ===");
+  //   // 打印核心字段验证
+  //   mergedResult.forEach((item) => {
+  //     console.log(`caseId: ${item.caseId}`);
+  //     console.log(`  alertAcdate: ${item.alertAcdate}（最新日期）`);
+  //     console.log(`  CstNameEng: ${item.CstNameEng}（最后更新值）`);
+  //     console.log("------------------------");
+  //   });
+  const finalResult = processCaseData(extendedCaseData);
+  console.log("=== 最终处理结果（去重 + 排序）===");
+  finalResult.forEach((item, index) => {
+    console.log(`[${index + 1}]`);
+    console.log(`  caseId: ${item.caseId}`);
+    console.log(`  alertAcdate: ${item.alertAcdate}（远→近排序）`);
+    console.log(`  CstNameEng: ${item.CstNameEng}（a→z排序）`);
+    console.log("----------------------------------");
+  });
+};
+</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>