From 1a55d5008d2484e4730a5e8919cdb95e14da98d5 Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期三, 09 八月 2023 23:51:37 +0800
Subject: [PATCH] 完善各模块的视频上传功能,显示正在上传和上传完成提示

---
 ruoyi-ui/src/views/note/propertyInfo.vue |   24 ++++++++++++++----------
 1 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/ruoyi-ui/src/views/note/propertyInfo.vue b/ruoyi-ui/src/views/note/propertyInfo.vue
index f280734..14b0497 100644
--- a/ruoyi-ui/src/views/note/propertyInfo.vue
+++ b/ruoyi-ui/src/views/note/propertyInfo.vue
@@ -44,7 +44,7 @@
         <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
       </el-form-item>
 
-      <h4 class="form-header">鐩稿叧鍥剧墖 </h4>
+      <h4 class="form-header">鐢靛瓙鏂囦欢 </h4>
       <el-upload
         action="#"
         list-type="picture-card"
@@ -52,7 +52,8 @@
         :http-request="requestUpload"
         :file-list="fileList"
       >
-        <i slot="default" class="el-icon-plus"></i>
+        <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
             class="el-upload-list__item-thumbnail"
@@ -64,14 +65,14 @@
           >
           <span class="el-upload-list__item-actions">
         <span
-          v-if="isShow"
+
           class="el-upload-list__item-preview"
           @click="handlePictureCardPreview(file)"
         >
           <i class="el-icon-zoom-in"></i>
         </span>
         <span
-          v-if="isShow"
+
           class="el-upload-list__item-delete"
           @click="handleDownload(file.url)"
         >
@@ -102,8 +103,8 @@
         :http-request="requestUpload"
         :show-file-list="true"
       >
-
-        <i slot="default" class="el-icon-plus"></i>
+        <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
             class="el-upload-list__item-thumbnail"
@@ -114,14 +115,14 @@
           >
           <span class="el-upload-list__item-actions">
                 <span
-                  v-if="isShow"
+
                   class="el-upload-list__item-preview"
                   @click="handleFileCardPreview(file)"
                 >
                   <i class="el-icon-zoom-in"></i>
                 </span>
                 <span
-                  v-if="isShow"
+
                   class="el-upload-list__item-delete"
                   @click="handleDownload(file.url)"
                 >
@@ -175,6 +176,7 @@
       dsb:true,
       btn:false,
       isShow:true,
+      uploading: false,
       formData: {
 
         type: undefined,
@@ -239,7 +241,7 @@
     else{
       document.title = "瀹跺涵璧勪骇璇︾粏淇℃伅";
       this.$route.meta.title = "瀹跺涵璧勪骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉�
-      this.isShow=true
+      this.isShow=false
     }
 
     let _this = this
@@ -381,9 +383,11 @@
       var formData = new FormData();
       formData.append('uploadFile', file);
       let _this = this
-
+      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.$modal.msgSuccess("涓婁紶鎴愬姛");
         if(_this.fot.indexOf(pth) !== -1)
         {
           _this.fileList.push({"name":response.data.fileName, "url":response.data.url})

--
Gitblit v1.9.1