10 changed files with 483 additions and 18 deletions
-
2src/api/ecss/ecss.js
-
36src/utils/ajax.js
-
156src/utils/excel-util.js
-
74src/utils/export-options.js
-
165src/views/modules/ecss/codelnotify.vue
-
22src/views/modules/ecss/codelnotifyConfirm.vue
-
2src/views/modules/ecss/ecssWalMartOrder.vue
-
34src/views/modules/ecss/pallet_upload_excel.vue
-
8src/views/modules/ecss/partHsCode.vue
@ -0,0 +1,156 @@ |
|||
import XLSX from "xlsx"; |
|||
import ajax from '@/utils/ajax' |
|||
import { |
|||
Message |
|||
} from 'element-ui'; |
|||
const excelHeaderName = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"]; |
|||
/** |
|||
* excel导出默认选项 |
|||
*/ |
|||
const exportOptionDefault = { |
|||
url: "",//*必填，导出请求地址
|
|||
tableRef: undefined,//#1组合必填 导出数据对应列信息，el-table引用
|
|||
columnMapping: undefined,//#1组合必填 自定义导出列映射
|
|||
fileName: "export.xlsx",//导出文件名
|
|||
params: {},//导出请求参数
|
|||
rowFetcher: res => {//从请求结果中获取导出行的方式，默认取请求结果中的data作为导出数据
|
|||
return (res || {data: []}).data; |
|||
}, |
|||
columnFormatter: [],//需要格式化的列
|
|||
mergeSetting: { |
|||
refs: [], //检测需要合并的数据列属性名
|
|||
columns: [] //检测需要合并后，要合并的列，以第一条数据为准合并
|
|||
} |
|||
}; |
|||
let HEADERS = []; |
|||
for (let i =0;i< 200;i++) { |
|||
let c = parseInt(i / 26); |
|||
let m = i % 26; |
|||
HEADERS.push((c > 0 ? excelHeaderName[c - 1] : "") + excelHeaderName[m]); |
|||
} |
|||
let validOption = opt => { |
|||
let option = Object.assign({}, opt); |
|||
if (!option.url) { |
|||
throw new Error("request url is required."); |
|||
} |
|||
if (!option.tableRef && !option.columnMapping) { |
|||
throw new Error("element table ref object or columnMapping is required."); |
|||
} |
|||
if (option.rowFetcher != undefined && typeof option.rowFetcher != "function") { |
|||
throw new Error("rowFetcher must be a function with one param."); |
|||
} |
|||
} |
|||
|
|||
let getMergeSetting = (data, s, allCols) => { |
|||
let refCols = s.refs; |
|||
let mcols = s.columns; |
|||
let mergeList = []; |
|||
|
|||
let refRow = data[0]; |
|||
let mergeSetting = { |
|||
s: 0, |
|||
e: 0 |
|||
}; |
|||
for (let i = 0; i < data.length; i++) { |
|||
let same = refCols.map(c => data[i][c] === refRow[c]).filter(r => !!r).length == refCols.length; |
|||
if (!same) { |
|||
mergeSetting.e > mergeSetting.s && (mergeList.push(mergeSetting)); |
|||
refRow = data[i]; |
|||
mergeSetting = { |
|||
s: i, |
|||
e: i |
|||
}; |
|||
} else { |
|||
i > mergeSetting.e && (mergeSetting.e = i); |
|||
i == data.length - 1 && (mergeList.push(mergeSetting)); |
|||
} |
|||
|
|||
} |
|||
|
|||
let setting = []; |
|||
mergeList.forEach(e => { |
|||
mcols.forEach(c => { |
|||
let ci = allCols.indexOf(c); |
|||
setting.push({ |
|||
s: { |
|||
r: e.s + 1, |
|||
c: ci |
|||
}, |
|||
e: { |
|||
r: e.e + 1, |
|||
c: ci |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
return setting; |
|||
} |
|||
|
|||
let setStyle = (ws, s) => {} |
|||
|
|||
let getColSetting = mapping => { |
|||
let columns = []; |
|||
for (let i = 0; i < mapping.length; i++) { |
|||
let c = mapping[i]; |
|||
columns.push({ |
|||
property: c.prop || c.property, |
|||
label: c.label, |
|||
type: "default" |
|||
}); |
|||
} |
|||
return { |
|||
columns: columns |
|||
}; |
|||
} |
|||
let export2Excel = opt => { |
|||
validOption(opt); |
|||
let options = Object.assign({}, exportOptionDefault, opt); |
|||
let expColSetting = !!options.tableRef ? options.tableRef : getColSetting(options.columnMapping); |
|||
ajax.$post(options.url, options.params, resp => { |
|||
if (resp.status !== 200) { |
|||
Message.error({ |
|||
message: resp.description |
|||
}); |
|||
} |
|||
let rows = options.rowFetcher(resp).rows; |
|||
var columns = [ |
|||
[] |
|||
]; |
|||
var keys = []; |
|||
let formaters = new Array(); |
|||
expColSetting.columns.forEach(column => { |
|||
if (!!column.label && column.type === "default") { |
|||
columns[0].push(column.label); |
|||
keys.push(column.property); |
|||
let formater = options.columnFormatter.find(f => !!f[column.property] && typeof f[column.property] == 'function'); |
|||
!!formater && (formaters[column.property] = formater[column.property]); |
|||
} |
|||
}); |
|||
rows.forEach(o => { |
|||
let list = []; |
|||
keys.forEach(k => { |
|||
let formater = formaters[k]; |
|||
if (!!formater) { |
|||
list.push(formater(o[k])); |
|||
} else { |
|||
list.push(o[k]); |
|||
} |
|||
}); |
|||
columns.push(list); |
|||
}); |
|||
const ws = XLSX.utils.aoa_to_sheet(columns); |
|||
if (!!options.mergeSetting && !!options.mergeSetting.refs && options.mergeSetting.refs.length > 0) { |
|||
let merges = getMergeSetting(rows, options.mergeSetting, keys); |
|||
ws["!merges"] = merges; |
|||
setStyle(ws, merges); |
|||
} |
|||
// console.log(ws);
|
|||
const wb = XLSX.utils.book_new(); |
|||
XLSX.utils.book_append_sheet(wb, ws, "sheet1"); |
|||
XLSX.writeFile(wb, options.fileName); |
|||
}); |
|||
} |
|||
|
|||
export default { |
|||
exportTable: export2Excel |
|||
} |
|||
@ -0,0 +1,74 @@ |
|||
const PalletSku = { |
|||
columnMapping: [ |
|||
{ |
|||
prop: "seqNo", |
|||
label: "序号", |
|||
}, |
|||
{ |
|||
prop: "cmcInvoice", |
|||
label: "发票号", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "托盘号/箱号", |
|||
}, |
|||
{ |
|||
prop: "customerPO", |
|||
label: "PO", |
|||
}, |
|||
{ |
|||
prop: "pn", |
|||
label: "PN", |
|||
}, |
|||
{ |
|||
prop: "qty", |
|||
label: "数量", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "箱数", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "Rolls", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "托数", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "长(M)", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "宽(M)", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "高(M)", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "体积", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "毛重", |
|||
}, |
|||
{ |
|||
prop: "seqNo", |
|||
label: "净重", |
|||
} |
|||
], |
|||
mergeSetting: { |
|||
mergeSetting: { |
|||
refs: [], |
|||
columns: [] |
|||
} |
|||
} |
|||
} |
|||
|
|||
export default { |
|||
PalletSku, |
|||
}; |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue