From f9fd7c038b6405a69c5d070febebab0a59eb821b Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期五, 25 十月 2024 18:00:42 +0800
Subject: [PATCH] ll

---
 admin/src/views/meeting/components/OperaRoomsWindow.vue |   32 ++++++++++++++++++++++++++++----
 1 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/admin/src/views/meeting/components/OperaRoomsWindow.vue b/admin/src/views/meeting/components/OperaRoomsWindow.vue
index 798bb36..ebe13ac 100644
--- a/admin/src/views/meeting/components/OperaRoomsWindow.vue
+++ b/admin/src/views/meeting/components/OperaRoomsWindow.vue
@@ -36,7 +36,8 @@
       <el-form-item v-if="form.fileType == 0" label="灞曠ず鍥剧墖" prop="imgurl">
         <div class="upload_wrap">
           <el-upload class="avatar-uploader" accept=".png,.jpg,.jpeg" :action="uploadImgUrl" :data="uploadData"
-            :show-file-list="false" :on-success="handleImgSuccess">
+            :show-file-list="false" :before-upload="beforeAvatarUpload" :on-error="uploadError"
+            :on-success="handleImgSuccess">
             <div>
               <i class="el-icon-plus avatar-uploader-icon"></i>
             </div>
@@ -48,8 +49,9 @@
         </div>
       </el-form-item>
       <el-form-item v-if="form.fileType == 1" label="灞曠ず瑙嗛" prop="imgurl">
-        <UploadAvatarVideo :file="{ 'videourlfull': form.videoFullUrl, 'videourl': form.videourl }" :uploadData="uploadData"
-          @uploadSuccess="uploadAvatarSuccess" @uploadEnd="isUploading = false" @uploadBegin="isUploading = true" />
+        <UploadAvatarVideo :file="{ 'videourlfull': form.videoFullUrl, 'videourl': form.videourl }"
+          :uploadData="uploadData" @uploadSuccess="uploadAvatarSuccess" @uploadEnd="isUploading = false"
+          @uploadBegin="isUploading = true" />
       </el-form-item>
       <el-form-item label="浣跨敤椤荤煡" prop="tips">
         <el-input v-model="form.tips" type="textarea" placeholder="璇疯緭鍏ヤ娇鐢ㄩ』鐭�" v-trim />
@@ -64,6 +66,7 @@
 import UploadAvatarVideo from '@/components/common/UploadAvatarVideo'
 import { numRule } from '@/utils/form'
 import { fetchList } from '@/api/meeting/projects'
+import { Loading } from 'element-ui'
 export default {
   name: 'OperaRoomsWindow',
   extends: BaseOpera,
@@ -87,6 +90,7 @@
         folder: 'projects'
       },
       timeRange: ['', ''],
+      loading: null,
       // 琛ㄥ崟鏁版嵁
       form: {
         id: null,
@@ -164,7 +168,7 @@
         for (const key in this.form) {
           this.form[key] = target[key]
         }
-        if(target.fileType == 1 && target.multifileList && target.multifileList.length > 0){
+        if (target.fileType == 1 && target.multifileList && target.multifileList.length > 0) {
           this.$set(this.form, 'videoFullUrl', target.multifileList[0].fileurlFull)
           this.$set(this.form, 'videourl', target.multifileList[0].fileurl)
         }
@@ -178,7 +182,11 @@
       this.form.multifileList.splice(i, 1)
     },
     handleImgSuccess(res) {
+      this.$nextTick(() => {
+        this.loading.close()
+      })
       const list = [...this.form.multifileList]
+
       if (res.code == 200) {
         let { data } = res
         list.push({
@@ -190,6 +198,22 @@
 
       }
     },
+    uploadError() {
+      // this.$message.error('涓婁紶澶辫触')
+      this.$nextTick(() => {
+        this.loading.close()
+      })
+    },
+    // // 鎷︽埅
+    beforeAvatarUpload(file) {
+      this.loading = Loading.service({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      return true
+    },
     selectRange(v) {
       // console.log(this.timeRange);
       console.log(v)

--
Gitblit v1.9.3