ToB企服应用市场:ToB评测及商务社交产业平台

标题: vue纯前端使用exceljs导出excel文件手把手教程，非官方文档直粘 [打印本页]

---

作者: 道家人    时间: 2024-8-29 00:44
标题: vue纯前端使用exceljs导出excel文件手把手教程，非官方文档直粘
有许多多少私信小同伴，问我的那篇帖子：
  
  vue纯前端导出excel，包括列表批量导出图片、文件超链接
  
  上篇文章只是将公司的需求代码实现粘贴了进来，对于没有使用过exceljs插件的人来说，确实是有点晦涩的，本文就按自己的理解，一步一步将exceljs插件的使用讲解一下，有不明白或理解错误的地方接待指出，促进我进步。
  最终实现样式展示：

目录
一、exceljs的安装、引用
二、创建excel工作簿
三、创建excel工作表（sheet栏）
四、为excel工作表定义每列的数据
五、excel设置样式（合并单元格等）
六、excel的行级操纵
七、遍历所有行
八、遍历所有单元格
九、向excel中插入图片
十、插入超链接 
十一、主图完整代码



一、exceljs的安装、引用

        首先执行npm i exceljs，将依赖安装到你的项目中

1. npm i exceljs

复制代码

        在vue页面中，创建一个方法，将exceljs引入

1. exportExcel() {
2.         const Exceljs = require('exceljs'); // 引入exceljs
3. },

复制代码

二、创建excel工作簿

        引入成功后，先来创建一个excel工作簿

1. exportExcel() {
2.         const Exceljs = require('exceljs'); // 引入exceljs
3.         const workbook = new Exceljs.Workbook();// 创建工作簿
4. },

复制代码

        此时，我们增加以下内容，就会下载出一个excel文件啦。
        我用了 saveAs 插件下载，安装方式任意搜一下，这里就不赘述了。

1. exportExcel() {
2.         const Exceljs = require('exceljs'); // 引入exceljs
3.         const workbook = new Exceljs.Workbook(); // 创建工作簿
5.         // 下载工作簿
6.         workbook.xlsx.writeBuffer().then((buffer) => {
7.         saveAs(new Blob([buffer], { type: 'application/octet-stream' }), '测试导出.xlsx');});
8. },

复制代码

        如果下载成功，阐明组件引入都没有问题，进行下一步操纵~
三、创建excel工作表（sheet栏）

        excel是可以有多个sheet栏的，创建好工作簿后，下一步一定是创建一个工作表，也就是sheet，调用  workbook.addWorksheet('sheet栏的名字') ，必须用变量吸收一下，因为后续要对它进行操纵！

1. exportExcel() {
2.         const Exceljs = require('exceljs'); // 引入exceljs
3.         const workbook = new Exceljs.Workbook(); // 创建工作簿
4.         const workSheet = workbook.addWorksheet('总报价');// 创建工作表（sheet1）
5. },

复制代码

四、为excel工作表定义每列的数据

        exceljs支持快速定义表头，每列的数据字段，传入表头配置数组，对应的列，就会主动赋值，与 el-table 的理念差不多，前端理解后，使用非常方便。

1. workSheet.columns = this.exportTableProp; // 工作表添加表头

复制代码

        exportTableProp的格式为：
        header是表头列名，key是每列的数据源，width是列宽

1. [
2.     {
3.             header: '姓名',
4.             key: 'name',
5.             width: 14
6.     },
7.     {
8.             header: '年龄',
9.             key: 'age',
10.             width: 14
11.     },
12.     {
13.             header: '性别',
14.             key: 'sex',
15.             width: 14
16.     },
17.     {
18.             header: '生日',
19.             key: 'birth',
20.             width: 14
21.     }
22. ]

复制代码

        定义表头后，插入数据：

1. workSheet.addRows(this.exportDataList);  // 往工作表插入数据

复制代码

        将代码连起来，已经可以执行啦，导出一个完整的excel

1. exportExcel() {
2.         const Exceljs = require('exceljs'); // 引入exceljs
3.         const workbook = new Exceljs.Workbook(); // 创建工作簿
4.         const workSheet = workbook.addWorksheet('sheet1');// 创建工作表（sheet1）
5.         workSheet.columns = this.exportTableProp; // 工作表添加表头
6.         workSheet.addRows(this.exportDataList);// 往工作表插入数据
7.         // 下载工作簿
8.         workbook.xlsx.writeBuffer().then((buffer) => {
9.         saveAs(new Blob([buffer], { type: 'application/octet-stream' }), '测试导出.xlsx');});
10. },

复制代码

五、excel设置样式（合并单元格等）

        exceljs提供了一系列方法，精确调用即可画出任何样式的excel
        合并单元格：

1. workSheet.mergeCells('A1:M1'); //将A1到M1的单元格合并

复制代码

        获取单元格：（设置样式的前提）

1. const cell = workSheet.getCell('A1'); // 获取A1单元格

复制代码

        设置A1单元格显示的内容：

1. cell.value = '我是A1各自的数据';

复制代码

        设置A1单元格的样式：
        font设置文字样式，alignment设置格子内文本怎样显示，fill 设置单元格配景致

1. cell.font = { size: 16, bold: true, name: '仿宋' }; // 设置字体大小为16，加粗，仿宋
2. cell.alignment = {
3.         vertical: 'middle', // 垂直居中
4.         horizontal: 'center', // 水平居中
5.         wrapText: true // 自动换行
6. };
7. cell.fill = {
8.         type: 'pattern',
9.         pattern: 'solid',
10.         fgColor: { argb: 'A9D08E' } // 设置背景色
11. };

复制代码

六、excel的行级操纵

        获取第一行：

1. workSheet.getRow(1)

复制代码

        调解第一行的行高

1. workSheet.getRow(1).height = 70;

复制代码

        手动添加一行：

1. workSheet.addRow();
3. workSheet.addRow(2);
5. workSheet.addRow(['姓名','年龄','性别']);

复制代码

        不传参：在最下方加一行
        传数字：在指定列加一行
        传数组：加一行，且设置行内数据
七、遍历所有行

        调用workSheet.eachRow 可以遍历所有行，好比快捷设置全部行高

1. workSheet.eachRow((row, rowIndex) => {
2.         // 循环每一行
3.     console.log(row)       
4.     row.height = 17;                       
5. });

复制代码

八、遍历所有单元格

        嵌套操纵，可以遍历到全部单元格，代码演示：

1. workSheet.eachRow((row, rowIndex) => {
2.         // 循环每个单元格               
3.         row.eachCell((cell, colIndex) => {
4.                 cell.font = { size: 11, bold: true };
5.                 cell.alignment = {
6.                         vertical: 'middle', // 垂直居中
7.                         horizontal: 'center', // 水平居中
8.                         wrapText: true // 自动换行
9.                 };
10.         });
11.                                        
12. });

复制代码

        当然，也可以加判断

1. workSheet.eachRow((row, rowIndex) => {                       
2.         if (rowIndex === 14) {
3.                 row.eachCell((cell, colIndex) => {
4.                         cell.font = { size: 11, bold: true };
5.                         cell.alignment = {
6.                                 vertical: 'middle', // 垂直居中
7.                                 horizontal: 'center', // 水平居中
8.                                 wrapText: true // 自动换行
9.                         };
10.                 });
11.         }
12.         if (rowIndex > 14 && rowIndex <= 25) {
13.                 row.height = 17;
14.                 row.eachCell((cell, colIndex) => {
15.                     cell.font = { size: 11 };
16.                     cell.alignment = {
17.                             vertical: 'middle', // 垂直居中
18.                             horizontal: 'center', // 水平居中
19.                             wrapText: true // 自动换行
20.                     };
21.                 });
22.         }
23. });

复制代码

来个实用案例： 为所有单元格设置边框：

