|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+import { Workbook } from "exceljs";
|
|
|
2
|
+// 合并行/列数量
|
|
|
3
|
+interface merges {
|
|
|
4
|
+ header?: number[] | number;
|
|
|
5
|
+ content?: number[] | number;
|
|
|
6
|
+}
|
|
|
7
|
+/**
|
|
|
8
|
+ * data: 表格内容
|
|
|
9
|
+ * tableheader: 表头内容
|
|
|
10
|
+ * fileName: 文件名
|
|
|
11
|
+ * merges: 合并数据
|
|
|
12
|
+ * fixedCol: 固定列数量
|
|
|
13
|
+ */
|
|
|
14
|
+interface exportPayload {
|
|
|
15
|
+ data: any[];
|
|
|
16
|
+ tableheader: string[][];
|
|
|
17
|
+ fileName: string;
|
|
|
18
|
+ merges?: merges;
|
|
|
19
|
+ fixedCol?: number;
|
|
|
20
|
+ sheetName?: string;
|
|
|
21
|
+}
|
|
|
22
|
+export const exportExcel = (payload: exportPayload) => {
|
|
|
23
|
+ const { data, tableheader, fileName, merges, fixedCol, sheetName } = payload;
|
|
|
24
|
+ const repeatingData: any = {};
|
|
|
25
|
+ function computedCol(val: number) {
|
|
|
26
|
+ const mergesCol = [
|
|
|
27
|
+ "A",
|
|
|
28
|
+ "B",
|
|
|
29
|
+ "C",
|
|
|
30
|
+ "D",
|
|
|
31
|
+ "E",
|
|
|
32
|
+ "F",
|
|
|
33
|
+ "G",
|
|
|
34
|
+ "H",
|
|
|
35
|
+ "I",
|
|
|
36
|
+ "J",
|
|
|
37
|
+ "K",
|
|
|
38
|
+ "L",
|
|
|
39
|
+ "M",
|
|
|
40
|
+ "N",
|
|
|
41
|
+ "O",
|
|
|
42
|
+ "P",
|
|
|
43
|
+ "Q",
|
|
|
44
|
+ "R",
|
|
|
45
|
+ "S",
|
|
|
46
|
+ "T",
|
|
|
47
|
+ "U",
|
|
|
48
|
+ "V",
|
|
|
49
|
+ "W",
|
|
|
50
|
+ "X",
|
|
|
51
|
+ "Y",
|
|
|
52
|
+ "Z"
|
|
|
53
|
+ ];
|
|
|
54
|
+ const first = Math.floor(val / 26);
|
|
|
55
|
+ if (first > 0) {
|
|
|
56
|
+ return `${mergesCol[first - 1]}${mergesCol[val % 26]}`;
|
|
|
57
|
+ } else {
|
|
|
58
|
+ return `${mergesCol[val % 26]}`;
|
|
|
59
|
+ }
|
|
|
60
|
+ }
|
|
|
61
|
+ function mergersTable(data: any[], mergeNum: number | number[], move: number) {
|
|
|
62
|
+ if (typeof mergeNum === "number") {
|
|
|
63
|
+ mergeRow(data, mergeNum);
|
|
|
64
|
+ } else {
|
|
|
65
|
+ if (mergeNum[0] > 0) mergeRow(data, mergeNum[0]);
|
|
|
66
|
+ if (mergeNum[1] > 0) mergeCol(data, mergeNum[1], move);
|
|
|
67
|
+ }
|
|
|
68
|
+ }
|
|
|
69
|
+ function mergeRow(data: any[], mergeNum: number) {
|
|
|
70
|
+ for (let i = 0; i < mergeNum; i++) {
|
|
|
71
|
+ let count = 0;
|
|
|
72
|
+ data[i].forEach((item: any, index: number) => {
|
|
|
73
|
+ if (index > 0 && data[i][index - 1] === item) {
|
|
|
74
|
+ if (repeatingData[`${item}${count}`]) {
|
|
|
75
|
+ repeatingData[`${item}${count}`][1] += 1;
|
|
|
76
|
+ } else {
|
|
|
77
|
+ count += 1;
|
|
|
78
|
+ repeatingData[`${item}${count}`] = [index - 1, index, i + 1, 0];
|
|
|
79
|
+ }
|
|
|
80
|
+ }
|
|
|
81
|
+ });
|
|
|
82
|
+ }
|
|
|
83
|
+ }
|
|
|
84
|
+ function mergeCol(data: any[], mergeNum: number, move: number) {
|
|
|
85
|
+ data.forEach((item: any[], index: number) => {
|
|
|
86
|
+ item.forEach((iten: any, indey: number) => {
|
|
|
87
|
+ if (index > 0 && indey < mergeNum) {
|
|
|
88
|
+ if (data[index - 1][indey] === iten) {
|
|
|
89
|
+ if (repeatingData[iten]) {
|
|
|
90
|
+ repeatingData[iten][1] += 1;
|
|
|
91
|
+ } else {
|
|
|
92
|
+ repeatingData[iten] = [index + move, index + move + 1, indey, 1];
|
|
|
93
|
+ }
|
|
|
94
|
+ }
|
|
|
95
|
+ }
|
|
|
96
|
+ });
|
|
|
97
|
+ });
|
|
|
98
|
+ }
|
|
|
99
|
+ if (merges) {
|
|
|
100
|
+ const { header, content } = merges;
|
|
|
101
|
+ if (header) mergersTable(tableheader, header, 0);
|
|
|
102
|
+ if (content) mergersTable(data, content, tableheader.length);
|
|
|
103
|
+ }
|
|
|
104
|
+ data.unshift(...tableheader);
|
|
|
105
|
+ const workbook = new Workbook();
|
|
|
106
|
+ workbook.created = new Date();
|
|
|
107
|
+ const worksheet = workbook.addWorksheet(sheetName ?? fileName, {
|
|
|
108
|
+ views: [{ state: "frozen", xSplit: fixedCol, ySplit: tableheader.length }]
|
|
|
109
|
+ });
|
|
|
110
|
+ worksheet.addRows(data);
|
|
|
111
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
112
|
+ worksheet.getRow(i + 1).alignment = { vertical: "middle", horizontal: "center" };
|
|
|
113
|
+ }
|
|
|
114
|
+ for (let i = 0; i < data[0].length; i++) {
|
|
|
115
|
+ worksheet.getColumn(i + 1).width = 20;
|
|
|
116
|
+ }
|
|
|
117
|
+ for (let i = 0; i < tableheader.length; i++) {
|
|
|
118
|
+ worksheet.getRow(i + 1).font = { bold: true };
|
|
|
119
|
+ worksheet.getRow(i + 1).border = {
|
|
|
120
|
+ top: { style: "thick", color: { argb: "000000" } },
|
|
|
121
|
+ left: { style: "thick", color: { argb: "000000" } },
|
|
|
122
|
+ bottom: { style: "thick", color: { argb: "000000" } },
|
|
|
123
|
+ right: { style: "thick", color: { argb: "000000" } }
|
|
|
124
|
+ };
|
|
|
125
|
+ }
|
|
|
126
|
+ if (fixedCol) {
|
|
|
127
|
+ for (let i = 0; i < fixedCol; i++) {
|
|
|
128
|
+ worksheet.getColumn(i + 1).font = { bold: true };
|
|
|
129
|
+ worksheet.getColumn(i + 1).border = {
|
|
|
130
|
+ top: { style: "thick", color: { argb: "000000" } },
|
|
|
131
|
+ left: { style: "thick", color: { argb: "000000" } },
|
|
|
132
|
+ bottom: { style: "thick", color: { argb: "000000" } },
|
|
|
133
|
+ right: { style: "thick", color: { argb: "000000" } }
|
|
|
134
|
+ };
|
|
|
135
|
+ }
|
|
|
136
|
+ }
|
|
|
137
|
+ Object.keys(repeatingData).forEach((key) => {
|
|
|
138
|
+ const merge = repeatingData[key];
|
|
|
139
|
+ if (merge[3] === 0) {
|
|
|
140
|
+ // console.log(`${computedCol(merge[0])}${merge[2]}:${computedCol(merge[1])}${merge[2]}`, merge, key);
|
|
|
141
|
+ worksheet.mergeCells(`${computedCol(merge[0])}${merge[2]}:${computedCol(merge[1])}${merge[2]}`);
|
|
|
142
|
+ } else {
|
|
|
143
|
+ // console.log(`${computedCol(merge[2])}${merge[0]}:${computedCol(merge[2])}${merge[1]}`, merge, key);
|
|
|
144
|
+ worksheet.mergeCells(`${computedCol(merge[2])}${merge[0]}:${computedCol(merge[2])}${merge[1]}`);
|
|
|
145
|
+ }
|
|
|
146
|
+ });
|
|
|
147
|
+ workbook.xlsx.writeBuffer().then((res) => {
|
|
|
148
|
+ const blob = new Blob([res]);
|
|
|
149
|
+ const a = document.createElement("a");
|
|
|
150
|
+ a.style.display = "none";
|
|
|
151
|
+ a.download = decodeURI(`${fileName}.xlsx`);
|
|
|
152
|
+ try {
|
|
|
153
|
+ a.href = window.URL.createObjectURL(blob);
|
|
|
154
|
+ } catch (err) {
|
|
|
155
|
+ console.warn("暂无文件信息.请通知开发人员导入文件模版");
|
|
|
156
|
+ }
|
|
|
157
|
+ a.click();
|
|
|
158
|
+ a.remove();
|
|
|
159
|
+ });
|
|
|
160
|
+};
|
sunxuewei