diff --git a/public/aaa.xlsx b/public/aaa.xlsx new file mode 100644 index 00000000..9c90a4a2 Binary files /dev/null and b/public/aaa.xlsx differ diff --git a/src/views/material/ma/gadget/index.vue b/src/views/material/ma/gadget/index.vue index 74c84849..c32df03b 100644 --- a/src/views/material/ma/gadget/index.vue +++ b/src/views/material/ma/gadget/index.vue @@ -26,6 +26,7 @@ 查询 重置 导出 + 导入 新增 @@ -179,6 +180,45 @@ 取 消 + + + + + +
将文件拖到此处,或点击上传
+
+ 仅允许导入xls、xlsx格式文件。 + + 模板下载 + +
+
+ +
@@ -187,6 +227,7 @@ import { addWsMaInfoData, delGadget, getDeviceType, getGadgetInfo, getGadgetList, updateGadgetInfo } from '@/api/ma/device' +import {getToken} from "@/utils/auth"; export default { name: 'Device', @@ -221,6 +262,22 @@ export default { sex: undefined, teamId: undefined }, + uploadUrlTemp:null, + // 导入参数 + upload: { + // 是否显示弹出层(用户导入) + open: false, + // 弹出层标题(用户导入) + title: "", + // 是否禁用上传 + isUploading: false, + // 是否更新已经存在的用户数据 + updateSupport: 0, + // 设置上传的请求头部 + headers: { Authorization: "Bearer " + getToken() }, + // 上传的地址 + url: process.env.VUE_APP_BASE_API + "/material/wsMaInfo/importData" + }, // 弹出层标题 title: "", // 是否显示弹出层 @@ -282,6 +339,8 @@ export default { created() { this.getList() this.getDeviceTypeOptions(); + this.uploadUrlTemp=window.location.origin+"/iws/jiju-api/aaa.xlsx"; + // this.uploadUrlTemp=window.location.origin+"/aaa.xlsx"; }, methods: { /** 查询列表 */ @@ -373,6 +432,10 @@ export default { `领料出库报表_${currentTime}.xlsx` ); }, + handleImport() { + this.upload.title = "小工具编码信息导入"; + this.upload.open = true; + }, /** 新增按钮操作 */ handleAdd() { this.reset(); @@ -497,6 +560,22 @@ export default { }; this.deviceModelOptions = []; this.resetForm("form"); + }, + // 文件上传中处理 + handleFileUploadProgress(event, file, fileList) { + this.upload.isUploading = true; + }, + // 文件上传成功处理 + handleFileSuccess(response, file, fileList) { + 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(); } } } @@ -524,4 +603,20 @@ export default { margin-top: 20px; text-align: right; } +.el-message-box { + display: inline-block; + width: 830px; + padding-bottom: 10px; + vertical-align: middle; + background-color: #FFFFFF; + border-radius: 4px; + border: 1px solid #e6ebf5; + font-size: 18px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + text-align: left; + overflow: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +}