From c1cff08cdbcee3278c1ac8d8a3a067e3bf015202 Mon Sep 17 00:00:00 2001 From: feige <791364011@qq.com> Date: 星期三, 21 二月 2024 22:45:01 +0800 Subject: [PATCH] 提交新内容 --- ruoyi-ui/src/views/bignote/familyeventInfo.vue | 142 ++++++++++++++++++++++++++++++++--------------- 1 files changed, 97 insertions(+), 45 deletions(-) diff --git a/ruoyi-ui/src/views/bignote/familyeventInfo.vue b/ruoyi-ui/src/views/bignote/familyeventInfo.vue index f5e460f..ca99b19 100644 --- a/ruoyi-ui/src/views/bignote/familyeventInfo.vue +++ b/ruoyi-ui/src/views/bignote/familyeventInfo.vue @@ -47,7 +47,7 @@ list-type="picture-card" multiple ref="upload" - + :show-file-list="true" :http-request="requestUpload" :file-list="fileList" :on-change="handleChange" @@ -101,20 +101,43 @@ style="margin-left: 10px" size="small" type="success" + v-if="btn" @click="picUpload" >涓婁紶鍒版湇鍔″櫒</el-button> <h4 class="form-header">鍏朵粬闄勪欢 </h4> + +<!-- <el-upload + action="#" + list-type="picture-card" + multiple + ref="upload" + + :http-request="requestUpload" + :file-list="fileList" + :on-change="handleChange" + :auto-upload="false" + :disabled="!btn" + :class="{ hide: !btn }" + + > + --> + <el-upload action="#" multiple list-type="picture-card" - :file-list="fileListOther" + ref="upload1" + :http-request="requestUpload1" + :file-list="fileListOther" + :on-change="handleChange1" + :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}"> <!-- 娣诲姞video鍏冪礌鐢ㄤ簬鏄剧ず瑙嗛 --> @@ -160,7 +183,14 @@ </el-upload> - + <el-button + style="margin-left: 10px" + size="small" + type="success" + v-if="btn" + @click="fileUpload" + >涓婁紶鍒版湇鍔″櫒</el-button> + <h4 class="form-header"> </h4> <el-form-item size="large"> <el-button v-if="isShow" type="primary" @click="submitForm" :disabled="dsb">淇敼</el-button> </el-form-item> @@ -191,6 +221,7 @@ ], fileList1:[], uploadFileList:[], + uploadFileList1:[], fileListOther:[ ], @@ -275,13 +306,22 @@ let pth = paths[i].substr(paths[i].length - 4, paths[i].length) if (_this.fot.includes(pth) === true) - _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i]}) + { + if(paths[i][0]=="/") + _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i].substr(1)}) + else + _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i]}) + } else { // alert(paths[i]) let nms = paths[i].split("\/") let nm = nms[nms.length - 1] - _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]}) - } + if(paths[i][0]=="/") + _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i].substr(1)}) + else + _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]}) + + } } _this.fileList1 = _this.fileList } @@ -425,11 +465,52 @@ // console.log(this.uploadFileList) // this.fileList = fileList }, + //鑷畾涔変笂浼犳柟娉� + handleChange1(file, fileListOther) { + //瀹氫箟涓�涓叏灞�鏁扮粍uploadFileList鏉ュ仛瀛樺偍 + + // this.uploadFileList.push(file.raw); + console.log("=========5555=========") + //console.log(file) + // console.log(this.uploadFileList) + // this.fileList = fileList + }, + fileUpload(){ + // var file = params.file; + + var formData = new FormData(); + this.$refs.upload1.submit(); + // formData.append('uploadFile', file); + if(this.uploadFileList1.length==0){ + this.$modal.msgSuccess("鏂囨。涓婁紶鍒楄〃涓嶈兘涓虹┖锛�"); + return} + + this.uploadFileList1.forEach((elem)=>{ + formData.append("files", elem) + + }) + console.log(this.uploadFileList1) + let _this = this + + this.uploading = true; + uploadPic(formData).then(response => { + _this.uploadFileList1 = [] + _this.formData.url = _this.formData.url+","+response.fileNames + updateFamilyevent(_this.formData).then(response => { + this.$modal.msgSuccess("鏂囨。涓婁紶鎴愬姛"); + // this.open = false; + }); + }) + + }, picUpload() { + var formData = new FormData(); this.$refs.upload.submit(); - + if(this.uploadFileList.length==0){ + this.$modal.msgSuccess("鍥惧儚涓婁紶鍒楄〃涓嶈兘涓虹┖锛�"); + return} this.uploadFileList.forEach((elem)=>{ formData.append("files", elem) @@ -457,9 +538,9 @@ // return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") // }).join(",") //console.log(_this.fileList) - + // alert(response.fileNames) _this.formData.url = _this.formData.url+","+response.fileNames - + _this.uploadFileList = [] // alert(87) updateFamilyevent(_this.formData).then(response => { _this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛"); @@ -475,7 +556,7 @@ }, requestUpload(params) { - //alert(124) + // alert(124) this.uploadFileList.push(params.file); //alert(34) @@ -484,39 +565,10 @@ }, requestUpload1(params) { - var file = params.file; - var formData = new FormData(); - formData.append('uploadFile', file); - let _this = this - 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.$modal.msgSuccess("涓婁紶鎴愬姛"); - if(_this.fot.includes(pth) === true) - { - _this.fileList.push({name:response.data.fileName, "url":response.data.url}) - - } - - else{ - _this.fileListOther.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.open = false; - - }); - } - }) - + // alert(123) + this.uploadFileList1.push(params.file); + // console.log("-----------") + //console.log(this.uploadFileList1) }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ -- Gitblit v1.9.1