| | |
| | | } |
| | | } |
| | | |
| | | 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' } |
| | |
| | | |
| | | // 样式定义 |
| | | 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" } }, |
| | |
| | | }; |
| | | }); |
| | | }; |
| | | |
| | | // 创建工作簿 |
| | | const wb = utils.book_new(); |
| | | const wsData = []; |
| | |
| | | } |
| | | 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(); |
| | |
| | | // 创建工作表 |
| | | 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 = [ |
| | |
| | | |
| | | // 生成Excel文件并下载 |
| | | writeFile(wb, `${jsonData.recordName}.xlsx`); |
| | | }else{ |
| | | } else { |
| | | ElMessage.warning('暂无数据') |
| | | } |
| | | }else{ |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |