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