From 410578537f7ca6dd76aa406b440b0a435606c448 Mon Sep 17 00:00:00 2001 From: Kenneth Fullbright Date: Mon, 27 Dec 2021 16:19:37 -0600 Subject: Set table busy state on load - Add busy prop to tables Signed-off-by: Kenneth Fullbright Change-Id: I4416f12967c9a0ad6c8bb782c7d8de5c17fdd195 --- src/views/Logs/PostCodeLogs/PostCodeLogs.vue | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to 'src/views/Logs/PostCodeLogs/PostCodeLogs.vue') diff --git a/src/views/Logs/PostCodeLogs/PostCodeLogs.vue b/src/views/Logs/PostCodeLogs/PostCodeLogs.vue index 6ef575e5..d116d2ed 100644 --- a/src/views/Logs/PostCodeLogs/PostCodeLogs.vue +++ b/src/views/Logs/PostCodeLogs/PostCodeLogs.vue @@ -64,6 +64,7 @@ :per-page="perPage" :current-page="currentPage" :filter="searchFilter" + :busy="isBusy" @filtered="onFiltered" @row-selected="onRowSelected($event, filteredLogs.length)" > @@ -208,6 +209,7 @@ export default { }, data() { return { + isBusy: true, fields: [ { key: 'checkbox', @@ -297,9 +299,10 @@ export default { }, created() { this.startLoader(); - this.$store - .dispatch('postCodeLogs/getPostCodesLogData') - .finally(() => this.endLoader()); + this.$store.dispatch('postCodeLogs/getPostCodesLogData').finally(() => { + this.endLoader(); + this.isBusy = false; + }); }, methods: { exportAllLogsString() { -- cgit v1.2.3