From 638a7ea9d2d2ae8c3bb947638a669b6fdacd985a Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: 星期五, 22 八月 2025 10:58:17 +0800
Subject: [PATCH] 修改新增

---
 src/views/work/qualityInfo/inventoryRecord/index.vue |   83 ++++++++++++++++++++++++++++++++---------
 1 files changed, 64 insertions(+), 19 deletions(-)

diff --git a/src/views/work/qualityInfo/inventoryRecord/index.vue b/src/views/work/qualityInfo/inventoryRecord/index.vue
index 93797ad..b4edb91 100644
--- a/src/views/work/qualityInfo/inventoryRecord/index.vue
+++ b/src/views/work/qualityInfo/inventoryRecord/index.vue
@@ -127,20 +127,22 @@
   }
 }
 
-const downloadFile = async (val)=>{
-  const res = await getWarehousingRecordDetail({id: val.id})
-  if(res.code == 200){
-    if(res.data){
+const downloadFile = async (val) => {
+  const res = await getWarehousingRecordDetail({ id: val.id })
+  if (res.code == 200) {
+    if (res.data) {
       const jsonData = res.data
+
+      // 列定义
       const columns = [
         { label: '序号', key: 'index' },
         { label: '登记时间', key: 'boardingTime' },
         { label: '名称', key: 'name' },
-        { label: '入库单位', key: 'enterCompany' },
-        { label: '入库数量', key: 'enterNum' },
+        { label: '单位', key: 'enterCompany' },
+        { label: '数量', key: 'enterNum' },
         { label: '入库经手人', key: 'enterPerson' },
-        { label: '出库单位', key: 'outboundCompany' },
-        { label: '出库数量', key: 'outboundNum' },
+        { label: '单位', key: 'outboundCompany' },
+        { label: '数量', key: 'outboundNum' },
         { label: '出库经手人', key: 'outboundPerson' },
         { label: '库存数量', key: 'amount' },
         { label: '备注', key: 'remark' }
@@ -148,8 +150,20 @@
 
       // 样式定义
       const headerStyle = {
-        font: { bold: true, sz: 12, color: { rgb: "FFFFFF" } },
-        fill: { fgColor: { rgb: "3498DB" } },
+        font: { bold: true, sz: 12, color: { rgb: "000000" } },
+        fill: { fgColor: { rgb: "CCCCCC" } },
+        alignment: { horizontal: "center", vertical: "center" },
+        border: {
+          top: { style: "thin", color: { rgb: "000000" } },
+          bottom: { style: "thin", color: { rgb: "000000" } },
+          left: { style: "thin", color: { rgb: "000000" } },
+          right: { style: "thin", color: { rgb: "000000" } }
+        }
+      };
+
+      const subHeaderStyle = {
+        font: { bold: true, sz: 11, color: { rgb: "000000" } },
+        fill: { fgColor: { rgb: "CCCCCC" } },
         alignment: { horizontal: "center", vertical: "center" },
         border: {
           top: { style: "thin", color: { rgb: "000000" } },
@@ -184,6 +198,7 @@
           };
         });
       };
+
       // 创建工作簿
       const wb = utils.book_new();
       const wsData = [];
@@ -200,13 +215,29 @@
       }
       wsData.push(titleRow);
 
-      // 添加表头
-      const headerRow = columns.map(col => ({
+      // 添加上层表头行(包含"入库"和"出库"合并标题)
+      const topHeaderRow = [
+        { v: '序号', t: 's', s: headerStyle }, // 序号
+        { v: '登记时间', t: 's', s: headerStyle }, // 登记时间
+        { v: '名称', t: 's', s: headerStyle }, // 名称
+        { v: '入库', t: 's', s: headerStyle }, // 入库(将合并3列)
+        { v: '', t: 's', s: headerStyle }, // 占位
+        { v: '', t: 's', s: headerStyle }, // 占位
+        { v: '出库', t: 's', s: headerStyle }, // 出库(将合并3列)
+        { v: '', t: 's', s: headerStyle }, // 占位
+        { v: '', t: 's', s: headerStyle }, // 占位
+        { v: '库存数量', t: 's', s: headerStyle }, // 库存数量
+        { v: '备注', t: 's', s: headerStyle }  // 备注
+      ];
+      wsData.push(topHeaderRow);
+
+      // 添加下层表头行(具体字段名称)
+      const bottomHeaderRow = columns.map(col => ({
         v: col.label,
         t: 's',
-        s: headerStyle
+        s: subHeaderStyle
       }));
-      wsData.push(headerRow);
+      wsData.push(bottomHeaderRow);
 
       // 添加数据行
       const processedData = processData();
@@ -222,10 +253,24 @@
       // 创建工作表
       const ws = utils.aoa_to_sheet(wsData);
 
-      // 设置合并单元格(标题行)
-      ws['!merges'] = [
-        { s: { r: 0, c: 0 }, e: { r: 0, c: columns.length - 1 } }
+      // 设置合并单元格
+      const merges = [
+        // 标题行合并
+        { s: { r: 0, c: 0 }, e: { r: 0, c: columns.length - 1 } },
+        // 入库标题合并(第1行,第3-5列)
+        { s: { r: 1, c: 3 }, e: { r: 1, c: 5 } },
+        // 出库标题合并(第1行,第6-8列)
+        { s: { r: 1, c: 6 }, e: { r: 1, c: 8 } },
+        // 序号、登记时间、名称跨行合并(第1-2行)
+        { s: { r: 1, c: 0 }, e: { r: 2, c: 0 } },
+        { s: { r: 1, c: 1 }, e: { r: 2, c: 1 } },
+        { s: { r: 1, c: 2 }, e: { r: 2, c: 2 } },
+        // 库存数量、备注跨行合并(第1-2行)
+        { s: { r: 1, c: 9 }, e: { r: 2, c: 9 } },
+        { s: { r: 1, c: 10 }, e: { r: 2, c: 10 } }
       ];
+
+      ws['!merges'] = merges;
 
       // 设置列宽
       const colWidths = [
@@ -248,10 +293,10 @@
 
       // 生成Excel文件并下载
       writeFile(wb, `${jsonData.recordName}.xlsx`);
-    }else{
+    } else {
       ElMessage.warning('暂无数据')
     }
-  }else{
+  } else {
     ElMessage.warning(res.message)
   }
 }

--
Gitblit v1.9.2