<template>
|
<div class="lkg-manage">
|
<div class="import-btn">
|
<label>上传LKG数据文件</label>
|
<el-button
|
size="mini"
|
type="primary"
|
@click="uploadDirectoryTrigger"
|
:loading="uploading"
|
>点击上传</el-button>
|
<input
|
ref="directoryInput"
|
@change="importDirectory"
|
hidden
|
type="file"
|
accept=".xlsx, .xls"
|
multiple
|
/>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { uploadLKG } from "@/api/shuohuang"
|
|
export default {
|
data() {
|
return {
|
uploading: false
|
}
|
},
|
methods: {
|
uploadDirectoryTrigger() {
|
this.$refs['directoryInput'].click();
|
},
|
importDirectory() {
|
let _this = this;
|
_this.uploading = true;
|
let formData = new FormData;
|
for (let i = 0; i < this.$refs['directoryInput'].files.length; i++) {
|
formData.append('files', this.$refs['directoryInput'].files[i])
|
}
|
|
uploadLKG(formData).then(res => {
|
if (res && res.success) {
|
this.$message.success("上传成功")
|
}
|
_this.uploading = false;
|
}).catch(err => {
|
this.$message.warning("上传失败", err)
|
_this.uploading = false;
|
})
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.lkg-manage {
|
.import-btn {
|
text-align: left;
|
margin: 10px 20px;
|
}
|
}
|
</style>
|
