diff --git a/src/views/device/sparePartsLedger/index.vue b/src/views/device/sparePartsLedger/index.vue index f84b5646..b03dd94b 100644 --- a/src/views/device/sparePartsLedger/index.vue +++ b/src/views/device/sparePartsLedger/index.vue @@ -122,6 +122,19 @@ >导出 + +
+ 导入 +
+
- - + + + +
将文件拖到此处,或点击上传
+
+ 仅允许导入xls、xlsx格式文件。 + 下载模板 + +
+
+ +
@@ -677,11 +728,32 @@ import { addSparePartsLedger, updateSparePartsLedger, } from "@/api/device/sparePartsLedger"; +import { getToken } from "@/utils/auth"; export default { name: "SparePartsLedger", data() { return { + // 导入数据 + upload: { + // 是否显示弹出层(用户导入) + open: false, + // 弹出层标题(用户导入) + title: "", + // 是否禁用上传 + isUploading: false, + // 是否更新已经存在的用户数据 + updateSupport: 0, + // 设置上传的请求头部 + headers: { + poolName: localStorage.getItem("USER_POOL_NAME_CURRENT"), + Authorization: "Bearer " + getToken(), + }, + // 上传的地址 + url: + process.env.VUE_APP_BASE_API + "/device/sparePartsLedger/importFile", + }, + // 遮罩层 loading: true, // 选中数组 @@ -924,6 +996,47 @@ export default { `sparePartsLedger_${new Date().getTime()}.xlsx` ); }, + + // 导入-导入窗口打开 + handleImport() { + this.upload.title = "设备信息导入"; + this.upload.open = true; + }, + + // 导入-文件上传中处理 + handleFileUploadProgress(event, file, fileList) { + this.upload.isUploading = true; + }, + + // 导入-文件上传成功处理 + handleFileSuccess(response, file, fileList) { + debugger; + this.upload.open = false; + this.upload.isUploading = false; + this.$refs.upload.clearFiles(); + this.$alert( + "
" + + response.msg + + "
", + "导入结果", + { dangerouslyUseHTMLString: true } + ); + this.getList(); + }, + + // 导入-提交上传文件 + submitFileForm() { + this.$refs.upload.submit(); + }, + + // 导入-下载模板 + importTemplate() { + this.download( + "/device/sparePartsLedger/importTemplate", + {}, + `sparePartsLedger_template_${new Date().getTime()}.xlsx` + ); + }, }, }; - \ No newline at end of file +