diff --git a/frontend/src/components/app-status/index.vue b/frontend/src/components/app-status/index.vue
index 3e576197a059..b5f29e4ad9aa 100644
--- a/frontend/src/components/app-status/index.vue
+++ b/frontend/src/components/app-status/index.vue
@@ -11,6 +11,7 @@
                 <div class="mt-0.5">
                     <el-button
                         type="primary"
+                        v-permission="'app_manage'"
                         v-if="data.status != 'Running'"
                         link
                         @click="onOperate('start')"
@@ -18,12 +19,19 @@
                     >
                         {{ $t('commons.operate.start') }}
                     </el-button>
-                    <el-button type="primary" v-if="data.status === 'Running'" link @click="onOperate('stop')">
+                    <el-button
+                        type="primary"
+                        v-permission="'app_manage'"
+                        v-if="data.status === 'Running'"
+                        link
+                        @click="onOperate('stop')"
+                    >
                         {{ $t('commons.operate.stop') }}
                     </el-button>
                     <el-divider direction="vertical" />
                     <el-button
                         type="primary"
+                        v-permission="'app_manage'"
                         link
                         :disabled="data.status === 'Installing'"
                         @click="onOperate('restart')"
@@ -34,6 +42,7 @@
                     <el-button
                         type="primary"
                         link
+                        v-permission:view="'website_manage'"
                         v-if="data.app === 'OpenResty'"
                         @click="onOperate('reload')"
                         :disabled="data.status !== 'Running'"
diff --git a/frontend/src/components/log/container/index.vue b/frontend/src/components/log/container/index.vue
index 59324662a5c4..c71cdc3764fd 100644
--- a/frontend/src/components/log/container/index.vue
+++ b/frontend/src/components/log/container/index.vue
@@ -25,7 +25,7 @@
         <el-button class="margin-button" @click="openDownloadDialog" icon="Download">
             {{ $t('commons.button.download') }}
         </el-button>
-        <el-button class="margin-button" @click="onClean" icon="Delete">
+        <el-button v-permission="'container_manage'" class="margin-button" @click="onClean" icon="Delete">
             {{ $t('commons.button.clean') }}
         </el-button>
     </div>
diff --git a/frontend/src/views/app-store/installed/ignore/index.vue b/frontend/src/views/app-store/installed/ignore/index.vue
index 589120c2996f..642e43af8b90 100644
--- a/frontend/src/views/app-store/installed/ignore/index.vue
+++ b/frontend/src/views/app-store/installed/ignore/index.vue
@@ -11,7 +11,7 @@
                 </el-table-column>
                 <el-table-column prop="scope" :label="$t('commons.table.operate')">
                     <template #default="{ row }">
-                        <el-button type="primary" link @click="cancelIgnore(row.ID)">
+                        <el-button v-permission type="primary" link @click="cancelIgnore(row.ID)">
                             {{ $t('app.cancelIgnore') }}
                         </el-button>
                     </template>
diff --git a/frontend/src/views/app-store/installed/index.vue b/frontend/src/views/app-store/installed/index.vue
index 126f620ca7f6..cffd42cf061c 100644
--- a/frontend/src/views/app-store/installed/index.vue
+++ b/frontend/src/views/app-store/installed/index.vue
@@ -9,6 +9,7 @@
             </el-button>
             <el-button
                 @click="enterSortMode"
+                v-permission
                 type="primary"
                 plain
                 v-if="mode === 'installed' && !sortMode && data != null"
@@ -86,19 +87,20 @@
                                         class="d-button flex flex-wrap items-center justify-start gap-1.5"
                                         v-if="mode === 'installed' && installed.status != 'Installing'"
                                     >
-                                        <el-button
-                                            class="app-button"
-                                            v-for="(button, key) in buttons"
-                                            :key="key"
-                                            :type="button.disabled && button.disabled(installed) ? 'info' : ''"
-                                            plain
-                                            round
-                                            size="small"
-                                            @click="button.click(installed)"
-                                            :disabled="button.disabled && button.disabled(installed)"
-                                        >
-                                            {{ button.label }}
-                                        </el-button>
+                                        <template v-for="(button, key) in buttons" :key="key">
+                                            <el-button
+                                                v-permission
+                                                class="app-button"
+                                                :type="button.disabled && button.disabled(installed) ? 'info' : ''"
+                                                plain
+                                                round
+                                                size="small"
+                                                @click="button.click(installed)"
+                                                :disabled="button.disabled && button.disabled(installed)"
+                                            >
+                                                {{ button.label }}
+                                            </el-button>
+                                        </template>
                                     </div>
                                 </template>
                             </AppCard>
diff --git a/frontend/src/views/cronjob/library/index.vue b/frontend/src/views/cronjob/library/index.vue
index fad04716c067..513d3d753661 100644
--- a/frontend/src/views/cronjob/library/index.vue
+++ b/frontend/src/views/cronjob/library/index.vue
@@ -25,7 +25,7 @@
                     </template>
                 </el-dropdown>
 
-                <el-button type="primary" plain @click="onOpenGroupDialog()">
+                <el-button v-permission type="primary" plain @click="onOpenGroupDialog()">
                     {{ $t('commons.table.group') }}
                 </el-button>
                 <el-button v-permission plain :disabled="selects.length === 0" @click="onDelete(null)">
diff --git a/frontend/src/views/host/file-management/code-editor/history/index.vue b/frontend/src/views/host/file-management/code-editor/history/index.vue
index cb59665cef86..78e694cd6d46 100644
--- a/frontend/src/views/host/file-management/code-editor/history/index.vue
+++ b/frontend/src/views/host/file-management/code-editor/history/index.vue
@@ -93,7 +93,7 @@
                                 </el-button>
                                 <el-button
                                     class="w-full sm:w-auto !ml-0"
-                                    type="danger"
+                                    v-permission
                                     :disabled="selected.length === 0"
                                     :loading="deleteLoading"
                                     @click="deleteSelected(null)"
@@ -152,7 +152,7 @@
                                         <el-button link type="primary" @click.stop="openHistoryRecord(row)">
                                             {{ $t('commons.button.view') }}
                                         </el-button>
-                                        <el-button link type="danger" @click.stop="deleteSelected(row)">
+                                        <el-button v-permission link type="primary" @click.stop="deleteSelected(row)">
                                             {{ $t('commons.button.delete') }}
                                         </el-button>
                                     </template>
@@ -183,6 +183,7 @@
                                 <el-tag effect="plain">{{ computeSize(selectedHistory.contentSize) }}</el-tag>
                                 <el-button
                                     v-if="canRestoreSelected"
+                                    v-permission
                                     type="primary"
                                     :loading="restoreLoading"
                                     @click="confirmRestoreSelected"
diff --git a/frontend/src/views/host/file-management/code-editor/index.vue b/frontend/src/views/host/file-management/code-editor/index.vue
index 997c8620f129..1cc3fb6ff7ef 100644
--- a/frontend/src/views/host/file-management/code-editor/index.vue
+++ b/frontend/src/views/host/file-management/code-editor/index.vue
@@ -32,7 +32,7 @@
                 <div class="flex justify-start items-center gap-x-4 card-action">
                     <el-text class="cursor-pointer" @click="handleReset">{{ $t('commons.button.reset') }}</el-text>
                     <el-divider direction="vertical" class="!mx-0" />
-                    <el-text class="cursor-pointer ml-0" @click="saveContent()">
+                    <el-text v-permission class="cursor-pointer ml-0" @click="saveContent()">
                         {{ $t('commons.button.save') }}
                     </el-text>
                     <el-divider direction="vertical" class="!mx-0" />
@@ -127,14 +127,14 @@
                                 </el-text>
                                 <template #dropdown>
                                     <el-dropdown-menu>
-                                        <el-dropdown-item command="dir" class="!px-2">
+                                        <fu-dropdown-item v-permission command="dir" class="!px-2">
                                             <svg-icon class="!w-5 !h-5" iconName="p-file-folder"></svg-icon>
                                             {{ $t('file.dir') }}
-                                        </el-dropdown-item>
-                                        <el-dropdown-item command="file" class="!px-2">
+                                        </fu-dropdown-item>
+                                        <fu-dropdown-item v-permission command="file" class="!px-2">
                                             <svg-icon class="!w-5 !h-5" iconName="p-file-normal"></svg-icon>
                                             {{ $t('menu.files') }}
-                                        </el-dropdown-item>
+                                        </fu-dropdown-item>
                                     </el-dropdown-menu>
                                 </template>
                             </el-dropdown>
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index fa97fac0ecf5..f5ddc5b5299e 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -326,12 +326,12 @@
                                         </template>
                                         <template #dropdown>
                                             <el-dropdown-menu>
-                                                <el-dropdown-item @click="openShareList">
+                                                <fu-dropdown-item @click="openShareList">
                                                     {{ $t('file.shareList') }}
-                                                </el-dropdown-item>
-                                                <el-dropdown-item @click="openFileHistoryCenter">
+                                                </fu-dropdown-item>
+                                                <fu-dropdown-item @click="openFileHistoryCenter">
                                                     {{ $t('file.history') }}
-                                                </el-dropdown-item>
+                                                </fu-dropdown-item>
                                             </el-dropdown-menu>
                                         </template>
                                     </el-dropdown>
