From 53d76ae60199fe1bdf5e1e5c9bafda755afb66bf Mon Sep 17 00:00:00 2001 From: feige <791364011@qq.com> Date: 星期二, 20 二月 2024 11:14:37 +0800 Subject: [PATCH] 修改了数据 --- ruoyi-ui/src/views/bignote/familyeventInfo.vue | 154 +++++++++++++++++++++++++++++++++----------------- 1 files changed, 101 insertions(+), 53 deletions(-) diff --git a/ruoyi-ui/src/views/bignote/familyeventInfo.vue b/ruoyi-ui/src/views/bignote/familyeventInfo.vue index 8063655..f5e460f 100644 --- a/ruoyi-ui/src/views/bignote/familyeventInfo.vue +++ b/ruoyi-ui/src/views/bignote/familyeventInfo.vue @@ -39,20 +39,25 @@ <!-- <el-form-item label="鏄惁鏄湰瀹跺涵璁板綍" prop="ownData">--> <!-- <el-input v-model="formData.ownData=== 1 ? '鏄�':'鍚�'" placeholder=" " clearable :style="{width: '100%'}" :disabled=true></el-input>--> <!-- </el-form-item>--> - + <!-- :http-request="requestUpload" --> <h4 class="form-header">鐩稿叧鍥剧墖 </h4> <el-upload action="#" list-type="picture-card" multiple - :http-request="requestUpload" + ref="upload" + + :http-request="requestUpload" :file-list="fileList" + :on-change="handleChange" + :auto-upload="false" :disabled="!btn" :class="{ hide: !btn }" > - <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div> + + <!-- <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div> --> <i v-if="!uploading" slot="default" class="el-icon-plus"></i> <div slot="file" slot-scope="{file}"> <img @@ -89,8 +94,15 @@ </div> - </el-upload> + + </el-upload> + <el-button + style="margin-left: 10px" + size="small" + type="success" + @click="picUpload" + >涓婁紶鍒版湇鍔″櫒</el-button> <h4 class="form-header">鍏朵粬闄勪欢 </h4> <el-upload action="#" @@ -177,6 +189,8 @@ fileList:[ ], + fileList1:[], + uploadFileList:[], fileListOther:[ ], @@ -237,11 +251,11 @@ this.btn= jd this.dsb = !jd this.isShow=true - document.title = "淇敼澶т簨璁拌缁嗕俊鎭�"; + // document.title = "淇敼澶т簨璁拌缁嗕俊鎭�"; this.$route.meta.title = "淇敼澶т簨璁拌缁嗕俊鎭�";//鍒楄〃鐨勫悕绉� } else{ - document.title = "瀹跺ぇ浜嬭璇︾粏淇℃伅"; + // document.title = "瀹跺ぇ浜嬭璇︾粏淇℃伅"; this.$route.meta.title = "瀹跺ぇ浜嬭璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� this.btn = false; this.isShow=false @@ -269,6 +283,7 @@ _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]}) } } + _this.fileList1 = _this.fileList } this.loading = false; }); @@ -333,12 +348,13 @@ return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") }).join(",") this.formData.url = ul+","+uls; - updateFamilyevent(this.formData).then(response => { - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - // this.open = false; - - }); + } + updateFamilyevent(this.formData).then(response => { + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + // this.open = false; + + }); }, handleRemove(file) { for(let i = 0; i < this.fileList.length; i++) @@ -352,13 +368,15 @@ return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") }).join(",") this.formData.url = ul+","+uls; - updateFamilyevent(this.formData).then(response => { - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - // this.open = false; - - }); - + //alert(this.formData.url) + } + updateFamilyevent(this.formData).then(response => { + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + // this.open = false; + + }); + }, handleFileCardPreview(file){ this.dialogFileUrl = file.url; @@ -397,42 +415,72 @@ this.isShow=false }, - requestUpload(params) - { - var file = params.file; - var formData = new FormData(); - formData.append('uploadFile', file); - let _this = this - this.uploading1 = true; +//鑷畾涔変笂浼犳柟娉� + handleChange(file, fileList1) { + //瀹氫箟涓�涓叏灞�鏁扮粍uploadFileList鏉ュ仛瀛樺偍 - uploadPic(formData).then(response => { - let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) - this.uploading1= false; - console.log(_this.fot.includes(pth)) - // debugger - if(_this.fot.includes(pth) === true) - { - _this.fileList.push({name:response.data.fileName, "url":response.data.url}) - let ul = this.fileList.map(function (elem){ - return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") - }).join(",") - let uls = this.fileListOther.map(function (elem){ - return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") - }).join(",") - this.formData.url = ul+","+uls - console.log(this.formData.url) - updateFamilyevent(this.formData).then(response => { - this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛"); + // this.uploadFileList.push(file.raw); + console.log("=========5555=========") + //console.log(file) + // console.log(this.uploadFileList) + // this.fileList = fileList + }, + picUpload() + { + var formData = new FormData(); + this.$refs.upload.submit(); + + + this.uploadFileList.forEach((elem)=>{ + formData.append("files", elem) + + }) + let _this = this + + + uploadPic(formData).then(response => { + // console.log(response.originalFilenames) + // console.log(response.urls) + // console.log(response.fileNames) + // console.log(response.newFileNames) + // let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) + // _this.uploading1= false; + // console.log(_this.fot.includes(pth)) + // // debugger + // if(_this.fot.includes(pth) === true) + // { + // _this.fileList.push({name:response.data.fileName, "url":response.data.url}) + // let ul = _this.fileList.map(function (elem){ + // return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") + // }).join(",") + // let uls = _this.fileListOther.map(function (elem){ + // return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") + // }).join(",") + //console.log(_this.fileList) + + _this.formData.url = _this.formData.url+","+response.fileNames + + // alert(87) + updateFamilyevent(_this.formData).then(response => { + _this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛"); // this.open = false; }); - } - else{ - _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) + // } + // else{ + // _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) - } - }) + // } + }); + }, + requestUpload(params) + { + //alert(124) + this.uploadFileList.push(params.file); + //alert(34) + + }, requestUpload1(params) { @@ -443,7 +491,7 @@ this.uploading = true; uploadPic(formData).then(response => { let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) - this.uploading = false; + _this.uploading = false; // this.$modal.msgSuccess("涓婁紶鎴愬姛"); if(_this.fot.includes(pth) === true) { @@ -453,15 +501,15 @@ else{ _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) - let ul = this.fileList.map(function (elem){ + let ul = _this.fileList.map(function (elem){ return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") }).join(",") - let uls = this.fileListOther.map(function (elem){ + let uls = _this.fileListOther.map(function (elem){ return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") }).join(",") - this.formData.url = ul+","+uls - console.log(this.formData.url) - updateFamilyevent(this.formData).then(response => { + _this.formData.url = ul+","+uls + console.log(_this.formData.url) + updateFamilyevent(_this.formData).then(response => { this.$modal.msgSuccess("鏂囨。涓婁紶鎴愬姛"); // this.open = false; -- Gitblit v1.9.1