Browse Source

导入日报审核审核记录获取数据时加了加载框

Lijy 2 years ago
parent
commit
4322ad0101

+ 7 - 3
fhKeeper/formulahousekeeper/timesheet/src/views/workReport/list_import.vue

@@ -157,7 +157,7 @@
         <!-- 审核记录弹窗 -->
         <el-dialog title="审核记录" :visible.sync="recordDialogVisible" width="800px" :before-close="handleClose">
             <div style="height: 430px">
-                <el-table :data="recordLists" style="width: 100%" height="400">
+                <el-table :data="recordLists" style="width: 100%" height="400" v-loading="recordLoading">
                     <el-table-column prop="userName" label="操作人" width="150"></el-table-column>
                     <el-table-column prop="indate" label="审核时间"></el-table-column>
                     <el-table-column prop="result" label="审核结果"></el-table-column>
@@ -242,20 +242,23 @@
                 recordLists: [],
                 totals: 0,
                 pageIndexList: 1,
-                pageSizeList: 20
+                pageSizeList: 20,
+                recordLoading: false
+
             };
         },
         methods: {
             // 获取审核记录
             recordList() {
                 // this.recordDialogVisible = true
-                // return
+                this.recordLoading = true
                 this.http.post( '/report-audit-log/getImportAuditLog', {
                     companyId: this.user.companyId,
                     pageIndex: this.pageIndexList,
                     pageSize: this.pageSizeList
                 },
                 res => {
+                    this.recordLoading = false
                     if (res.code == "ok") {
                         console.log(res.data, '数据')
                         this.recordLists = res.data.records
@@ -268,6 +271,7 @@
                     }
                 },
                 error => {
+                    this.recordLoading = false
                     this.$message({
                         message: error,
                         type: "error"