1. // 定义边框样式
2. const borderStyle = {
3.         top: { style: 'thin' },
4.         left: { style: 'thin' },
5.         bottom: { style: 'thin' },
6.         right: { style: 'thin' }
7. };
9. // 遍历工作表中的所有单元格并添加边框
10. workSheet.eachRow((row, rowIndex) => {
11.         row.eachCell((cell, colIndex) => {
12.                 cell.border = borderStyle;
13.         });
14. });

复制代码

九、向excel中插入图片

如果是base64编码图片，直接插入就可以，如果不是，需要转为base64

1. // 将logo放入第一行
2. const base64 = await this.imageToBase64(); // 这里是转base64方法，不放了
3. // 把base64编码的图片插入excel工作簿里面
4. const imageId = workbook.addImage({
5.                 base64: base64,
6.                 extension: 'png'
7. });
9. // 当前工作表（当前excel页）加入图片，tl.col：excel第几列，tl.row：excel第几行，ext里面表示图片宽高
10. workSheet.addImage(imageId, {
11.         tl: { col: 0.1, row: 0.1 },
12.         // br: { col: columns.length + ai - 11.1, row: ri + 2 }
13.         ext: { width: 100, height: 85 }
14. });

复制代码

十、插入超链接

超链接一定是单元格级别的，先获取到单元格，然后设置value即可

1. cell.value = {
2.                 text: '要显示的文字',
3.                 hyperlink: 'www.baidu.com',
4.                 tooltip: 'hover的提示'
5. };

复制代码

将上述操纵全部用上，信赖你的excel就可以任意定义啦~
十一、主图完整代码

最后，附主图的完整屎山代码，接口就不放了

