From 474574692f2ed40b801c6307fee991ee9deb739f Mon Sep 17 00:00:00 2001
From: xiaoxiao <2014227881@qq.com>
Date: Sun, 02 Nov 2025 17:07:26 +0800
Subject: [PATCH] feat:添加loading
---
src/views/layerManagement/components/leftList.vue | 11 ++++++++++-
1 files changed, 10 insertions(+), 1 deletions(-)
diff --git a/src/views/layerManagement/components/leftList.vue b/src/views/layerManagement/components/leftList.vue
index 9480e72..5d0da05 100644
--- a/src/views/layerManagement/components/leftList.vue
+++ b/src/views/layerManagement/components/leftList.vue
@@ -38,7 +38,12 @@
<el-button class="ztzf-button" @click="selectAll">全选</el-button>
</div>
- <div class="tableListBox">
+ <div
+ class="tableListBox"
+ v-loading="loading"
+ element-loading-background="rgba(0, 0, 0, 0.5)"
+ element-loading-text="加载中..."
+ >
<el-tree
class="ztzf-el-tree"
:class="{ isTheTerritory: activeName === '国土空间规划' }"
@@ -106,17 +111,21 @@
dkbh: '',
patchesName: '',
});
+const loading = ref(false);
const treeData = ref([]);
const treeAllData = ref([]);
// 获取数据
const gettreeDataApi = async () => {
try {
+ loading.value = true;
const res = await treeDataApi();
treeAllData.value = res.data.data;
console.log('接口数据', treeAllData.value);
setupWatch();
} catch (error) {
console.error('获取数据失败:', error);
+ } finally {
+ loading.value = false;
}
};
--
Gitblit v1.9.3