增加图像查看功能

feige

2023-12-05 d80a5794d029c8a5fe58a80464ab0e1ae097c87c

 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">正在上传...</div>
        <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -84,6 +86,8 @@
        :on-remove="handleRemoveFile"
        :http-request="requestUpload"
        :show-file-list="true"
        :disabled="!btn"
        :class="{ hide: !btn }"
      >
        <div v-if="uploading" class="upload-status">正在上传...</div>
        <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -156,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:[
@@ -224,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
@@ -372,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;
        
          });
      })

    }
@@ -380,7 +402,7 @@
}

</script>
<style>
<style scoped>
.mt
{
  position: relative;
@@ -389,6 +411,9 @@
  display: block;

}
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{
  background:center/11% no-repeat url('../../assets/icons/form.png') ;
}