|
|
|
|
@ -157,7 +157,7 @@
|
|
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
|
|
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item prop="pictureUrl">
|
|
|
|
|
<!-- <el-form-item label="附件上传" prop="pictureUrl">
|
|
|
|
|
<el-upload
|
|
|
|
|
:action="imgUpload.url"
|
|
|
|
|
:headers="imgUpload.headers"
|
|
|
|
|
@ -206,8 +206,8 @@ export default {
|
|
|
|
|
Authorization: "Bearer " + getToken()
|
|
|
|
|
},
|
|
|
|
|
// 图片上传的方法地址:
|
|
|
|
|
url: process.env.VUE_APP_BASE_API + "/file/upload",
|
|
|
|
|
url2: process.env.VUE_APP_BASE_API,
|
|
|
|
|
url: process.env.VUE_APP_BASE_API + "/common/upload",
|
|
|
|
|
baseUrl: process.env.VUE_APP_BASE_API
|
|
|
|
|
},
|
|
|
|
|
imgAddress:[],
|
|
|
|
|
//设备类型
|
|
|
|
|
@ -288,10 +288,10 @@ export default {
|
|
|
|
|
//图片上传删除
|
|
|
|
|
handleRemove(file, fileList) {
|
|
|
|
|
const url = file.url;
|
|
|
|
|
console.log(url);
|
|
|
|
|
const i = this.imgAddress.findIndex((x)=> x.url === url);
|
|
|
|
|
this.imgAddress.splice(i,1);
|
|
|
|
|
console.log(this.imgAddress)
|
|
|
|
|
const index = this.imgAddress.findIndex((x) => x === url);
|
|
|
|
|
if (index > -1) {
|
|
|
|
|
this.imgAddress.splice(index, 1);
|
|
|
|
|
}
|
|
|
|
|
//根据传进来删除的file里图片,同时删除保存在fileListPut的相同图片
|
|
|
|
|
if(this.fileListPut.length > 0){
|
|
|
|
|
this.fileListPut = this.fileListPut.filter((item, index)=>{
|
|
|
|
|
@ -306,17 +306,17 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
//图片上传成功后的回调
|
|
|
|
|
handlePictureSuccess(res, file) {
|
|
|
|
|
//设置图片访问路径
|
|
|
|
|
const imgObjectUrl = this.imgUpload.url2 + file.response.imgUrl;
|
|
|
|
|
//这是每个成功上传图片,以对象的形式保存在一个数组中,进而以JSON格式保存在数据库中某个字段里
|
|
|
|
|
let currentFile = { name: '', url: '' };
|
|
|
|
|
currentFile.name = file.name;
|
|
|
|
|
currentFile.url = imgObjectUrl;
|
|
|
|
|
this.imgAddress.push(res.data.url);
|
|
|
|
|
//往此数组中保存当前图片对象
|
|
|
|
|
if (!res || res.code !== 200) {
|
|
|
|
|
this.$message.error((res && res.msg) || "上传失败");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const imgUrl = res.url;
|
|
|
|
|
const currentFile = {
|
|
|
|
|
name: res.originalFilename || file.name,
|
|
|
|
|
url: imgUrl
|
|
|
|
|
};
|
|
|
|
|
this.imgAddress.push(res.url);
|
|
|
|
|
this.fileListPut.push(currentFile);
|
|
|
|
|
console.log(this.fileListPut)
|
|
|
|
|
console.log(this.imgAddress)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|