文件上传提示

master
lion 3 years ago
parent ef7d64b495
commit 1a8100bc1f

@ -164,6 +164,7 @@
<el-form-item label="完工照片" prop="files_list"> <el-form-item label="完工照片" prop="files_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList" ref="pictureUpload" <el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList" ref="pictureUpload"
:auto-upload="true" :data="uploadOther" :auto-upload="true" :data="uploadOther"
:on-error="handleError"
:on-success="handlesuccess"> :on-success="handlesuccess">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}"> <div slot="file" slot-scope="{file}">
@ -599,6 +600,15 @@
}, },
handlesuccess(response, file, fileList) { handlesuccess(response, file, fileList) {
this.filesList = fileList; this.filesList = fileList;
this.$message({
message: '上传成功',
type: 'success'
});
},
handleError(err,file,fileList){
this.$message.error('上传失败,重新上传');
}, },
handlePictureCardPreview(file) { handlePictureCardPreview(file) {
this.dialogImageUrl = file.url; this.dialogImageUrl = file.url;

@ -104,7 +104,7 @@
<el-col :span="24" v-if="otherstatus==2&&normalstatus==2"> <el-col :span="24" v-if="otherstatus==2&&normalstatus==2">
<el-form-item label="处理后照片" prop="deal_files_list"> <el-form-item label="处理后照片" prop="deal_files_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="dealFilesList" <el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="dealFilesList"
ref="pictureUploads" :limit="3" :auto-upload="true" :data="uploadOther" ref="pictureUploads" :on-error="handleError" :limit="3" :auto-upload="true" :data="uploadOther"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}"> :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}"> <div slot="file" slot-scope="{file}">
@ -519,6 +519,14 @@ import AvueMap from 'avue-plugin-map'
this.dealFilesList = fileList this.dealFilesList = fileList
// this.form.deal_files_list = listUrl // this.form.deal_files_list = listUrl
} }
this.$message({
message: '上传成功',
type: 'success'
});
},
handleError(err,file,fileList){
this.$message.error('上传失败,重新上传');
}, },

@ -409,7 +409,7 @@ import AvueMap from 'avue-plugin-map'
} }
this.form.files_list = listUrl; this.form.files_list = listUrl;
} },

@ -108,7 +108,8 @@
<el-form-item label="附件" prop="common_inspection_files"> <el-form-item label="附件" prop="common_inspection_files">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="commonInspectionFiles" <el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="commonInspectionFiles"
ref="pictureUploads" :auto-upload="true" :data="uploadOther" ref="pictureUploads" :auto-upload="true" :data="uploadOther"
:on-success="handlesuccess"> :on-success="handlesuccess"
:on-error="handleError">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}"> <div slot="file" slot-scope="{file}">
<img class="el-upload-list__item-thumbnail" :src="file.url" alt=""> <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
@ -730,6 +731,14 @@
handlesuccess(response, file, fileList) { handlesuccess(response, file, fileList) {
console.log(fileList); console.log(fileList);
this.commonInspectionFiles = fileList; this.commonInspectionFiles = fileList;
this.$message({
message: '上传成功',
type: 'success'
});
},
handleError(err,file,fileList){
this.$message.error('上传失败,重新上传');
}, },
handlefileRemove(file, fileList) { handlefileRemove(file, fileList) {

@ -503,7 +503,8 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="现场照片" prop="files_list"> <el-form-item label="现场照片" prop="files_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList" <el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
ref="pictureUpload" :auto-upload="true" :data="uploadOther" ref="pictureUpload" :auto-upload="true" :data="uploadOther"
:on-error="handleError"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}"> :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}"> <div slot="file" slot-scope="{file}">
@ -550,7 +551,8 @@
</el-col> </el-col>
<el-col :span="24" v-if="form.is_solve==1"> <el-col :span="24" v-if="form.is_solve==1">
<el-form-item label="处理后照片" prop="files_deal_list"> <el-form-item label="处理后照片" prop="files_deal_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" <el-upload multiple action="/api/admin/upload-file" list-type="picture-card"
:on-error="handleError"
:file-list="dealFilesList" ref="pictureUploads" :limit="3" :auto-upload="true" :data="uploadOther" :file-list="dealFilesList" ref="pictureUploads" :limit="3" :auto-upload="true" :data="uploadOther"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}"> :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
@ -602,7 +604,8 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="现场照片" prop="files_list"> <el-form-item label="现场照片" prop="files_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList" <el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
ref="pictureUpload" :auto-upload="true" :data="uploadOther" ref="pictureUpload" :auto-upload="true" :data="uploadOther"
:on-error="handleError"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}"> :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}"> <div slot="file" slot-scope="{file}">
@ -641,7 +644,8 @@
</el-col> </el-col>
<el-col :span="24" v-if="form.is_solve==1"> <el-col :span="24" v-if="form.is_solve==1">
<el-form-item label="处理后照片" prop="files_deal_list"> <el-form-item label="处理后照片" prop="files_deal_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" <el-upload multiple action="/api/admin/upload-file" list-type="picture-card"
:on-error="handleError"
:file-list="dealFilesList" ref="pictureUploads" :limit="3" :auto-upload="true" :data="uploadOther" :file-list="dealFilesList" ref="pictureUploads" :limit="3" :auto-upload="true" :data="uploadOther"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}"> :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
@ -693,7 +697,8 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="附件" prop="files_list"> <el-form-item label="附件" prop="files_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList" <el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
ref="pictureUpload" :auto-upload="true" :data="uploadOther" ref="pictureUpload" :auto-upload="true" :data="uploadOther"
:on-error="handleError"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}"> :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}"> <div slot="file" slot-scope="{file}">
@ -1242,8 +1247,15 @@
file.photoType = "after" file.photoType = "after"
this.dealFilesList = fileList this.dealFilesList = fileList
} }
this.$message({
message: '上传成功',
type: 'success'
});
},
handleError(err,file,fileList){
this.$message.error('上传失败,重新上传');
}, },
resetrainType() { resetrainType() {
this.rainTypeVisible = false this.rainTypeVisible = false
}, },

@ -107,6 +107,7 @@
<el-form-item label="附件" prop="files_list"> <el-form-item label="附件" prop="files_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList" ref="pictureUpload" <el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList" ref="pictureUpload"
:auto-upload="true" :data="uploadOther" :auto-upload="true" :data="uploadOther"
:on-error="handleError"
:on-success="handlesuccess"> :on-success="handlesuccess">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}"> <div slot="file" slot-scope="{file}">
@ -459,6 +460,14 @@
handlesuccess(response, file, fileList, index) { handlesuccess(response, file, fileList, index) {
this.filesList = fileList; this.filesList = fileList;
this.$message({
message: '上传成功',
type: 'success'
});
},
handleError(err,file,fileList){
this.$message.error('上传失败,重新上传');
}, },
} }
} }

Loading…
Cancel
Save