1. async exportExcel(row) {
2.                         const loading = this.$loading({
3.                                 lock: true,
4.                                 text: '导出excel中...（若长时间无响应请刷新页面）',
5.                                 spinner: 'el-icon-loading',
6.                                 background: 'rgba(0, 0, 0, 0.7)'
7.                         });
8.                         // 查商务报价版本
9.                         let para = {
10.                                 CommercialQuotationVersionId: row.commercialQuotationVersionId
11.                         };
12.                         let res = await GetCommercialQuotationVersion(para);
14.                         if (res.success) {
15.                                 let totalQuotationData = res.response;
16.                                 const Exceljs = require('exceljs');
17.                                 // 创建工作簿
18.                                 const workbook = new Exceljs.Workbook();
19.                                 // 创建工作表（sheet1）
20.                                 const workSheet = workbook.addWorksheet('总报价');
21.                                 // 表格的表头配置
22.                                 workSheet.columns = this.exportTableProp; // 工作表添加表头
23.                                 //======================================= 第一行 =================================
24.                                 // 合并A1到L1的单元格 （大标题）
25.                                 workSheet.mergeCells('A1:M1');
26.                                 const cell = workSheet.getCell('A1');
27.                                 cell.value = 'Mechanical  CO., LTD. - Quotation \n - 报价单';
29.                                 // 设置第一行的单元格样式
30.                                 cell.font = { size: 16, bold: true, name: '仿宋' }; // 设置字体大小为16，加粗，仿宋
31.                                 cell.alignment = {
32.                                         vertical: 'middle', // 垂直居中
33.                                         horizontal: 'center', // 水平居中
34.                                         wrapText: true // 自动换行
35.                                 };
36.                                 // 调整第一行的高度
37.                                 workSheet.getRow(1).height = 70;
39.                                 // ==================================== 第二 到 第十二行 ================= 样式差不多，一起搞
40.                                 for (let ri = 2; ri < 14; ri++) {
41.                                         // 创建第ri行
42.                                         workSheet.addRow(ri);
43.                                         // 合并单元格
44.                                         workSheet.mergeCells(`A${ri}:C${ri}`);
45.                                         workSheet.mergeCells(`D${ri}:F${ri}`);
46.                                         workSheet.mergeCells(`G${ri}:I${ri}`);
47.                                         workSheet.mergeCells(`J${ri}:M${ri}`);
49.                                         // A列的标题数据
50.                                         let headerCellA = workSheet.getCell(`A${ri}`);
51.                                         headerCellA.value = this.excelHeader[(ri - 2) * 2].label;
52.                                         headerCellA.alignment = {
53.                                                 vertical: 'middle' // 垂直居中
54.                                         };
55.                                         if (ri <= 10) {
56.                                                 headerCellA.font = { size: 11, name: '仿宋' };
57.                                         } else {
58.                                                 headerCellA.font = { size: 11, name: '仿宋', bold: true, color: { argb: 'FF0000' } };
59.                                         }
61.                                         // D列
62.                                         let headerCellD = workSheet.getCell(`D${ri}`);
63.                                         if (ri > 10) {
64.                                                 headerCellD.fill = {
65.                                                         type: 'pattern',
66.                                                         pattern: 'solid',
67.                                                         fgColor: { argb: 'FFD966' } // 设置背景色
68.                                                 };
69.                                         }
70.                                         headerCellD.alignment = {
71.                                                 vertical: 'middle', // 垂直居中
72.                                                 horizontal: 'center', // 水平居中
73.                                                 wrapText: true // 自动换行
74.                                         };
76.                                         // G列
77.                                         let headerCellG = workSheet.getCell(`G${ri}`);
78.                                         headerCellG.value = this.excelHeader[(ri - 1) * 2 - 1].label;
79.                                         headerCellG.alignment = {
80.                                                 vertical: 'middle' // 垂直居中
81.                                         };
82.                                         if (ri <= 10) {
83.                                                 headerCellG.font = { size: 11, name: '仿宋' };
84.                                         } else {
85.                                                 headerCellG.font = { size: 11, name: '仿宋', bold: true, color: { argb: 'FF0000' } };
86.                                         }
88.                                         // J列
89.                                         let headerCellJ = workSheet.getCell(`J${ri}`);
90.                                         if (ri > 10 && ri !== 13) {
91.                                                 headerCellJ.fill = {
92.                                                         type: 'pattern',
93.                                                         pattern: 'solid',
94.                                                         fgColor: { argb: 'FFD966' } // 设置背景色
95.                                                 };
96.                                         }
97.                                         headerCellJ.alignment = {
98.                                                 vertical: 'middle', // 垂直居中
99.                                                 horizontal: 'center', // 水平居中
100.                                                 wrapText: true // 自动换行
101.                                         };
103.                                         workSheet.getRow(ri).height = 15;
104.                                         // 获取第ri行的单元格
105.                                         // const cell = workSheet.getCell(`A${ri}`);
106.                                         // 设置单元格样式
107.                                 }
108.                                 // 插入表头一堆数据 row 是主表数据 totalQuotationData 是子表数据
109.                                 workSheet.getCell('D2').value = row.inquiryName; // 项目名称
110.                                 workSheet.getCell('D3').value = row.commercialQuotationNumber; // 报价单号
111.                                 workSheet.getCell('J3').value = row.creationTime; // 报价日期
112.                                 workSheet.getCell('D4').value = row.customer; // 客户名称
113.                                 workSheet.getCell('D11').value = ''; // 交费周期
114.                                 let string = '';
115.                                 this.PaymentMethod.forEach((item) => {
116.                                         if (item.key === totalQuotationData.paymentMethod) {
117.                                                 string = item.value;
118.                                         }
119.                                 });
120.                                 workSheet.getCell('J11').value = string; // 付款方式
121.                                 workSheet.getCell('D12').value = totalQuotationData.customerRequirementVersion; // 技术要求版本号
122.                                 workSheet.getCell('J12').value = totalQuotationData.versionNumber; // 报价版本号
123.                                 workSheet.getCell('D13').value = totalQuotationData.solutionVersion; // 方案版本号
125.                                 // ================================ 数据部分行 =============================================================
126.                                 workSheet.addRow(
127.                                         this.exportTableProp.map((item) => {
128.                                                 return item.header;
129.                                         })
130.                                 );
131.                                 // 添加数据，表头信息已经在最上面定好了（这里是从接口取回来的数据）
132.                                 totalQuotationData.commercialQuotationVersionWorkstationList.forEach((item, index) => {
133.                                         for (let key in item) {
134.                                                 if (item[key] === null) item[key] = '';
135.                                         }
136.                                         item.index = index + 1;
137.                                 });
138.                                 let tableData = totalQuotationData.commercialQuotationVersionWorkstationList;
139.                                 workSheet.addRows(tableData);
140.                                 // 设置第14行到数据结束 行的所有单元格的样式
141.                                 workSheet.eachRow((row, rowIndex) => {
142.                                         // 循环每一行
143.                                         if (rowIndex === 14) {
144.                                                 row.eachCell((cell, colIndex) => {
145.                                                         cell.font = { size: 11, bold: true };
146.                                                         cell.alignment = {
147.                                                                 vertical: 'middle', // 垂直居中
148.                                                                 horizontal: 'center', // 水平居中
149.                                                                 wrapText: true // 自动换行
150.                                                         };
151.                                                 });
152.                                         }
153.                                         if (rowIndex > 14 && rowIndex <= 14 + tableData.length) {
154.                                                 row.height = 17;
155.                                                 row.eachCell((cell, colIndex) => {
156.                                                         cell.font = { size: 11 };
157.                                                         cell.alignment = {
158.                                                                 vertical: 'middle', // 垂直居中
159.                                                                 horizontal: 'center', // 水平居中
160.                                                                 wrapText: true // 自动换行
161.                                                         };
162.                                                 });
163.                                         }
164.                                 });
165.                                 // =======================================最下方合计部分 ============================================
167.                                 // ======================================= 成本小计行 ==========================================
168.                                 let rowNUM = 15 + tableData.length; // 从第几行开始
169.                                 workSheet.addRow();
170.                                 workSheet.mergeCells(`A${rowNUM}:C${rowNUM}`);
171.                                 workSheet.getCell(`A${rowNUM}`).value = '成本小计';
172.                                 //         下面是 成本小计行的数据
173.                                 workSheet.getCell(`D${rowNUM}`).value = totalQuotationData.mechanicalMaterialsAndProcessingCosts_TotalCost || '';
174.                                 workSheet.getCell(`E${rowNUM}`).value = totalQuotationData.mechanicalPurchaseCost_TotalCost || '';
175.                                 workSheet.getCell(`F${rowNUM}`).value = totalQuotationData.electricalpurchaseCost_TotalCost || '';
176.                                 workSheet.getCell(`G${rowNUM}`).value = totalQuotationData.industrialControlCost_TotalCost || '';
177.                                 workSheet.getCell(`H${rowNUM}`).value = totalQuotationData.totalHardwareCost_TotalCost || '';
178.                                 workSheet.getCell(`I${rowNUM}`).value = totalQuotationData.laborCost_TotalCost || '';
179.                                 workSheet.getCell(`J${rowNUM}`).value = totalQuotationData.travelAndAccommodationCost_TotalCost || '';
180.                                 workSheet.getCell(`K${rowNUM}`).value = totalQuotationData.transportationAndOtherMaterialCosts_TotalCost || '';
181.                                 workSheet.getCell(`L${rowNUM}`).value = totalQuotationData.totalCost || '';
182.                                 workSheet.getCell(`M${rowNUM}`).value = totalQuotationData.costSubtotal_Remarks || '';
183.                                 // 设置成本小计样式
184.                                 workSheet.eachRow((row, rowIndex) => {
185.                                         if (rowIndex === rowNUM) {
186.                                                 row.eachCell((cell, colIndex) => {
187.                                                         cell.font = { size: 11 };
188.                                                         cell.alignment = {
189.                                                                 vertical: 'middle', // 垂直居中
190.                                                                 horizontal: 'center', // 水平居中
191.                                                                 wrapText: true // 自动换行
192.                                                         };
193.                                                         // 除备注列外，其他列设置颜色
194.                                                         if (cell._address.indexOf('M') < 0) {
195.                                                                 cell.fill = {
196.                                                                         type: 'pattern',
197.                                                                         pattern: 'solid',
198.                                                                         fgColor: { argb: 'F8CBAD' } // 设置背景色
199.                                                                 };
200.                                                         }
201.                                                 });
202.                                                 row.height = 17;
203.                                         }
204.                                 });
205.                                 // =================================================== 其他合计行 ===================================================
206.                                 let otherSunRow = [
207.                                         {
208.                                                 name: '成本合计（未税）/ 元',
209.                                                 prop: 'totalCost',
210.                                                 remark: 'totalCost_Remarks'
211.                                         },
212.                                         {
213.                                                 name: '管理费 / 元：',
214.                                                 prop: 'managementFee_TotalCost',
215.                                                 remark: 'managementFee_Remarks'
216.                                         },
217.                                         {
218.                                                 name: '财务费 / 元：',
219.                                                 prop: 'financialFee_TotalCost',
220.                                                 remark: 'financialFee_Remarks'
221.                                         },
222.                                         {
223.                                                 name: '利润 / 元：',
224.                                                 prop: 'profit_TotalCost',
225.                                                 remark: 'profit_Remarks'
226.                                         },
227.                                         {
228.                                                 name: '价格合计（未税）/ 元：',
229.                                                 prop: 'totalPriceExcludingTax_TotalCost',
230.                                                 remark: 'totalPriceExcludingTax_Remarks'
231.                                         },
232.                                         {
233.                                                 name: '增值税 / 元：',
234.                                                 prop: 'valueAddedTax_TotalCost',
235.                                                 remark: 'valueAddedTax_Remarks'
236.                                         },
237.                                         {
238.                                                 name: '价格合计（含税）/ 元：',
239.                                                 prop: 'totalPriceIncludingTax_TotalCost',
240.                                                 remark: 'totalPriceIncludingTax_Remarks'
241.                                         },
242.                                         {
243.                                                 name: '优惠后价格（含税）/ 元：',
244.                                                 prop: 'discountedPrice',
245.                                                 remark: 'discountedPrice_Remarks'
246.                                         },
247.                                         {
248.                                                 name: '针对此次报价的其他说明',
249.                                                 prop: 'remarks',
250.                                                 remark: 'remarks'
251.                                         }
252.                                 ];
254.                                 // 如果没有优惠后价格就不显示
255.                                 let havePrice = true;
256.                                 if (totalQuotationData.discountedPrice === null || totalQuotationData.discountedPrice === '' || totalQuotationData.discountedPrice === undefined) {
257.                                         havePrice = false;
258.                                         otherSunRow = otherSunRow.filter((item) => {
259.                                                 return item.prop !== 'discountedPrice';
260.                                         });
261.                                 }
262.                                 // 插入数据
263.                                 let otherNum = rowNUM + 1;
264.                                 for (let oi = 0; oi < otherSunRow.length; oi++) {
265.                                         workSheet.addRow();
266.                                         workSheet.mergeCells(`A${oi + otherNum}:C${oi + otherNum}`);
267.                                         workSheet.getCell(`A${oi + otherNum}`).value = otherSunRow[oi].name || '';
268.                                         if (oi === otherSunRow.length - 1) {
269.                                                 workSheet.mergeCells(`D${oi + otherNum}:M${oi + otherNum}`);
270.                                         } else {
271.                                                 workSheet.mergeCells(`D${oi + otherNum}:L${oi + otherNum}`);
272.                                         }
273.                                         workSheet.getCell(`D${oi + otherNum}`).value = totalQuotationData[otherSunRow[oi].prop] || '';
274.                                         workSheet.getCell(`M${oi + otherNum}`).value = totalQuotationData[otherSunRow[oi].remark] || '';
275.                                 }
277.                                 // 设置其他合计样式
278.                                 workSheet.eachRow((row, rowIndex) => {
279.                                         if (rowIndex > rowNUM && rowIndex < rowNUM + otherSunRow.length + 1) {
280.                                                 if (rowIndex === rowNUM + 6) {
281.                                                         row.height = 17;
282.                                                         // 增值税
283.                                                         row.eachCell((cell, colIndex) => {
284.                                                                 cell.font = { size: 11 };
285.                                                                 cell.alignment = {
286.                                                                         vertical: 'middle', // 垂直居中
287.                                                                         horizontal: 'center', // 水平居中
288.                                                                         wrapText: true // 自动换行
289.                                                                 };
290.                                                                 // 除备注列外，其他列设置颜色
291.                                                                 if (cell._address.indexOf('M') < 0) {
292.                                                                         cell.fill = {
293.                                                                                 type: 'pattern',
294.                                                                                 pattern: 'solid',
295.                                                                                 fgColor: { argb: '9BC2E6' } // 设置背景色
296.                                                                         };
297.                                                                 }
298.                                                         });
299.                                                 } else if (rowIndex === rowNUM + 7 || (havePrice ? rowIndex === rowNUM + 8 : false)) {
300.                                                         row.height = 17;
301.                                                         // 价税合计 、优惠后价格
302.                                                         row.eachCell((cell, colIndex) => {
303.                                                                 cell.font = { size: 11 };
304.                                                                 cell.alignment = {
305.                                                                         vertical: 'middle', // 垂直居中
306.                                                                         horizontal: 'center', // 水平居中
307.                                                                         wrapText: true // 自动换行
308.                                                                 };
309.                                                                 if (cell._address.indexOf('M') < 0) {
310.                                                                         cell.fill = {
311.                                                                                 type: 'pattern',
312.                                                                                 pattern: 'solid',
313.                                                                                 fgColor: { argb: 'FFD966' } // 设置背景色
314.                                                                         };
315.                                                                 }
316.                                                         });
317.                                                 } else if (havePrice ? rowIndex === rowNUM + 9 : rowIndex === rowNUM + 8) {
318.                                                         row.height = 17;
319.                                                         // 最后的其他说明
320.                                                         row.eachCell((cell, colIndex) => {
321.                                                                 cell.font = { size: 11, bold: true };
322.                                                                 cell.alignment = {
323.                                                                         vertical: 'middle', // 垂直居中
324.                                                                         horizontal: 'center', // 水平居中
325.                                                                         wrapText: true // 自动换行
326.                                                                 };
328.                                                                 cell.fill = {
329.                                                                         type: 'pattern',
330.                                                                         pattern: 'solid',
331.                                                                         fgColor: { argb: 'A9D08E' } // 设置背景色
332.                                                                 };
333.                                                         });
334.                                                 } else {
335.                                                         row.height = 17;
336.                                                         row.eachCell((cell, colIndex) => {
337.                                                                 cell.font = { size: 11 };
338.                                                                 cell.alignment = {
339.                                                                         vertical: 'middle', // 垂直居中
340.                                                                         horizontal: 'center', // 水平居中
341.                                                                         wrapText: true // 自动换行
342.                                                                 };
343.                                                                 if (cell._address.indexOf('M') < 0) {
344.                                                                         cell.fill = {
345.                                                                                 type: 'pattern',
346.                                                                                 pattern: 'solid',
347.                                                                                 fgColor: { argb: 'F8CBAD' } // 设置背景色
348.                                                                         };
349.                                                                 }
350.                                                         });
351.                                                 }
352.                                         }
353.                                 });
355.                                 // 将logo放入第一行 放到最后就行啦
356.                                 // 获取图片的 Blob 数据
357.                                 const base64 = await this.imageToBase64();
358.                                 // 把base64编码的图片插入excel工作簿里面
359.                                 const imageId = workbook.addImage({
360.                                         base64: base64,
361.                                         extension: 'png'
362.                                 });
364.                                 // 当前工作表（当前excel页）加入图片，tl.col：excel第几列，tl.row：excel第几行，ext里面表示图片宽高
365.                                 workSheet.addImage(imageId, {
366.                                         tl: { col: 0.1, row: 0.1 },
367.                                         // br: { col: columns.length + ai - 11.1, row: ri + 2 }
368.                                         ext: { width: 100, height: 85 }
369.                                 });
371.                                 // 调整所有列的宽度
372.                                 workSheet.columns.forEach((column) => {
373.                                         column.width = 17; // 将宽度设为20个字符
374.                                 });
376.                                 // 定义边框样式
377.                                 const borderStyle = {
378.                                         top: { style: 'thin' },
379.                                         left: { style: 'thin' },
380.                                         bottom: { style: 'thin' },
381.                                         right: { style: 'thin' }
382.                                 };
384.                                 // 遍历工作表中的所有单元格并添加边框
385.                                 workSheet.eachRow((row, rowIndex) => {
386.                                         row.eachCell((cell, colIndex) => {
387.                                                 cell.border = borderStyle;
388.                                         });
389.                                 });
390.                                 // =================================== 工位 Sheet =======================================
391.                                 var that = this;
392.                                 async function getData() {
393.                                         let details = totalQuotationData.commercialQuotationVersionWorkstationList; // 这是所有工位
394.                                         for (let i = 0; i < details.length; i++) {
395.                                                 let spara = {
396.                                                         CommercialQuotationVersionWorkstationId: details[i].commercialQuotationVersionWorkstationId
397.                                                 };
398.                                                 let sres = await GetCommercialQuotationVersionWorkstation(spara);
399.                                                 console.log('工位', sres);
400.                                                 let tableData = sres.response;
401.                                                 // 创建工位的工作表
402.                                                 let sworkSheet = workbook.addWorksheet(details[i].inquiryStationCode);
403.                                                 //======================================= 第一行 =================================
404.                                                 // 合并A1到L1的单元格 （大标题）
405.                                                 sworkSheet.mergeCells('A1:L1');
406.                                                 const cell = sworkSheet.getCell('A1');
407.                                                 cell.value = 'ChangChun HeXin Mechanical Manufacturing CO., LTD. - Quotation \n 长春合心机械制造有限公司 - 报价单';
409.                                                 // 设置第一行的单元格样式
410.                                                 cell.font = { size: 16, bold: true, name: '仿宋' }; // 设置字体大小为16，加粗，仿宋
411.                                                 cell.alignment = {
412.                                                         vertical: 'middle', // 垂直居中
413.                                                         horizontal: 'center', // 水平居中
414.                                                         wrapText: true // 自动换行
415.                                                 };
416.                                                 // 调整第一行的高度
417.                                                 sworkSheet.getRow(1).height = 70;
419.                                                 // ==================================== 第二 到 第十二行 ================= 样式差不多，一起搞
420.                                                 for (let ri = 2; ri < 14; ri++) {
421.                                                         // 创建第ri行
422.                                                         sworkSheet.addRow(ri);
423.                                                         // 合并单元格
424.                                                         sworkSheet.mergeCells(`A${ri}:C${ri}`);
425.                                                         sworkSheet.mergeCells(`D${ri}:F${ri}`);
426.                                                         sworkSheet.mergeCells(`G${ri}:I${ri}`);
427.                                                         sworkSheet.mergeCells(`J${ri}:L${ri}`);
429.                                                         // A列的标题数据
430.                                                         let headerCellA = sworkSheet.getCell(`A${ri}`);
431.                                                         headerCellA.value = that.excelHeader[(ri - 2) * 2].label;
432.                                                         headerCellA.alignment = {
433.                                                                 vertical: 'middle' // 垂直居中
434.                                                         };
435.                                                         if (ri <= 10) {
436.                                                                 headerCellA.font = { size: 11, name: '仿宋' };
437.                                                         } else {
438.                                                                 headerCellA.font = { size: 11, name: '仿宋', bold: true, color: { argb: 'FF0000' } };
439.                                                         }
441.                                                         // D列
442.                                                         let headerCellD = sworkSheet.getCell(`D${ri}`);
443.                                                         if (ri > 10) {
444.                                                                 headerCellD.fill = {
445.                                                                         type: 'pattern',
446.                                                                         pattern: 'solid',
447.                                                                         fgColor: { argb: 'FFD966' } // 设置背景色
448.                                                                 };
449.                                                         }
450.                                                         headerCellD.alignment = {
451.                                                                 vertical: 'middle', // 垂直居中
452.                                                                 horizontal: 'center', // 水平居中
453.                                                                 wrapText: true // 自动换行
454.                                                         };
456.                                                         // G列
457.                                                         let headerCellG = sworkSheet.getCell(`G${ri}`);
458.                                                         headerCellG.value = that.excelHeader[(ri - 1) * 2 - 1].label;
459.                                                         headerCellG.alignment = {
460.                                                                 vertical: 'middle' // 垂直居中
461.                                                         };
462.                                                         if (ri <= 10) {
463.                                                                 headerCellG.font = { size: 11, name: '仿宋' };
464.                                                         } else {
465.                                                                 headerCellG.font = { size: 11, name: '仿宋', bold: true, color: { argb: 'FF0000' } };
466.                                                         }
468.                                                         // J列
469.                                                         let headerCellJ = sworkSheet.getCell(`J${ri}`);
470.                                                         if (ri > 10 && ri !== 13) {
471.                                                                 headerCellJ.fill = {
472.                                                                         type: 'pattern',
473.                                                                         pattern: 'solid',
474.                                                                         fgColor: { argb: 'FFD966' } // 设置背景色
475.                                                                 };
476.                                                         }
477.                                                         headerCellJ.alignment = {
478.                                                                 vertical: 'middle', // 垂直居中
479.                                                                 horizontal: 'center', // 水平居中
480.                                                                 wrapText: true // 自动换行
481.                                                         };
483.                                                         sworkSheet.getRow(ri).height = 15;
484.                                                         // 获取第ri行的单元格
485.                                                         // const cell = sworkSheet.getCell(`A${ri}`);
486.                                                         // 设置单元格样式
487.                                                 }
488.                                                 // 插入表头一堆数据 row 是主表数据 totalQuotationData 是子表数据
489.                                                 sworkSheet.getCell('D2').value = row.inquiryName; // 项目名称
490.                                                 sworkSheet.getCell('D3').value = row.commercialQuotationNumber; // 报价单号
491.                                                 sworkSheet.getCell('J3').value = row.creationTime; // 报价日期
492.                                                 sworkSheet.getCell('D4').value = row.customer; // 客户名称
493.                                                 sworkSheet.getCell('D11').value = ''; // 交费周期
494.                                                 let string = '';
495.                                                 that.PaymentMethod.forEach((item) => {
496.                                                         if (item.key === totalQuotationData.paymentMethod) {
497.                                                                 string = item.value;
498.                                                         }
499.                                                 });
500.                                                 sworkSheet.getCell('J11').value = string; // 付款方式
501.                                                 sworkSheet.getCell('D12').value = totalQuotationData.customerRequirementVersion; // 技术要求版本号
502.                                                 sworkSheet.getCell('J12').value = totalQuotationData.versionNumber; // 报价版本号
503.                                                 sworkSheet.getCell('D13').value = totalQuotationData.solutionVersion; // 方案版本号
505.                                                 // ==================================== 工位的数据部分 =================================================
507.                                                 // 标题行 ['No.','Item 项目','小时数','费率','Price 价格','备注：']
508.                                                 sworkSheet.addRow();
509.                                                 sworkSheet.getCell('A14').value = 'No.';
510.                                                 sworkSheet.mergeCells(`B14:C14`);
511.                                                 sworkSheet.getCell('B14').value = 'Item 项目';
512.                                                 sworkSheet.getCell('D14').value = '小时数';
513.                                                 sworkSheet.getCell('E14').value = '费率';
514.                                                 sworkSheet.getCell('F14').value = 'Price 价格';
515.                                                 sworkSheet.getCell('G14').value = '备注：';
516.                                                 sworkSheet.mergeCells(`G14:L14`);
518.                                                 // 机械材料成本
519.                                                 sworkSheet.addRow();
520.                                                 sworkSheet.getCell('A15').value = 1; // 序号
521.                                                 sworkSheet.mergeCells(`B15:C15`);
522.                                                 sworkSheet.getCell('B15').value = '机械材料成本';
523.                                                 sworkSheet.getCell('D15').value = '/'; // 小时数
524.                                                 sworkSheet.getCell('E15').value = '/'; // 费率
525.                                                 sworkSheet.getCell('F15').value = ''; // 价格
526.                                                 sworkSheet.getCell('G15').value = ''; // 备注
527.                                                 sworkSheet.mergeCells(`G15:L15`);
528.                                                 // 机械加工成本
529.                                                 sworkSheet.addRow();
530.                                                 sworkSheet.getCell('A16').value = 2;
531.                                                 sworkSheet.mergeCells(`B16:C16`);
532.                                                 sworkSheet.getCell('B16').value = '机械加工成本';
533.                                                 sworkSheet.getCell('D16').value = '/'; // 小时数
534.                                                 sworkSheet.getCell('E16').value = '/'; // 费率
535.                                                 sworkSheet.getCell('F16').value = tableData.mechanicalMaterialsAndProcessingCosts_AfterMarkup || ''; // 价格
536.                                                 sworkSheet.getCell('G16').value = tableData.mechanicalMaterialsAndProcessingCosts_Remarks || ''; // 备注
537.                                                 sworkSheet.mergeCells(`G16:L16`);
538.                                                 // 机械采购成本
539.                                                 sworkSheet.addRow();
540.                                                 sworkSheet.getCell('A17').value = 3;
541.                                                 sworkSheet.mergeCells(`B17:C17`);
542.                                                 sworkSheet.getCell('B17').value = '机械采购成本';
543.                                                 sworkSheet.getCell('D17').value = '/'; // 小时数
544.                                                 sworkSheet.getCell('E17').value = '/'; // 费率
545.                                                 sworkSheet.getCell('F17').value = tableData.mechanicalPurchaseCost_AfterMarkup || ''; // 价格
546.                                                 sworkSheet.getCell('G17').value = tableData.mechanicalPurchaseCost_Remarks || ''; // 备注
547.                                                 sworkSheet.mergeCells(`G17:L17`);
548.                                                 // 型材及配件
549.                                                 sworkSheet.addRow();
550.                                                 sworkSheet.getCell('A18').value = 4;
551.                                                 sworkSheet.mergeCells(`B18:C18`);
552.                                                 sworkSheet.getCell('B18').value = '型材及配件';
553.                                                 sworkSheet.getCell('D18').value = '/'; // 小时数
554.                                                 sworkSheet.getCell('E18').value = '/'; // 费率
555.                                                 sworkSheet.getCell('F18').value = ''; // 价格
556.                                                 sworkSheet.getCell('G18').value = ''; // 备注
557.                                                 sworkSheet.mergeCells(`G18:L18`);
558.                                                 // 电气采购成本
559.                                                 sworkSheet.addRow();
560.                                                 sworkSheet.getCell('A19').value = 5;
561.                                                 sworkSheet.mergeCells(`B19:C19`);
562.                                                 sworkSheet.getCell('B19').value = '电气采购成本';
563.                                                 sworkSheet.getCell('D19').value = '/'; // 小时数
564.                                                 sworkSheet.getCell('E19').value = '/'; // 费率
565.                                                 sworkSheet.getCell('F19').value = tableData.electricalpurchaseCost_AfterMarkup || ''; // 价格
566.                                                 sworkSheet.getCell('G19').value = tableData.electricalpurchaseCost_Remarks || ''; // 备注
567.                                                 sworkSheet.mergeCells(`G19:L19`);
568.                                                 // 机械设计费
569.                                                 sworkSheet.addRow();
570.                                                 sworkSheet.getCell('A20').value = 6;
571.                                                 sworkSheet.mergeCells(`B20:C20`);
572.                                                 sworkSheet.getCell('B20').value = '机械设计费';
573.                                                 sworkSheet.getCell('D20').value = tableData.mechanicalDesignFee_Hours || ''; // 小时数
574.                                                 sworkSheet.getCell('E20').value = tableData.mechanicalDesignFee_PerHourRate || ''; // 费率
575.                                                 sworkSheet.getCell('F20').value = tableData.mechanicalDesignFee_TotalCost || ''; // 价格
576.                                                 sworkSheet.getCell('G20').value = tableData.mechanicalDesignFee_Remarks || ''; // 备注
577.                                                 sworkSheet.mergeCells(`G20:L20`);
578.                                                 // 电气设计费
579.                                                 sworkSheet.addRow();
580.                                                 sworkSheet.getCell('A21').value = 7;
581.                                                 sworkSheet.mergeCells(`B21:C21`);
582.                                                 sworkSheet.getCell('B21').value = '电气设计费';
583.                                                 sworkSheet.getCell('D21').value = tableData.electricalDesignFee_Hours || ''; // 小时数
584.                                                 sworkSheet.getCell('E21').value = tableData.electricalDesignFee_PerHourRate || ''; // 费率
585.                                                 sworkSheet.getCell('F21').value = tableData.electricalDesignFee_TotalCost || ''; // 价格
586.                                                 sworkSheet.getCell('G21').value = tableData.electricalDesignFee_Remarks || ''; // 备注
587.                                                 sworkSheet.mergeCells(`G21:L21`);
588.                                                 // 软件编程及开发
589.                                                 sworkSheet.addRow();
590.                                                 sworkSheet.getCell('A22').value = 8;
591.                                                 sworkSheet.mergeCells(`B22:C22`);
592.                                                 sworkSheet.getCell('B22').value = '软件编程及开发';
593.                                                 sworkSheet.getCell('D22').value = tableData.softwareProgramming_Hours || ''; // 小时数
594.                                                 sworkSheet.getCell('E22').value = tableData.softwareProgramming_PerHourRate || ''; // 费率
595.                                                 sworkSheet.getCell('F22').value = tableData.softwareProgramming_TotalCost || ''; // 价格
596.                                                 sworkSheet.getCell('G22').value = tableData.softwareProgramming_Remarks || ''; // 备注
597.                                                 sworkSheet.mergeCells(`G22:L22`);
598.                                                 // 机器人调试
599.                                                 sworkSheet.addRow();
600.                                                 sworkSheet.getCell('A23').value = 9;
601.                                                 sworkSheet.mergeCells(`B23:C23`);
602.                                                 sworkSheet.getCell('B23').value = '机器人调试';
603.                                                 sworkSheet.getCell('D23').value = tableData.robotDebugging_Hours || ''; // 小时数
604.                                                 sworkSheet.getCell('E23').value = tableData.robotDebugging_PerHourRate || ''; // 费率
605.                                                 sworkSheet.getCell('F23').value = tableData.robotDebugging_TotalCost || ''; // 价格
606.                                                 sworkSheet.getCell('G23').value = tableData.robotDebugging_Remarks || ''; // 备注
607.                                                 sworkSheet.mergeCells(`G23:L23`);
608.                                                 // 项目经理费用
609.                                                 sworkSheet.addRow();
610.                                                 sworkSheet.getCell('A24').value = 10;
611.                                                 sworkSheet.mergeCells(`B24:C24`);
612.                                                 sworkSheet.getCell('B24').value = '项目经理费用';
613.                                                 sworkSheet.getCell('D24').value = tableData.projectManagerFee_Hours || ''; // 小时数
614.                                                 sworkSheet.getCell('E24').value = tableData.projectManagerFee_PerHourRate || ''; // 费率
615.                                                 sworkSheet.getCell('F24').value = tableData.projectManagerFee_TotalCost || ''; // 价格
616.                                                 sworkSheet.getCell('G24').value = tableData.projectManagerFee_Remarks || ''; // 备注
617.                                                 sworkSheet.mergeCells(`G24:L24`);
618.                                                 // 机械安装调试费用
619.                                                 sworkSheet.addRow();
620.                                                 sworkSheet.getCell('A25').value = 11;
621.                                                 sworkSheet.mergeCells(`B25:C25`);
622.                                                 sworkSheet.getCell('B25').value = '机械安装调试费用';
623.                                                 sworkSheet.getCell('D25').value = tableData.mechanicalInstallationDebugging_Hours || ''; // 小时数
624.                                                 sworkSheet.getCell('E25').value = tableData.mechanicalInstallationDebugging_PerHourRate || ''; // 费率
625.                                                 sworkSheet.getCell('F25').value = tableData.mechanicalInstallationDebugging_TotalCost || ''; // 价格
626.                                                 sworkSheet.getCell('G25').value = tableData.mechanicalInstallationDebugging_Remarks || ''; // 备注
627.                                                 sworkSheet.mergeCells(`G25:L25`);
628.                                                 // 电气安装调试费用
629.                                                 sworkSheet.addRow();
630.                                                 sworkSheet.getCell('A26').value = 12;
631.                                                 sworkSheet.mergeCells(`B26:C26`);
632.                                                 sworkSheet.getCell('B26').value = '电气安装调试费用';
633.                                                 sworkSheet.getCell('D26').value = tableData.electricalInstallationDebugging_Hours || ''; // 小时数
634.                                                 sworkSheet.getCell('E26').value = tableData.electricalInstallationDebugging_PerHourRate || ''; // 费率
635.                                                 sworkSheet.getCell('F26').value = tableData.electricalInstallationDebugging_TotalCost || ''; // 价格
636.                                                 sworkSheet.getCell('G26').value = tableData.electricalInstallationDebugging_Remarks || ''; // 备注
637.                                                 sworkSheet.mergeCells(`G26:L26`);
638.                                                 // 现场调试服务费
639.                                                 sworkSheet.addRow();
640.                                                 sworkSheet.getCell('A27').value = 13;
641.                                                 sworkSheet.mergeCells(`B27:C27`);
642.                                                 sworkSheet.getCell('B27').value = '现场调试服务费';
643.                                                 sworkSheet.getCell('D27').value = tableData.onSiteDebuggingService_Hours || ''; // 小时数
644.                                                 sworkSheet.getCell('E27').value = tableData.onSiteDebuggingService_PerHourRate || ''; // 费率
645.                                                 sworkSheet.getCell('F27').value = tableData.onSiteDebuggingService_TotalCost || ''; // 价格
646.                                                 sworkSheet.getCell('G27').value = tableData.onSiteDebuggingService_Remarks || ''; // 备注
647.                                                 sworkSheet.mergeCells(`G27:L27`);
648.                                                 // 售后服务费
649.                                                 sworkSheet.addRow();
650.                                                 sworkSheet.getCell('A28').value = 14;
651.                                                 sworkSheet.mergeCells(`B28:C28`);
652.                                                 sworkSheet.getCell('B28').value = '售后服务费';
653.                                                 sworkSheet.getCell('D28').value = tableData.afterSalesService_Hours || ''; // 小时数
654.                                                 sworkSheet.getCell('E28').value = tableData.afterSalesService_PerHourRate || ''; // 费率
655.                                                 sworkSheet.getCell('F28').value = tableData.afterSalesService_TotalCost || ''; // 价格
656.                                                 sworkSheet.getCell('G28').value = tableData.afterSalesService_Remarks || ''; // 备注
657.                                                 sworkSheet.mergeCells(`G28:L28`);
658.                                                 // 包装及运输费用
659.                                                 sworkSheet.addRow();
660.                                                 sworkSheet.getCell('A29').value = 15;
661.                                                 sworkSheet.mergeCells(`B29:C29`);
662.                                                 sworkSheet.getCell('B29').value = '包装及运输费用';
663.                                                 sworkSheet.getCell('D29').value = '/'; // 小时数
664.                                                 sworkSheet.getCell('E29').value = '/'; // 费率
665.                                                 sworkSheet.getCell('F29').value = tableData.shippingPackagingCost_AfterMarkup || ''; // 价格
666.                                                 sworkSheet.getCell('G29').value = tableData.shippingPackagingCost_Remarks || ''; // 备注
667.                                                 sworkSheet.mergeCells(`G29:L29`);
668.                                                 // 差旅费
669.                                                 sworkSheet.addRow();
670.                                                 sworkSheet.getCell('A30').value = 16;
671.                                                 sworkSheet.mergeCells(`B30:C30`);
672.                                                 sworkSheet.getCell('B30').value = '差旅费';
673.                                                 sworkSheet.getCell('D30').value = '/'; // 小时数
674.                                                 sworkSheet.getCell('E30').value = '/'; // 费率
675.                                                 sworkSheet.getCell('F30').value = tableData.travelAndAccommodationCost_AfterMarkup || ''; // 价格
676.                                                 sworkSheet.getCell('G30').value = tableData.travelAndAccommodationCost_Remarks || ''; // 备注
677.                                                 sworkSheet.mergeCells(`G30:L30`);
678.                                                 // 资料费
679.                                                 sworkSheet.addRow();
680.                                                 sworkSheet.getCell('A31').value = 17;
681.                                                 sworkSheet.mergeCells(`B31:C31`);
682.                                                 sworkSheet.getCell('B31').value = '资料费';
683.                                                 sworkSheet.getCell('D31').value = '/'; // 小时数
684.                                                 sworkSheet.getCell('E31').value = '/'; // 费率
685.                                                 sworkSheet.getCell('F31').value = tableData.documentCost_AfterMarkup || ''; // 价格
686.                                                 sworkSheet.getCell('G31').value = tableData.documentCost_Remarks || ''; // 备注
687.                                                 sworkSheet.mergeCells(`G31:L31`);
688.                                                 // 成本合计（小结）
689.                                                 sworkSheet.addRow();
690.                                                 sworkSheet.getCell('A32').value = 18;
691.                                                 sworkSheet.mergeCells(`B32:C32`);
692.                                                 sworkSheet.getCell('B32').value = '成本合计（小结）';
693.                                                 sworkSheet.getCell('D32').value = '/'; // 小时数
694.                                                 sworkSheet.getCell('E32').value = '/'; // 费率
695.                                                 sworkSheet.getCell('F32').value = tableData.totalCost || ''; // 价格
696.                                                 sworkSheet.getCell('G32').value = ''; // 备注
697.                                                 sworkSheet.mergeCells(`G32:L32`);
698.                                                 // 管理费
699.                                                 sworkSheet.addRow();
700.                                                 sworkSheet.getCell('A33').value = 19;
701.                                                 sworkSheet.mergeCells(`B33:C33`);
702.                                                 sworkSheet.getCell('B33').value = '管理费';
703.                                                 sworkSheet.getCell('D33').value = '/'; // 小时数
704.                                                 sworkSheet.getCell('E33').value = '/'; // 费率
705.                                                 sworkSheet.getCell('F33').value = tableData.managementFee || ''; // 价格
706.                                                 sworkSheet.getCell('G33').value = ''; // 备注
707.                                                 sworkSheet.mergeCells(`G33:L33`);
708.                                                 // 财务费
709.                                                 sworkSheet.addRow();
710.                                                 sworkSheet.getCell('A34').value = 20;
711.                                                 sworkSheet.mergeCells(`B34:C34`);
712.                                                 sworkSheet.getCell('B34').value = '财务费';
713.                                                 sworkSheet.getCell('D34').value = '/'; // 小时数
714.                                                 sworkSheet.getCell('E34').value = '/'; // 费率
715.                                                 sworkSheet.getCell('F34').value = tableData.financialFee || ''; // 价格
716.                                                 sworkSheet.getCell('G34').value = ''; // 备注
717.                                                 sworkSheet.mergeCells(`G34:L34`);
718.                                                 // 利润
719.                                                 sworkSheet.addRow();
720.                                                 sworkSheet.getCell('A35').value = 21;
721.                                                 sworkSheet.mergeCells(`B35:C35`);
722.                                                 sworkSheet.getCell('B35').value = '利润';
723.                                                 sworkSheet.getCell('D35').value = '/'; // 小时数
724.                                                 sworkSheet.getCell('E35').value = '/'; // 费率
725.                                                 sworkSheet.getCell('F35').value = tableData.profit || ''; // 价格
726.                                                 sworkSheet.getCell('G35').value = ''; // 备注
727.                                                 sworkSheet.mergeCells(`G35:L35`);
728.                                                 // 价格合计（未税）
729.                                                 sworkSheet.addRow();
730.                                                 sworkSheet.getCell('A36').value = 22;
731.                                                 sworkSheet.mergeCells(`B36:C36`);
732.                                                 sworkSheet.getCell('B36').value = '价格合计（未税）';
733.                                                 sworkSheet.getCell('D36').value = '/'; // 小时数
734.                                                 sworkSheet.getCell('E36').value = '/'; // 费率
735.                                                 sworkSheet.getCell('F36').value = tableData.totalPriceExcludingTax || ''; // 价格
736.                                                 sworkSheet.getCell('G36').value = ''; // 备注
737.                                                 sworkSheet.mergeCells(`G36:L36`);
738.                                                 // 增值税
739.                                                 sworkSheet.addRow();
740.                                                 sworkSheet.getCell('A37').value = 23;
741.                                                 sworkSheet.mergeCells(`B37:C37`);
742.                                                 sworkSheet.getCell('B37').value = '增值税';
743.                                                 sworkSheet.getCell('D37').value = '/'; // 小时数
744.                                                 sworkSheet.getCell('E37').value = '/'; // 费率
745.                                                 sworkSheet.getCell('F37').value = tableData.valueAddedTax || ''; // 价格
746.                                                 sworkSheet.getCell('G37').value = ''; // 备注
747.                                                 sworkSheet.mergeCells(`G37:L37`);
748.                                                 // 价格合计（含税）
749.                                                 sworkSheet.addRow();
750.                                                 sworkSheet.getCell('A38').value = 24;
751.                                                 sworkSheet.mergeCells(`B38:C38`);
752.                                                 sworkSheet.getCell('B38').value = '价格合计（含税）';
753.                                                 sworkSheet.getCell('D38').value = '/'; // 小时数
754.                                                 sworkSheet.getCell('E38').value = '/'; // 费率
755.                                                 sworkSheet.getCell('F38').value = tableData.valueAddedTax || ''; // 价格
756.                                                 sworkSheet.getCell('G38').value = ''; // 备注
757.                                                 sworkSheet.mergeCells(`G38:L38`);
759.                                                 // 数据行统一样式处理
760.                                                 sworkSheet.eachRow((row, rowIndex) => {
761.                                                         // 循环每一行
762.                                                         if (rowIndex >= 14 && rowIndex <= 38) {
763.                                                                 if (rowIndex === 14) {
764.                                                                         // 标题行
765.                                                                         row.eachCell((cell, colIndex) => {
766.                                                                                 console.log('cell', cell);
767.                                                                                 cell.alignment = {
768.                                                                                         vertical: 'middle', // 垂直居中
769.                                                                                         horizontal: 'center', // 水平居中
770.                                                                                         wrapText: true // 自动换行
771.                                                                                 };
772.                                                                                 cell.font = { size: 11, bold: true };
773.                                                                                 if (cell._address === 'D14' || cell._address === 'E14') {
774.                                                                                         cell.fill = {
775.                                                                                                 type: 'pattern',
776.                                                                                                 pattern: 'solid',
777.                                                                                                 fgColor: { argb: '00B0F0' } // 设置背景色
778.                                                                                         };
779.                                                                                 }
780.                                                                         });
781.                                                                 } else if (rowIndex >= 20 && rowIndex <= 28) {
782.                                                                         // 从机械设计 到 售后服务行
783.                                                                         row.eachCell((cell, colIndex) => {
784.                                                                                 console.log('cell', cell);
785.                                                                                 cell.font = { size: 11 };
786.                                                                                 cell.alignment = {
787.                                                                                         vertical: 'middle', // 垂直居中
788.                                                                                         horizontal: 'center', // 水平居中
789.                                                                                         wrapText: true // 自动换行
790.                                                                                 };
791.                                                                                 if (cell._address.indexOf('B') > -1 || cell._address.indexOf('F') > -1) {
792.                                                                                         cell.fill = {
793.                                                                                                 type: 'pattern',
794.                                                                                                 pattern: 'solid',
795.                                                                                                 fgColor: { argb: 'D9E1F2' } // 设置背景色
796.                                                                                         };
797.                                                                                 }
798.                                                                                 if (cell._address.indexOf('D') > -1 || cell._address.indexOf('E') > -1) {
799.                                                                                         cell.fill = {
800.                                                                                                 type: 'pattern',
801.                                                                                                 pattern: 'solid',
802.                                                                                                 fgColor: { argb: '00B0F0' } // 设置背景色
803.                                                                                         };
804.                                                                                 }
805.                                                                         });
806.                                                                 } else if (rowIndex === 32) {
807.                                                                         row.eachCell((cell, colIndex) => {
808.                                                                                 console.log('cell', cell);
809.                                                                                 cell.font = { size: 11 };
810.                                                                                 cell.alignment = {
811.                                                                                         vertical: 'middle', // 垂直居中
812.                                                                                         horizontal: 'center', // 水平居中
813.                                                                                         wrapText: true // 自动换行
814.                                                                                 };
815.                                                                                 if (cell._address.indexOf('B') > -1 || cell._address.indexOf('F') > -1) {
816.                                                                                         cell.fill = {
817.                                                                                                 type: 'pattern',
818.                                                                                                 pattern: 'solid',
819.                                                                                                 fgColor: { argb: 'E2EFDA' } // 设置背景色
820.                                                                                         };
821.                                                                                 }
822.                                                                         });
823.                                                                 } else if (rowIndex === 36) {
824.                                                                         row.eachCell((cell, colIndex) => {
825.                                                                                 console.log('cell', cell);
826.                                                                                 cell.font = { size: 11 };
827.                                                                                 cell.alignment = {
828.                                                                                         vertical: 'middle', // 垂直居中
829.                                                                                         horizontal: 'center', // 水平居中
830.                                                                                         wrapText: true // 自动换行
831.                                                                                 };
832.                                                                                 if (cell._address.indexOf('B') > -1 || cell._address.indexOf('F') > -1) {
833.                                                                                         cell.fill = {
834.                                                                                                 type: 'pattern',
835.                                                                                                 pattern: 'solid',
836.                                                                                                 fgColor: { argb: 'C6E0B4' } // 设置背景色
837.                                                                                         };
838.                                                                                 }
839.                                                                         });
840.                                                                 } else if (rowIndex === 38) {
841.                                                                         row.eachCell((cell, colIndex) => {
842.                                                                                 console.log('cell', cell);
843.                                                                                 cell.font = { size: 11 };
844.                                                                                 cell.alignment = {
845.                                                                                         vertical: 'middle', // 垂直居中
846.                                                                                         horizontal: 'center', // 水平居中
847.                                                                                         wrapText: true // 自动换行
848.                                                                                 };
849.                                                                                 if (cell._address.indexOf('B') > -1 || cell._address.indexOf('F') > -1) {
850.                                                                                         cell.fill = {
851.                                                                                                 type: 'pattern',
852.                                                                                                 pattern: 'solid',
853.                                                                                                 fgColor: { argb: 'A9D08E' } // 设置背景色
854.                                                                                         };
855.                                                                                 }
856.                                                                         });
857.                                                                 } else {
858.                                                                         row.eachCell((cell, colIndex) => {
859.                                                                                 console.log('cell', cell);
860.                                                                                 cell.font = { size: 11 };
861.                                                                                 cell.alignment = {
862.                                                                                         vertical: 'middle', // 垂直居中
863.                                                                                         horizontal: 'center', // 水平居中
864.                                                                                         wrapText: true // 自动换行
865.                                                                                 };
866.                                                                                 if (cell._address.indexOf('B') > -1 || cell._address.indexOf('F') > -1) {
867.                                                                                         cell.fill = {
868.                                                                                                 type: 'pattern',
869.                                                                                                 pattern: 'solid',
870.                                                                                                 fgColor: { argb: 'D9E1F2' } // 设置背景色
871.                                                                                         };
872.                                                                                 }
873.                                                                         });
874.                                                                 }
875.                                                                 row.height = 17;
876.                                                         }
877.                                                 });
879.                                                 // 最下方针对报价其他说明列
880.                                                 sworkSheet.addRow();
881.                                                 sworkSheet.mergeCells(`A39:C39`);
882.                                                 sworkSheet.mergeCells(`D39:L39`);
883.                                                 let remarkcell = sworkSheet.getCell('A39');
884.                                                 remarkcell.value = '针对此次报价的其他说明：';
885.                                                 remarkcell.font = { size: 12, bold: true };
886.                                                 remarkcell.alignment = {
887.                                                         vertical: 'middle', // 垂直居中
888.                                                         horizontal: 'center', // 水平居中
889.                                                         wrapText: true // 自动换行
890.                                                 };
891.                                                 remarkcell.fill = {
892.                                                         type: 'pattern',
893.                                                         pattern: 'solid',
894.                                                         fgColor: { argb: 'A9D08E' } // 设置背景色
895.                                                 };
896.                                                 let remarkcell1 = sworkSheet.getCell('D39');
897.                                                 remarkcell1.font = { size: 12 };
898.                                                 remarkcell1.alignment = {
899.                                                         vertical: 'middle', // 垂直居中
900.                                                         horizontal: 'center', // 水平居中
901.                                                         wrapText: true // 自动换行
902.                                                 };
903.                                                 remarkcell1.fill = {
904.                                                         type: 'pattern',
905.                                                         pattern: 'solid',
906.                                                         fgColor: { argb: 'A9D08E' } // 设置背景色
907.                                                 };
908.                                                 sworkSheet.getRow(39).height = 20;
910.                                                 // 将logo放入第一行 放到最后就行啦（复用总报价）
911.                                                 // 前面已经加载了 imageid，这里直接用
912.                                                 // 当前工作表（当前excel页）加入图片，tl.col：excel第几列，tl.row：excel第几行，ext里面表示图片宽高
913.                                                 sworkSheet.addImage(imageId, {
914.                                                         tl: { col: 0.1, row: 0.1 },
915.                                                         // br: { col: columns.length + ai - 11.1, row: ri + 2 }
916.                                                         ext: { width: 100, height: 85 }
917.                                                 });
919.                                                 // 调整所有列的宽度
920.                                                 sworkSheet.columns.forEach((column) => {
921.                                                         column.width = 17; // 将宽度设为20个字符
922.                                                 });
924.                                                 // 定义边框样式
925.                                                 const borderStyle = {
926.                                                         top: { style: 'thin' },
927.                                                         left: { style: 'thin' },
928.                                                         bottom: { style: 'thin' },
929.                                                         right: { style: 'thin' }
930.                                                 };
932.                                                 // 遍历工作表中的所有单元格并添加边框
933.                                                 sworkSheet.eachRow((row, rowIndex) => {
934.                                                         row.eachCell((cell, colIndex) => {
935.                                                                 cell.border = borderStyle;
936.                                                         });
937.                                                 });
938.                                         }
939.                                 }
940.                                 await getData();
942.                                 // 保存工作簿
943.                                 workbook.xlsx.writeBuffer().then((buffer) => {
944.                                         saveAs(new Blob([buffer], { type: 'application/octet-stream' }), '商务报价单导出.xlsx');
945.                                 });
946.                         } else {
947.                                 this.$message(res.msg);
948.                         }
950.                         loading.close();
951.                 },

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4