From 81475c257b068c74f335024f7a15359a03cad8e8 Mon Sep 17 00:00:00 2001 From: yz3456 <2753272399@qq.com> Date: 星期三, 01 五月 2024 14:07:05 +0800 Subject: [PATCH] 修改备忘录其他附件背景图 --- ruoyi-ui/src/views/travel/travelInfo.vue | 140 +++++++++++++++++++++++++++++++--------------- 1 files changed, 94 insertions(+), 46 deletions(-) diff --git a/ruoyi-ui/src/views/travel/travelInfo.vue b/ruoyi-ui/src/views/travel/travelInfo.vue index b527f80..154b539 100644 --- a/ruoyi-ui/src/views/travel/travelInfo.vue +++ b/ruoyi-ui/src/views/travel/travelInfo.vue @@ -75,12 +75,12 @@ action="#" list-type="picture-card" multiple - - - + + + ref="upload" :show-file-list="true" - :http-request="requestUpload" + :http-request="requestUpload" :file-list="fileList" :on-change="handleChange" :auto-upload="false" @@ -140,15 +140,15 @@ multiple list-type="picture-card" :on-preview="handleFileCardPreview" - - + + :show-file-list="true" - - + + ref="upload1" :on-remove="handleRemoveFile" :http-request="requestUpload1" - + :on-change="handleChange1" :auto-upload="false" :disabled="!btn" @@ -236,15 +236,14 @@ // 鏁版嵁鑼冨洿閫夐」 fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx', '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'], - + fileList:[ ], fileList1:[], uploadFileList:[], uploadFileList1:[], - fileListOther:[ - - ], + fileListOther:[], + fileListOther1:[], dsb:true, btn:false, isShow:true, @@ -329,7 +328,7 @@ for(let i = 0; i < paths.length; i++) { if(paths[i]!="") { - + let pth = paths[i].substr(paths[i].length - 4, paths[i].length) // alert(pth) if (_this.fot.includes(pth) === true) @@ -356,14 +355,14 @@ _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i].substr(1),res:false}) else _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i],res:false}) - + } } - } - - - - + } + + + + } this.loading = false; }); @@ -371,6 +370,53 @@ }, mounted() {}, methods: { + getData(){ + const id = this.$route.params && this.$route.params.id; + let _this = this + if (id) { + this.loading = true; + getTravelBaseInfo(id).then((response) => { + this.formData = response.data; + let paths = response.data.url.split(","); + for(let i = 0; i < paths.length; i++) + { + if(paths[i]!="") { + + let pth = paths[i].substr(paths[i].length - 4, paths[i].length) + // alert(pth) + if (_this.fot.includes(pth) === true) + { + if(paths[i].includes("https")) + _this.fileList.push({name:paths[i],url: paths[i],res:false}) + else + { + console.log() + } + } + else { + // alert(paths[i]) + // alert() + if(paths[i].includes("https")) + _this.fileListOther.push({name:paths[i],url: paths[i],res:false}) + else{ + let nms = paths[i].split("\/") + let nm = nms[nms.length - 1] + if(paths[i][0]=="/") + _this.fileListOther1.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i].substr(1),res:false}) + else + _this.fileListOther1.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i],res:false}) + + } + } + } + + } + _this.fileListOther = _this.fileListOther1 + this.loading = false; + }); + } + }, + submitForm() { let ul = this.fileList.map(function (elem){ @@ -431,10 +477,10 @@ this.$delete(this.uploadFileList1, Math.abs(i - this.uploadFileList1.length-1)) } this.$delete(this.fileListOther,i); - + } } - + let ul = "" this.fileList.map(function (elem){ if(elem.res==false) @@ -451,11 +497,11 @@ updateTravelBase(this.formData).then(response => { this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); // this.open = false; - + }); } }, - handleRemove(file) { + handleRemove(file) { //鍒ゆ柇鏄惁鏄箣鍓嶇殑鍥剧墖 let res = false // alert(this.fileList.length) @@ -475,7 +521,7 @@ // alert(this.uploadFileList.length) } this.$delete(this.fileList,i); - + } } let ul = "" @@ -494,7 +540,7 @@ this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }); } - + }, handleFileCardPreview(file){ this.dialogFileUrl = file.url; @@ -532,20 +578,20 @@ this.btn = true this.isShow=false }, - + //鑷畾涔変笂浼犳柟娉� handleChange(file, fileList1) { //瀹氫箟涓�涓叏灞�鏁扮粍uploadFileList鏉ュ仛瀛樺偍 - + // this.uploadFileList.push(file.raw); console.log("=========5555=========") this.uploadFileList.push(file.raw); this.fileList.push({name:file.name,url:file.url,res:true}) }, //鑷畾涔変笂浼犳柟娉� - handleChange1(file, fileListOther1) { + handleChange1(file, fileListOther12) { //瀹氫箟涓�涓叏灞�鏁扮粍uploadFileList鏉ュ仛瀛樺偍 - + // this.uploadFileList.push(file.raw); this.uploadFileList1.push(file.raw); this.fileListOther.push({name:file.name,url:file.url,res:true}) @@ -556,7 +602,7 @@ }, fileUpload(){ // var file = params.file; - + var formData = new FormData(); //this.$refs.upload1.submit(); // alert(this.uploadFileList1.length) @@ -564,14 +610,14 @@ 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 = [] @@ -579,27 +625,29 @@ updateTravelBase(_this.formData).then(response => { this.$modal.msgSuccess("鏂囨。涓婁紶鎴愬姛"); // this.open = false; + this.getData() + this.fileListOther1=[] }); }) - + }, picUpload() { - + var formData = new FormData(); //this.$refs.upload.submit(); //alert(this.uploadFileList.length) if(this.uploadFileList.length==0){ this.$modal.msgSuccess("鍥惧儚涓婁紶鍒楄〃涓嶈兘涓虹┖锛�"); return} - + this.uploadFileList.forEach((elem)=>{ formData.append("files", elem) - + }) let _this = this - - + + uploadPic(formData).then(response => { // console.log(response.originalFilenames) // console.log(response.urls) @@ -626,12 +674,12 @@ updateTravelBase(_this.formData).then(response => { _this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛"); // this.open = false; - + }); // } // else{ // _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) - + // } }); }, @@ -639,10 +687,10 @@ { // alert(124) // this.uploadFileList.push(params.file); - + //alert(34) - - + + }, requestUpload1(params) { @@ -651,7 +699,7 @@ // console.log("-----------") //console.log(this.uploadFileList1) }, - + /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { -- Gitblit v1.9.1