From bd40473c9c634005bc7e62e7fc901bcd8b598fa0 Mon Sep 17 00:00:00 2001 From: feige <feige@qq.com> Date: 星期五, 02 二月 2024 15:20:26 +0800 Subject: [PATCH] 提交了修改 --- ruoyi-ui/src/views/contacts/contactsInfo.vue | 104 ++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 72 insertions(+), 32 deletions(-) diff --git a/ruoyi-ui/src/views/contacts/contactsInfo.vue b/ruoyi-ui/src/views/contacts/contactsInfo.vue index 9e7a379..ec4a40b 100644 --- a/ruoyi-ui/src/views/contacts/contactsInfo.vue +++ b/ruoyi-ui/src/views/contacts/contactsInfo.vue @@ -66,8 +66,12 @@ </el-cow> <el-cow> <el-form-item label="鏄惁甯歌仈绯�" prop="isAlways" label-width="90px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.isAlways === 1 ? '鏄�':'鍚�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"> + <el-input v-if="dte" v-model="formData.isAlways === 1 ? '鏄�':'鍚�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> + <el-select v-if="!dte" v-model="formData.isAlways" placeholder="璇烽�夋嫨鏄惁甯歌仈绯�" clearable :style="{width: '100%'}" > + <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" + ></el-option> + </el-select> </el-form-item> </el-cow> <el-cow> @@ -95,7 +99,7 @@ class="el-upload-list__item-thumbnail" :src="file.url" alt="" - style="width: 100%; height: 100%; object-fit: cover;" + style="width: 147px; height: 147px; object-fit: cover;" fit="cover" :preview-src-list="[file.url]" > @@ -144,37 +148,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="" + :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)" - > + 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 + v-if="isShow" + class="el-upload-list__item-delete" + @click="handleRemoveFile(file)" + > + <i class="el-icon-delete"></i> + </span> </span> - </div> @@ -187,7 +198,7 @@ </el-form> </div> <el-dialog :visible.sync="dialogVisible"> - <img w-full :src="dialogImageUrl" alt="Preview Image" /> + <img w-full :src="dialogImageUrl" style="width: 100%; height: 100%" alt="Preview Image" /> </el-dialog> </div> </template> @@ -206,7 +217,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:[ @@ -274,7 +288,15 @@ }], }, - typeOptions: [], + typeOptions: [{ + value: '鏄�', + label: '鏄�', + }, + { + value: '鍚�', + label: '鍚�', + }], + dte:false, } }, computed: {}, @@ -287,14 +309,16 @@ jd = this.$route.query.detail this.btn= jd this.dsb = !jd + this.dte = false this.isShow=true - document.title = "淇敼閫氳褰曡缁嗕俊鎭�"; + // document.title = "淇敼閫氳褰曡缁嗕俊鎭�"; this.$route.meta.title = "淇敼閫氳褰曡缁嗕俊鎭�";//鍒楄〃鐨勫悕绉� } else{ - document.title = "閫氳褰曡缁嗕俊鎭�"; + // document.title = "閫氳褰曡缁嗕俊鎭�"; this.$route.meta.title = "閫氳褰曡缁嗕俊鎭�";//鍒楄〃鐨勫悕绉� this.isShow=false + this.dte=true this.btn = false; } @@ -303,6 +327,10 @@ this.loading = true; getContactIdList(id).then((response) => { this.formData = response.data; + if(this.formData.isAlways==0) + this.formData.isAlways='鍚�' + else + this.formData.isAlways = '鏄�' let paths = response.data.url.split(","); for(let i = 0; i < paths.length; i++) { @@ -337,17 +365,29 @@ }).join(",") this.formData.url = ul+","+uls - this.$refs['elForm'].validate(valid => { + this.$refs['elForm'].validate(valid => { + if(this.formData.isAlways=='鍚�') + this.formData.isAlways = 0 + else + this.formData.isAlways = 1 if (valid) { if (this.formData.id != undefined) { updateContact(this.formData).then(response => { this.$modal.msgSuccess("淇敼鎴愬姛"); // this.open = false; + if(this.formData.isAlways==0) + this.formData.isAlways='鍚�' + else + this.formData.isAlways = '鏄�' this.btn=false }); } else { + if(this.formData.isAlways==0) + this.formData.isAlways='鍚�' + else + this.formData.isAlways = '鏄�' this.$modal.msgSuccess("淇敼澶辫触"); } @@ -534,7 +574,7 @@ display: block; position: absolute; } -.hide .el-upload--picture-card { +.hide /deep/ .el-upload--picture-card { display: none; } .form{ -- Gitblit v1.9.1