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/pet/noteInfo.vue | 98 ++++++++++++++++++++++++++++++++---------------- 1 files changed, 65 insertions(+), 33 deletions(-) diff --git a/ruoyi-ui/src/views/pet/noteInfo.vue b/ruoyi-ui/src/views/pet/noteInfo.vue index 8de0eef..4001e0d 100644 --- a/ruoyi-ui/src/views/pet/noteInfo.vue +++ b/ruoyi-ui/src/views/pet/noteInfo.vue @@ -33,6 +33,8 @@ multiple :http-request="requestUpload" :file-list="fileList" + :disabled="!btn" + :class="{ hide: !btn }" > <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div> <i v-if="!uploading" slot="default" class="el-icon-plus"></i> @@ -84,41 +86,50 @@ :on-remove="handleRemoveFile" :http-request="requestUpload" :show-file-list="true" + :disabled="!btn" + :class="{ hide: !btn }" > <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 + <!-- 娣诲姞video鍏冪礌鐢ㄤ簬鏄剧ず瑙嗛 --> + <video + v-if="file.url.includes('.mp4')" class="el-upload-list__item-thumbnail" - src="../../assets/401_images/401.gif" - alt="" + :src="file.url" style="width: 147px; height: 147px" fit="cover" - > + ></video> + <img v-else + class="el-upload-list__item-thumbnail" + src="../../assets/401_images/401.gif" + alt="" + style="width: 147px; height: 147px" + fit="cover"> + <span class="el-upload-list__item-actions"> - <span + <span class="el-upload-list__item-name">{{ file.name }}</span> + <span + class="el-upload-list__item-preview" + @click="handleFileCardPreview(file)" + > + <i class="el-icon-zoom-in"></i> + </span> + <span - class="el-upload-list__item-preview" - @click="handleFileCardPreview(file)" - > - <i class="el-icon-zoom-in"></i> - </span> - <span - - class="el-upload-list__item-delete" - @click="handleDownload(file.url)" - > - <i class="el-icon-download"></i> - </span> - <span - v-if="isShow" - class="el-upload-list__item-delete" - @click="handleRemoveFile(file)" - > - <i class="el-icon-delete"></i> - </span> - </span> - + class="el-upload-list__item-delete" + @click="handleDownload(file.url)" + > + <i class="el-icon-download"></i> + </span> + <span + v-if="isShow" + class="el-upload-list__item-delete" + @click="handleRemoveFile(file)" + > + <i class="el-icon-delete"></i> + </span> + </span> </div> @@ -131,7 +142,7 @@ </el-form> <el-dialog :visible.sync="dialogVisible"> - <img w-full :src="dialogImageUrl" style="width: 700px; height: 700px" alt="Preview Image" /> + <img w-full :src="dialogImageUrl" style="width: 100%; height: 100%" alt="Preview Image" /> </el-dialog> </div> </template> @@ -149,7 +160,10 @@ return { cdi:"榄呭疇澶囧繕鏈缁嗕俊鎭�", udi:"榄呭疇澶囧繕鏈俊鎭慨鏀�", - fot:[".jpg",".jif",".png"], + // 鏁版嵁鑼冨洿閫夐」 + fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx', + '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'], + fileList:[ ], fileListOther:[ @@ -217,13 +231,14 @@ this.btn= jd this.dsb = !jd this.isShow=true - document.title = "淇敼璧勪骇璇︾粏淇℃伅"; - this.$route.meta.title = "淇敼璧勪骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� + // document.title = "淇敼榄呭疇澶囧繕褰曡缁嗕俊鎭�"; + this.$route.meta.title = "淇敼榄呭疇澶囧繕褰曡缁嗕俊鎭�";//鍒楄〃鐨勫悕绉� } else{ - document.title = "瀹跺涵璧勪骇璇︾粏淇℃伅"; - this.$route.meta.title = "瀹跺涵璧勪骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� + //document.title = "榄呭疇澶囧繕褰曡缁嗕俊鎭�"; + this.$route.meta.title = "榄呭疇澶囧繕褰曡缁嗕俊鎭�";//鍒楄〃鐨勫悕绉� this.isShow=false + this.btn = false; } let _this = this @@ -365,6 +380,20 @@ 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) + // alert(87) + updatenotePet(_this.formData).then(response => { + this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛"); + // this.open = false; + + }); }) } @@ -373,7 +402,7 @@ } </script> -<style> +<style scoped> .mt { position: relative; @@ -382,6 +411,9 @@ display: block; } +.hide /deep/ .el-upload--picture-card { + display: none; +} .form{ background:center/11% no-repeat url('../../assets/icons/form.png') ; } -- Gitblit v1.9.1