增加图像查看功能

feige

2023-12-05 d80a5794d029c8a5fe58a80464ab0e1ae097c87c

 ruoyi-ui/src/views/economy/economyInfo.vue

@@ -126,7 +126,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">
@@ -165,7 +165,7 @@


    <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>
@@ -183,7 +183,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:[
@@ -425,6 +428,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)
          updateEconomy(_this.formData).then(response => {
            this.$modal.msgSuccess("图片上传成功");
            // this.open = false;
        
          });
      })

    },
@@ -440,7 +457,7 @@
}

</script>
<style scoped lang="scss">
<style scoped>
.mt
{
  position: relative;
@@ -455,7 +472,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{