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/device/equipmentInfo.vue | 84 ++++++++++++++++++++++++++++++++++-------- 1 files changed, 68 insertions(+), 16 deletions(-) diff --git a/ruoyi-ui/src/views/device/equipmentInfo.vue b/ruoyi-ui/src/views/device/equipmentInfo.vue index da706f0..b8cbcd4 100644 --- a/ruoyi-ui/src/views/device/equipmentInfo.vue +++ b/ruoyi-ui/src/views/device/equipmentInfo.vue @@ -40,8 +40,11 @@ </el-input> </el-form-item> <el-form-item label="鏄惁娉ㄩ攢" prop="status"> - <el-select v-model="formData.status=== 1 ? '鏄�':'鍚�'" placeholder="璇烽�夋嫨鏄惁娉ㄩ攢" clearable :style="{width: '100%'}" :disabled="dsb" > - </el-select> + <el-select v-model="formData.status" placeholder="璇烽�夋嫨鏄�/鍚�" clearable :style="{width: '100%'}" :disabled="dsb" > + <el-option v-for="(item, index) in typeOptions2" :key="index" :label="item.label" :value="item.value" + ></el-option> + </el-select> + </el-form-item> <!-- <el-form-item label="瀹跺涵鍙�" prop="familyId"> @@ -122,14 +125,23 @@ <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 class="el-upload-list__item-name">{{ file.name }}</span> <span class="el-upload-list__item-preview" @click="handleFileCardPreview(file)" @@ -150,8 +162,7 @@ > <i class="el-icon-delete"></i> </span> - </span> - + </span> </div> @@ -164,7 +175,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> @@ -182,7 +193,10 @@ return { cdi:"瀹跺涵璁惧淇℃伅", udi:"瀹跺涵璁惧淇敼", - fot:[".jpg",".jif"], + // 鏁版嵁鑼冨洿閫夐」 + 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:[ @@ -203,6 +217,16 @@ url: undefined, happenTime:undefined }, + typeOptions2: [ + { + value: '鍚�', + label: '鍚�', + }, + { + value: '鏄�', + label: '鏄�', + } + ], desurl:'', dialogImageUrl: '', dialogVisible: false, @@ -263,11 +287,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.btn = false; this.isShow=false @@ -279,6 +303,10 @@ getEquipmentInfo(id).then((response) => { this.formData = response.data; + if(this.formData.status==1) + this.formData.status = '鏄�' + else + this.formData.status = '鍚�' let paths = response.data.url.split(","); for(let i = 0; i < paths.length; i++) { @@ -325,18 +353,28 @@ this.formData.url = ul+","+uls this.$refs['elForm'].validate(valid => { - +if(this.formData.status=='鏄�') + this.formData.status = 1 + else + this.formData.status = 0 if (valid) { if (this.formData.id != undefined) { updateEquipment(this.formData).then(response => { this.$modal.msgSuccess("淇敼鎴愬姛"); // this.open = false; + if(this.formData.status==1) + this.formData.status = '鏄�' + else + this.formData.status = '鍚�' this.btn=false }); } else { this.$modal.msgSuccess("淇敼澶辫触"); - +if(this.formData.status==1) + this.formData.status = '鏄�' + else + this.formData.status = '鍚�' } } }) @@ -436,6 +474,20 @@ _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) + updateEquipment(_this.formData).then(response => { + this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛"); + // this.open = false; + + }); }) } @@ -444,7 +496,7 @@ } </script> -<style> +<style scoped> .mt { position: relative; @@ -453,7 +505,7 @@ display: block; } -.hide .el-upload--picture-card { +.hide /deep/ .el-upload--picture-card { display: none; } .form{ -- Gitblit v1.9.1