<el-dialog
title="Import"
:visible.sync="fileUploadDialogVisible"
width="45%"
>
<el-form :model="importForm" ref="fileUploadForm" :inline="true">
<el-upload
action
:http-request="getFile"
:limit="1"
accept=".xls, .xlsx"
:show-file-list="false"
:file-list="fileList"
>
上传附件:
<el-button class="blueBtn" @click="showImportDailog"
>Import</el-button
>
</el-upload>
<table v-if="fileName" style="margin: 10px">
<tbody>
<tr>
<th style="width:75%; text-align:left">
<span class="el-icon-document-delete">{{ fileName }}</span>
</th>
<th style="width:25%">
{{ fileTime | dataFormat("YYYY-MM-DD") }}
</th>
<th style="width:5%">
<i class="el-icon-close" @click="deletfile"></i>
</th>
</tr>
</tbody>
</table>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
class="canceldialogformBtn"
@click="fileUploadDialogVisible = false"
>Cancel</el-button
>
<el-button class="submitdialogformBtn" @click="fileUploadOk()"
>OK</el-button
>
</div>
</el-dialog>
getFile(params) {
this.fileName = params.file.name;
this.fileTime = params.file.lastModified;
const form = new FormData();
form.append("myFile", params.file);
this.fileUploadForm = form;
},
deletfile() {
this.fileName = "";
this.fileList = []; //删除时必须清空,否则再次上传不执行getFile方法
},
fileUploadOk() {
// return false
// if (this.importForm) {
// Object.keys(this.importForm).forEach(key => {
// fileUploadForm.append(key, this.importForm[key]);
// });
// }
const fileName = this.fileUploadForm.get("myFile").name;
const fileSuffix = fileName.substring(fileName.lastIndexOf(".") + 1);
console.log(fileSuffix);
const whiteList = ["xls", "xlsx"];
if (whiteList.indexOf(fileSuffix) === -1) {
this.$message.error("上传文件只能是xls、xlsx格式");
return false;
}
this.$http
.myPostForm(this.$api.CashIoImportUrl, this.fileUploadForm)
.then(res => {
if(res.data.code == 200){
this.$message.success(res.data.msg)
this.fileUploadDialogVisible = false;
this.ajaxData()
}else{
this.$message.error(res.data.msg)
}
})
.catch(err => console.log(err));
},