From 53fdd79a2e1c736b6207503133c2c3099f376e64 Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Fri, 11 Apr 2025 16:48:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20crud=E7=BB=84=E4=BB=B6=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=A0=8F=E5=92=8C=E5=88=97=E8=A1=A8=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E6=93=8D=E4=BD=9C=E6=A0=8F=E5=A2=9E=E5=8A=A0hidden?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CURD/PageContent.vue | 93 +++++++++++++++--------------
 src/components/CURD/types.ts        |  2 +
 2 files changed, 51 insertions(+), 44 deletions(-)

diff --git a/src/components/CURD/PageContent.vue b/src/components/CURD/PageContent.vue
index 1c93275..2a81b02 100644
--- a/src/components/CURD/PageContent.vue
+++ b/src/components/CURD/PageContent.vue
@@ -55,6 +55,7 @@
           <!-- 其他 -->
           <template v-else-if="typeof item === 'object'">
             <el-button
+              v-if="item.hidden === undefined || item.hidden === false"
               v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]"
               :icon="item.icon"
               :type="item.type ?? 'default'"
@@ -284,31 +285,10 @@
                 </template>
                 <!-- 其他 -->
                 <template v-else-if="typeof item === 'object'">
-                  <el-button
-                    v-if="item.isBtn"
-                    v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]"
-                    :icon="item.icon"
-                    :type="item.type ?? 'primary'"
-                    size="small"
-                    link
-                    @click="
-                      handleOperat({
-                        name: item.name,
-                        row: scope.row,
-                        column: scope.column,
-                        $index: scope.$index,
-                      })
-                    "
-                  >
-                    {{ item.text }}
-                  </el-button>
-
-                  <el-dropdown style="margin-top: 4px" v-else>
+                  <template v-if="item.hidden === undefined || item.hidden === false">
                     <el-button
-                      v-if="item.render === undefined || item.render(scope.row)"
-                      v-bind="
-                        item.auth ? { 'v-hasPerm': [`${contentConfig.pageName}:${item.auth}`] } : {}
-                      "
+                      v-if="item.isBtn"
+                      v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]"
                       :icon="item.icon"
                       :type="item.type ?? 'primary'"
                       size="small"
@@ -324,26 +304,51 @@
                     >
                       {{ item.text }}
                     </el-button>
-                    <template #dropdown v-if="item.options && item.options.length > 0">
-                      <el-dropdown-menu>
-                        <el-dropdown-item
-                          @click="
-                            handleOperat({
-                              name: item.name,
-                              row: scope.row,
-                              column: scope.column,
-                              $index: scope.$index,
-                              command: opt.command ? opt.command : '',
-                            })
-                          "
-                          v-for="opt in item.options"
-                          :key="opt.value"
-                        >
-                          {{ opt.label }}
-                        </el-dropdown-item>
-                      </el-dropdown-menu>
-                    </template>
-                  </el-dropdown>
+
+                    <el-dropdown style="margin-top: 4px" v-else>
+                      <el-button
+                        v-if="item.render === undefined || item.render(scope.row)"
+                        v-bind="
+                          item.auth
+                            ? { 'v-hasPerm': [`${contentConfig.pageName}:${item.auth}`] }
+                            : {}
+                        "
+                        :icon="item.icon"
+                        :type="item.type ?? 'primary'"
+                        size="small"
+                        link
+                        @click="
+                          handleOperat({
+                            name: item.name,
+                            row: scope.row,
+                            column: scope.column,
+                            $index: scope.$index,
+                          })
+                        "
+                      >
+                        {{ item.text }}
+                      </el-button>
+                      <template #dropdown v-if="item.options && item.options.length > 0">
+                        <el-dropdown-menu>
+                          <el-dropdown-item
+                            @click="
+                              handleOperat({
+                                name: item.name,
+                                row: scope.row,
+                                column: scope.column,
+                                $index: scope.$index,
+                                command: opt.command ? opt.command : '',
+                              })
+                            "
+                            v-for="opt in item.options"
+                            :key="opt.value"
+                          >
+                            {{ opt.label }}
+                          </el-dropdown-item>
+                        </el-dropdown-menu>
+                      </template>
+                    </el-dropdown>
+                  </template>
                 </template>
               </template>
             </template>
diff --git a/src/components/CURD/types.ts b/src/components/CURD/types.ts
index 6086710..d1f97b4 100644
--- a/src/components/CURD/types.ts
+++ b/src/components/CURD/types.ts
@@ -148,6 +148,7 @@ export interface IContentConfig<T = any> {
       icon?: string;
       name: string;
       text: string;
+      hidden?: boolean;
       type?: "primary" | "success" | "warning" | "danger" | "info";
     }
   >;
@@ -215,6 +216,7 @@ export interface IContentConfig<T = any> {
         name: string;
         text: string;
         isBtn?: boolean;
+        hidden?: boolean;
         type?: "primary" | "success" | "warning" | "danger" | "info";
         render?: (row: IObject) => boolean;
         options?: {