diff --git a/frontend/src/views/website/runtime/components/environment/index.vue b/frontend/src/views/website/runtime/components/environment/index.vue
index fb0dbfcf9f54..52b7f2ff2154 100644
--- a/frontend/src/views/website/runtime/components/environment/index.vue
+++ b/frontend/src/views/website/runtime/components/environment/index.vue
@@ -17,7 +17,7 @@
             </el-col>
             <el-col :span="3">
                 <el-form-item>
-                    <el-button type="primary" @click="removeEnv(index)" link class="mt-1">
+                    <el-button v-permission type="primary" @click="removeEnv(index)" link class="mt-1">
                         {{ $t('commons.button.delete') }}
                     </el-button>
                 </el-form-item>
@@ -25,7 +25,7 @@
         </el-row>
         <el-row :gutter="20">
             <el-col :span="4">
-                <el-button @click="addEnv">{{ $t('commons.button.add') }}</el-button>
+                <el-button v-permission @click="addEnv">{{ $t('commons.button.add') }}</el-button>
             </el-col>
         </el-row>
     </div>
diff --git a/frontend/src/views/website/runtime/components/extra-hosts/index.vue b/frontend/src/views/website/runtime/components/extra-hosts/index.vue
index a8b38bddb6bf..d830bef9b937 100644
--- a/frontend/src/views/website/runtime/components/extra-hosts/index.vue
+++ b/frontend/src/views/website/runtime/components/extra-hosts/index.vue
@@ -13,7 +13,7 @@
             </el-col>
             <el-col :span="4">
                 <el-form-item>
-                    <el-button type="primary" @click="removeEnv(index)" link class="mt-1">
+                    <el-button v-permission type="primary" @click="removeEnv(index)" link class="mt-1">
                         {{ $t('commons.button.delete') }}
                     </el-button>
                 </el-form-item>
@@ -21,7 +21,7 @@
         </el-row>
         <el-row :gutter="20">
             <el-col :span="4">
-                <el-button @click="addEnv">{{ $t('commons.button.add') }}</el-button>
+                <el-button v-permission @click="addEnv">{{ $t('commons.button.add') }}</el-button>
             </el-col>
         </el-row>
     </div>
diff --git a/frontend/src/views/website/runtime/components/port/index.vue b/frontend/src/views/website/runtime/components/port/index.vue
index 56983ecd129d..c59688c3b01e 100644
--- a/frontend/src/views/website/runtime/components/port/index.vue
+++ b/frontend/src/views/website/runtime/components/port/index.vue
@@ -21,7 +21,7 @@
             </el-col>
             <el-col :span="2">
                 <el-form-item>
-                    <el-button type="primary" @click="removePort(index)" link class="mt-1">
+                    <el-button v-permission type="primary" @click="removePort(index)" link class="mt-1">
                         {{ $t('commons.button.delete') }}
                     </el-button>
                 </el-form-item>
@@ -29,7 +29,7 @@
         </el-row>
         <el-row :gutter="20">
             <el-col :span="4">
-                <el-button @click="addPort">{{ $t('commons.button.add') }}</el-button>
+                <el-button v-permission @click="addPort">{{ $t('commons.button.add') }}</el-button>
             </el-col>
         </el-row>
     </div>
diff --git a/frontend/src/views/website/runtime/components/volume/index.vue b/frontend/src/views/website/runtime/components/volume/index.vue
index 2a87506f69cb..3cd5753fe685 100644
--- a/frontend/src/views/website/runtime/components/volume/index.vue
+++ b/frontend/src/views/website/runtime/components/volume/index.vue
@@ -13,7 +13,7 @@
             </el-col>
             <el-col :span="4">
                 <el-form-item>
-                    <el-button type="primary" @click="removeEnv(index)" link class="mt-1">
+                    <el-button v-permission type="primary" @click="removeEnv(index)" link class="mt-1">
                         {{ $t('commons.button.delete') }}
                     </el-button>
                 </el-form-item>
@@ -21,7 +21,7 @@
         </el-row>
         <el-row :gutter="20">
             <el-col :span="4">
-                <el-button @click="addEnv">{{ $t('commons.button.add') }}</el-button>
+                <el-button v-permission @click="addEnv">{{ $t('commons.button.add') }}</el-button>
             </el-col>
         </el-row>
     </div>
diff --git a/frontend/src/views/website/runtime/delete/index.vue b/frontend/src/views/website/runtime/delete/index.vue
index 892c4482d6fa..c5ddee139c90 100644
--- a/frontend/src/views/website/runtime/delete/index.vue
+++ b/frontend/src/views/website/runtime/delete/index.vue
@@ -18,7 +18,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :loading="loading">
+                <el-button v-permission type="primary" @click="submit()" :loading="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/runtime/dotnet/index.vue b/frontend/src/views/website/runtime/dotnet/index.vue
index 3bb51e1e0568..c44ef914aea6 100644
--- a/frontend/src/views/website/runtime/dotnet/index.vue
+++ b/frontend/src/views/website/runtime/dotnet/index.vue
@@ -149,6 +149,7 @@ const req = reactive<Runtime.RuntimeReq>({
 const buttons = [
     {
         label: i18n.global.t('commons.operate.stop'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('down', row.id, loading, search);
         },
@@ -158,6 +159,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.operate.start'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('up', row.id, loading, search);
         },
@@ -167,6 +169,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.operate.restart'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('restart', row.id, loading, search);
         },
@@ -176,6 +179,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.edit'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDetail(row);
         },
@@ -185,6 +189,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('menu.terminal'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openTerminal(row);
         },
@@ -194,6 +199,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDelete(row);
         },
