You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
2.9 KiB
107 lines
2.9 KiB
<template> |
|
<el-dialog :title="title" append-to-body :modelValue="importBox" width="555px" @close="closeDialog"> |
|
<avue-form :option="importOption" v-model="importForm" :upload-after="uploadAfter" |
|
:upload-error="uploadError"> |
|
<template #excelTemplate> |
|
<el-button type="primary" @click="handleTemplate"> |
|
点击下载<i class="el-icon-download el-icon--right"></i> |
|
</el-button> |
|
</template> |
|
</avue-form> |
|
</el-dialog> |
|
</template> |
|
|
|
<script> |
|
import { exportBlob } from '@/api/common'; |
|
import website from '@/config/website'; |
|
import { getToken } from '@/utils/auth'; |
|
import { downloadXls } from '@/utils/util'; |
|
export default { |
|
props: { |
|
title:{ |
|
type:String, |
|
default:'导入' |
|
}, |
|
isShow:{ |
|
type:Boolean, |
|
default:false |
|
}, |
|
templateUrl:{ |
|
type:String, |
|
default:'' |
|
}, |
|
templateName:{ |
|
type:String, |
|
default:'模板' |
|
}, |
|
importUrl:{ |
|
type:String, |
|
default:'' |
|
}, |
|
showTips:{ |
|
type:String, |
|
default:'请上传 .xls,.xlsx 标准格式文件' |
|
} |
|
}, |
|
data(){ |
|
return{ |
|
importBox:false, |
|
importForm:{}, |
|
importOption:{ |
|
submitBtn: false, |
|
emptyBtn: false, |
|
column: [ |
|
{ |
|
label: '模板上传', |
|
prop: 'excelFile', |
|
type: 'upload', |
|
drag: true, |
|
loadText: '模板上传中，请稍等', |
|
span: 24, |
|
propsHttp: { |
|
res: 'data', |
|
}, |
|
tip: this.showTips, |
|
action: this.importUrl, |
|
}, |
|
{ |
|
label: '模板下载', |
|
prop: 'excelTemplate', |
|
formslot: true, |
|
span: 24, |
|
}, |
|
], |
|
} |
|
} |
|
}, |
|
mounted(){ |
|
console.log('isShowImport=================',this.isShow) |
|
this.importBox = this.isShow |
|
}, |
|
methods:{ |
|
closeDialog() { |
|
this.importBox = false; |
|
this.$emit('closeDialog'); |
|
}, |
|
handleTemplate() { |
|
exportBlob( |
|
`${this.templateUrl}?${this.website.tokenHeader}=${getToken()}` |
|
).then(res => { |
|
downloadXls(res.data, this.templateName); |
|
}); |
|
}, |
|
uploadAfter(res, done, loading, column) { |
|
this.closeDialog() |
|
done(); |
|
}, |
|
uploadError(error, column){ |
|
console.log('error-------------',error) |
|
this.closeDialog() |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style> |
|
|
|
</style> |