档案扫描

dangan-ui/src/views/dangan/collection/index.vue

@@ -64,7 +64,7 @@
     </el-row>
 
     <el-dialog title="档案文件上传" :visible.sync="upload.open" width="700px" append-to-body>
-      <div style="margin-bottom: 30px;display: flex;min-height: 250px">
+      <div style="margin-bottom: 30px;display: flex;min-height: 250px" v-loading="upload.loading">
         <div style="width:250px;border: 1px solid #eee; padding: 10px;">
           <div style="margin-bottom: 5px;">物理书架：</div>
           <el-tree
@@ -120,7 +120,7 @@
     </el-dialog>
 
     <el-dialog title="扫描文件上传" :visible.sync="smwj.open" width="900px" append-to-body>
-      <div style="margin-bottom: 30px;display: flex;align-items:start;min-height: 250px">
+      <div style="margin-bottom: 30px;display: flex;align-items:start;min-height: 250px" v-loading="smwj.loading">
         <div style="width:250px;border: 1px solid #eee; padding: 10px;">
           <div style="margin-bottom: 5px;">物理书架：</div>
           <el-tree
@@ -194,6 +194,7 @@ export default {
       },
       // 用户导入参数
       upload: {
+        loading: false,
         // 是否显示弹出层（用户导入）
         open: false,
         shelfId: undefined,
@@ -206,6 +207,7 @@ export default {
       checkAll: false,
       // 扫描文件上传
       smwj: {
+        loading: false,
         // 是否显示弹出层（用户导入）
         open: false,
         shelfId: undefined,
@@ -410,9 +412,13 @@ export default {
 
           formData.append('picRecard', new Blob([JSON.stringify(DaPicturesRecard)],{ type: 'application/json', }));
 
+          this.smwj.loading = true;
           collectSaves(formData).then(response => {
             this.pictureRecard = response.data;
             this.smwj.open = false;
+            this.smwj.loading = false;
+          }).catch(err=>{
+            this.smwj.loading = false;
           });
         }else {
           this.$alert(`请先开始扫描！`, `提示`, {
@@ -435,9 +441,13 @@ export default {
 
           formData.append('picRecard', new Blob([JSON.stringify(DaPicturesRecard)],{ type: 'application/json', }));
 
+          this.upload.loading = true;
           collectSaves(formData).then(response => {
             this.pictureRecard = response.data;
             this.upload.open = false;
+            this.upload.loading = false;
+          }).catch(err=>{
+            this.upload.loading = false;
           });
         }else {
           this.$alert(`请先上传图片！`, `提示`, {