From d647d78c29afaeff8e6ba01d01cf9c2dc6e53479 Mon Sep 17 00:00:00 2001 From: yz3456 <2753272399@qq.com> Date: 星期六, 20 四月 2024 18:43:11 +0800 Subject: [PATCH] 修改所有备忘录上传图片 --- ruoyi-ui/src/views/pet/index.vue | 62 +++++++++++++++++++++--------- 1 files changed, 43 insertions(+), 19 deletions(-) diff --git a/ruoyi-ui/src/views/pet/index.vue b/ruoyi-ui/src/views/pet/index.vue index 4f97874..4ec2eb4 100644 --- a/ruoyi-ui/src/views/pet/index.vue +++ b/ruoyi-ui/src/views/pet/index.vue @@ -194,8 +194,8 @@ <el-input v-model="formDat.eatHabit" placeholder="璇疯緭鍏ラギ椋熶範鎯�(鍠�)" clearable :style="{width: '100%'}" > </el-input> </el-form-item> - <el-form-item label="楗涔犳儻(鎭�)" prop="diseatHabit"> - <el-input v-model="formDat.diseatHabit" placeholder="璇疯緭鍏ラギ椋熶範鎯�(鎭�)" clearable :style="{width: '100%'}" > + <el-form-item label="楗涔犳儻(鎭�)" prop="disEatHabit"> + <el-input v-model="formDat.disEatHabit" placeholder="璇疯緭鍏ラギ椋熶範鎯�(鎭�)" clearable :style="{width: '100%'}" > </el-input> </el-form-item> <el-form-item label="鐢熸椿涔犳儻(鍠�)" prop="lifeHabit"> @@ -322,6 +322,10 @@ </el-dialog> + <el-dialog :visible.sync="dialogVisible"> + <img w-full :src="dialogImageUrl" style="width: 100%; height: 100%" alt="Preview Image" /> + </el-dialog> + </div> </template> @@ -332,7 +336,7 @@ //鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁� -import {listPet,enload, getPetInfo, delPet,addPet, uploadPic} from "@/api/pet/index"; +import {listPet,enload, getPetInfo, delPet,addPet, uploadPic1} from "@/api/pet/index"; export default { name: "Role", dicts: ['sys_normal_disable'], @@ -363,16 +367,20 @@ menuNodeAll: false, deptExpand: true, deptNodeAll: false, + + dialogImageUrl: '', + dialogVisible: false, // 鏃ユ湡鑼冨洿 dateRange: [], // 鏁版嵁鑼冨洿閫夐」 // 鏁版嵁鑼冨洿閫夐」 fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx', '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'], - + fileList1:[ ], fileList2:[ ], fileListOther:[ ], + uploadFileList1: [], dsb:true, btn:false, formDat: { @@ -390,7 +398,7 @@ dialect: undefined, address:undefined, eatHabit:undefined, - diseatHabit: undefined, + disEatHabit: undefined, LifeHabit: undefined, disLifeHabit: undefined, headPicture:undefined, @@ -409,7 +417,7 @@ dialect: undefined, address:undefined, eatHabit:undefined, - diseatHabit: undefined, + disEatHabit: undefined, LifeHabit: undefined, disLifeHabit: undefined, url: undefined, @@ -500,9 +508,9 @@ trigger: 'blur' }], - diseatHabit: [{ + disEatHabit: [{ required: true, - message: '璇疯緭鍏ラギ椋熶範鎯�(鍠�)', + message: '璇疯緭鍏ラギ椋熶範鎯�(鎭�)', trigger: 'blur' }], masterName: [{ @@ -607,11 +615,19 @@ } }, handleRemoveFile(file) { + // for(let i = 0; i < this.fileList2.length; i++) + // { + // if(this.fileList2[i].url==file.url) + // this.$delete(this.fileList2,i); + // } for(let i = 0; i < this.fileList2.length; i++) + { + if(this.fileList2[i].url==file.url) { - if(this.fileList2[i].url==file.url) - this.$delete(this.fileList2,i); - } + this.$delete(this.fileList2,i); + this.$delete(this.uploadFileList1,i); + } + } }, // 鍙栨秷鎸夐挳 cancel() { @@ -711,18 +727,26 @@ if (valid) { addPet(this.formDat).then(response => { + // alert(this.formDat.diseatHabit) + // alert(this.formDat.eatHabit) this.$modal.msgSuccess("鏂板鎴愬姛"); this.open = false; + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat).forEach(key => { + this.formDat[key] = ''; + }); + for(let i = 0; i <= this.fileList1.length; i++) + { + this.handleRemove(this.fileList1[0]); + } + for(let i = 0; i < this.fileList2.length; i++){ + this.handleRemoveFile(this.fileList2[0]); + } this.getList(); }); } }); - // 娓呯┖formDat瀵硅薄鐨勬暟鎹� - Object.keys(this.formDat).forEach(key => { - this.formDat[key] = ''; - }); - this.handleRemove(this.fileList[0]); - this.handleRemoveFile(this.fileListOther[0]); + }, requestUpload(params) { @@ -732,7 +756,7 @@ formData.append('uploadFile', file); let _this = this - uploadPic(formData).then(response => { + uploadPic1(formData).then(response => { let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) _this.fileList1.push({name:response.data.fileName, url:response.data.url}) // _this.fileList2.push({name:response.data.fileName, url:response.data.url}) @@ -748,7 +772,7 @@ formData.append('uploadFile', file); let _this = this - uploadPic(formData).then(response => { + uploadPic1(formData).then(response => { let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) // _this.fileList1.push({name:response.data.fileName, url:response.data.url}) _this.fileList2.push({name:response.data.fileName, url:response.data.url}) -- Gitblit v1.9.1