From 4ec4b1c59efe9ffbd4812d1ba48378862f82d48c Mon Sep 17 00:00:00 2001 From: yz3456 <2753272399@qq.com> Date: 星期三, 20 三月 2024 09:31:34 +0800 Subject: [PATCH] 修改了211和204bug --- ruoyi-ui/src/views/self/memoInfo.vue | 72 ++++++++++++++++++++--------------- 1 files changed, 41 insertions(+), 31 deletions(-) diff --git a/ruoyi-ui/src/views/self/memoInfo.vue b/ruoyi-ui/src/views/self/memoInfo.vue index 8e911df..5413138 100644 --- a/ruoyi-ui/src/views/self/memoInfo.vue +++ b/ruoyi-ui/src/views/self/memoInfo.vue @@ -122,37 +122,44 @@ <div v-if="uploading1" class="upload-status">姝e湪涓婁紶...</div> <i v-if="!uploading1" 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="" - style="width: 100%; height: 100%; object-fit: cover;" + :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> + 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> @@ -165,7 +172,7 @@ </el-form> </div> <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> @@ -185,7 +192,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:[], dsb:true, @@ -251,11 +261,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.isShow=false this.btn = false; @@ -316,7 +326,7 @@ } } }) - this.goBack() + // this.goBack() }, resetForm() { this.$refs['elForm'].resetFields() -- Gitblit v1.9.1