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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
| 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");
| //============================================================================
| // 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", "lon", "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
| }
| export function saveFSDZJsonToExcelLine(data) {
| // 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");
| //============================================================================
| // data是点击导出按钮传递过来要导出的数据，name是导出的文件名，merges是合并的单元格
| // 将数据源转成我们需要的二维数组，序号、姓名这些是表格的表头
| const body = data.map((x) => [
| x["layerName"],
| x["values"],
| x["lon"],
| x["lat"],
| ]);
| const header = [
| // 这个是设置excel表格的标题，即在A1单元格的标题
| [
| {
| v: ``,
| t: "s", // 指定标题的样式
| },
| ],
| // 这是对应body常量的表头
| ["layerName", "values", "lon", "lat"],
| ];
| body.unshift(...header); // 将定义好的表头添加到 body 中
| const sheet = XLSXS.utils.aoa_to_sheet(body); // aoa_to_sheet 将二维数组转成 sheet
| // 此处开始合并列，即相同名字的表格合并单元格
| let includeB = [];
| let includesBnumber = [];
|
| // 设置列宽
| 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
| }
|
|