diff --git a/frontend/src/views/website/runtime/dotnet/operate/index.vue b/frontend/src/views/website/runtime/dotnet/operate/index.vue
index 01663ed83751..36f9f085eb7b 100644
--- a/frontend/src/views/website/runtime/dotnet/operate/index.vue
+++ b/frontend/src/views/website/runtime/dotnet/operate/index.vue
@@ -31,7 +31,7 @@
         <template #footer>
             <span>
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(runtimeForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(runtimeForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/runtime/go/index.vue b/frontend/src/views/website/runtime/go/index.vue
index 7dda886a24d4..16c72caa5a24 100644
--- a/frontend/src/views/website/runtime/go/index.vue
+++ b/frontend/src/views/website/runtime/go/index.vue
@@ -29,7 +29,12 @@
                     </el-table-column>
                     <el-table-column :label="$t('runtime.codeDir')" prop="codeDir" min-width="120px">
                         <template #default="{ row }">
-                            <el-button type="primary" link @click="routerToFileWithPath(row.codeDir)">
+                            <el-button
+                                v-permission:view="'host_file_view'"
+                                type="primary"
+                                link
+                                @click="routerToFileWithPath(row.codeDir)"
+                            >
                                 <el-icon>
                                     <FolderOpened />
                                 </el-icon>
@@ -144,6 +149,7 @@ const req = reactive<Runtime.RuntimeReq>({
 const buttons = [
     {
         label: i18n.global.t('commons.operate.stop'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('down', row.id, loading, search);
         },
@@ -153,6 +159,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.operate.start'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('up', row.id, loading, search);
         },
@@ -162,6 +169,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.restart'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('restart', row.id, loading, search);
         },
@@ -171,6 +179,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.edit'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDetail(row);
         },
@@ -180,6 +189,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('menu.terminal'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openTerminal(row);
         },
@@ -189,6 +199,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDelete(row);
         },
diff --git a/frontend/src/views/website/runtime/go/operate/index.vue b/frontend/src/views/website/runtime/go/operate/index.vue
index e1e983f986ae..60e16a86ec24 100644
--- a/frontend/src/views/website/runtime/go/operate/index.vue
+++ b/frontend/src/views/website/runtime/go/operate/index.vue
@@ -51,7 +51,7 @@
 
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit(runtimeForm)" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit(runtimeForm)" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/runtime/java/index.vue b/frontend/src/views/website/runtime/java/index.vue
index 0a1ed8b2938b..c0fe03bedda4 100644
--- a/frontend/src/views/website/runtime/java/index.vue
+++ b/frontend/src/views/website/runtime/java/index.vue
@@ -149,6 +149,7 @@ const req = reactive<Runtime.RuntimeReq>({
 const buttons = [
     {
         label: i18n.global.t('commons.operate.stop'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('down', row.id, loading, search);
         },
@@ -158,6 +159,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.operate.start'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('up', row.id, loading, search);
         },
@@ -167,6 +169,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.restart'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('restart', row.id, loading, search);
         },
@@ -176,6 +179,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.edit'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDetail(row);
         },
@@ -185,6 +189,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('menu.terminal'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openTerminal(row);
         },
@@ -194,6 +199,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDelete(row);
         },
diff --git a/frontend/src/views/website/runtime/java/operate/index.vue b/frontend/src/views/website/runtime/java/operate/index.vue
index 21b435c29421..c6f0891f2e05 100644
--- a/frontend/src/views/website/runtime/java/operate/index.vue
+++ b/frontend/src/views/website/runtime/java/operate/index.vue
@@ -35,7 +35,7 @@
         <template #footer>
             <span>
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(runtimeForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(runtimeForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/runtime/node/index.vue b/frontend/src/views/website/runtime/node/index.vue
index 49daf4b98006..7e5465f64273 100644
--- a/frontend/src/views/website/runtime/node/index.vue
+++ b/frontend/src/views/website/runtime/node/index.vue
@@ -152,6 +152,7 @@ const req = reactive<Runtime.RuntimeReq>({
 const buttons = [
     {
         label: i18n.global.t('runtime.module'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openModules(row);
         },
@@ -161,6 +162,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.operate.stop'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('down', row.id, loading, search);
         },
@@ -170,6 +172,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.operate.start'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('up', row.id, loading, search);
         },
@@ -179,6 +182,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.restart'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('restart', row.id, loading, search);
         },
@@ -188,6 +192,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.edit'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDetail(row);
         },
@@ -197,6 +202,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('menu.terminal'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openTerminal(row);
         },
@@ -206,6 +212,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDelete(row);
         },
diff --git a/frontend/src/views/website/runtime/node/module/index.vue b/frontend/src/views/website/runtime/node/module/index.vue
index 91a1f3b09b50..e089dea7d27f 100644
--- a/frontend/src/views/website/runtime/node/module/index.vue
+++ b/frontend/src/views/website/runtime/node/module/index.vue
@@ -8,7 +8,12 @@
                     </el-input>
                 </el-col>
                 <el-col :span="14">
-                    <el-button @click="operateModule('install', module)" type="primary" :disabled="module === ''">
+                    <el-button
+                        v-permission
+                        @click="operateModule('install', module)"
+                        type="primary"
+                        :disabled="module === ''"
+                    >
                         {{ $t('commons.button.install') }}
                     </el-button>
                 </el-col>
@@ -67,12 +72,14 @@ const loading = ref(false);
 const buttons = [
     {
         label: i18n.global.t('commons.button.update'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateModule('update', row.name);
         },
     },
     {
         label: i18n.global.t('commons.button.uninstall'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateModule('uninstall', row.name);
         },
diff --git a/frontend/src/views/website/runtime/node/operate/index.vue b/frontend/src/views/website/runtime/node/operate/index.vue
index 2d2c0ac1e976..8cba78e0db9f 100644
--- a/frontend/src/views/website/runtime/node/operate/index.vue
+++ b/frontend/src/views/website/runtime/node/operate/index.vue
@@ -52,7 +52,7 @@
         <template #footer>
             <span>
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(runtimeForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(runtimeForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/runtime/php/check/index.vue b/frontend/src/views/website/runtime/php/check/index.vue
index 9d8522f74ec9..12e99bd714b6 100644
--- a/frontend/src/views/website/runtime/php/check/index.vue
+++ b/frontend/src/views/website/runtime/php/check/index.vue
@@ -40,7 +40,7 @@
                 <el-button @click="open = false">
                     {{ $t('commons.button.cancel') }}
                 </el-button>
-                <el-button type="primary" @click="onConfirm">
+                <el-button v-permission type="primary" @click="onConfirm">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/runtime/php/config/config/index.vue b/frontend/src/views/website/runtime/php/config/config/index.vue
index a16c3596281c..d8b90b62598b 100644
--- a/frontend/src/views/website/runtime/php/config/config/index.vue
+++ b/frontend/src/views/website/runtime/php/config/config/index.vue
@@ -40,7 +40,7 @@
                         <span class="input-help">{{ $t('php.max_file_uploads') }}</span>
                     </el-form-item>
                     <el-form-item>
-                        <el-button type="primary" @click="onSaveStart(phpFormRef)">
+                        <el-button v-permission type="primary" @click="onSaveStart(phpFormRef)">
                             {{ $t('commons.button.save') }}
                         </el-button>
                     </el-form-item>
diff --git a/frontend/src/views/website/runtime/php/config/container/index.vue b/frontend/src/views/website/runtime/php/config/container/index.vue
index f54e8ac26d14..1ba340fca5be 100644
--- a/frontend/src/views/website/runtime/php/config/container/index.vue
+++ b/frontend/src/views/website/runtime/php/config/container/index.vue
@@ -29,7 +29,7 @@
                         </el-tab-pane>
                     </el-tabs>
                     <el-form-item class="mt-2">
-                        <el-button type="primary" @click="onSaveStart(runtimeForm)">
+                        <el-button v-permission type="primary" @click="onSaveStart(runtimeForm)">
                             {{ $t('commons.button.save') }}
                         </el-button>
                     </el-form-item>
diff --git a/frontend/src/views/website/runtime/php/config/function/index.vue b/frontend/src/views/website/runtime/php/config/function/index.vue
index 3922fba4f79a..a1873dc5ba6e 100644
--- a/frontend/src/views/website/runtime/php/config/function/index.vue
+++ b/frontend/src/views/website/runtime/php/config/function/index.vue
@@ -8,14 +8,14 @@
             </el-form>
             <ComplexTable :data="data" v-loading="loading">
                 <template #toolbar>
-                    <el-button type="primary" icon="Plus" @click="openCreate(formRef)">
+                    <el-button v-permission type="primary" icon="Plus" @click="openCreate(formRef)">
                         {{ $t('commons.button.add') }}
                     </el-button>
                 </template>
                 <el-table-column :label="$t('commons.table.name')" prop="func"></el-table-column>
                 <el-table-column :label="$t('commons.table.operate')">
                     <template #default="{ $index }">
-                        <el-button link type="primary" @click="remove($index)">
+                        <el-button v-permission link type="primary" @click="remove($index)">
                             {{ $t('commons.button.delete') }}
                         </el-button>
                     </template>
diff --git a/frontend/src/views/website/runtime/php/config/performance/index.vue b/frontend/src/views/website/runtime/php/config/performance/index.vue
index f11481325ee0..7b5ca429a7ea 100644
--- a/frontend/src/views/website/runtime/php/config/performance/index.vue
+++ b/frontend/src/views/website/runtime/php/config/performance/index.vue
@@ -49,7 +49,7 @@
                     </span>
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="primary" @click="onSaveStart(phpFormRef)">
+                    <el-button v-permission type="primary" @click="onSaveStart(phpFormRef)">
                         {{ $t('commons.button.save') }}
                     </el-button>
                 </el-form-item>
diff --git a/frontend/src/views/website/runtime/php/config/php-fpm/index.vue b/frontend/src/views/website/runtime/php/config/php-fpm/index.vue
index 71aadca27fb4..4efc0896cfbf 100644
--- a/frontend/src/views/website/runtime/php/config/php-fpm/index.vue
+++ b/frontend/src/views/website/runtime/php/config/php-fpm/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div v-loading="loading">
         <CodemirrorPro v-model="content"></CodemirrorPro>
-        <el-button type="primary" @click="openUpdate()" class="mt-2.5">
+        <el-button v-permission type="primary" @click="openUpdate()" class="mt-2.5">
             {{ $t('nginx.saveAndReload') }}
         </el-button>
     </div>
diff --git a/frontend/src/views/website/runtime/php/config/timeout/index.vue b/frontend/src/views/website/runtime/php/config/timeout/index.vue
index 52774c1ebd95..a405a08bbec5 100644
--- a/frontend/src/views/website/runtime/php/config/timeout/index.vue
+++ b/frontend/src/views/website/runtime/php/config/timeout/index.vue
@@ -9,7 +9,7 @@
                         </el-input>
                     </el-form-item>
                 </el-form>
-                <el-button type="primary" @click="openCreate(phpFormRef)">
+                <el-button v-permission type="primary" @click="openCreate(phpFormRef)">
                     {{ $t('commons.button.save') }}
                 </el-button>
             </el-col>
diff --git a/frontend/src/views/website/runtime/php/config/upload/index.vue b/frontend/src/views/website/runtime/php/config/upload/index.vue
index 0610461cea50..8bb825a5b615 100644
--- a/frontend/src/views/website/runtime/php/config/upload/index.vue
+++ b/frontend/src/views/website/runtime/php/config/upload/index.vue
@@ -9,7 +9,7 @@
                         </el-input>
                     </el-form-item>
                 </el-form>
-                <el-button type="primary" @click="openCreate(phpFormRef)">
+                <el-button v-permission type="primary" @click="openCreate(phpFormRef)">
                     {{ $t('commons.button.save') }}
                 </el-button>
             </el-col>
diff --git a/frontend/src/views/website/runtime/php/create/index.vue b/frontend/src/views/website/runtime/php/create/index.vue
index c780eefe3000..a506f32cc936 100644
--- a/frontend/src/views/website/runtime/php/create/index.vue
+++ b/frontend/src/views/website/runtime/php/create/index.vue
@@ -195,7 +195,7 @@
         <template #footer>
             <span>
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(runtimeForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(runtimeForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/runtime/php/extension-template/operate/index.vue b/frontend/src/views/website/runtime/php/extension-template/operate/index.vue
index 76f4ea3afaf3..fc47a25ccc16 100644
--- a/frontend/src/views/website/runtime/php/extension-template/operate/index.vue
+++ b/frontend/src/views/website/runtime/php/extension-template/operate/index.vue
@@ -35,7 +35,7 @@
                 <el-button @click="handleClose" :disabled="loading">
                     {{ $t('commons.button.cancel') }}
                 </el-button>
-                <el-button type="primary" @click="submit(extensionsForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(extensionsForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/runtime/php/index.vue b/frontend/src/views/website/runtime/php/index.vue
index ec0f8eee5faf..ae39546b2b4a 100644
--- a/frontend/src/views/website/runtime/php/index.vue
+++ b/frontend/src/views/website/runtime/php/index.vue
@@ -12,7 +12,7 @@
                     {{ $t('php.extensions') }}
                 </el-button>
 
-                <el-button type="primary" plain @click="onOpenBuildCache()">
+                <el-button v-permission type="primary" plain @click="onOpenBuildCache()">
                     {{ $t('container.cleanBuildCache') }}
                 </el-button>
             </template>
@@ -193,6 +193,7 @@ const isExist = ref(false);
 const buttons = [
     {
         label: i18n.global.t('commons.button.edit'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDetail(row);
         },
@@ -202,6 +203,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('runtime.extension'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openExtensionsManagement(row);
         },
@@ -211,6 +213,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('menu.terminal'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openTerminal(row);
         },
@@ -220,6 +223,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.operate.stop'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('down', row.id, loading, search);
         },
@@ -229,6 +233,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.operate.start'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('up', row.id, loading, search);
         },
@@ -238,6 +243,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.restart'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('restart', row.id, loading, search);
         },
@@ -247,6 +253,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('menu.config'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openConfig(row);
         },
@@ -256,6 +263,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('menu.supervisor'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openSupervisor(row);
         },
@@ -266,6 +274,7 @@ const buttons = [
 
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDelete(row);
         },
diff --git a/frontend/src/views/website/runtime/php/supervisor/create/index.vue b/frontend/src/views/website/runtime/php/supervisor/create/index.vue
index 869b4ce2652a..29f1c4daf885 100644
--- a/frontend/src/views/website/runtime/php/supervisor/create/index.vue
+++ b/frontend/src/views/website/runtime/php/supervisor/create/index.vue
@@ -42,7 +42,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(processForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(processForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/runtime/php/supervisor/file/index.vue b/frontend/src/views/website/runtime/php/supervisor/file/index.vue
index 2c08e447a0d4..9152b3a8c3be 100644
--- a/frontend/src/views/website/runtime/php/supervisor/file/index.vue
+++ b/frontend/src/views/website/runtime/php/supervisor/file/index.vue
@@ -9,7 +9,7 @@
                 <el-checkbox border v-model="tailLog" class="float-left" @change="changeTail">
                     {{ $t('commons.button.watch') }}
                 </el-checkbox>
-                <el-button class="ml-5" @click="cleanLog" icon="Delete">
+                <el-button v-permission class="ml-5" @click="cleanLog" icon="Delete">
                     {{ $t('commons.button.clean') }}
                 </el-button>
             </div>
@@ -22,7 +22,13 @@
         <template #footer>
             <span>
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" :disabled="loading" @click="submit()" v-if="req.file === 'config'">
+                <el-button
+                    v-permission
+                    type="primary"
+                    :disabled="loading"
+                    @click="submit()"
+                    v-if="req.file === 'config'"
+                >
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/runtime/php/supervisor/index.vue b/frontend/src/views/website/runtime/php/supervisor/index.vue
index 7f4b92acf0aa..ca174ca1ed65 100644
--- a/frontend/src/views/website/runtime/php/supervisor/index.vue
+++ b/frontend/src/views/website/runtime/php/supervisor/index.vue
@@ -7,6 +7,7 @@
                         {{ $t('commons.button.create') }}
                     </el-button>
                     <el-button
+                        v-permission
                         @click="batchRestart"
                         :disabled="!selects.length || selects.every((item) => item.name === 'php-fpm')"
                     >
@@ -50,16 +51,18 @@
                     <template #default="{ row }">
                         <div v-if="row.status && row.status.length > 0 && row.hasLoad">
                             <Status
+                                v-permission
                                 v-if="checkStatus(row.status) === 'RUNNING'"
                                 status="running"
                                 @click="operate('stop', row.name)"
                             />
                             <Status
+                                v-permission
                                 v-else-if="checkStatus(row.status) === 'WARNING'"
                                 status="unhealthy"
                                 @click="operate('restart', row.name)"
                             />
-                            <Status v-else status="stopped" @click="operate('start', row.name)" />
+                            <Status v-else v-permission status="stopped" @click="operate('start', row.name)" />
                         </div>
                         <div v-if="!row.hasLoad">
                             <el-button link loading></el-button>
@@ -306,6 +309,7 @@ const edit = (row: HostTool.SupervisorProcess) => {
 const buttons = [
     {
         label: i18n.global.t('commons.button.edit'),
+        permission: true,
         click: function (row: HostTool.SupervisorProcess) {
             edit(row);
         },
@@ -315,6 +319,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('website.sourceFile'),
+        permission: true,
         click: function (row: HostTool.SupervisorProcess) {
             getFile(row.name, 'config', runtimeID.value);
         },
@@ -333,6 +338,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.restart'),
+        permission: true,
         click: function (row: HostTool.SupervisorProcess) {
             operate('restart', row.name);
         },
@@ -342,6 +348,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: HostTool.SupervisorProcess) {
             operate('delete', row.name);
         },
diff --git a/frontend/src/views/website/runtime/python/index.vue b/frontend/src/views/website/runtime/python/index.vue
index 0263d12a33b5..2cb1560107ba 100644
--- a/frontend/src/views/website/runtime/python/index.vue
+++ b/frontend/src/views/website/runtime/python/index.vue
@@ -149,6 +149,7 @@ const req = reactive<Runtime.RuntimeReq>({
 const buttons = [
     {
         label: i18n.global.t('commons.operate.stop'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('down', row.id, loading, search);
         },
@@ -158,6 +159,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.operate.start'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('up', row.id, loading, search);
         },
@@ -167,6 +169,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.restart'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             operateRuntime('restart', row.id, loading, search);
         },
@@ -176,6 +179,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.edit'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDetail(row);
         },
@@ -185,6 +189,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('menu.terminal'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openTerminal(row);
         },
@@ -194,6 +199,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Runtime.Runtime) {
             openDelete(row);
         },
diff --git a/frontend/src/views/website/runtime/python/operate/index.vue b/frontend/src/views/website/runtime/python/operate/index.vue
index 0172fde1bb66..582d2b61ab68 100644
--- a/frontend/src/views/website/runtime/python/operate/index.vue
+++ b/frontend/src/views/website/runtime/python/operate/index.vue
@@ -31,7 +31,7 @@
 
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit(runtimeForm)" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit(runtimeForm)" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/ssl/acme-account/create/index.vue b/frontend/src/views/website/ssl/acme-account/create/index.vue
index b3db0234bbf2..cbaa11af5d02 100644
--- a/frontend/src/views/website/ssl/acme-account/create/index.vue
+++ b/frontend/src/views/website/ssl/acme-account/create/index.vue
@@ -76,7 +76,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(accountForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(accountForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/ssl/acme-account/index.vue b/frontend/src/views/website/ssl/acme-account/index.vue
index f50e013bf254..23689a6b49a2 100644
--- a/frontend/src/views/website/ssl/acme-account/index.vue
+++ b/frontend/src/views/website/ssl/acme-account/index.vue
@@ -29,7 +29,7 @@
                 </el-table-column>
                 <el-table-column :label="$t('website.useProxy')" min-width="100px" v-if="isProductPro">
                     <template #default="{ row }">
-                        <el-switch v-model="row.useProxy" @change="update(row)"></el-switch>
+                        <el-switch v-permission v-model="row.useProxy" @change="update(row)"></el-switch>
                     </template>
                 </el-table-column>
                 <el-table-column label="URL" show-overflow-tooltip prop="url" min-width="300px"></el-table-column>
@@ -73,6 +73,7 @@ const opRef = ref();
 const buttons = [
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Website.AcmeAccount) {
             deleteAccount(row);
         },
diff --git a/frontend/src/views/website/ssl/apply/index.vue b/frontend/src/views/website/ssl/apply/index.vue
index 497c6ae1f2c8..027b1acaedc4 100644
--- a/frontend/src/views/website/ssl/apply/index.vue
+++ b/frontend/src/views/website/ssl/apply/index.vue
@@ -27,7 +27,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/ssl/ca/create/index.vue b/frontend/src/views/website/ssl/ca/create/index.vue
index 495d0ea4cb35..5f1cb375daa4 100644
--- a/frontend/src/views/website/ssl/ca/create/index.vue
+++ b/frontend/src/views/website/ssl/ca/create/index.vue
@@ -40,7 +40,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(caForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(caForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/ssl/ca/index.vue b/frontend/src/views/website/ssl/ca/index.vue
index a19f5a0c8ce2..7f5241df20ec 100644
--- a/frontend/src/views/website/ssl/ca/index.vue
+++ b/frontend/src/views/website/ssl/ca/index.vue
@@ -64,6 +64,7 @@ const detailRef = ref();
 const buttons = [
     {
         label: i18n.global.t('ssl.selfSign'),
+        permission: true,
         click: function (row: Website.CA) {
             obtain(row);
         },
@@ -82,6 +83,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Website.CA) {
             deleteca(row);
         },
diff --git a/frontend/src/views/website/ssl/ca/obtain/index.vue b/frontend/src/views/website/ssl/ca/obtain/index.vue
index 71fac9a1af1f..751cc70916d5 100644
--- a/frontend/src/views/website/ssl/ca/obtain/index.vue
+++ b/frontend/src/views/website/ssl/ca/obtain/index.vue
@@ -68,7 +68,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(obtainForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(obtainForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/ssl/create/index.vue b/frontend/src/views/website/ssl/create/index.vue
index ede874bbe002..c00914bd4bf4 100644
--- a/frontend/src/views/website/ssl/create/index.vue
+++ b/frontend/src/views/website/ssl/create/index.vue
@@ -158,7 +158,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(sslForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(sslForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/ssl/dns-account/create/index.vue b/frontend/src/views/website/ssl/dns-account/create/index.vue
index f67db22471d5..6633d31d95f4 100644
--- a/frontend/src/views/website/ssl/dns-account/create/index.vue
+++ b/frontend/src/views/website/ssl/dns-account/create/index.vue
@@ -197,7 +197,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(accountForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(accountForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/ssl/dns-account/index.vue b/frontend/src/views/website/ssl/dns-account/index.vue
index 29c0420f22eb..c82ad12fbf6a 100644
--- a/frontend/src/views/website/ssl/dns-account/index.vue
+++ b/frontend/src/views/website/ssl/dns-account/index.vue
@@ -60,6 +60,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Website.DnsAccount) {
             deleteAccount(row);
         },
diff --git a/frontend/src/views/website/ssl/obtain/index.vue b/frontend/src/views/website/ssl/obtain/index.vue
index 4281fda254c2..8f534f47e0f7 100644
--- a/frontend/src/views/website/ssl/obtain/index.vue
+++ b/frontend/src/views/website/ssl/obtain/index.vue
@@ -18,7 +18,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/ssl/upload/index.vue b/frontend/src/views/website/ssl/upload/index.vue
index 6deced5bd3ee..7f5538e6c569 100644
--- a/frontend/src/views/website/ssl/upload/index.vue
+++ b/frontend/src/views/website/ssl/upload/index.vue
@@ -73,7 +73,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/batch-op/group.vue b/frontend/src/views/website/website/batch-op/group.vue
index 293f980b82a8..82d2b4cec0bc 100644
--- a/frontend/src/views/website/website/batch-op/group.vue
+++ b/frontend/src/views/website/website/batch-op/group.vue
@@ -5,7 +5,7 @@
         </el-form>
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit()" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/website/batch-op/https.vue b/frontend/src/views/website/website/batch-op/https.vue
index 9a48a9b9f5c4..2cd0febbd385 100644
--- a/frontend/src/views/website/website/batch-op/https.vue
+++ b/frontend/src/views/website/website/batch-op/https.vue
@@ -5,7 +5,7 @@
         </el-form>
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit()" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/website/config/basic/anti-Leech/index.vue b/frontend/src/views/website/website/config/basic/anti-Leech/index.vue
index 327fe751e1a1..a6a9af84137a 100644
--- a/frontend/src/views/website/website/config/basic/anti-Leech/index.vue
+++ b/frontend/src/views/website/website/config/basic/anti-Leech/index.vue
@@ -14,7 +14,7 @@
                 </el-form-item>
                 <el-divider content-position="left">{{ $t('website.antiLeech') }}</el-divider>
                 <el-form-item :label="$t('website.enableOrNot')" prop="enable">
-                    <el-switch v-model="form.enable" @change="changeEnable"></el-switch>
+                    <el-switch v-permission v-model="form.enable" @change="changeEnable"></el-switch>
                 </el-form-item>
                 <template v-if="form.enable">
                     <el-form-item :label="$t('website.accessDomain')" prop="domains">
@@ -26,6 +26,7 @@
                                     class="flex-1 mr-2"
                                 ></el-input>
                                 <el-button
+                                    v-permission
                                     type="danger"
                                     size="small"
                                     :icon="Delete"
@@ -33,7 +34,7 @@
                                     v-if="domainList.length > 1"
                                 ></el-button>
                             </div>
-                            <el-button type="primary" size="small" :icon="Plus" @click="addDomain" plain>
+                            <el-button v-permission type="primary" size="small" :icon="Plus" @click="addDomain" plain>
                                 {{ $t('commons.button.add') }}
                             </el-button>
                         </div>
@@ -92,7 +93,7 @@
                     <span class="input-help">{{ $t('website.leechlogControlHelper') }}</span>
                 </el-form-item>
                 <div class="flex items-center gap-4 mt-2">
-                    <el-button type="primary" @click="submit(leechRef, form.enable)" :disabled="loading">
+                    <el-button v-permission type="primary" @click="submit(leechRef, form.enable)" :disabled="loading">
                         {{ $t('commons.button.save') }}
                     </el-button>
                 </div>
diff --git a/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue b/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue
index 08945c0dc1f7..976a3107d6f3 100644
--- a/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue
@@ -36,7 +36,7 @@
         </el-form>
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit(proxyForm)" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit(proxyForm)" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/website/config/basic/auth-basic/index.vue b/frontend/src/views/website/website/config/basic/auth-basic/index.vue
index 006eb9846254..c72e06b686cc 100644
--- a/frontend/src/views/website/website/config/basic/auth-basic/index.vue
+++ b/frontend/src/views/website/website/config/basic/auth-basic/index.vue
@@ -7,6 +7,7 @@
                         {{ $t('commons.button.create') }}
                     </el-button>
                     <el-switch
+                        v-permission
                         class="ml-5"
                         v-model="enable"
                         @change="changeEnable"
@@ -97,6 +98,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Website.NginxAuthConfig) {
             deleteAuth(row);
         },
@@ -114,6 +116,7 @@ const pathButtons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Website.NginxPathAuthConfig) {
             deletePathAuth(row);
         },
diff --git a/frontend/src/views/website/website/config/basic/cors/index.vue b/frontend/src/views/website/website/config/basic/cors/index.vue
index 30269ff43186..f77e26611bf6 100644
--- a/frontend/src/views/website/website/config/basic/cors/index.vue
+++ b/frontend/src/views/website/website/config/basic/cors/index.vue
@@ -23,7 +23,7 @@
                 ></CorsSetting>
 
                 <el-form-item>
-                    <el-button type="primary" @click="submit()">
+                    <el-button v-permission type="primary" @click="submit()">
                         {{ $t('commons.button.save') }}
                     </el-button>
                 </el-form-item>
diff --git a/frontend/src/views/website/website/config/basic/default-doc/index.vue b/frontend/src/views/website/website/config/basic/default-doc/index.vue
index 47e881c4ede5..630b7c950c0d 100644
--- a/frontend/src/views/website/website/config/basic/default-doc/index.vue
+++ b/frontend/src/views/website/website/config/basic/default-doc/index.vue
@@ -6,7 +6,7 @@
                     <el-input v-model="defaultModel.index" type="textarea" :rows="8"></el-input>
                 </el-form-item>
             </el-form>
-            <el-button type="primary" @click="submit(defaultForm)" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit(defaultForm)" :disabled="loading">
                 {{ $t('commons.button.save') }}
             </el-button>
         </el-col>
diff --git a/frontend/src/views/website/website/config/basic/domain/create/index.vue b/frontend/src/views/website/website/config/basic/domain/create/index.vue
index b53b93f437b1..084217a1634b 100644
--- a/frontend/src/views/website/website/config/basic/domain/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/domain/create/index.vue
@@ -6,7 +6,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(domainForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(domainForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/config/basic/domain/index.vue b/frontend/src/views/website/website/config/basic/domain/index.vue
index c76dd6783eef..9bccc1763cdd 100644
--- a/frontend/src/views/website/website/config/basic/domain/index.vue
+++ b/frontend/src/views/website/website/config/basic/domain/index.vue
@@ -1,7 +1,7 @@
 <template>
     <ComplexTable :data="data" @search="search" v-loading="loading" :heightDiff="400">
         <template #toolbar>
-            <el-button type="primary" plain @click="openCreate">{{ $t('website.addDomain') }}</el-button>
+            <el-button v-permission type="primary" plain @click="openCreate">{{ $t('website.addDomain') }}</el-button>
         </template>
         <el-table-column width="30px">
             <template #default="{ row }">
@@ -17,7 +17,7 @@
         <el-table-column :label="$t('commons.table.port')" prop="port"></el-table-column>
         <el-table-column :label="'SSL'" prop="ssl">
             <template #default="{ row }">
-                <el-switch v-model="row.ssl" @change="update(row)" :disabled="row.port == 80" />
+                <el-switch v-permission v-model="row.ssl" @change="update(row)" :disabled="row.port == 80" />
             </template>
         </el-table-column>
         <fu-table-operations
@@ -65,6 +65,7 @@ const httpsPort = ref(443);
 const buttons = [
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Website.Domain) {
             deleteWebsiteDomain(row);
         },
diff --git a/frontend/src/views/website/website/config/basic/https/index.vue b/frontend/src/views/website/website/config/basic/https/index.vue
index d98c6fd96313..54c6352f7cac 100644
--- a/frontend/src/views/website/website/config/basic/https/index.vue
+++ b/frontend/src/views/website/website/config/basic/https/index.vue
@@ -15,7 +15,7 @@
                 :rules="rules"
             >
                 <el-form-item prop="enable" :label="$t('website.enableHTTPS')">
-                    <el-switch v-model="form.enable" @change="changeEnable"></el-switch>
+                    <el-switch v-permission v-model="form.enable" @change="changeEnable"></el-switch>
                 </el-form-item>
 
                 <el-collapse-transition>
@@ -29,7 +29,7 @@
                         <el-divider content-position="left">{{ $t('website.SSLConfig') }}</el-divider>
                         <HttpsConfig v-model="form" :website-ssl="websiteSSL" @ssl-change="handleSSLChange" />
                         <el-form-item>
-                            <el-button type="primary" @click="submit(httpsForm)">
+                            <el-button v-permission type="primary" @click="submit(httpsForm)">
                                 {{ $t('commons.button.save') }}
                             </el-button>
                         </el-form-item>
diff --git a/frontend/src/views/website/website/config/basic/limit-conn/index.vue b/frontend/src/views/website/website/config/basic/limit-conn/index.vue
index 7aac2eef0b54..89e4f7dba133 100644
--- a/frontend/src/views/website/website/config/basic/limit-conn/index.vue
+++ b/frontend/src/views/website/website/config/basic/limit-conn/index.vue
@@ -3,7 +3,7 @@
         <el-col :xs="24" :sm="18" :md="8" :lg="8" :xl="8">
             <el-form ref="limitForm" label-position="right" :model="form" :rules="rules" label-width="100px">
                 <el-form-item prop="enable" :label="$t('website.enableOrNot')">
-                    <el-switch v-model="enable" @change="changeEnable"></el-switch>
+                    <el-switch v-permission v-model="enable" @change="changeEnable"></el-switch>
                 </el-form-item>
                 <el-form-item :label="$t('website.limit')">
                     <el-select v-model="ruleKey" @change="changeRule(ruleKey)">
@@ -29,7 +29,7 @@
                     <span class="input-help">{{ $t('website.rateLimitHelper') }}</span>
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="primary" @click="submit(limitForm)" :disabled="loading">
+                    <el-button v-permission type="primary" @click="submit(limitForm)" :disabled="loading">
                         <span v-if="enable">{{ $t('commons.button.save') }}</span>
                         <span v-else>{{ $t('commons.button.saveAndEnable') }}</span>
                     </el-button>
diff --git a/frontend/src/views/website/website/config/basic/load-balance/file/index.vue b/frontend/src/views/website/website/config/basic/load-balance/file/index.vue
index b26c221b5758..cb68de48a1a5 100644
--- a/frontend/src/views/website/website/config/basic/load-balance/file/index.vue
+++ b/frontend/src/views/website/website/config/basic/load-balance/file/index.vue
@@ -9,7 +9,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/config/basic/load-balance/form/index.vue b/frontend/src/views/website/website/config/basic/load-balance/form/index.vue
index 7d335a1a02ee..ff93d0539623 100644
--- a/frontend/src/views/website/website/config/basic/load-balance/form/index.vue
+++ b/frontend/src/views/website/website/config/basic/load-balance/form/index.vue
@@ -148,7 +148,7 @@
                 </div>
             </el-card>
 
-            <el-button class="add-server-btn" type="primary" plain @click="addServer" icon="Plus">
+            <el-button v-permission class="add-server-btn" type="primary" plain @click="addServer" icon="Plus">
                 {{ $t('commons.button.add') }}
             </el-button>
         </div>
diff --git a/frontend/src/views/website/website/config/basic/load-balance/index.vue b/frontend/src/views/website/website/config/basic/load-balance/index.vue
index de4499151773..698a9292209f 100644
--- a/frontend/src/views/website/website/config/basic/load-balance/index.vue
+++ b/frontend/src/views/website/website/config/basic/load-balance/index.vue
@@ -95,6 +95,7 @@ const Algorithms = getAlgorithms('');
 const buttons = [
     {
         label: i18n.global.t('website.sourceFile'),
+        permission: true,
         click: function (row: any) {
             openEditFile(row);
         },
@@ -108,6 +109,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: (row: any) => {
             deleteLb(row);
         },
diff --git a/frontend/src/views/website/website/config/basic/load-balance/operate/index.vue b/frontend/src/views/website/website/config/basic/load-balance/operate/index.vue
index c28598477f61..5afe4f5cdd41 100644
--- a/frontend/src/views/website/website/config/basic/load-balance/operate/index.vue
+++ b/frontend/src/views/website/website/config/basic/load-balance/operate/index.vue
@@ -13,7 +13,7 @@
                 <el-button @click="handleClose" :disabled="loading">
                     {{ $t('commons.button.cancel') }}
                 </el-button>
-                <el-button type="primary" @click="submit" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/config/basic/other/index.vue b/frontend/src/views/website/website/config/basic/other/index.vue
index 0a1f05e1d455..4b2384dadb1c 100644
--- a/frontend/src/views/website/website/config/basic/other/index.vue
+++ b/frontend/src/views/website/website/config/basic/other/index.vue
@@ -20,7 +20,7 @@
                     <el-checkbox v-model="form.IPV6" :label="$t('website.ipv6')" size="large" />
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="primary" @click="submit(websiteForm)" :disabled="loading">
+                    <el-button v-permission type="primary" @click="submit(websiteForm)" :disabled="loading">
                         {{ $t('commons.button.save') }}
                     </el-button>
                 </el-form-item>
diff --git a/frontend/src/views/website/website/config/basic/php/composer/index.vue b/frontend/src/views/website/website/config/basic/php/composer/index.vue
index d75e13603d0a..e1dd9d6bcb49 100644
--- a/frontend/src/views/website/website/config/basic/php/composer/index.vue
+++ b/frontend/src/views/website/website/config/basic/php/composer/index.vue
@@ -36,7 +36,7 @@
             </el-input>
         </el-form-item>
         <el-form-item>
-            <el-button type="primary" @click="exec">{{ $t('commons.button.handle') }}</el-button>
+            <el-button v-permission type="primary" @click="exec">{{ $t('commons.button.handle') }}</el-button>
         </el-form-item>
     </el-form>
     <TaskLog ref="taskLogRef" @close="search" />
diff --git a/frontend/src/views/website/website/config/basic/php/index.vue b/frontend/src/views/website/website/config/basic/php/index.vue
index 4b85922ded1e..c800b93d99c6 100644
--- a/frontend/src/views/website/website/config/basic/php/index.vue
+++ b/frontend/src/views/website/website/config/basic/php/index.vue
@@ -23,6 +23,7 @@
                             </el-col>
                             <el-col :span="4">
                                 <el-button
+                                    v-permission
                                     type="primary"
                                     @click="submit()"
                                     :disabled="versionReq.runtimeID === oldRuntimeID"
@@ -40,7 +41,7 @@
             >
                 <el-form label-position="right" label-width="100px" v-if="tabIndex == '1'">
                     <el-form-item :label="$t('website.openBaseDir')">
-                        <el-switch v-model="openBaseDir" @change="operateCrossSite"></el-switch>
+                        <el-switch v-permission v-model="openBaseDir" @change="operateCrossSite"></el-switch>
                         <span class="input-help">{{ $t('website.openBaseDirHelper') }}</span>
                     </el-form-item>
                 </el-form>
diff --git a/frontend/src/views/website/website/config/basic/proxy/cache/index.vue b/frontend/src/views/website/website/config/basic/proxy/cache/index.vue
index 0828dfc2f658..3c25a321b472 100644
--- a/frontend/src/views/website/website/config/basic/proxy/cache/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/cache/index.vue
@@ -61,7 +61,7 @@
         </el-form>
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit(proxyForm)" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit(proxyForm)" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/website/config/basic/proxy/create/index.vue b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
index 83de041fbec9..faf5e9fda431 100644
--- a/frontend/src/views/website/website/config/basic/proxy/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
@@ -222,7 +222,7 @@
                             </el-row>
                         </div>
                         <div class="mt-4">
-                            <el-button type="primary" @click="addReplaces" :icon="Plus">
+                            <el-button v-permission type="primary" @click="addReplaces" :icon="Plus">
                                 {{ $t('website.addReplace') }}
                             </el-button>
                             <span class="input-help mt-4">{{ $t('website.replaceHelper') }}</span>
@@ -233,7 +233,7 @@
         </el-form>
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit(proxyForm)" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit(proxyForm)" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/website/config/basic/proxy/file/index.vue b/frontend/src/views/website/website/config/basic/proxy/file/index.vue
index 323b69eec64d..2d489f9c9eb8 100644
--- a/frontend/src/views/website/website/config/basic/proxy/file/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/file/index.vue
@@ -9,7 +9,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/config/basic/proxy/index.vue b/frontend/src/views/website/website/config/basic/proxy/index.vue
index 5fb3fd21236f..ee495f07080a 100644
--- a/frontend/src/views/website/website/config/basic/proxy/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/index.vue
@@ -85,6 +85,7 @@ const hasCache = ref(false);
 const buttons = [
     {
         label: i18n.global.t('website.sourceFile'),
+        permission: true,
         click: function (row: Website.ProxyConfig) {
             openEditFile(row);
         },
diff --git a/frontend/src/views/website/website/config/basic/real-ip/index.vue b/frontend/src/views/website/website/config/basic/real-ip/index.vue
index 3fd53465c200..3c9e679ae615 100644
--- a/frontend/src/views/website/website/config/basic/real-ip/index.vue
+++ b/frontend/src/views/website/website/config/basic/real-ip/index.vue
@@ -56,7 +56,7 @@
                     </el-form-item>
                 </div>
                 <el-form-item>
-                    <el-button type="primary" @click="submit(realIPForm)" :loading="loading">
+                    <el-button v-permission type="primary" @click="submit(realIPForm)" :loading="loading">
                         {{ $t('commons.button.save') }}
                     </el-button>
                 </el-form-item>
diff --git a/frontend/src/views/website/website/config/basic/redirect/create/index.vue b/frontend/src/views/website/website/config/basic/redirect/create/index.vue
index e8438008aeab..9b0884a4c962 100644
--- a/frontend/src/views/website/website/config/basic/redirect/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/redirect/create/index.vue
@@ -52,7 +52,7 @@
         </el-form>
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit(redirectForm)" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit(redirectForm)" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/website/config/basic/redirect/file/index.vue b/frontend/src/views/website/website/config/basic/redirect/file/index.vue
index ae0309605e70..4736eca5f2be 100644
--- a/frontend/src/views/website/website/config/basic/redirect/file/index.vue
+++ b/frontend/src/views/website/website/config/basic/redirect/file/index.vue
@@ -4,7 +4,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/config/basic/redirect/index.vue b/frontend/src/views/website/website/config/basic/redirect/index.vue
index e3b71b508c07..f7f80924e7a2 100644
--- a/frontend/src/views/website/website/config/basic/redirect/index.vue
+++ b/frontend/src/views/website/website/config/basic/redirect/index.vue
@@ -30,7 +30,7 @@
         </el-table-column>
         <el-table-column :label="$t('commons.table.status')" prop="enable" min-width="50px">
             <template #default="{ row }">
-                <Status :status="row.enable ? 'enable' : 'disable'" @click="opProxy(row)" />
+                <Status v-permission :status="row.enable ? 'enable' : 'disable'" @click="opProxy(row)" />
             </template>
         </el-table-column>
         <fu-table-operations
@@ -80,6 +80,7 @@ const opRef = ref();
 const buttons = [
     {
         label: i18n.global.t('website.sourceFile'),
+        permission: true,
         click: function (row: Website.RedirectConfig) {
             openEditFile(row);
         },
@@ -99,6 +100,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Website.RedirectConfig) {
             deleteProxy(row);
         },
diff --git a/frontend/src/views/website/website/config/basic/resource/index.vue b/frontend/src/views/website/website/config/basic/resource/index.vue
index 1e0d0cba3034..43dfb81fed93 100644
--- a/frontend/src/views/website/website/config/basic/resource/index.vue
+++ b/frontend/src/views/website/website/config/basic/resource/index.vue
@@ -37,7 +37,7 @@
                 <el-text type="warning">{{ $t('website.changeDatabaseHelper2') }}</el-text>
             </el-form-item>
             <el-form-item>
-                <el-button type="primary" @click="submit()">
+                <el-button v-permission type="primary" @click="submit()">
                     {{ $t('commons.button.save') }}
                 </el-button>
             </el-form-item>
diff --git a/frontend/src/views/website/website/config/basic/rewrite/custom/index.vue b/frontend/src/views/website/website/config/basic/rewrite/custom/index.vue
index 63508b5fd40c..1692227278e8 100644
--- a/frontend/src/views/website/website/config/basic/rewrite/custom/index.vue
+++ b/frontend/src/views/website/website/config/basic/rewrite/custom/index.vue
@@ -8,7 +8,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit(rewriteForm)" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit(rewriteForm)" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/config/basic/rewrite/index.vue b/frontend/src/views/website/website/config/basic/rewrite/index.vue
index bf981e69a1c3..dc354e74bb32 100644
--- a/frontend/src/views/website/website/config/basic/rewrite/index.vue
+++ b/frontend/src/views/website/website/config/basic/rewrite/index.vue
@@ -11,6 +11,7 @@
                 >
                     <span>{{ rewrite.name }}</span>
                     <el-button
+                        v-permission
                         class="float-right mt-1.5"
                         v-if="rewrite.resource == 'custom'"
                         link
@@ -26,10 +27,10 @@
             <el-form-item>
                 <el-alert :title="$t('website.rewriteHelper')" type="info" :closable="false" />
             </el-form-item>
-            <el-button type="primary" @click="submit()">
+            <el-button v-permission type="primary" @click="submit()">
                 {{ $t('nginx.saveAndReload') }}
             </el-button>
-            <el-button type="primary" @click="opCustomRewrite()" :disabled="content == ''">
+            <el-button v-permission type="primary" @click="opCustomRewrite()" :disabled="content == ''">
                 {{ $t('website.saveCustom') }}
             </el-button>
         </div>
diff --git a/frontend/src/views/website/website/config/basic/site-folder/index.vue b/frontend/src/views/website/website/config/basic/site-folder/index.vue
index 76b0883bd337..771cedc31312 100644
--- a/frontend/src/views/website/website/config/basic/site-folder/index.vue
+++ b/frontend/src/views/website/website/config/basic/site-folder/index.vue
@@ -28,7 +28,7 @@
                                 :key="index"
                             ></el-option>
                         </el-select>
-                        <el-button type="primary" @click="submit(siteForm)">
+                        <el-button v-permission type="primary" @click="submit(siteForm)">
                             {{ $t('nginx.saveAndReload') }}
                         </el-button>
                     </el-space>
@@ -44,7 +44,7 @@
                         <el-input v-model="updatePermission.group" class="user-num-input">
                             <template #prepend>{{ $t('website.uGroup') }}</template>
                         </el-input>
-                        <el-button type="primary" @click="submitPermission()">
+                        <el-button v-permission type="primary" @click="submitPermission()">
                             {{ $t('commons.button.save') }}
                         </el-button>
                     </el-space>
diff --git a/frontend/src/views/website/website/config/basic/stream/index.vue b/frontend/src/views/website/website/config/basic/stream/index.vue
index 29cc1f69a957..85e9a95baa60 100644
--- a/frontend/src/views/website/website/config/basic/stream/index.vue
+++ b/frontend/src/views/website/website/config/basic/stream/index.vue
@@ -11,7 +11,7 @@
                     </el-form-item>
                     <LoadBalanceForm ref="lbFormRef" v-model="form" :disabled="true" />
                     <el-form-item>
-                        <el-button type="primary" @click="submit()" class="mt-2">
+                        <el-button v-permission type="primary" @click="submit()" class="mt-2">
                             {{ $t('commons.button.save') }}
                         </el-button>
                     </el-form-item>
diff --git a/frontend/src/views/website/website/config/log/log-fiile/index.vue b/frontend/src/views/website/website/config/log/log-fiile/index.vue
index aa62f9e89629..b666f9bedf57 100644
--- a/frontend/src/views/website/website/config/log/log-fiile/index.vue
+++ b/frontend/src/views/website/website/config/log/log-fiile/index.vue
@@ -2,12 +2,12 @@
     <div v-loading="loading">
         <div>
             <el-form-item :label="$t('website.enable')">
-                <el-switch v-model="data.enable" @change="updateEnable"></el-switch>
+                <el-switch v-permission v-model="data.enable" @change="updateEnable"></el-switch>
             </el-form-item>
         </div>
         <LogFile :config="{ id: id, type: 'website', name: logName, colorMode: 'nginx' }" ref="logRef">
             <template #button>
-                <el-button @click="cleanLog" icon="Delete">
+                <el-button v-permission @click="cleanLog" icon="Delete">
                     {{ $t('commons.button.clean') }}
                 </el-button>
             </template>
diff --git a/frontend/src/views/website/website/config/resource/nginx/index.vue b/frontend/src/views/website/website/config/resource/nginx/index.vue
index 4fd970b75805..2e7b6a3448f0 100644
--- a/frontend/src/views/website/website/config/resource/nginx/index.vue
+++ b/frontend/src/views/website/website/config/resource/nginx/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div v-loading="loading">
         <CodemirrorPro v-model="content" mode="nginx" :heightDiff="400" />
-        <el-button type="primary" @click="submit()" class="mt-2.5">
+        <el-button v-permission type="primary" @click="submit()" class="mt-2.5">
             {{ $t('nginx.saveAndReload') }}
         </el-button>
     </div>
diff --git a/frontend/src/views/website/website/cors/index.vue b/frontend/src/views/website/website/cors/index.vue
index c90986cdf416..5f492d211090 100644
--- a/frontend/src/views/website/website/cors/index.vue
+++ b/frontend/src/views/website/website/cors/index.vue
@@ -4,11 +4,11 @@
             <div class="flex flex-col gap-1">
                 <span class="font-medium">{{ $t('website.enableCors') }}</span>
             </div>
-            <el-switch v-model="corsEnabled" size="large" @change="handleCorsChange" />
+            <el-switch v-permission v-model="corsEnabled" size="large" @change="handleCorsChange" />
         </div>
 
         <el-form-item :label="$t('website.enableCors')" v-if="enableSize == 'small'">
-            <el-switch v-model="corsEnabled" size="large" @change="handleCorsChange" />
+            <el-switch v-permission v-model="corsEnabled" size="large" @change="handleCorsChange" />
         </el-form-item>
 
         <el-collapse-transition>
@@ -36,11 +36,11 @@
                 </el-form-item>
 
                 <el-form-item :label="$t('website.allowCredentials')" prop="allowCredentials">
-                    <el-switch v-model="corsConfig.allowCredentials" @change="emitUpdate" />
+                    <el-switch v-permission v-model="corsConfig.allowCredentials" @change="emitUpdate" />
                 </el-form-item>
 
                 <el-form-item :label="$t('website.preflight')" prop="preflight">
-                    <el-switch v-model="corsConfig.preflight" @change="emitUpdate" />
+                    <el-switch v-permission v-model="corsConfig.preflight" @change="emitUpdate" />
                     <span class="input-help">{{ $t('website.preflightHleper') }}</span>
                 </el-form-item>
             </div>
diff --git a/frontend/src/views/website/website/default/index.vue b/frontend/src/views/website/website/default/index.vue
index 56909fff53e1..0fb6d120a929 100644
--- a/frontend/src/views/website/website/default/index.vue
+++ b/frontend/src/views/website/website/default/index.vue
@@ -21,7 +21,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/delete/index.vue b/frontend/src/views/website/website/delete/index.vue
index 1f95bbf1a8be..81be3bbc1627 100644
--- a/frontend/src/views/website/website/delete/index.vue
+++ b/frontend/src/views/website/website/delete/index.vue
@@ -40,7 +40,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :disabled="loading || deleteInfo != websiteName">
+                <el-button v-permission type="primary" @click="submit()" :disabled="loading || deleteInfo != websiteName">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/domain-create/index.vue b/frontend/src/views/website/website/domain-create/index.vue
index 47242ac49a84..01043377382b 100644
--- a/frontend/src/views/website/website/domain-create/index.vue
+++ b/frontend/src/views/website/website/domain-create/index.vue
@@ -45,20 +45,20 @@
             </el-col>
             <el-col :span="4" v-if="index == 0">
                 <el-form-item :label="$t('commons.table.operate')">
-                    <el-button @click="addDomain">
+                    <el-button v-permission @click="addDomain">
                         <el-icon><Plus /></el-icon>
                     </el-button>
                 </el-form-item>
             </el-col>
             <el-col :span="4" v-else>
                 <el-form-item>
-                    <el-button @click="removeDomain(index)">
+                    <el-button v-permission @click="removeDomain(index)">
                         <el-icon><Delete /></el-icon>
                     </el-button>
                 </el-form-item>
             </el-col>
         </el-row>
-        <el-button @click="openBatchDialog" type="primary" plain>
+        <el-button v-permission @click="openBatchDialog" type="primary" plain>
             {{ $t('website.batchInput') }}
         </el-button>
 
@@ -71,7 +71,7 @@
             ></el-input>
             <template #footer>
                 <el-button @click="batchDialogVisible = false">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="saveBatchInput" :disabled="create.domainStr == ''">
+                <el-button v-permission type="primary" @click="saveBatchInput" :disabled="create.domainStr == ''">
                     {{ $t('commons.button.confirm') }}
                 </el-button>
             </template>
diff --git a/frontend/src/views/website/website/domain/index.vue b/frontend/src/views/website/website/domain/index.vue
index 678e975a3970..e20d5275860c 100644
--- a/frontend/src/views/website/website/domain/index.vue
+++ b/frontend/src/views/website/website/domain/index.vue
@@ -60,11 +60,18 @@
                     </tbody>
                 </table>
             </el-popover>
-            <el-button link icon="edit" class="ml-2.5" @click="startEdit" v-if="!isEditing"></el-button>
+            <el-button v-permission link icon="edit" class="ml-2.5" @click="startEdit" v-if="!isEditing"></el-button>
         </div>
         <div>
             <el-tooltip effect="dark" :content="$t('website.cancelFavorite')" placement="top-start" v-if="row.favorite">
-                <el-button link size="large" icon="StarFilled" type="warning" @click="favoriteWebsite(row)"></el-button>
+                <el-button
+                    v-permission
+                    link
+                    size="large"
+                    icon="StarFilled"
+                    type="warning"
+                    @click="favoriteWebsite(row)"
+                ></el-button>
             </el-tooltip>
 
             <el-tooltip
@@ -73,7 +80,7 @@
                 placement="top-start"
                 v-if="!row.favorite && isHovered"
             >
-                <el-button link icon="Star" type="info" @click="favoriteWebsite(row)"></el-button>
+                <el-button v-permission link icon="Star" type="info" @click="favoriteWebsite(row)"></el-button>
             </el-tooltip>
         </div>
     </div>
diff --git a/frontend/src/views/website/website/html/index.vue b/frontend/src/views/website/website/html/index.vue
index 7dc8f6440ebf..f2afb5d3f493 100644
--- a/frontend/src/views/website/website/html/index.vue
+++ b/frontend/src/views/website/website/html/index.vue
@@ -20,7 +20,7 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="submit()" :disabled="loading">
+                <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                     {{ $t('commons.button.save') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/website/website/index.vue b/frontend/src/views/website/website/index.vue
index bb20ec4020f1..89a137777130 100644
--- a/frontend/src/views/website/website/index.vue
+++ b/frontend/src/views/website/website/index.vue
@@ -194,7 +194,12 @@
                                 ></el-date-picker>
                             </div>
                             <div v-else>
-                                <el-link type="primary" underline="never" @click.stop="openDatePicker(row)">
+                                <el-link
+                                    v-permission
+                                    type="primary"
+                                    underline="never"
+                                    @click.stop="openDatePicker(row)"
+                                >
                                     <span v-if="isEver(row.expireDate)">
                                         {{ $t('website.neverExpire') }}
                                     </span>
@@ -561,12 +566,14 @@ const updateWebsitConfig = (row: any) => {
 const buttons = [
     {
         label: i18n.global.t('menu.config'),
+        permission: true,
         click: function (row: Website.Website) {
             openConfig(row.id);
         },
     },
     {
         label: i18n.global.t('database.backupList'),
+        permission: true,
         click: (row: Website.Website) => {
             let params = {
                 type: 'website',
@@ -578,6 +585,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('database.loadBackup'),
+        permission: true,
         click: (row: Website.Website) => {
             let params = {
                 type: 'website',
@@ -589,6 +597,7 @@ const buttons = [
     },
     {
         label: i18n.global.t('commons.button.delete'),
+        permission: true,
         click: function (row: Website.Website) {
             openDelete(row);
         },
diff --git a/frontend/src/views/website/website/nginx/module/build/index.vue b/frontend/src/views/website/website/nginx/module/build/index.vue
index c4fda11f562e..c470681f4e00 100644
--- a/frontend/src/views/website/website/nginx/module/build/index.vue
+++ b/frontend/src/views/website/website/nginx/module/build/index.vue
@@ -24,7 +24,7 @@
         </el-form>
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit(buildForm)" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit(buildForm)" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/website/nginx/module/operate/index.vue b/frontend/src/views/website/website/nginx/module/operate/index.vue
index 830e0eda2fa9..e6d6e8eb1478 100644
--- a/frontend/src/views/website/website/nginx/module/operate/index.vue
+++ b/frontend/src/views/website/website/nginx/module/operate/index.vue
@@ -27,7 +27,7 @@
         </el-form>
         <template #footer>
             <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
-            <el-button type="primary" @click="submit(moduleForm)" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit(moduleForm)" :disabled="loading">
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
diff --git a/frontend/src/views/website/website/nginx/other/https/index.vue b/frontend/src/views/website/website/nginx/other/https/index.vue
index aa55e28e7fba..cf8897ddf3cb 100644
--- a/frontend/src/views/website/website/nginx/other/https/index.vue
+++ b/frontend/src/views/website/website/nginx/other/https/index.vue
@@ -1,7 +1,7 @@
 <template>
     <el-row :gutter="20" v-loading="loading">
         <el-col :xs="24" :sm="20" :md="16" :lg="14" :xl="14">
-            <el-form ref="nginxForm" label-position="right" label-width="140px" :model="form" :rules="rules">
+            <el-form ref="nginxForm" label-position="right" label-width="140px" :model="form">
                 <el-form-item :label="$t('commons.table.status')" prop="enable">
                     <el-switch v-model="enable"></el-switch>
                     <span class="input-help">{{ $t('nginx.defaultHttpsHelper1') }}</span>
@@ -11,7 +11,7 @@
                     <span class="input-help">{{ $t('nginx.sslRejectHandshakeHelper') }}</span>
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="primary" @click="submit()" :disabled="loading">
+                    <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                         {{ $t('commons.button.save') }}
                     </el-button>
                 </el-form-item>
diff --git a/frontend/src/views/website/website/nginx/performance/index.vue b/frontend/src/views/website/website/nginx/performance/index.vue
index 3a5dba97a371..62719a6311dc 100644
--- a/frontend/src/views/website/website/nginx/performance/index.vue
+++ b/frontend/src/views/website/website/nginx/performance/index.vue
@@ -49,7 +49,7 @@
                 </el-col>
             </el-row>
             <el-form-item>
-                <el-button type="primary" @click="submit(nginxFormRef)">
+                <el-button v-permission type="primary" @click="submit(nginxFormRef)">
                     {{ $t('commons.button.save') }}
                 </el-button>
             </el-form-item>
diff --git a/frontend/src/views/website/website/nginx/source/index.vue b/frontend/src/views/website/website/nginx/source/index.vue
index 34b029fa34b6..d22948512df8 100644
--- a/frontend/src/views/website/website/nginx/source/index.vue
+++ b/frontend/src/views/website/website/nginx/source/index.vue
@@ -2,10 +2,10 @@
     <div v-loading="loading">
         <CodemirrorPro v-model="content" mode="nginx" :heightDiff="350"></CodemirrorPro>
         <div class="mt-2.5">
-            <el-button @click="getDefaultConfig()" :disabled="loading">
+            <el-button v-permission @click="getDefaultConfig()" :disabled="loading">
                 {{ $t('app.defaultConfig') }}
             </el-button>
-            <el-button type="primary" @click="submit()" :disabled="loading">
+            <el-button v-permission type="primary" @click="submit()" :disabled="loading">
                 {{ $t('commons.button.save') }}
             </el-button>
         </div>