标签:false 上传 baseUrl xlsFile upload config response iview
<!-- * @description 导入Excel * @fileName importExcel.vue * @author 彭成刚 * @date 2019/02/20 15:49:27 * @version V1.0.0 !--> <template> <div> <Modal v-model="imExcelModal" @on-cancel="imExcelCancel" width="600" :mask-closable="false" title="导入Excel"> <div style="height:200px"> <Upload :action="baseUrl+'api/sys/office/importByExcel'" :show-upload-list="false" ref='upload' name="importFile" :on-success="handleSuccess" :before-upload="handleUpload" :data='upData'> <Button icon="ios-cloud-upload-outline">选择 Excel 文件</Button> </Upload> <div style="margin:10px;">{{this.xlsFile.name}}</div> </div> <div slot="footer"> <Button>模板下载</Button> <Button @click="imExcelCancel">关闭</Button> <Button type="primary" @click="imExcelSave">上传</Button> </div> </Modal> </div> </template> <script> import config from '@/config' const baseUrl = process.env.NODE_ENV === 'development' ? config.baseUrl.dev : config.baseUrl.pro export default { data () { return { xlsFile: {}, upData: { selectPid: 'A01' }, baseUrl, imExcelModal: false } }, components: {}, computed: {}, // mounted() {}, methods: { handleUpload (item) { console.info('handleUpload', item) this.xlsFile = item this.upData.selectPid = this.$parent.treeItem.id return false }, handleSuccess (response, file, fileList) { console.info('handleSuccess', response, file, fileList) if (response.meta.success) { // 上传成功 this.$Message.success('上传成功!') this.imExcelModal = false this.$parent.reloadPage() } else { // 上传失败 this.$Message.warning(response.meta.message) } }, // 上传按钮 imExcelSave () { this.$refs.upload.post(this.xlsFile) }, imExcelCancel () { this.imExcelModal = false console.info('imExcelCancel 关闭') } } } </script> <style lang='less' scoped> </style>
标签:false,上传,baseUrl,xlsFile,upload,config,response,iview 来源: https://www.cnblogs.com/pengchenggang/p/10408139.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。