130 lines
2.7 KiB
Java
130 lines
2.7 KiB
Java
<template>
|
|
<a-modal
|
|
title="导入EXCEL"
|
|
:width="600"
|
|
:visible="visible"
|
|
:confirmLoading="uploading"
|
|
@cancel="handleClose">
|
|
|
|
<a-upload
|
|
name="file"
|
|
:multiple="true"
|
|
accept=".xls,.xlsx"
|
|
:fileList="fileList"
|
|
:remove="handleRemove"
|
|
v-bind="$attrs"
|
|
v-on="$listeners"
|
|
:beforeUpload="beforeUpload">
|
|
<a-button>
|
|
<a-icon type="upload" />
|
|
选择导入文件
|
|
</a-button>
|
|
</a-upload>
|
|
|
|
<template slot="footer">
|
|
<a-button @click="handleClose">关闭</a-button>
|
|
<a-button
|
|
type="primary"
|
|
@click="handleImport"
|
|
:disabled="fileList.length === 0"
|
|
:loading="uploading">
|
|
{{ uploading ? '上传中...' : '开始上传' }}
|
|
</a-button>
|
|
</template>
|
|
|
|
</a-modal>
|
|
</template>
|
|
|
|
<script>
|
|
import { postAction } from '@/api/manage'
|
|
export default {
|
|
name: 'JImportModal',
|
|
props: {
|
|
url: {
|
|
type: String,
|
|
default: '',
|
|
required: false
|
|
},
|
|
visible: {
|
|
type: Boolean,
|
|
default: '',
|
|
required: false
|
|
},
|
|
biz: {
|
|
type: String,
|
|
default: '',
|
|
required: false
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
uploading: false,
|
|
fileList: [],
|
|
uploadAction: '',
|
|
foreignKeys: ''
|
|
}
|
|
},
|
|
watch: {
|
|
url (val) {
|
|
if (val) {
|
|
this.uploadAction = window._CONFIG.domianURL + val
|
|
}
|
|
}
|
|
},
|
|
created () {
|
|
console.log(this.$attrs)
|
|
this.uploadAction = window._CONFIG.domianURL + this.url
|
|
},
|
|
methods: {
|
|
handleClose () {
|
|
this.visible = false
|
|
},
|
|
show (arg) {
|
|
this.fileList = []
|
|
this.uploading = false
|
|
this.visible = true
|
|
this.foreignKeys = arg
|
|
},
|
|
handleRemove (file) {
|
|
const index = this.fileList.indexOf(file)
|
|
const newFileList = this.fileList.slice()
|
|
newFileList.splice(index, 1)
|
|
this.fileList = newFileList
|
|
},
|
|
beforeUpload (file) {
|
|
this.fileList = [...this.fileList, file]
|
|
return false
|
|
},
|
|
handleImport () {
|
|
const { fileList } = this
|
|
const formData = new FormData()
|
|
if (this.biz) {
|
|
formData.append('isSingleTableImport', this.biz)
|
|
}
|
|
if (this.foreignKeys && this.foreignKeys.length > 0) {
|
|
formData.append('foreignKeys', this.foreignKeys)
|
|
}
|
|
fileList.forEach((file) => {
|
|
formData.append('files[]', file)
|
|
})
|
|
this.uploading = true
|
|
postAction(this.uploadAction, formData).then((res) => {
|
|
this.uploading = false
|
|
if (res.success) {
|
|
this.$message.success(res.message)
|
|
this.visible = false
|
|
this.$emit('ok')
|
|
} else {
|
|
this.$message.warning(res.message)
|
|
}
|
|
})
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|