上传状态

src/views/modules/base/resi.vue

@@ -24,7 +24,7 @@
           :before-upload="beforeExcelUpload"
           :http-request="uploadHttpRequest"
           >
-          <el-button type="danger" size="small">导入人口数据</el-button>
+          <el-button type="danger" size="small" :loading="importLoading">{{importBtnTitle}}</el-button>
         </el-upload>
         
       </div>
@@ -233,6 +233,8 @@ export default {
   },
   data() {
     return {
+      importBtnTitle: '导入人员数据',
+      importLoading: false,
       rowVisible: false,
       tableLoading: false,
       btnLoading: false,
@@ -392,6 +394,8 @@ export default {
       return fileType && isLt1M
     },
     uploadHttpRequest(file) {
+      this.importLoading = true
+      this.importBtnTitle = '正在上传中...'
       const formData = new FormData() //FormData对象，添加参数只能通过append('key', value)的形式添加
       formData.append('file', file.file) //添加文件对象
       this.$http
@@ -402,6 +406,8 @@ export default {
           //   file.onSuccess() 
           //   console.log('res-ooooo---', res)
           // }
+        this.importLoading = false
+        this.importBtnTitle = '导入人员数据'
         console.log('res-ooooo---', res)
         this.download(res, 'info.xlsx')
       })