From d80a5794d029c8a5fe58a80464ab0e1ae097c87c Mon Sep 17 00:00:00 2001
From: feige <feige@qq.com>
Date: 星期二, 05 十二月 2023 21:52:03 +0800
Subject: [PATCH] 增加图像查看功能

---
 ruoyi-ui/src/views/bignote/familyeventInfo.vue |   52 ++++++++++++++++++++++++++--------------------------
 1 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/ruoyi-ui/src/views/bignote/familyeventInfo.vue b/ruoyi-ui/src/views/bignote/familyeventInfo.vue
index b265eac..04ef621 100644
--- a/ruoyi-ui/src/views/bignote/familyeventInfo.vue
+++ b/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{

--
Gitblit v1.9.1