Skip to content

W
WebPublic
提交 4f0e04fd authored 作者: 姚鑫国's avatar 姚鑫国
浏览文件
操作

新增自定义导出excl方法 getCustomDataRealize

上级 9667ac8f
隐藏空白字符变更
内嵌 并排
正在显示 包含 231 行增加 和 82 行删除
one_stop_public/Table/giveSmartFormGlobalProps.js
浏览文件 @ 4f0e04fd
...@@ -7,7 +7,9 @@ import { ...@@ -7,7 +7,9 @@ import {
getSpanJson, getSpanJson,
getColumns, getColumns,
getColumnsData, getColumnsData,
getCustomData,
getColumnsDataRealize, getColumnsDataRealize,
getCustomDataRealize,
getColumnsSqlKeyRealize, getColumnsSqlKeyRealize,
getCustomSqlKeyRealize, getCustomSqlKeyRealize,
getWord, getWord,
...@@ -44,7 +46,9 @@ export function giveSmartFormGlobalProps({ ...@@ -44,7 +46,9 @@ export function giveSmartFormGlobalProps({
getSpanJson, getSpanJson,
getColumns, getColumns,
getColumnsDataRealize, getColumnsDataRealize,
getCustomDataRealize,
getColumnsData, getColumnsData,
getCustomData,
getColumnsSqlKeyRealize, getColumnsSqlKeyRealize,
getCustomSqlKeyRealize, getCustomSqlKeyRealize,
getWord, getWord,
...@@ -66,8 +70,12 @@ export function giveSmartFormGlobalProps({ ...@@ -66,8 +70,12 @@ export function giveSmartFormGlobalProps({
`获取ant表头的属性 ;参数->columns : ant的表头`, `获取ant表头的属性 ;参数->columns : ant的表头`,
'getColumnsData({data, mergeKey, columns, styles, defect, fileName, ext , eliminateStr})': 'getColumnsData({data, mergeKey, columns, styles, defect, fileName, ext , eliminateStr})':
`获取列表合并的数据;参数-> 前三个必填data, mergeKey, columns`, `获取列表合并的数据;参数-> 前三个必填data, mergeKey, columns`,
'getCustomData({data, mergeKey, columnsList,columnsMerges,columnsKey, styles, defect, fileName, ext , eliminateStr})':
`获取列表合并的数据;参数-> 前五个个必填data, mergeKey, columnsList,columnsMerges,columnsKey`,
'getColumnsDataRealize({data, mergeKey, columns, styles, defect, fileName, ext , eliminateStr})': 'getColumnsDataRealize({data, mergeKey, columns, styles, defect, fileName, ext , eliminateStr})':
`下载列表合并的数据;参数-> 前三个必填data, mergeKey, columns`, `下载列表合并的数据;参数-> 前三个必填data, mergeKey, columns`,
'getCustomDataRealize({data, mergeKey,columnsList ,columnsMerges,columnsKey,bottomList,bottomMerges, styles, defect, fileName, ext , eliminateStr})':
`下载列表合并的数据;参数-> 前五个必填data, mergeKey,columnsList ,columnsMerges,columnsKey`,
'getColumnsSqlKeyRealize({sqlKey, columns, styles, fileName, ext})': 'getColumnsSqlKeyRealize({sqlKey, columns, styles, fileName, ext})':
`下载列表表头合并的数据;参数->前两个必填sqlKey, columns`, `下载列表表头合并的数据;参数->前两个必填sqlKey, columns`,
'getCustomSqlKeyRealize({sqlKey, columnsList,columnsMerges,columnsKey, styles, fileName, ext})': 'getCustomSqlKeyRealize({sqlKey, columnsList,columnsMerges,columnsKey, styles, fileName, ext})':
......
one_stop_public/Table/globalFunction.js
浏览文件 @ 4f0e04fd
...@@ -8,7 +8,36 @@ import { getTransformApi } from '@/webPublic/one_stop_public/2022beidianke/local ...@@ -8,7 +8,36 @@ import { getTransformApi } from '@/webPublic/one_stop_public/2022beidianke/local
import moment from 'moment'; import moment from 'moment';
const apiUrl = queryOauthActionPath(); const apiUrl = queryOauthActionPath();
const exportStyles = {
header: {
font: {
bold: false,
fontHeightInPoints: 12,
},
alignment: 'CENTER',
borderLeft: 'THIN',
borderTop: 'THIN',
borderBottom: 'THIN',
borderRight: 'THIN',
verticalAlignment: 'CENTER', //TOP、CENTER、BOTTOM、JUSTIFY、DISTRIBUTED
wrapText: true,
rowHeights: 20,
colWidths: 250,
},
head: {
font: {
bold: true,
},
alignment: 'CENTER',
},
};
const uj = {
t: 1,
v: '序号',
s: 'header',
w: 20 //默认值是20像素
};
/** /**
* 公共函数代码 * 公共函数代码
* *
...@@ -151,13 +180,6 @@ function getColSpanJson(cloumnNames, data, eliminateStr = []) { ...@@ -151,13 +180,6 @@ function getColSpanJson(cloumnNames, data, eliminateStr = []) {
* */ * */
export function getColumns(columns) { export function getColumns(columns) {
columns = deepCopy(columns); columns = deepCopy(columns);
const uj = {
t: 1,
v: '序号',
s: 'header',
w: 20 //默认值是20像素
};
let columnsHeight = getColumnsMaxLevel(columns); //递归行数 let columnsHeight = getColumnsMaxLevel(columns); //递归行数
let columnsKey = []; let columnsKey = [];
const columnsList = new Array(columnsHeight).fill([]); const columnsList = new Array(columnsHeight).fill([]);
...@@ -297,29 +319,7 @@ export function getColumnsSqlKeyRealize({ ...@@ -297,29 +319,7 @@ export function getColumnsSqlKeyRealize({
sqlKeyHeader: columnsKey, //sql对应key对应列 sqlKeyHeader: columnsKey, //sql对应key对应列
}, },
], ],
styles: { styles: exportStyles
header: {
font: {
bold: false,
fontHeightInPoints: 12,
},
alignment: 'CENTER',
borderLeft: 'THIN',
borderTop: 'THIN',
borderBottom: 'THIN',
borderRight: 'THIN',
verticalAlignment: 'CENTER', //TOP、CENTER、BOTTOM、JUSTIFY、DISTRIBUTED
wrapText: true,
rowHeights: 20,
colWidths: 250,
},
head: {
font: {
bold: true,
},
alignment: 'CENTER',
},
},
}; };
if (styles) { if (styles) {
content.styles = styles; content.styles = styles;
...@@ -362,7 +362,7 @@ export function getColumnsSqlKeyRealize({ ...@@ -362,7 +362,7 @@ export function getColumnsSqlKeyRealize({
* ext : 导出后缀 目前xecl、dbf * ext : 导出后缀 目前xecl、dbf
* url : 接口地址 * url : 接口地址
*/ */
export function getCustomSqlKeyRealize({ export function getCustomSqlKeyRealize({
sqlKey, sqlKey,
columnsList, columnsList,
columnsMerges, columnsMerges,
...@@ -382,29 +382,7 @@ export function getColumnsSqlKeyRealize({ ...@@ -382,29 +382,7 @@ export function getColumnsSqlKeyRealize({
sqlKeyHeader: columnsKey, //sql对应key对应列 sqlKeyHeader: columnsKey, //sql对应key对应列
}, },
], ],
styles: { styles: exportStyles
header: {
font: {
bold: false,
fontHeightInPoints: 12,
},
alignment: 'CENTER',
borderLeft: 'THIN',
borderTop: 'THIN',
borderBottom: 'THIN',
borderRight: 'THIN',
verticalAlignment: 'CENTER', //TOP、CENTER、BOTTOM、JUSTIFY、DISTRIBUTED
wrapText: true,
rowHeights: 20,
colWidths: 250,
},
head: {
font: {
bold: true,
},
alignment: 'CENTER',
},
},
}; };
if (styles) { if (styles) {
content.styles = styles; content.styles = styles;
...@@ -498,6 +476,79 @@ export function getColumnsDataRealize({ ...@@ -498,6 +476,79 @@ export function getColumnsDataRealize({
} }
/**
*
* @param {data,columns,styles,defect,fileName,ext,url,eliminateRow,eliminateCol} param
* 表头和数据导出（合并表格）
* data : ant基础数据
* columns : ant表头基础数据
* styles : 导出excl样式
* defect : 为null时默认数据
* fileName : 导出文件名
* ext : 导出后缀 目前xecl、dbf
* url : 接口地址
* eliminateRow : 列需要忽略合并的数据
* eliminateCol : 行需要忽略合并的数据
*
*/
export function getCustomDataRealize({
data = [],
mergeKey = [],
columnsList = [],
columnsMerges = [],
columnsKey = [],
bottomList = [],
bottomMerges = [],
styles,
defect = null,
fileName = '导出文件',
ext = 'xlsx',
eliminateRow = [],
eliminateCol = [],
}) {
let content = getCustomData({
data,
mergeKey,
columnsList,
columnsMerges,
columnsKey,
bottomList,
bottomMerges,
styles,
defect,
fileName,
ext,
eliminateRow,
eliminateCol,
});
if (styles) {
content.styles = styles;
}
try {
let getFileData = giveFilePostDataInfoForTrue(
{
content: JSON.stringify(content),
title: fileName,
},
`${apiUrl + '/DataObjApi/exportCustom'}`,
);
let token = getToken();
downloadFile(
getFileData.url,
{
...getFileData.datas,
token: token,
},
fileName,
ext,
);
} catch (err) {
console.table("getCustomDataRealize", err);
}
}
/** /**
* *
* @param {data,columns,styles,defect,fileName,ext,url,eliminateRow,eliminateCol} param * @param {data,columns,styles,defect,fileName,ext,url,eliminateRow,eliminateCol} param
...@@ -545,11 +596,6 @@ export function getColumnsData({ ...@@ -545,11 +596,6 @@ export function getColumnsData({
// 处理数据 // 处理数据
let bodyData = []; let bodyData = [];
let dataMerges = []; let dataMerges = [];
const uj = {
t: 1,
v: '序号',
s: 'header',
};
try { try {
data.forEach((dv, di) => { data.forEach((dv, di) => {
let nowArroy = new Array(columnsKey.length).fill({}); let nowArroy = new Array(columnsKey.length).fill({});
...@@ -589,31 +635,126 @@ export function getColumnsData({ ...@@ -589,31 +635,126 @@ export function getColumnsData({
merges: [...columnsMerges, ...dataMerges], merges: [...columnsMerges, ...dataMerges],
}, },
], ],
styles: { styles: exportStyles
header: { };
font: { if (ext === "docx") {
bold: false, content.sheets[0] = {
fontHeightInPoints: 12, ...content.sheets[0],
}, ...docxSheet
alignment: 'CENTER', }
borderLeft: 'THIN', }
borderTop: 'THIN', if (styles) {
borderBottom: 'THIN', content.styles = styles;
borderRight: 'THIN', }
verticalAlignment: 'CENTER', //TOP、CENTER、BOTTOM、JUSTIFY、DISTRIBUTED return content
wrapText: true,
rowHeights: 20, }
colWidths: 250,
}, /**
head: { *
font: { * @param {data,columns,styles,defect,fileName,ext,url,eliminateRow,eliminateCol} param
bold: true, * 表头和数据导出（合并表格）
}, * data : ant基础数据
alignment: 'CENTER', * columns : ant表头基础数据
* styles : 导出excl样式
* defect : 为null时默认数据
* fileName : 导出文件名
* ext : 导出后缀 目前xecl、dbf
* url : 接口地址
* eliminateRow : 列需要忽略合并的数据
* eliminateCol : 行需要忽略合并的数据
*
*/
export function getCustomData({
data = [],
mergeKey = [],
columnsList = [],
columnsMerges = [],
columnsKey = [],
bottomList = [],
bottomMerges = [],
styles,
defect = null,
fileName = '导出文件',
ext = 'xlsx',
eliminateRow = [],
eliminateCol = [],
docxSheet = {},
}) {
data = deepCopy(data);
let columnsHeight = columnsList.length;
let {
colSpanData,
rowSpanData
} = getSpanJson({
mergeKey,
data,
eliminateRow,
eliminateCol
});
// 处理数据
let bodyData = [];
let dataMerges = [];
try {
data.forEach((dv, di) => {
let nowArroy = new Array(columnsKey.length).fill({});
columnsKey.forEach((av, ai) => {
nowArroy[ai] = {
...uj,
v: av in dv && dv[av] != null ? dv[av].toString() : defect || '',
};
});
bodyData.push(nowArroy);
});
// 处理合并数据
mergeKey.forEach((mv, mi) => {
rowSpanData[mv].forEach((cv, ci) => {
if (cv > 1) {
//合并表格的 开始行、结束行、开始列、结束列
let rowIndex = columnsKey.indexOf(mv);
dataMerges.push([columnsHeight + ci, columnsHeight + ci + cv - 1, rowIndex, rowIndex]);
}
});
colSpanData[mv].forEach((cv, ci) => {
if (cv > 1) {
//合并表格的 开始行、结束行、开始列、结束列
let rowIndex = columnsKey.indexOf(mv);
dataMerges.push([columnsHeight + ci, columnsHeight + ci, rowIndex, rowIndex + cv - 1]);
}
});
});
} catch (err) {
console.table("getColumnsData", err);
}
const columnsDataCells = [...columnsList, ...bodyData];
const columnsDataMerges = [...columnsMerges, ...dataMerges];
let newBottomMerges = [];
if (bottomList && bottomList.length > 0) { // 新增底部数据
if (columnsKey.length != bottomList[0].length) {
console.log("bottomList数据列数和表头列数不一致");
return
}
newBottomMerges = bottomMerges.map((v, i) => {
let newV = v;
//合并表格的 开始行、结束行、开始列、结束列
newV[0] += columnsDataCells.length;
newV[1] += columnsDataCells.length;
return v;
});
}
let content = {
sheets: [
{
name: fileName,
cells: [...columnsDataCells, ...bottomList],
merges: [...columnsDataMerges, ...newBottomMerges],
}, },
}, ],
styles: exportStyles
}; };
if(ext === "docx"){ if (ext === "docx") {
content.sheets[0] = { content.sheets[0] = {
...content.sheets[0], ...content.sheets[0],
...docxSheet ...docxSheet
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论