1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
| import XLSXS from "xlsx-js-style";
| export function saveFSDZJsonToExcel(data, name, merges) {
| // const data = [
| // { 姓名: "张三", 年龄: 18, 性别: "男" },
| // { 姓名: "李四", 年龄: 20, 性别: "女" },
| // { 姓名: "王五", 年龄: 22, 性别: "男" },
| // ];
| // const wb = XLSX.utils.book_new();
| // const ws = XLSX.utils.json_to_sheet(data);
| // ws["!cols"] = [
| // {
| // wpx: 150,
| // },
| // {
| // wpx: 500,
| // },
| // {
| // wpx: 100,
| // },
| // ];
| // XLSXS.utils.book_append_sheet(wb, ws, "Sheet1");
| // XLSXS.writeFile(wb, "data-region.xlsx");
| //============================================================================
| console.log(data, name, merges);
| // data是点击导出按钮传递过来要导出的数据，name是导出的文件名，merges是合并的单元格
| // 将数据源转成我们需要的二维数组，序号、姓名这些是表格的表头
| const body = data.map((x) => [
| x["layerName"],
| x["min"],
| x["max"],
| x["avg"],
| x["lng"],
| x["lat"],
| ]);
| const header = [
| // 这个是设置excel表格的标题，即在A1单元格的标题
| [
| {
| v: ``,
| t: "s", // 指定标题的样式
| },
| ],
| // 这是对应body常量的表头
| ["layerName", "min", "max", "avg", "lng", "lat"],
| ];
| body.unshift(...header); // 将定义好的表头添加到 body 中
| const sheet = XLSXS.utils.aoa_to_sheet(body); // aoa_to_sheet 将二维数组转成 sheet
| // 此处开始合并列，即相同名字的表格合并单元格
| let includeB = [];
| let includesBnumber = [];
| for (let key in sheet) {
| // console.log(sheet[key]);
| // if (key.includes("B")) {
| // // 第一列是A,代表序号；第二列是B，代表姓名
| // includeB.push(sheet[key]);
| // }
| // includeB.push(sheet[key]);
| }
| // includeB.forEach((e, i) => {
| // if (!(e.v.includes("姓名") || e.v.includes("共计"))) {
| // includesBnumber.push({
| // name: e.v,
| // number: i + 1, // 因为有标题，所以要从第2行开始
| // });
| // }
| // });
| // 去重
| // let cancelTwice = () => {
| // let map = new Map();
| // for (let item of includesBnumber) {
| // if (!map.has(item.name)) {
| // map.set(item.name, item);
| // }
| // }
| // return [...map.values()];
| // };
| // let newArr = cancelTwice();
| // 合并
| // let newMerges = [];
| // merges.forEach((e, i) => {
| // if (i != 0) {
| // newMerges.push(
| // // 合并：s代表合并的开始单元格，c是列，r是行，e是代表合并的结束单元格
| // {
| // s: {
| // c: e.s.c,
| // r: e.s.r + 1, //r加1是因为加了表格的标题
| // },
| // e: {
| // c: e.e.c,
| // r: e.e.r + 1,
| // },
| // }
| // );
| // } else {
| // newMerges.push(e); // 标题合并
| // }
| // });
| // merges = newMerges;
| // // 设置合并姓名列的单元格
| // newArr.forEach((e, i) => {
| // merges.push({
| // s: { r: e.number, c: 1 },
| // e: {
| // r: newArr[i + 1]?.number ? newArr[i + 1].number - 2 : data.length - 1,
| // c: 1,
| // },
| // });
| // });
| // sheet["!merges"] = merges; // 将merges添加到sheet中
| // 设置列宽
| const cols = [{ wch: 100 }, { wch: 15 }, { wch: 12 }, { wch: 12 }];
| sheet["!cols"] = cols; // 将cols添加到sheet中
| // const rows = [{ hpx: 20 }, { hpx: 16 }, { hpx: 18 }];
| // sheet["!rows"] = rows; // 将rows添加到sheet中，设置行高
| Object.keys(sheet).forEach((key, i) => {
| // 设置单元格样式
| if (key.indexOf("!") < 0) {
| if (key == "A1") {
| // 设置标题
| sheet[key].s = {
| alignment: {
| horizontal: "center", //水平居中
| vertical: "center", //竖直居中
| },
| font: {
| bold: true,
| // sz: 14,
| // name: "宋体",
| },
| };
| } else if (
| key == "A2" ||
| key == "B2" ||
| key == "C2" ||
| key == "D2" ||
| key == "E2" ||
| key == "F2" ||
| key == "G2" ||
| key == "H2" ||
| key == "I2"
| ) {
| // 设置表头
| sheet[key].s = {
| fill: {
| fgColor: { rgb: "A6A6A6" },
| },
| border: {
| top: { style: "thin" },
| left: { style: "thin" },
| bottom: { style: "thin" },
| right: { style: "thin" },
| },
| font: {
| bold: true,
| // sz: 12,
| // name: "宋体",
| },
| };
| } else {
| if (key.includes("A")) {
| // 序列所在列
| if (typeof sheet[key].v == "number") {
| // 列表列要求序号要居中，合计和总合计居左(应该是系统默认的，如果要设置居左或居右，也可以自己设置下alignment属性)
| sheet[key].s = {
| alignment: {
| horizontal: "center",
| vertical: "center",
| },
| border: {
| top: { style: "thin" },
| left: { style: "thin" },
| bottom: { style: "thin" },
| right: { style: "thin" },
| },
| };
| } else {
| sheet[key].s = {
| border: {
| top: { style: "thin" },
| left: { style: "thin" },
| bottom: { style: "thin" },
| right: { style: "thin" },
| },
| };
| }
| } else {
| sheet[key].s = {
| border: {
| top: { style: "thin" },
| left: { style: "thin" },
| bottom: { style: "thin" },
| right: { style: "thin" },
| },
| alignment: {
| horizontal: "left",
| vertical: "center",
| },
| };
| }
| }
| }
| });
| // 设置结尾的表格
| // let sheetBorder = sheet["!ref"].substring(4); // 因为导出的单元格行数不确定，所以拿到最后一行的数字
| // let endSheetBorder = ["C", "D", "E", "F", "G", "H"]; //因为最后一行的合并的列是一样的，所以这里可以直接将列的单元格序号写个定值
| // endSheetBorder.forEach((e) => {
| // let addBorder = e + sheetBorder;
| // sheet[addBorder] = {
| // v: "",
| // t: "s",
| // s: {
| // border: {
| // top: { style: "thin" },
| // bottom: { style: "thin" },
| // },
| // },
| // };
| // });
| const workbook = XLSXS.utils.book_new(); // 创建虚拟的 workbook
| XLSXS.utils.book_append_sheet(workbook, sheet); // 向 workbook 中添加 sheet
| XLSXS.writeFile(workbook, "data-region" + ".xlsx"); // 导出 workbook
| }
|
|
