no message

wms-vue/src/components/duochaxun/RongQi.vue

@@ -20,7 +20,7 @@
     <el-table
         v-loading="this.tableloding"
         :data="rqMzList"
-        id="educe-table"
+        id="educe-table1"
         ref="tableData"
         border
         style="width: 100%;">
@@ -46,7 +46,7 @@
     <el-table
         v-loading="this.tableloding"
         :data="rqLtList"
-        id="educe-table"
+        id="educe-table2"
         ref="tableData"
         border
         style="width: 100%;">
@@ -68,13 +68,13 @@
       <el-table-column prop="g215" label="215" width="50"></el-table-column>
       <el-table-column prop="total" label="汇总" width="60"></el-table-column>
     </el-table>
-    <div class="table-title" v-if="false">数据详情
+    <div class="table-title" v-if="true">数据详情
     <el-table
         v-loading="this.tableloding"
         :height="MaxHeight"
         :header-cell-style="{background:'#000',color:'#fff'}"
         :data="tableData"
-        id="educe-table"
+        id="educe-table3"
         ref="tableData"
         border
         style="width: 100%;">
@@ -407,31 +407,37 @@ export default {
     },
     // 表格数据写入excel，并导出为Excel文件
     exportToExcel() {
-      /*const worksheet = XLSX.utils.json_to_sheet(this.tableData);
+      const XLSX = require('xlsx');
-      const workbook = XLSX.utils.book_new();
+      const FileSaver = require('file-saver'); // 确保你已经安装了 file-saver 库
-      XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
-      XLSX.writeFile(workbook, 'table_data.xlsx');*/
-      const XLSX = require('xlsx')
-      console.log('XLSX',XLSX,FileSaver)
-      // 使用 this.$nextTick 是在dom元素都渲染完成之后再执行
-      this.$nextTick(function () {
-        // 设置导出的内容是否只做解析，不进行格式转换     false：要解析， true:不解析
-        const xlsxParam = { raw: true }
-        const wb = XLSX.utils.table_to_book(document.querySelector('#educe-table'), xlsxParam)
-        // 导出excel文件名
-        let fileName = '容器流通' + new Date().getTime() + '.xlsx'
 
-        const wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
+      console.log('XLSX', XLSX, FileSaver);
+
+      this.$nextTick(() => {
+        const workbook = XLSX.utils.book_new();
+
+        // 假设你有三个表格，分别对应三个不同的 ID
+        const tableIds = ['#educe-table1', '#educe-table2', '#educe-table3'];
+        const sheetNames = ['Sheet1', 'Sheet2', 'Sheet3'];
+
+        tableIds.forEach((tableId, index) => {
+          const worksheet = XLSX.utils.table_to_sheet(document.querySelector(tableId), { raw: true });
+          XLSX.utils.book_append_sheet(workbook, worksheet, sheetNames[index]);
+        });
+
+        // 导出excel文件名
+        let fileName = '容器流通' + new Date().getTime() + '.xlsx';
+
+        const wbout = XLSX.write(workbook, { bookType: 'xlsx', bookSST: true, type: 'array' });
         try {
           // 下载保存文件
-          FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), fileName)
+          FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), fileName);
         } catch (e) {
           if (typeof console !== 'undefined') {
-            console.log(e, wbout)
+            console.log(e, wbout);
           }
         }
-        return wbout
+        return wbout;
-      })
+      });
     },
     parseTime(time, cFormat) {
       //获取当前时间