From e14af524f7a77ba2b685c8d9b3c4c31c9d51453f Mon Sep 17 00:00:00 2001
From: "WANGFAN\\wangf" <15871339963@163.com>
Date: Sat, 9 Nov 2024 17:51:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E4=BB=B6=E5=BA=93=E3=80=81?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E7=AE=A1=E7=90=86=E7=9A=84=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E5=81=9A=E4=BA=86=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../document-library/components/file-tree.vue | 35 ++++++++++---------
 .../common-table/common-table.vue             | 11 ++++--
 .../custom-table/custom-table.vue             |  3 +-
 3 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/src/views/file-management/document-library/components/file-tree.vue b/src/views/file-management/document-library/components/file-tree.vue
index 3dc48cb..9a0dc2a 100644
--- a/src/views/file-management/document-library/components/file-tree.vue
+++ b/src/views/file-management/document-library/components/file-tree.vue
@@ -6,22 +6,21 @@
       </template>
     </a-input>
     <div class="tree-box">
-      <div v-if="loading">
-        <a-empty />
-      </div>
-      <!-- TODO: 滚动条边距和宽度需要调整 -->
-      <a-scrollbar style="height: 100%; overflow: auto" outer-class="scrollbar">
-        <a-tree ref="aTreeRef" :data="treeData" :default-expand-all="true" :show-line="true" @select="onNode">
-          <template #title="node">
-            <span class="tree-title">{{ node.title }}</span>
-          </template>
-          <template #icon="node">
-            <SvgIcon name="folder-close" :size="16" v-if="!node.isLeaf && !node.expanded"></SvgIcon>
-            <SvgIcon name="folder-open" :size="16" v-if="!node.isLeaf && node.expanded"></SvgIcon>
-            <SvgIcon name="txt" :size="16" v-if="node.isLeaf"></SvgIcon>
-          </template>
-        </a-tree>
-      </a-scrollbar>
+      <a-spin class="tree-loading" :loading="loading" tip="加载中...">
+        <!-- TODO: 滚动条边距和宽度需要调整 -->
+        <a-scrollbar style="height: 100%; overflow: auto" outer-class="scrollbar">
+          <a-tree ref="aTreeRef" :data="treeData" :default-expand-all="true" :show-line="true" @select="onNode">
+            <template #title="node">
+              <span class="tree-title">{{ node.title }}</span>
+            </template>
+            <template #icon="node">
+              <SvgIcon name="folder-close" :size="16" v-if="!node.isLeaf && !node.expanded"></SvgIcon>
+              <SvgIcon name="folder-open" :size="16" v-if="!node.isLeaf && node.expanded"></SvgIcon>
+              <SvgIcon name="txt" :size="16" v-if="node.isLeaf"></SvgIcon>
+            </template>
+          </a-tree>
+        </a-scrollbar>
+      </a-spin>
     </div>
   </div>
 </template>
@@ -106,6 +105,10 @@ getDocumentLibraryTree();
   }
   .tree-box {
     height: calc(100% - 32px - $margin);
+    .tree-loading {
+      width: 100%;
+      height: 100%;
+    }
     .scrollbar {
       height: 100%;
       .tree-title {
diff --git a/src/views/table-management/common-table/common-table.vue b/src/views/table-management/common-table/common-table.vue
index af7993d..d3faee0 100644
--- a/src/views/table-management/common-table/common-table.vue
+++ b/src/views/table-management/common-table/common-table.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="snow-page">
     <div class="snow-inner-page">
-      <a-form :model="formData.form" :label-col-props="{ span: 6 }" :wrapper-col-props="{ span: 18 }">
+      <a-form ref="formRef" :model="formData.form" :label-col-props="{ span: 6 }" :wrapper-col-props="{ span: 18 }">
         <a-row :gutter="16">
           <a-col :span="6">
             <a-form-item field="name" label="姓名">
@@ -20,13 +20,13 @@
           </a-col>
           <a-col :span="6">
             <a-space>
-              <a-button type="primary">
+              <a-button type="primary" @click="getCommonTableList">
                 <template #icon>
                   <icon-search />
                 </template>
                 <template #default>查询</template>
               </a-button>
-              <a-button>
+              <a-button @click="onReset">
                 <template #icon>
                   <icon-refresh />
                 </template>
@@ -169,6 +169,11 @@ const columns = [
     align: "center"
   }
 ];
+const formRef = ref();
+const onReset = () => {
+  formRef.value.resetFields();
+  getCommonTableList();
+};
 const loading = ref<boolean>(false);
 const data = reactive<List[]>([]);
 const getCommonTableList = async () => {
diff --git a/src/views/table-management/custom-table/custom-table.vue b/src/views/table-management/custom-table/custom-table.vue
index ee97020..33a5dd3 100644
--- a/src/views/table-management/custom-table/custom-table.vue
+++ b/src/views/table-management/custom-table/custom-table.vue
@@ -20,7 +20,7 @@
           </a-col>
           <a-col :span="6">
             <a-space>
-              <a-button type="primary">
+              <a-button type="primary" @click="getCustomTableList">
                 <template #icon>
                   <icon-search />
                 </template>
@@ -189,6 +189,7 @@ const rowSelection = reactive<RowSelection>({
 const formRef = ref();
 const onReset = () => {
   formRef.value.resetFields();
+  getCustomTableList();
 };
 const pagination = ref<Pagination>({ showPageSize: true, showTotal: true, current: 1, pageSize: 10, total: 10 });
 const pageChange = (page: number) => {