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/device/equipmentInfo.vue |   56 ++++++++++++++++++++++++++++++--------------------------
 1 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/ruoyi-ui/src/views/device/equipmentInfo.vue b/ruoyi-ui/src/views/device/equipmentInfo.vue
index b06d234..97d6630 100644
--- a/ruoyi-ui/src/views/device/equipmentInfo.vue
+++ b/ruoyi-ui/src/views/device/equipmentInfo.vue
@@ -56,7 +56,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"
@@ -66,29 +67,29 @@
             fit="cover"
             :preview-src-list="[file.url]"
           >
-          <span class="el-upload-list__item-actions" >
-            <span
+          <span class="el-upload-list__item-actions">
+        <span
 
-              class="el-upload-list__item-preview"
-              @click="handlePictureCardPreview(file)"
-            >
-              <i class="el-icon-zoom-in"></i>
-            </span>
-            <span
+          class="el-upload-list__item-preview"
+          @click="handlePictureCardPreview(file)"
+        >
+          <i class="el-icon-zoom-in"></i>
+        </span>
+        <span
 
-              class="el-upload-list__item-delete"
-              @click="handleDownload(file.url)"
-            >
-              <i class="el-icon-download"></i>
-            </span>
-            <span
-              v-if="isShow"
-              class="el-upload-list__item-delete"
-              @click="handleRemove(file)"
-            >
-              <i class="el-icon-delete"></i>
-            </span>
-          </span>
+          class="el-upload-list__item-delete"
+          @click="handleDownload(file.url)"
+        >
+          <i class="el-icon-download"></i>
+        </span>
+        <span
+          v-if="isShow"
+          class="el-upload-list__item-delete"
+          @click="handleRemove(file)"
+        >
+          <i class="el-icon-delete"></i>
+        </span>
+      </span>
 
 
         </div>
@@ -107,7 +108,8 @@
         :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"
@@ -178,6 +180,7 @@
       dsb:true,
       btn:false,
       isShow:true,
+      uploading: false,
       formData: {
 
         name: undefined,
@@ -255,7 +258,7 @@
     else{
       document.title = "瀹跺涵璁惧璇︾粏淇℃伅";
       this.$route.meta.title = "瀹跺涵璁惧璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉�
-      this.isShow=true
+      this.isShow=false
     }
 
     let _this = this
@@ -398,10 +401,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.includes(pth) === true)
         {
           _this.fileList.push({name:response.data.fileName, "url":response.data.url})

--
Gitblit v1.9.1