上传状态

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,23 +394,27 @@ export default {
       return fileType && isLt1M
     },
     uploadHttpRequest(file) {
-        const formData = new FormData() //FormData对象，添加参数只能通过append('key', value)的形式添加
-        formData.append('file', file.file) //添加文件对象
-        this.$http
-        .post('/epmetuser/icresiuser/importExcel', formData)
-        .then(({ data: res }) => {
-            // if(res.code === 0) {
-            //   // this.$refs.upload.submit()
-            //   file.onSuccess() 
-            //   console.log('res-ooooo---', res)
-            // }
-          console.log('res-ooooo---', res)
-          this.download(res, 'info.xlsx')
-        })
-        .catch( err => {
-            console.log('失败', err)
-            param.onError() //上传失败的文件会从文件列表中删除
-        })
+      this.importLoading = true
+      this.importBtnTitle = '正在上传中...'
+      const formData = new FormData() //FormData对象，添加参数只能通过append('key', value)的形式添加
+      formData.append('file', file.file) //添加文件对象
+      this.$http
+      .post('/epmetuser/icresiuser/importExcel', formData)
+      .then(({ data: res }) => {
+          // if(res.code === 0) {
+          //   // this.$refs.upload.submit()
+          //   file.onSuccess() 
+          //   console.log('res-ooooo---', res)
+          // }
+        this.importLoading = false
+        this.importBtnTitle = '导入人员数据'
+        console.log('res-ooooo---', res)
+        this.download(res, 'info.xlsx')
+      })
+      .catch( err => {
+          console.log('失败', err)
+          param.onError() //上传失败的文件会从文件列表中删除
+      })
     },
     handleClick(tab, event) {
       console.log(tab, event)