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] =?UTF-8?q?refactor(PageContent):=20:recycle:=20=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E5=B7=A5=E5=85=B7=E6=A0=8F=E6=94=AF=E6=8C=81=E8=87=AA?=
 =?UTF-8?q?=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>
-          </template>
-          <!-- 导出 -->
-          <template v-else-if="item === 'exports'">
-            <el-button
-              icon="FolderOpened"
-              circle
-              title="导出"
-              v-hasPerm="[`${contentConfig.pageName}:export`]"
-              @click="handleToolbar(item)"
-            />
+                <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 === '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";