网站开发实习计划模板,安陆市建设局网站,宝山北京网站建设,品牌建设的建议文章目录 一、文档#xff1a;二、使用(以Jeecg为例)#xff1a;【1】template#xff1a;【2】script#xff1a; 三、效果图#xff1a; 一、文档#xff1a; Upload 上传–Ant Design Vue 二、使用(以Jeecg为例)#xff1a;
【1】template#xff1a;
a-uploa… 文章目录 一、文档二、使用(以Jeecg为例)【1】template【2】script 三、效果图 一、文档 Upload 上传–Ant Design Vue 二、使用(以Jeecg为例)
【1】template
a-upload namefile :showUploadListfalse :multiplefalse :headerstokenHeader:data{ orderId: record.id } :actionimportExcelUrlDispatchCarchangehandleImportExcel导入
/a-upload【2】script
scriptexport default {data() {return {url:{importExcelUrlDispatchCar:/kd/xxx/importTemplate}}},computed: {//拼接上传的地址importExcelUrlDispatchCar: function () {return ${window._CONFIG[domianURL]}/${this.url.importExcelUrlDispatchCar};},// 设置上传的Header参数tokenHeader() {let head { X-Access-Token: Vue.ls.get(ACCESS_TOKEN) }let tenantid Vue.ls.get(TENANT_ID)if (tenantid) {head[tenant-id] tenantid}return head;},},methods:{handleImportExcel(info){this.loading true;if (info.file.status ! uploading) {console.log(info.file, info.fileList);}if (info.file.status done) {this.loading false;if (info.file.response.success){if (info.file.response.code 201) {let { message, result:{ msg, fileUrl, fileName } } info.file.responselet href window._CONFIG[domianURL] fileUrlthis.$warning({title: message,content: (divspan{msg}/spanspan具体详情请 a href{href}target_blank download{fileName}点击下载/a /span/div)})} else {this.$message.success(info.file.response.message ||${info.file.name} 文件上传成功)}this.loadData()} else {this.$message.error(${info.file.name} ${info.file.response.message}.);}}else if (info.file.status error) {this.loading false;if (info.file.response.status 500) {let data info.file.responseconst token Vue.ls.get(ACCESS_TOKEN)if (token data.message.includes(Token失效)) {this.$error({title: 登录已过期,content: 很抱歉登录已过期请重新登录,okText: 重新登录,mask: false,onOk: () {store.dispatch(Logout).then(() {Vue.ls.remove(ACCESS_TOKEN)window.location.reload();})}})}}}else{this.$message.error(文件上传失败: ${info.file.msg} );}},}}
/script三、效果图