From f23cc6c6fe3a27e515a16833f57206aeb870e8b3 Mon Sep 17 00:00:00 2001
From: cshaptx4869 <994774638@qq.com>
Date: Sat, 8 Jun 2024 13:56:09 +0800
Subject: [PATCH 1/2] =?UTF-8?q?refactor(PageContent):=20:recycle:=20?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E5=B7=A5=E5=85=B7=E6=A0=8F=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PageContent/index.vue | 121 +++++++++++++++++----------
 1 file changed, 77 insertions(+), 44 deletions(-)

diff --git a/src/components/PageContent/index.vue b/src/components/PageContent/index.vue
index 8db642bb..0dc13745 100644
--- a/src/components/PageContent/index.vue
+++ b/src/components/PageContent/index.vue
@@ -57,51 +57,73 @@
       <!-- 右侧工具栏 -->
       <div>
         <template v-for="item in defaultToolbar" :key="item">
-          <!-- 刷新 -->
-          <template v-if="item === 'refresh'">
-            <el-button
-              icon="refresh"
-              circle
-              title="刷新"
-              @click="handleToolbar(item)"
-            />
-          </template>
-          <!-- 筛选列 -->
-          <template v-else-if="item === 'filter'">
-            <el-popover placement="bottom" trigger="click">
-              <template #reference>
-                <el-button icon="Operation" circle title="筛选列" />
-              </template>
-              <el-scrollbar max-height="350px">
-                <template v-for="col in cols" :key="col">
-                  <el-checkbox
-                    v-if="col.prop"
-                    v-model="col.show"
-                    :label="col.label"
-                  />
+          <template v-if="typeof item === 'string'">
+            <!-- 刷新 -->
+            <template v-if="item === 'refresh'">
+              <el-button
+                icon="refresh"
+                circle
+                title="刷新"
+                @click="handleToolbar(item)"
+              />
+            </template>
+            <!-- 筛选列 -->
+            <template v-else-if="item === 'filter'">
+              <el-popover placement="bottom" trigger="click">
+                <template #reference>
+                  <el-button icon="Operation" circle title="筛选列" />
                 </template>
-              </el-scrollbar>
-            </el-popover>
+                <el-scrollbar max-height="350px">
+                  <template v-for="col in cols" :key="col">
+                    <el-checkbox
+                      v-if="col.prop"
+                      v-model="col.show"
+                      :label="col.label"
+                    />
+                  </template>
+                </el-scrollbar>
+              </el-popover>
+            </template>
+            <!-- 导出 -->
+            <template v-else-if="item === 'exports'">
+              <el-button
+                icon="FolderOpened"
+                circle
+                title="导出"
+                v-hasPerm="[`${contentConfig.pageName}:export`]"
+                @click="handleToolbar(item)"
+              />
+            </template>
+            <!-- 搜索 -->
+            <template v-else-if="item === 'search'">
+              <el-button
+                icon="search"
+                circle
+                title="搜索"
+                v-hasPerm="[`${contentConfig.pageName}:query`]"
+                @click="handleToolbar(item)"
+              />
+            </template>
           </template>
-          <!-- 导出 -->
-          <template v-else-if="item === 'exports'">
-            <el-button
-              icon="FolderOpened"
-              circle
-              title="导出"
-              v-hasPerm="[`${contentConfig.pageName}:export`]"
-              @click="handleToolbar(item)"
-            />
-          </template>
-          <!-- 搜索 -->
-          <template v-else-if="item === 'search'">
-            <el-button
-              icon="search"
-              circle
-              title="搜索"
-              v-hasPerm="[`${contentConfig.pageName}:query`]"
-              @click="handleToolbar(item)"
-            />
+          <!-- 其他 -->
+          <template v-else-if="typeof item === 'object'">
+            <template v-if="item.auth">
+              <el-button
+                :icon="item.icon"
+                circle
+                :title="item.text"
+                v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]"
+                @click="handleToolbar(item.name)"
+              />
+            </template>
+            <template v-else>
+              <el-button
+                :icon="item.icon"
+                circle
+                :title="item.title"
+                @click="handleToolbar(item.name)"
+              />
+            </template>
           </template>
         </template>
       </div>
@@ -447,7 +469,18 @@ export interface IContentConfig<T = any> {
       }
   >;
   // 表格工具栏右侧图标
-  defaultToolbar?: ("refresh" | "filter" | "exports" | "search")[];
+  defaultToolbar?: Array<
+    | "refresh"
+    | "filter"
+    | "exports"
+    | "search"
+    | {
+        name: string;
+        icon: string;
+        title?: string;
+        auth?: string;
+      }
+  >;
   // table组件列属性(额外的属性templet,operat,slotName)
   cols: Array<{
     type?: "default" | "selection" | "index" | "expand";

From 6c2542c78b06f8367264c54e3539c1851fcf1e64 Mon Sep 17 00:00:00 2001
From: cshaptx4869 <994774638@qq.com>
Date: Sat, 8 Jun 2024 17:06:18 +0800
Subject: [PATCH 2/2] =?UTF-8?q?refactor:=20:recycle:=20=E4=BF=AE=E6=94=B9C?=
 =?UTF-8?q?URD=E5=AF=BC=E5=87=BA=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PageContent/index.vue  | 2 +-
 src/views/demo/curd/config/content.ts | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/PageContent/index.vue b/src/components/PageContent/index.vue
index 0dc13745..a79b9648 100644
--- a/src/components/PageContent/index.vue
+++ b/src/components/PageContent/index.vue
@@ -361,9 +361,9 @@
                 :disabled="selectionData.length <= 0"
               />
               <el-option
-                v-if="contentConfig.exportsAction"
                 label="全量数据 (包括所有分页的数据)"
                 :value="ExportsOriginEnum.REMOTE"
+                :disabled="contentConfig.exportsAction === undefined"
               />
             </el-select>
           </el-form-item>
diff --git a/src/views/demo/curd/config/content.ts b/src/views/demo/curd/config/content.ts
index 6800f9c6..a1579ad0 100644
--- a/src/views/demo/curd/config/content.ts
+++ b/src/views/demo/curd/config/content.ts
@@ -26,6 +26,11 @@ const contentConfig: IContentConfig<UserQuery> = {
   },
   deleteAction: UserAPI.deleteByIds,
   exportAction: UserAPI.export,
+  exportsAction: async function (params) {
+    // 模拟获取全量数据
+    const res = await UserAPI.getPage(params);
+    return res.list;
+  },
   pk: "id",
   toolbar: [
     "add",