Skip to content

W
WebPublic
提交 0751573a authored 作者: yaoxinguo's avatar yaoxinguo
浏览文件
操作

通用函数

上级 dbc2b849
显示空白字符变更
内嵌 并排
正在显示 包含 455 行增加 和 2 行删除
one_stop_public/Table/giveSmartFormGlobalProps.js
浏览文件 @ 0751573a
...@@ -3,6 +3,7 @@ import moment from 'moment'; ...@@ -3,6 +3,7 @@ import moment from 'moment';
import {Modal, message, notification, Tooltip, Spin, Popover, Popconfirm} from 'antd'; import {Modal, message, notification, Tooltip, Spin, Popover, Popconfirm} from 'antd';
import { giveFilePostDataInfoForTrue } from '@/webPublic/one_stop_public/Base16'; import { giveFilePostDataInfoForTrue } from '@/webPublic/one_stop_public/Base16';
import { getSpanJson,getColumns,getColumnsDataRealize,getColumnsSqlKeyRealize,getWord } from '@/webPublic/one_stop_public/Table';
export function giveSmartFormGlobalProps({ export function giveSmartFormGlobalProps({
...@@ -27,7 +28,18 @@ export function giveSmartFormGlobalProps({ ...@@ -27,7 +28,18 @@ export function giveSmartFormGlobalProps({
onlyRead, onlyRead,
apiList: { apiList: {
giveFilePostDataInfoForTrue, giveFilePostDataInfoForTrue,
remark: 'giveFilePostDataInfoForTrue(params, url); 将接口参数 二进制文件化 并返回新的接口地址与参数', getSpanJson,
getColumns,
getColumnsDataRealize,
getColumnsSqlKeyRealize,
getWord,
remark: `'giveFilePostDataInfoForTrue(params, url); //将接口参数 二进制文件化 并返回新的接口地址与参数';
getSpanJson(mergeKey, data, eliminateStr); //列表获取纵向合并数据 mergeKey : 需要合并的表头key data : 列表数据 eliminateStr : 需要忽略合并的数据
getColumns(columns); //获取ant表头的属性 columns : ant的表头
getColumnsDataRealize(data, mergeKey, columns, styles, defect, fileName, ext , url, eliminateStr); // 下载列表合并的数据，前三个必填data, mergeKey, columns
getColumnsSqlKeyRealize(sqlKey, columns, styles, fileName, ext, url); // 下载列表表头合并的数据，前两个个必填sqlKey, columns
getWord(templatePath,params, title, allValues, listConfig, ext);// 下载文档地址 ，前五个必填 templatePath,params, title, allValues, listConfig
`,
}, },
publicComponent: { publicComponent: {
React, React,
......
one_stop_public/Table/globalFunction.js
浏览文件 @ 0751573a
import { giveFilePostDataInfoForTrue } from '@/webPublic/one_stop_public/Base16';
/** /**
* 公共函数代码 * 公共函数代码
* *
* */ * */
/**
* 列表获取纵向合并数据
* mergeKey : 需要合并的表头key
* data : 列表数据
* eliminateStr : 需要忽略合并的数据
*
* 返回值
* rowSpanData 列合并数据，colSpanData行合并数据
* */
export default function getSpanJson(mergeKey, data, eliminateStr = []) {
return {
rowSpanData: getRowSpanJson(mergeKey, data, eliminateStr),
colSpanData: getColSpanJson(mergeKey, data, eliminateStr)
}
}
function getRowSpanJson(cloumnNames, data, eliminateStr = []) { //纵向合并
// 获取列的 dataIndex 集合
var rowSpanJson = {};
//保存上一个name
var beforeNameMap = {};
//相同name出现的次数
var countMap = {};
//该name第一次出现的位置
var startIndexMap = {};
for (var idx = 0; idx < data.length; idx++) {
var dataItem = data[idx];
for (var idj = 0; idj < cloumnNames.length; idj++) {
var keyItem = cloumnNames[idj];
var dataItemValue = dataItem[keyItem];
if (idx === 0) {
beforeNameMap[keyItem] = dataItem[keyItem];
countMap[keyItem] = 1;
startIndexMap[keyItem] = 0;
rowSpanJson[keyItem] = new Array(data.length);
rowSpanJson[keyItem][0] = 1;
continue;
}
if (dataItemValue === beforeNameMap[keyItem] && eliminateStr.indexOf(dataItemValue) === -1) {
countMap[keyItem] = countMap[keyItem] + 1;
rowSpanJson[keyItem][startIndexMap[keyItem]] = countMap[keyItem];
rowSpanJson[keyItem][idx] = 0;
} else {
countMap[keyItem] = 1;
beforeNameMap[keyItem] = dataItemValue;
startIndexMap[keyItem] = idx;
rowSpanJson[keyItem][idx] = 1;
}
}
}
return rowSpanJson;
}
export default function YaoXinGuo(){ // function getColSpanJson(cloumnNames, data, eliminateStr = []) { //横向合并
var colSpanJson = {};
for (let idx = 0; idx < data.length; idx++) {
let dataItem = data[idx];
let colSum = 1;//宽度
let triggerColIndex = null;//记录触发时得位置
let triggerColSum = 1;//记录触发时得位置
let isCol = false;
for (let idj = 0; idj < cloumnNames.length; idj++) {
let keyItem = cloumnNames[idj];
let dataItemValue = dataItem[keyItem];
let dataItemValueNext = idj < cloumnNames.length - 1 ? dataItem[cloumnNames[idj + 1]] : null;
//console.log("dataItemValue",dataItemValue,idj)
if (idx === 0) {
colSpanJson[keyItem] = new Array(getRowSpanJson.length);
}
if (!isCol && dataItemValue === dataItemValueNext && eliminateStr.indexOf(dataItemValue) === -1) {//触发合并
triggerColIndex = keyItem;
isCol = true;
}
if (isCol && (dataItemValue !== dataItemValueNext || dataItemValueNext == null)) {//合并结束
isCol = false;
}
if (isCol) {//计数
triggerColSum++;
}
if (!isCol && triggerColIndex !== null) {
colSpanJson[triggerColIndex][idx] = triggerColSum
colSpanJson[keyItem][idx] = 0;
triggerColIndex = null;
} else {
colSpanJson[keyItem][idx] = colSum;
};
}
}
//console.log("colSpanJson",colSpanJson)
return colSpanJson;
} }
/**
* ant表头转换成二维数组对象。
* columns : ant的表头
*
* 返回值
* columnsList 基础数据
* columnsMerges 合并数据
* columnsKey key对应的列
* columnsHeight 行数
* */
export default function getColumns(columns) {
const uj = { "t": 1, "v": "序号", s: "header" };
let columnsHeight = 0;
getColumnsMaxLevel(columns);//递归行数
let columnsKey = [];
const columnsList = new Array(columnsHeight).fill([]);
let col = 1;
for (var i in columnsList) {
columnsList[i] = new Array(getColumnsWidth(columns)).fill({});
};
function getColumnsData(data = [], res = [], level = 1) {
for (let item of data) {
//item.key = i;
let isLast = !item.children;
item.level = level;
item.isLast = isLast;
item.width = !isLast ? getColumnsWidth(item.children) : 1;
item.col = col;
res.push(item);
columnsList[level - 1][col - 1] = { ...uj, v: item.title };
if (!isLast) {
if (Array.isArray(item.children)) {
let x = level + 1;
getColumnsData(item.children, res, x);
}
} else {
col++;
columnsKey.push(item["dataIndex"]);
}
}
return res;
};
//递归行数
function getColumnsMaxLevel(data = [], level = 1) {
for (let item of data) {
let isLast = !item.children;
if (!isLast && Array.isArray(item.children)) {
let x = level + 1;
if (columnsHeight < x) {
columnsHeight = x;
}
getColumnsMaxLevel(item.children, x);
}
}
return level;
};
//递归当前数据宽度
function getColumnsWidth(data = [], sum = 0) {
for (let item of data) {
if (!item.children) {
sum++;
} else {
sum = getColumnsWidth(item.children, sum);
}
}
return sum;
};
let columnsHandle = getColumnsData(columns).filter((v, i) => {
return (v.level < columnsHeight && v.isLast) || v.width > 1
});
let columnsMerges = [];
columnsHandle.forEach((v, i) => {
let { isLast, width, col, level } = v;
let nowCol = col - 1;
let nowLevel = level - 1;
if (isLast && width === 1) {
//合并表格的 开始行、结束行、开始列、结束列
columnsMerges.push([nowLevel, columnsHeight - 1, nowCol, nowCol]);
};
if (!isLast && width > 1) {
columnsMerges.push([nowLevel, nowLevel, nowCol, nowCol + width - 1]);
};
});
return { columnsList, columnsMerges, columnsKey, columnsHeight };
};
/**
* 表头和sql数据导出（表头合并表格，数据不合并表格）
* sqlKey : 数据sql编码
* columns : ant表头基础数据
* styles : 导出excl样式
* fileName : 导出文件名
* ext : 导出后缀 目前xecl、dbf
* url : 接口地址
*
* 返回值
* */
export default function getColumnsSqlKeyRealize(sqlKey, columns, styles, fileName = "导出文件", ext = 'xlsx', url = `/DataObjApi/exportCustom`) {
let { columnsList, columnsMerges, columnsKey } = getColumns(columns);
let content = {
"sheets": [
{
"name": fileName,
"cells": columnsList,
"merges": columnsMerges,
"sqlKey": sqlKey,//sql编码
"sqlKeyHeader": columnsKey//sql对应key对应列
}
],
"styles": {
"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": 200
},
"head": {
"font": {
"bold": true
},
"alignment": "CENTER",
}
}
};
if (styles) {
content.styles = styles;
}
let getFileData = giveFilePostDataInfoForTrue(
{
content: JSON.stringify(content),
title: fileName
},
`${window.location.origin}/produce/v1/api/onestop${url}`
);
let token = localStorage.getItem('antd-pro-token-onestop');
downloadFile(getFileData.url, {
...getFileData.datas,
token: token
}, fileName, ext);
};
/**
* 表头和数据导出（合并表格）
* data : ant基础数据
* columns : ant表头基础数据
* styles : 导出excl样式
* defect : 为null时默认数据
* fileName : 导出文件名
* ext : 导出后缀 目前xecl、dbf
* url : 接口地址
* eliminateStr : 忽略合并的值
* 返回值
* */
export default function getColumnsDataRealize(data = [], mergeKey = [], columns, styles, defect = null, fileName = "导出文件", ext = 'xlsx', url = `/DataObjApi/exportCustom`, eliminateStr = []) {
let { columnsList, columnsMerges, columnsKey, columnsHeight } = getColumns(columns);
let { colSpanData, rowSpanData } = getSpanJson(mergeKey, data, eliminateStr);
// 处理数据
let bodyData = [];
const uj = { "t": 1, "v": "序号", s: "header" };
data.forEach((dv, di) => {
let nowArroy = new Array(columnsKey.length).fill({});
columnsKey.forEach((av, ai) => {
nowArroy[ai] = {
...uj,
v: av in dv ? dv[av].toString() : (defect || "")
};
});
bodyData.push(nowArroy);
})
// 处理合并数据
let dataMerges = [];
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]);
}
});
});
let content = {
"sheets": [
{
"name": fileName,
"cells": [...columnsList, ...bodyData],
"merges": [...columnsMerges, ...dataMerges]
}
],
"styles": {
"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": 200
},
"head": {
"font": {
"bold": true
},
"alignment": "CENTER",
}
}
};
if (styles) {
content.styles = styles;
}
let getFileData = giveFilePostDataInfoForTrue(
{
content: JSON.stringify(content),
title: fileName
},
`${window.location.origin}/produce/v1/api/onestop${url}`
);
let token = localStorage.getItem('antd-pro-token-onestop');
downloadFile(getFileData.url, {
...getFileData.datas,
token: token
}, fileName, ext);
};
/**
* 表头和数据导出（合并表格）
* templatePath : word文档模板地址
* params : word文档的替换参数
* title : 导出文件名
* allValues : sql参数
* listConfig : 导出列表配置
* ext : 导出后缀 目前xecl、dbf
* 返回值
* */
export default function getWord(templatePath,params, title, allValues = {}, listConfig = {}, ext = 'docx') {
//可更新的
let getFileData = giveFilePostDataInfoForTrue(
{
templatePath: "/u/templateOnestop/SXH.docx",
params: JSON.stringify({
...listConfig,
...setObjectKey(params)
}),
title: `${title}.${ext}`,
allValues: JSON.stringify({ ...allValues })
},
`${window.location.origin}/produce/v1/api/onestop` + `/DataColumnApi/exportWord`
);
let token = localStorage.getItem('antd-pro-token-onestop');
downloadFile(getFileData.url, {
...getFileData.datas,
token: token
}, title, ext);
function setObjectKey(data) {
return Object.keys(data)
//.filter((key) => data[key] !== null && data[key] !== undefined)
.reduce((acc, key) => ({ ...acc, ["${" + key + "}"]: (data[key] === null ? "" : data[key]) }), {});
}
}
// 下载附件FormdataWrapper
function isObject(value) { return value === Object(value) }
function isArray(value) { return Array.isArray(value) }
function isFile(value) { return value instanceof File }
function makeArrayKey(key) { return key }
function FormdataWrapper(obj, fd, pre) {
fd = fd || new FormData()
Object.keys(obj).forEach(function (prop) {
var key = pre ? (pre + '[' + prop + ']') : prop
if (isObject(obj[prop]) && !isArray(obj[prop]) && !isFile(obj[prop])) {
FormdataWrapper(obj[prop], fd, key)
} else if (isArray(obj[prop])) {
obj[prop].forEach(function (value) {
var arrayKey = makeArrayKey(key)
if (isObject(value) && !isFile(value)) {
FormdataWrapper(value, fd, arrayKey)
} else {
fd.append(arrayKey, value)
}
})
} else {
if (obj[prop] != null) fd.append(key, obj[prop])
}
})
return fd
};
function downloadFile(url, params, fileName = '导出文件', ext = 'xlsx') {
// console.log("downloadFile",url);
fetch(url, {
method: 'POST',
body: FormdataWrapper(params),
})
.then((res) => {
if (res.status + '' !== '200') {
return res.json();
} else {
return res.blob();
}
})
.then((data) => {
if (data instanceof Blob) {
let a = document.createElement('a');
let url = window.URL.createObjectURL(data);
let filename = fileName + '.' + ext;
a.href = url;
a.download = filename;
a.click();
window.URL.revokeObjectURL(url);
a = null;
} else { }
})
.catch((err) => {
console.log(err);
})
.finally(() => {
return true;
});
};
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论