feat: 采购入库单打印增加导出功能

src/views/purchasingManage/purchaseOrder/invoice/components/print-template-wl.vue

@@ -136,6 +136,7 @@
       </div>
     </div>
     <div slot="footer">
+      <el-button @click="exportExcel">导出</el-button>
       <el-button @click="print">打印预览</el-button>
       <el-button @click="close">关闭</el-button>
     </div>
@@ -146,6 +147,7 @@
 import { getReceiveSaleOrderrecordDetail } from '@/api/purchasingManage/purchaseorderreceive';
 import { formatPrice } from '@/BIZComponents/setProduct.js';
 import { mapGetters } from 'vuex';
+import { saveAs } from 'file-saver';
 export default {
   name: 'print',
   computed: {
@@ -236,6 +238,113 @@ export default {
       printWindow.onload = function () {
         printWindow.print();
       };
+    },
+    exportExcel() {
+      const list = this.formData?.productList || [];
+      const totalCount = this.getAll('totalCount');
+      const totalPrice = this.getAll('totalPrice');
+
+      const border = 'border-top:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;';
+      const cellBase = `${border}padding:4px;mso-number-format:"\\@";vertical-align:middle;text-align:center;mso-horizontal-align:center;`;
+      const th = `${cellBase}font-weight:bold;font-family:'宋体';font-size:12pt;`;
+      const td = `${cellBase}font-family:'宋体';font-size:11pt;`;
+      const labelLeft = `${border}padding:4px;mso-number-format:"\\@";vertical-align:middle;text-align:left;mso-horizontal-align:left;font-family:'宋体';font-size:11pt;`;
+
+      const colWidths = [50, 100, 120, 100, 60, 80, 90, 100, 80, 120];
+      const colGroup = colWidths.map((w) => `<col width="${w}" style="width:${w}pt;" />`).join('');
+
+      const rows = list.map((item, index) => `
+        <tr height="24" style="height:24pt;">
+          <td align="center" valign="middle" style="${td}">${index + 1}</td>
+          <td align="center" valign="middle" style="${td}">${item.productCode || ''}</td>
+          <td align="center" valign="middle" style="${td}">${item.productName || ''}</td>
+          <td align="center" valign="middle" style="${td}">${item.specification || ''}${item.modelType ? '/' + item.modelType : ''}</td>
+          <td align="center" valign="middle" style="${td}">${item.measuringUnit || ''}</td>
+          <td align="center" valign="middle" style="${td}">${item.totalCount ?? ''}</td>
+          <td align="center" valign="middle" style="${td}">${item.singlePrice ?? ''}</td>
+          <td align="center" valign="middle" style="${td}">${item.totalPrice ?? ''}</td>
+          <td align="center" valign="middle" style="${td}">${item.batchNo || ''}</td>
+          <td align="center" valign="middle" style="${td}">${item.remark || ''}</td>
+        </tr>`).join('');
+
+      const title = `${this.groupName || ''}入库单`;
+      const table = `
+        <table border="1" cellspacing="0" cellpadding="0" align="center"
+          style="border-collapse:collapse;border:1px solid #000;mso-border-alt:solid #000 0.5pt;font-family:'宋体';font-size:11pt;text-align:center;">
+          <colgroup>${colGroup}</colgroup>
+          <tr height="40" style="height:40pt;">
+            <td colspan="10" align="center" valign="middle" style="${border}padding:6px;text-align:center;font-family:'宋体';font-size:22pt;font-weight:bold;">${title}</td>
+          </tr>
+          <tr height="26" style="height:26pt;">
+            <td colspan="4" align="left" valign="middle" style="${labelLeft}">供应商：${this.formData.supplierName || ''}</td>
+            <td colspan="3" align="left" valign="middle" style="${labelLeft}">日期：${this.formData.receiveDate || ''}</td>
+            <td colspan="3" align="left" valign="middle" style="${labelLeft}">编号：${this.formData.receiveNo || ''}</td>
+          </tr>
+          <tr height="26" style="height:26pt;">
+            <td colspan="10" align="left" valign="middle" style="${labelLeft}">摘要：</td>
+          </tr>
+          <tr height="28" style="height:28pt;">
+            <td align="center" valign="middle" style="${th}">编号</td>
+            <td align="center" valign="middle" style="${th}">物料编码</td>
+            <td align="center" valign="middle" style="${th}">物料名称</td>
+            <td align="center" valign="middle" style="${th}">规格型号</td>
+            <td align="center" valign="middle" style="${th}">单位</td>
+            <td align="center" valign="middle" style="${th}">数量</td>
+            <td align="center" valign="middle" style="${th}">单价</td>
+            <td align="center" valign="middle" style="${th}">金额</td>
+            <td align="center" valign="middle" style="${th}">批次号</td>
+            <td align="center" valign="middle" style="${th}">备注</td>
+          </tr>
+          ${rows}
+          <tr height="26" style="height:26pt;">
+            <td align="center" valign="middle" style="${td};font-weight:bold;">合计</td>
+            <td colspan="9" align="left" valign="middle" style="${td};font-weight:bold;">
+              <span>本页数量小计：${totalCount}</span>
+              <span style="margin-left:40px;">本页金额小计：${totalPrice}</span>
+              <span style="margin-left:40px;">汇总数量：${totalCount}</span>
+              <span style="margin-left:40px;">汇总金额：${totalPrice}</span>
+            </td>
+          </tr>
+          <tr height="26" style="height:26pt;">
+            <td align="center" valign="middle" style="${td};font-weight:bold;">合计金额（大写金额）</td>
+            <td colspan="9" align="left" valign="middle" style="${td};font-weight:bold;">
+              ${this.numToChinese(totalPrice)}
+            </td>
+          </tr>
+          <tr height="28" style="height:28pt;">
+            <td colspan="2" align="left" valign="middle" style="${labelLeft}">收货单审核人：${this.formData.reviewerName || ''}</td>
+            <td colspan="2" align="left" valign="middle" style="${labelLeft}">采购发起人：${this.formData.purchaseInitiatorName || ''}</td>
+            <td colspan="2" align="left" valign="middle" style="${labelLeft}">质检人：${this.formData.qualityName || ''}</td>
+            <td colspan="4" align="left" valign="middle" style="${labelLeft}">仓管员：${this.formData.warehouseKeeperName || ''}</td>
+          </tr>
+        </table>`;
+
+      const html = `<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">
+        <head>
+        <meta charset="UTF-8" />
+        <style>
+          br { mso-data-placement: same-cell; }
+          table { mso-displayed-decimal-separator:"."; mso-displayed-thousand-separator:","; }
+          td { mso-ignore:padding; }
+        </style>
+        <!--[if gte mso 9]><xml>
+        <x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
+        <x:Name>${title}</x:Name>
+        <x:WorksheetOptions>
+          <x:DefaultRowHeight>260</x:DefaultRowHeight>
+          <x:Print><x:ValidPrinterInfo/><x:HorizontalResolution>600</x:HorizontalResolution><x:VerticalResolution>600</x:VerticalResolution></x:Print>
+          <x:Selected/>
+          <x:DoNotDisplayGridlines/>
+        </x:WorksheetOptions>
+        </x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook>
+        </xml><![endif]-->
+        </head>
+        <body>${table}</body></html>`;
+
+      const blob = new Blob(['' + html], {
+        type: 'application/vnd.ms-excel;charset=utf-8'
+      });
+      saveAs(blob, `${title}_${this.formData.receiveNo || ''}.xls`);
     }
   }
 };