增加图像查看功能

feige

2023-12-05 d80a5794d029c8a5fe58a80464ab0e1ae097c87c

 ruoyi-ui/src/views/bignote/familyeventInfo.vue

@@ -93,15 +93,11 @@

      <h4 class="form-header">其他附件 </h4>
      <el-upload
        action=""
        :file-list="fileListOther"
        class="upload-demo"
        action="#"
        multiple
        list-type="picture-card"
        :on-preview="handleFileCardPreview"
        :on-remove="handleRemoveFile"
         :file-list="fileListOther"
        :http-request="requestUpload1"
        :show-file-list="true"
        :disabled="!btn"
        :class="{ hide: !btn }"
      >
@@ -119,7 +115,7 @@
          ></video>
          <img v-else
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               :src="file.url"
               alt=""
               style="width: 100%; height: 100%"
               fit="cover">
@@ -159,7 +155,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>
@@ -249,6 +245,7 @@
      this.$route.meta.title = "家大事记详细信息";//列表的名称
      this.btn = false;
      this.isShow=false
     //       alert(this.btn)
    }

    let _this = this
@@ -294,9 +291,11 @@
        console.log(this.formData)
        if (valid) {
          if (this.formData.id != undefined) {
           // alert(234)
            updateFamilyevent(this.formData).then(response => {
              this.$modal.msgSuccess("修改成功");
              // this.open = false;
            //  alert(98)
              this.btn=false
            });
          } else {
@@ -337,7 +336,7 @@
        updateFamilyevent(this.formData).then(response => {
          this.$modal.msgSuccess("删除成功");
          // this.open = false;
          // this.btn=false

        });
      }
    },
@@ -356,7 +355,7 @@
        updateFamilyevent(this.formData).then(response => {
          this.$modal.msgSuccess("删除成功");
          // this.open = false;
          // this.btn=false

        });

      }
@@ -408,24 +407,25 @@

      uploadPic(formData).then(response => {
        let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
        this.uploading1= false;
        _this.uploading1= false;
        console.log(_this.fot.includes(pth))
        // debugger
        if(_this.fot.includes(pth) === true)
        {
          _this.fileList.push({name:response.data.fileName, "url":response.data.url})
          let ul = this.fileList.map(function (elem){
          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){
          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)
          updateFamilyevent(this.formData).then(response => {
            this.$modal.msgSuccess("图片上传成功");
          _this.formData.url = ul+","+uls
          console.log(_this.formData.url)
         // alert(87)
          updateFamilyevent(_this.formData).then(response => {
            _this.$modal.msgSuccess("图片上传成功");
            // this.open = false;
            // this.btn=false

          });
        }
        else{
@@ -444,7 +444,7 @@
      this.uploading = true;
      uploadPic(formData).then(response => {
        let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
        this.uploading = false;
        _this.uploading = false;
        // this.$modal.msgSuccess("上传成功");
        if(_this.fot.includes(pth) === true)
        {
@@ -454,18 +454,18 @@

        else{
          _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
          let ul = this.fileList.map(function (elem){
          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){
          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)
          updateFamilyevent(this.formData).then(response => {
          _this.formData.url = ul+","+uls
          console.log(_this.formData.url)
          updateFamilyevent(_this.formData).then(response => {
            this.$modal.msgSuccess("文档上传成功");
            // this.open = false;
            // this.btn=false

          });
        }
      })
@@ -496,7 +496,7 @@
  display: block;

}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.pt{