diff --git a/app/admin/command/Crud/stubs/html/index.stub b/app/admin/command/Crud/stubs/html/index.stub index 3bc3838935e8a5540b29d42840948a7d950b9a8f..2aeb6fac1e64cdc4162f19f237d952a0e1f8640a 100644 --- a/app/admin/command/Crud/stubs/html/index.stub +++ b/app/admin/command/Crud/stubs/html/index.stub @@ -4,7 +4,7 @@ diff --git a/web/package.json b/web/package.json index 35b5863b81681f3552f55bb37f042bf41170e37b..1b54a295d5e62fc2ac807ee2f95ca478bbc75ff8 100644 --- a/web/package.json +++ b/web/package.json @@ -28,7 +28,10 @@ "v-code-diff": "^0.3.10", "vue": "~3.2.25", "vue-i18n": "~9.1.9", - "vue-router": "~4.0.12" + "vue-router": "~4.0.12", + "xlsx": "^0.18.5", + "file-saver": "^2.0.5", + "papaparse": "^5.3.2" }, "devDependencies": { "@types/lodash": "~4.14.180", diff --git a/web/src/components/table/header/index.vue b/web/src/components/table/header/index.vue index 973dc40600f2c8ccb0e2cd7119eb57d1fd0e0f1e..78dae5cb1f50396d5f00fe2ccf70c63a05c504f3 100644 --- a/web/src/components/table/header/index.vue +++ b/web/src/components/table/header/index.vue @@ -24,13 +24,13 @@ {{ baTable.table.expandAll ? t('Shrink all') : t('Expand all') }} @@ -59,19 +59,19 @@
@@ -79,28 +79,45 @@ + + + + + + @@ -111,133 +128,137 @@ + const changeUnfold = () => { + emits('action', 'unfold', { unfold: !baTable.table.expandAll }) + } - diff --git a/web/src/utils/baTable.ts b/web/src/utils/baTable.ts index 5a7c095286fc8efb79167ece9dba2a0c5f8a2fc6..60af2e62819ef4808d8b660b98ca05ebfbb887dd 100644 --- a/web/src/utils/baTable.ts +++ b/web/src/utils/baTable.ts @@ -1,4 +1,4 @@ -import { reactive, onUnmounted, onActivated, onDeactivated } from 'vue' +import { reactive, onUnmounted, onActivated, onDeactivated, toRaw } from 'vue' import { getArrayKey } from '/@/utils/common' import useCurrentInstance from '/@/utils/useCurrentInstance' import type { baTableApi } from '/@/api/common' @@ -8,6 +8,7 @@ import { ElNotification, ElForm } from 'element-plus' import { onBeforeRouteUpdate, useRoute } from 'vue-router' import _ from 'lodash' import { i18n } from '/@/lang/index' +import { exportData } from '/@/utils/export' export default class baTable { public api @@ -352,6 +353,12 @@ export default class baTable { this.table.column[columnKey].show = data.value }, ], + [ + 'export', + () => { + exportData(toRaw(this.table), data.tag) + }, + ], [ 'default', () => { @@ -545,7 +552,7 @@ export default class baTable { } } else { form[prop + '-start'] = range[0] ?? '' - form[prop + '-end'] = range[1] ?? '' + form[prop + '-end'] = range[1] ?? '' } } else if (field[key].operator == 'NULL' || field[key].operator == 'NOT NULL') { form[prop] = queryProp ? true : false diff --git a/web/src/utils/export.ts b/web/src/utils/export.ts new file mode 100644 index 0000000000000000000000000000000000000000..2b48ad331a43f0aa8aca7b82cbece30c389c2c92 --- /dev/null +++ b/web/src/utils/export.ts @@ -0,0 +1,101 @@ +import * as XLSX from 'xlsx' +import Papa from 'papaparse' +import FileSaver from 'file-saver' + +/** + * 导出 + */ +export function exportData(json: any, tag: string) { + const title = getTitle(json.column) + const list = json.data.map((item: any) => { + const obj: any = {} + for (const k in item) { + if (title[k]) { + obj[title[k]] = item[k] + } + } + return obj + }) + + switch (tag) { + case 'excell': + exportExcell(list) + break + case 'csv': + exportCsv(list) + break + case 'json': + exportJson(list) + break + default: + exportExcell(list) + } +} +/** + * 导出 json + */ +export function exportJson(list: any) { + const data = JSON.stringify(list) + const blob = new Blob([data], { type: 'application/json' }) + const name: string = getNowDate() + FileSaver.saveAs(blob, 'JSON_' + name + '.json') +} + +/** + * 导出 csv + */ +export function exportCsv(list: any) { + const csv: any = Papa.unparse(list) + const content: any = new Blob([csv]) + const urlObject: any = window.URL || window.webkitURL || window + const url: any = urlObject.createObjectURL(content) + const el: any = document.createElement('a') + el.href = url + const name: string = getNowDate() + el.download = 'CSV_' + name + '.csv' + el.click() + urlObject.revokeObjectURL(url) +} + +/** + * 导出 excell + */ +export function exportExcell(list: any) { + const data = XLSX.utils.json_to_sheet(list) + const wb = XLSX.utils.book_new() + XLSX.utils.book_append_sheet(wb, data, '') + const name: string = getNowDate() + XLSX.writeFile(wb, 'EXCELL_' + name + '.xlsx') +} + +/* + *获取标题 + */ +export function getTitle(Obj: any): any { + const label: any = [] + const prop: any = [] + Obj.map((item: any) => { + if (item.label && item.prop && item.show != false) { + label.push(item.label) + prop.push(item.prop) + } + }) + + const title: any = [] + for (let i = 0; i < prop.length; i++) { + title[prop[i]] = label[i] + } + return title +} +/** + * 获取当前年月日 + */ +export function getNowDate(): any { + const timeOne = new Date() + const year: any = timeOne.getFullYear() + let month: any = timeOne.getMonth() + 1 + let day: any = timeOne.getDate() + month = month < 10 ? '0' + month : month + day = day < 10 ? '0' + day : day + return `${year}-${month}-${day}` +}