diff --git a/src/views/common/ImportExcelDialog.vue b/src/views/common/ImportExcelDialog.vue new file mode 100644 index 0000000..f997353 --- /dev/null +++ b/src/views/common/ImportExcelDialog.vue @@ -0,0 +1,401 @@ + + + + + + + + 将文件拖到此处 + 或点击上传 + + + + + 仅允许导入 xls、xlsx 格式文件,单份文件大小上限 {{ maxFileTips }} + + + + + + + + + + diff --git a/src/views/enterpriseLibrary/tool/index.vue b/src/views/enterpriseLibrary/tool/index.vue index 669e296..1c6d2d7 100644 --- a/src/views/enterpriseLibrary/tool/index.vue +++ b/src/views/enterpriseLibrary/tool/index.vue @@ -44,6 +44,16 @@ + + @@ -54,11 +64,13 @@ import ToolForm from './components/ToolForm.vue' import { listAPI, delDataAPI } from '@/api/enterpriseLibrary/tool/tool' import { encryptWithSM4, decryptWithSM4 } from '@/utils/sm' import { downloadFileWithLoading } from '@/utils/download' +import ImportExcelDialog from '@/views/common/ImportExcelDialog' export default { name: 'Tool', components: { TableModel, - ToolForm + ToolForm, + ImportExcelDialog }, data() { return { @@ -70,6 +82,10 @@ export default { isflag: false, isAdd: '', row: {}, + maxFileTips:'200MB', + importExcelDialogVisible: false, + // 批量导入上传地址(需要根据实际API接口修改) + importExcelDialogUploadUrl: process.env.VUE_APP_BASE_API + '/smartBid/mainDatabase/tool/importData', } }, @@ -126,8 +142,13 @@ export default { }, // 批量导入 handleBathchImport(){ - - + this.importExcelDialogVisible = true; + }, + handleImportSuccess() { + this.handleQuery(); + }, + handleImportClose() { + this.handleQuery(); }, closeDialog() { this.isflag = false;