From 351e360c9f5a9b59b22a668360b5cfbb3af3e853 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@smartai.com> Date: 星期二, 11 十月 2022 11:02:54 +0800 Subject: [PATCH] 优化用户管理表单查询交互 --- src/views/personalCenter/components/SubAccount.vue | 6 ++++++ src/views/subAccount/entryLog.vue | 8 ++++++++ 2 files changed, 14 insertions(+), 0 deletions(-) diff --git a/src/views/personalCenter/components/SubAccount.vue b/src/views/personalCenter/components/SubAccount.vue index d3c5800..d37cdcc 100644 --- a/src/views/personalCenter/components/SubAccount.vue +++ b/src/views/personalCenter/components/SubAccount.vue @@ -41,6 +41,7 @@ :data="dataList" :fit="true" :default-sort="{ prop: 'createTime', order: 'descending' }" + v-loading="tbLoading" > <el-table-column label="搴忓彿" width="55" class-name="index"> <template slot-scope="scope">{{ scope.$index + 1 + (page - 1) * size }}</template> @@ -272,6 +273,7 @@ } } return { + tbLoading: false, searchTime: [this.$moment().format("YYYY-MM-DD 00:00:00"), this.$moment().format("YYYY-MM-DD HH:mm:ss")], //鎼滅储鏃堕棿 page: 1, size: 10, //鍒嗛〉鐩稿叧 @@ -608,6 +610,7 @@ }) }, findUserList() { + this.tbLoading = true if (this.inputText.length) { this.inputText = this.inputText.trim() } @@ -625,9 +628,12 @@ } else { this.$notify.error("鍔犺浇瀛愯处鎴峰垪琛ㄥけ璐�") } + + this.tbLoading = false }) .catch((e) => { this.$notify.error(e.msg) + this.tbLoading = false }) }, goback() { diff --git a/src/views/subAccount/entryLog.vue b/src/views/subAccount/entryLog.vue index 588dfbb..d7e04be 100644 --- a/src/views/subAccount/entryLog.vue +++ b/src/views/subAccount/entryLog.vue @@ -19,6 +19,7 @@ :data="dataList" :fit="true" :default-sort="{ prop: 'createTime', order: 'descending' }" + v-loading="tbLoading" > <el-table-column type="index" label="搴忓彿" width="80" align="center"></el-table-column> <el-table-column prop="username" label="鐢ㄦ埛鍚�" show-overflow-tooltip></el-table-column> @@ -54,6 +55,7 @@ export default { data() { return { + tbLoading: false, dataList: [], inputText: "", page: 1, @@ -80,6 +82,8 @@ this.timeLength = null }, async lookUp() { + this.tbLoading = true + if (this.inputText.length) { this.inputText = this.inputText.trim() } @@ -87,6 +91,10 @@ let res = await findEntryLog({ page: this.page, size: this.size, inputText: this.inputText }) this.dataList = res.data.list this.total = res.data.total + + setTimeout(() => { + this.tbLoading = false + }, 200) } } } -- Gitblit v1.8.0