合并代码

src/views/think/thinkOrder/index.vue

@@ -21,6 +21,7 @@
               @remove="removeBatch"
               @batchMove="openMove"
               @invoice="openInvoiceByList"
+              @export="handleExport"
             />
           </template>
           <template #bodyCell="{ column, record }">
@@ -556,6 +557,71 @@ const openInvoiceByList = async () => {
   showInvoiceList.value = true;
 };
 
+const handleExport = (where: ThinkOrderParam) => {
+  console.log('开始导出');
+  loading.value = true;
+  const array: (string | number)[][] = [
+    [
+      '订单号',
+      '订单编号',
+      '姓名',
+      '电话号码',
+      '预定信息',
+      '消费金额',
+      '实付金额',
+      '付款时间',
+      '下单时间'
+    ]
+  ];
+  if (!where.timeStart) {
+    message.error('请选择导出的开始日期、结束日期，每次最多导出5000条记录');
+    return false;
+  }
+  pageThinkOrder(where)
+    .then((data) => {
+      data.list?.forEach((d: ThinkOrder) => {
+        array.push([
+          `${d.id}`,
+          `${d.orderNum}`,
+          `${d.name}`,
+          `${d.phone}`,
+          `${d.siteName} ${d.dateTime} ${d.totalPrice}`,
+          `${d.totalPrice}`,
+          `${d.payPrice}`,
+          `${toDateString(d.payTime, 'YYYY年MM月dd日 HH:mm:ss')}`,
+          `${toDateString(d.createTime, 'YYYY年MM月dd日 HH:mm:ss')}`
+        ]);
+      });
+      const sheetName = `订单数据导出`;
+      const workbook = {
+        SheetNames: [sheetName],
+        Sheets: {}
+      };
+      const sheet = utils.aoa_to_sheet(array);
+      workbook.Sheets[sheetName] = sheet;
+      // 设置列宽
+      sheet['!cols'] = [
+        { wch: 10 },
+        { wch: 10 },
+        { wch: 10 },
+        { wch: 10 },
+        { wch: 20 },
+        { wch: 40 },
+        { wch: 10 }
+      ];
+      message.loading('正在导出...');
+      setTimeout(() => {
+        writeFile(workbook, `${sheetName}.xlsx`);
+        loading.value = false;
+      }, 2000);
+    })
+    .catch((msg) => {
+      message.error(msg);
+      loading.value = false;
+    })
+    .finally(() => {});
+};
+
 /* 自定义行属性 */
 const customRow = (record: ThinkOrder) => {
   return {