chore: 上传作业文件增加上传中的状态

src/modules/viewer/components/common/upload.vue

@@ -2,7 +2,7 @@
   <div class="upload">
     <el-upload action :disabled="disabled" :show-file-list="false" :http-request="httpRequest" v-bind="$attrs">
       <slot></slot>
-      <el-button type="text" icon="el-icon-upload">{{ $t('viewerWork.clickUpload') }}</el-button>
+      <el-button type="text" icon="el-icon-upload" :loading="loading">{{ $t('viewerWork.clickUpload') }}</el-button>
       <template v-slot:tip>
         <div class="el-upload__tips">
           <slot name="tip"></slot>
@@ -43,6 +43,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       fileList: []
     }
   },
@@ -67,6 +68,7 @@ export default {
   },
   methods: {
     httpRequest(xhr) {
+      this.loading = true
       api
         .uploadFile({ file: xhr.file })
         .then(response => {
@@ -84,6 +86,9 @@ export default {
         .catch(error => {
           this.$message.error(error.message)
         })
+        .finally(() => {
+          this.loading = false
+        })
     },
     handleRemove(index) {
       this.fileList.splice(index, 1)