Bladeren bron

audit-pre-report生成模板添加loading效果

yangfan 6 maanden geleden
bovenliggende
commit
d4c471ac46
1 gewijzigde bestanden met toevoegingen van 6 en 0 verwijderingen
  1. 6 0
      src_product/iam/audit/report/audit-pre-report.vue

+ 6 - 0
src_product/iam/audit/report/audit-pre-report.vue

@@ -34,6 +34,7 @@
       </template>
     </a-table>
     <a-modal v-model="recordShow" title="模板生成" @ok="generateReport">
+      <a-spin :spinning="isshowLoading" tip="正在生成……" size="large">
       <a-form-model
         ref="form"
         :model="form"
@@ -77,6 +78,7 @@
           ></a-date-picker>
         </a-form-model-item>
       </a-form-model>
+      </a-spin>
     </a-modal>
   </a-card>
 </template>
@@ -108,6 +110,7 @@ export default {
       },
       labelCol: { span: 4 },
       wrapperCol: { span: 14 },
+      isshowLoading: false,
       form: {
         reportName: '',
         time: '',
@@ -265,6 +268,7 @@ export default {
             return
           }
           this.okFlag = true
+          this.isshowLoading = true
           const comp = (this.form.companyUnit || []).map((item) => {
             return {
               orgCode: item.orgCode,
@@ -292,9 +296,11 @@ export default {
                 year: '',
               }
               this.initTable()
+              this.isshowLoading = false
             })
             .catch(() => {
               this.okFlag = false
+              this.isshowLoading = false
             })
         }
       })