上传失败弹窗

src/views/modules/book/talkBook-add-or-update.vue

@@ -36,12 +36,15 @@
         </div>
       </el-form-item>
 
-      <el-form-item label="视频">
+      <el-form-item label="视频" v-loading="VideoLoadingFlag">
         <el-upload :limit="1" class="el-uploadvideo " v-loading="videoLoading" element-loading-text="正在保存到服务器，请勿离开..."
           element-loading-spinner="el-icon-loading" element-loading-background="rgba(255, 255, 255, 0.8)"
           :class="{ uoloadSty: dataForm.showBtnDealImg, disUoloadSty: dataForm.noneBtnImg }"
-          :action="baseUrl + '/oss/fileoss'" :file-list="videoList" :on-success="videoSuccess" accept=".mp4"
+          :action="baseUrl + '/oss/fileoss'" :file-list="videoList"
-          :on-remove="videoRemove" :show-file-list="true" :on-progress="uploadVideo">
+          :on-error="onvideoEror"
+          :before-upload="beforeuploadVideo" 
+          :on-success="videoSuccess" accept=".mp4"
+          :on-remove="videoRemove" :show-file-list="true">
           <!-- <i class="el-icon-plus"></i> -->
           <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
         </el-upload>
@@ -161,7 +164,7 @@
             trigger: "blur"
           }]
         },
-
+        VideoLoadingFlag:false,
         // 富文本编辑器配置
         editorOption: {
           modules: {
@@ -462,7 +465,22 @@
           // setTimeout( () => {this.progressFlag = false}, 1000) // 一秒后关闭进度条
         }
       },
+      // 上传失败
+      onvideoEror(err, file, fileList){
+        console.log(err,'err')
+        this.VideoLoadingFlag = false        
+        // this.$message.error('上传失败')
+        this.$notify.error({
+          title: '错误',
+          message: '上传失败',
+          duration: 0
+        });
        
+      },
+      // 视频上传成功前
+      beforeuploadVideo(){
+        this.VideoLoadingFlag = true
+      },
       videoSuccess(res, file) {
         console.log(res, 'res')
         if (res.msg == "success") {
@@ -483,6 +501,7 @@
         } else {
           this.$message.error("上传失败");
         }
+        this.VideoLoadingFlag = false
       },
 
       videoRemove(file, fileList) {