From c8cc9f09d50dce81b747260ae58ce9149c5d9dce Mon Sep 17 00:00:00 2001
From: hlinx <327159425@qq.com>
Date: Mon, 8 Apr 2024 16:03:58 +0800
Subject: [PATCH] =?UTF-8?q?fix(backend):=20=E6=9D=83=E9=99=90=E4=BD=93?=
 =?UTF-8?q?=E9=AA=8C=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D=20#3605?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/apply-items/BusinessItems.vue  |  89 ++++---
 .../apply-permission/render-result.vue        |   6 +-
 .../src/components/auth-component/button.vue  |  24 +-
 dbm-ui/frontend/src/layout/Index.vue          |   2 +-
 .../src/layout/components/PlatformManage.vue  |   2 +-
 dbm-ui/frontend/src/router/index.ts           |   2 +
 dbm-ui/frontend/src/services/model/es/es.ts   |  10 +-
 .../function-controller/functionController.ts |   2 +-
 .../src/services/model/monitor/duty-rule.ts   |   6 +
 .../src/services/model/mysql/tendbha.ts       |   3 +-
 .../src/services/model/mysql/tendbsingle.ts   |   1 -
 .../model/notice-group/notice-group.ts        |   2 -
 .../src/services/model/partition/partition.ts |   1 +
 .../src/services/model/spider/tendbCluster.ts |   7 +-
 dbm-ui/frontend/src/services/permission.ts    |  37 ++-
 dbm-ui/frontend/src/services/source/cmdb.ts   |   4 +-
 .../src/services/source/influxdbGroup.ts      |  33 ++-
 .../src/services/source/monitorNoticeGroup.ts |   2 +-
 dbm-ui/frontend/src/stores/useUserProfile.ts  |   6 +-
 .../src/views/duty-rule-manage/Index.vue      |  16 ++
 .../index}/Index.vue                          |   4 +-
 .../index}/components/content/Index.vue       | 228 +++++++++++-------
 .../components/content/RenderRotateTable.vue  |   0
 .../components/edit-rule/CustomRotate.vue     |   0
 .../components/edit-rule/CycleRotate.vue      |   0
 .../index}/components/edit-rule/Index.vue     |   0
 .../components/edit-rule/SortTagInput.vue     |   0
 .../src/views/duty-rule-manage/routes.ts      |  45 ++++
 .../components/render-group/Index.vue         |  87 ++++---
 .../render-group/components/Create.vue        |   8 +-
 .../monitor-alarm-db/alarm-group/Index.vue    |  13 +-
 .../src/views/monitor-alarm-plat/routes.ts    |  17 --
 .../mysql/ha-cluster-list/components/List.vue | 191 +++++++--------
 .../views/mysql/partition-manage/Index.vue    |  50 ++--
 .../common/const.ts                           |   0
 .../components/AccountDialog.vue              |   0
 .../components/CreateRule.vue                 |   0
 .../{permission => permission-rule}/index.vue | 198 +++++++--------
 dbm-ui/frontend/src/views/mysql/routes.ts     |   2 +-
 .../single-cluster-list/components/List.vue   | 147 ++++++-----
 .../src/views/resource-manage/pool/Index.vue  |   5 +-
 .../list/components/list/Index.vue            | 222 +++++++++--------
 .../spider-manage/partition-manage/Index.vue  |  43 ++--
 .../views/spider-manage/permission/Index.vue  | 101 ++++----
 .../spider-manage/permission/common/types.ts  |   7 +-
 .../index/Index.vue                           |   8 +-
 46 files changed, 916 insertions(+), 715 deletions(-)
 create mode 100644 dbm-ui/frontend/src/views/duty-rule-manage/Index.vue
 rename dbm-ui/frontend/src/views/{monitor-alarm-plat/rotation-setting => duty-rule-manage/index}/Index.vue (96%)
 rename dbm-ui/frontend/src/views/{monitor-alarm-plat/rotation-setting => duty-rule-manage/index}/components/content/Index.vue (74%)
 rename dbm-ui/frontend/src/views/{monitor-alarm-plat/rotation-setting => duty-rule-manage/index}/components/content/RenderRotateTable.vue (100%)
 rename dbm-ui/frontend/src/views/{monitor-alarm-plat/rotation-setting => duty-rule-manage/index}/components/edit-rule/CustomRotate.vue (100%)
 rename dbm-ui/frontend/src/views/{monitor-alarm-plat/rotation-setting => duty-rule-manage/index}/components/edit-rule/CycleRotate.vue (100%)
 rename dbm-ui/frontend/src/views/{monitor-alarm-plat/rotation-setting => duty-rule-manage/index}/components/edit-rule/Index.vue (100%)
 rename dbm-ui/frontend/src/views/{monitor-alarm-plat/rotation-setting => duty-rule-manage/index}/components/edit-rule/SortTagInput.vue (100%)
 create mode 100644 dbm-ui/frontend/src/views/duty-rule-manage/routes.ts
 rename dbm-ui/frontend/src/views/mysql/{permission => permission-rule}/common/const.ts (100%)
 rename dbm-ui/frontend/src/views/mysql/{permission => permission-rule}/components/AccountDialog.vue (100%)
 rename dbm-ui/frontend/src/views/mysql/{permission => permission-rule}/components/CreateRule.vue (100%)
 rename dbm-ui/frontend/src/views/mysql/{permission => permission-rule}/index.vue (75%)

diff --git a/dbm-ui/frontend/src/components/apply-items/BusinessItems.vue b/dbm-ui/frontend/src/components/apply-items/BusinessItems.vue
index 013541a884..00c08d59aa 100644
--- a/dbm-ui/frontend/src/components/apply-items/BusinessItems.vue
+++ b/dbm-ui/frontend/src/components/apply-items/BusinessItems.vue
@@ -16,39 +16,41 @@
     :label="t('所属业务')"
     property="bk_biz_id"
     required>
-    <AppSelect
-      :data="withFavorBizList"
-      :generate-key="(item: IAppItem) => item.bk_biz_id"
-      :generate-name="(item: IAppItem) => item.display_name"
-      style="width: 435px"
-      :value="currentBiz"
-      @change="handleAppChange">
-      <template #default="{ data }">
-        <AuthTemplate
-          :action-id="perrmisionActionId"
-          :biz-id="data.bk_biz_id"
-          :permission="data.permission.db_manage"
-          :resource="data.bk_biz_id"
-          style="width: 100%">
-          <div class="db-app-select-item">
-            <div>{{ data.name }} (#{{ data.bk_biz_id }})</div>
-            <div style="margin-left: auto">
-              <DbIcon
-                v-if="favorBizIdMap[data.bk_biz_id]"
-                class="unfavor-btn"
-                style="color: #ffb848"
-                type="star-fill"
-                @click.stop="handleUnfavor(data.bk_biz_id)" />
-              <DbIcon
-                v-else
-                class="favor-btn"
-                type="star"
-                @click.stop="handleFavor(data.bk_biz_id)" />
+    <BkLoading :loading="isBizLoading">
+      <AppSelect
+        :data="withFavorBizList"
+        :generate-key="(item: IAppItem) => item.bk_biz_id"
+        :generate-name="(item: IAppItem) => item.display_name"
+        style="width: 435px"
+        :value="currentBiz"
+        @change="handleAppChange">
+        <template #default="{ data }">
+          <AuthTemplate
+            :action-id="perrmisionActionId"
+            :biz-id="data.bk_biz_id"
+            :permission="data.permission[perrmisionActionId]"
+            :resource="data.bk_biz_id"
+            style="width: 100%">
+            <div class="db-app-select-item">
+              <div>{{ data.name }} (#{{ data.bk_biz_id }})</div>
+              <div style="margin-left: auto">
+                <DbIcon
+                  v-if="favorBizIdMap[data.bk_biz_id]"
+                  class="unfavor-btn"
+                  style="color: #ffb848"
+                  type="star-fill"
+                  @click.stop="handleUnfavor(data.bk_biz_id)" />
+                <DbIcon
+                  v-else
+                  class="favor-btn"
+                  type="star"
+                  @click.stop="handleFavor(data.bk_biz_id)" />
+              </div>
             </div>
-          </div>
-        </AuthTemplate>
-      </template>
-    </AppSelect>
+          </AuthTemplate>
+        </template>
+      </AppSelect>
+    </BkLoading>
   </BkFormItem>
   <BkFormItem
     ref="appAbbrRef"
@@ -74,12 +76,13 @@
 <script setup lang="ts">
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
   import { useRoute } from 'vue-router';
 
   import { getBizs } from '@services/source/cmdb';
   import type { BizItem } from '@services/types';
 
-  import { useGlobalBizs, useUserProfile } from '@stores';
+  import { useUserProfile } from '@stores';
 
   import { UserPersonalSettings } from '@common/const';
   import { nameRegx } from '@common/regex';
@@ -94,7 +97,7 @@
     perrmisionActionId: string;
   }
 
-  defineProps<Props>();
+  const props = defineProps<Props>();
 
   const emits = defineEmits<Emits>();
 
@@ -113,14 +116,15 @@
   const { t } = useI18n();
 
   const route = useRoute();
-  const { bizs: bizList } = useGlobalBizs();
   const userProfile = useUserProfile();
 
+  const bizList = shallowRef<IAppItem[]>([]);
   const currentBiz = shallowRef<IAppItem>();
   const favorBizIdMap = shallowRef(makeMap(userProfile.profile[UserPersonalSettings.APP_FAVOR] || []));
   const hasEnglishName = ref(false);
+  const appAbbrRef = ref();
 
-  const withFavorBizList = computed(() => _.sortBy(bizList, (item) => favorBizIdMap.value[item.bk_biz_id]));
+  const withFavorBizList = computed(() => _.sortBy(bizList.value, (item) => favorBizIdMap.value[item.bk_biz_id]));
 
   const dbAppAbbrPlaceholder = t('以小写英文字母开头_且只能包含英文字母_数字_连字符');
 
@@ -142,7 +146,16 @@
     },
   ];
 
-  const appAbbrRef = ref();
+  const { loading: isBizLoading } = useRequest(getBizs, {
+    defaultParams: [
+      {
+        action: props.perrmisionActionId,
+      },
+    ],
+    onSuccess(result) {
+      bizList.value = result;
+    },
+  });
 
   watch(
     route,
@@ -160,7 +173,7 @@
   watch(
     bizId,
     () => {
-      currentBiz.value = _.find(bizList, (item) => item.bk_biz_id === bizId.value);
+      currentBiz.value = _.find(bizList.value, (item) => item.bk_biz_id === bizId.value);
       const englishName = currentBiz.value?.english_name;
       hasEnglishName.value = !!englishName;
       appAbbr.value = englishName ?? '';
diff --git a/dbm-ui/frontend/src/components/apply-permission/render-result.vue b/dbm-ui/frontend/src/components/apply-permission/render-result.vue
index e7df7ac710..36235a0746 100644
--- a/dbm-ui/frontend/src/components/apply-permission/render-result.vue
+++ b/dbm-ui/frontend/src/components/apply-permission/render-result.vue
@@ -25,8 +25,8 @@
       <table>
         <thead>
           <tr>
-            <th>{{ t('系统') }}</th>
-            <th>{{ t('需要申请的权限') }}</th>
+            <th style="min-width: 120px">{{ t('系统') }}</th>
+            <th style="min-width: 150px">{{ t('需要申请的权限') }}</th>
             <th>{{ t('关联的资源实例') }}</th>
           </tr>
         </thead>
@@ -41,7 +41,7 @@
                 <p
                   v-for="(resourceItem, rindex) in permissionItem.relatedResources"
                   :key="rindex">
-                  {{ resourceItem.type }}-{{ resourceItem.instances.join('，') }}
+                  {{ resourceItem.type }}:{{ resourceItem.instances.join('，') }}
                 </p>
                 <p v-if="permissionItem.relatedResources.length < 1">--</p>
               </td>
diff --git a/dbm-ui/frontend/src/components/auth-component/button.vue b/dbm-ui/frontend/src/components/auth-component/button.vue
index a899c33a2d..c8ed1ee9d9 100644
--- a/dbm-ui/frontend/src/components/auth-component/button.vue
+++ b/dbm-ui/frontend/src/components/auth-component/button.vue
@@ -4,19 +4,16 @@
     v-bind="attrs">
     <slot />
   </BkButton>
-  <span
+  <BkButton
     v-else
-    disabled>
-    <BkButton
-      v-cursor
-      class="auth-button-disable"
-      v-bind="inheritAttrs"
-      :disabled="false"
-      :loading="loading"
-      @click.stop="handleRequestPermission">
-      <slot />
-    </BkButton>
-  </span>
+    v-cursor
+    class="auth-button-disable"
+    v-bind="inheritAttrs"
+    :disabled="false"
+    :loading="loading"
+    @click.stop="handleRequestPermission">
+    <slot />
+  </BkButton>
 </template>
 <script setup lang="ts">
   import { useAttrs } from 'vue';
@@ -38,6 +35,7 @@
     resource: '',
     bizId: undefined,
   });
+
   defineOptions({
     inheritAttrs: false,
   });
@@ -63,7 +61,7 @@
       background-color: transparent !important;
       border-color: transparent !important;
 
-      .bk-button-text {
+      * {
         color: #c4c6cc !important;
       }
     }
diff --git a/dbm-ui/frontend/src/layout/Index.vue b/dbm-ui/frontend/src/layout/Index.vue
index aad6af3249..a37670db00 100644
--- a/dbm-ui/frontend/src/layout/Index.vue
+++ b/dbm-ui/frontend/src/layout/Index.vue
@@ -135,7 +135,7 @@
       'PlatformDbConfigure',
       'PlatformWhitelist',
       'PlatGlobalStrategy',
-      'PlatRotateSet',
+      'dutyRuleManange',
       // 'PlatMonitorAlarmGroup',
       'passwordManage',
       'PlatformTicketFlowSetting',
diff --git a/dbm-ui/frontend/src/layout/components/PlatformManage.vue b/dbm-ui/frontend/src/layout/components/PlatformManage.vue
index 1f0c03f6e0..e2b0e834d9 100644
--- a/dbm-ui/frontend/src/layout/components/PlatformManage.vue
+++ b/dbm-ui/frontend/src/layout/components/PlatformManage.vue
@@ -69,7 +69,7 @@
             <FunController
               controller-id="duty_rule"
               module-id="monitor">
-              <BkMenuItem key="PlatRotateSet">
+              <BkMenuItem key="dutyRuleManange">
                 <template #icon>
                   <DbIcon type="db-config" />
                 </template>
diff --git a/dbm-ui/frontend/src/router/index.ts b/dbm-ui/frontend/src/router/index.ts
index f0168b5858..4a36ecbfc7 100644
--- a/dbm-ui/frontend/src/router/index.ts
+++ b/dbm-ui/frontend/src/router/index.ts
@@ -34,6 +34,7 @@ import {
 import BizPermission from '@views/BizPermission.vue';
 import getDbConfRoutes from '@views/db-configure/routes';
 import getDbhaSwitchEventsRouters from '@views/dbha-switch-events/routes';
+import getDutyRuleManageRoutes from '@views/duty-rule-manage/routes'
 import getESRoutes from '@views/es-manage/routes';
 import getHDFSRoutes from '@views/hdfs-manage/routes';
 import getInfluxDBRoutes from '@views/influxdb-manage/routes';
@@ -131,6 +132,7 @@ export default () => {
         ...getServiceApplyRoutes(),
         ...getQuickSearchRoutes(),
         ...getTicketsRoutes(),
+        ...getDutyRuleManageRoutes()
       ],
     },
     {
diff --git a/dbm-ui/frontend/src/services/model/es/es.ts b/dbm-ui/frontend/src/services/model/es/es.ts
index 54e28f638d..f754e7e02c 100644
--- a/dbm-ui/frontend/src/services/model/es/es.ts
+++ b/dbm-ui/frontend/src/services/model/es/es.ts
@@ -107,14 +107,14 @@ export default class Es {
     title: string;
   }>;
   permission: {
-    es_view: boolean;
-    es_enable_disable: boolean;
+    access_entry_edit: boolean;
     es_destroy: boolean;
+    es_enable_disable: boolean;
+    es_reboot: boolean;
+    es_replace: boolean;
     es_scale_up: boolean;
     es_shrink: boolean;
-    es_replace: boolean;
-    es_reboot: boolean;
-    access_entry_edit: boolean;
+    es_view: boolean;
   };
   phase: 'online' | 'offline';
   region: string;
diff --git a/dbm-ui/frontend/src/services/model/function-controller/functionController.ts b/dbm-ui/frontend/src/services/model/function-controller/functionController.ts
index 22123b93a0..fb06b086a6 100644
--- a/dbm-ui/frontend/src/services/model/function-controller/functionController.ts
+++ b/dbm-ui/frontend/src/services/model/function-controller/functionController.ts
@@ -80,7 +80,7 @@ export default class FunctionController {
     const item = this[key] as ControllerItem<T>;
 
     if (!item) {
-      return {};
+      return {} as Record<T | K, boolean>;
     }
 
     const flatData = {
diff --git a/dbm-ui/frontend/src/services/model/monitor/duty-rule.ts b/dbm-ui/frontend/src/services/model/monitor/duty-rule.ts
index f0fb86451d..2379865017 100644
--- a/dbm-ui/frontend/src/services/model/monitor/duty-rule.ts
+++ b/dbm-ui/frontend/src/services/model/monitor/duty-rule.ts
@@ -41,6 +41,11 @@ export default class DutyRule {
   is_enabled: boolean;
   is_show_edit: boolean;
   name: string;
+  permission: {
+    duty_rule_create: boolean;
+    duty_rule_destroy: boolean;
+    duty_rule_update: boolean;
+  };
   priority: number;
   status: string;
   updater: string;
@@ -58,6 +63,7 @@ export default class DutyRule {
     this.is_show_edit = false;
     this.end_time = payload.end_time;
     this.name = payload.name;
+    this.permission = payload.permission;
     this.priority = payload.priority;
     this.updater = payload.updater;
     this.update_at = payload.update_at;
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbha.ts b/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
index 4a76298ef1..0ee5e58755 100644
--- a/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
@@ -77,11 +77,10 @@ export default class Tendbha {
     title: string;
   }>;
   permission: {
-    mysql_authorize_rules: boolean;
+    access_entry_edit: boolean;
     mysql_destroy: boolean;
     mysql_enable_disable: boolean;
     mysql_view: boolean;
-    access_entry_edit: boolean;
     tbinlogdumper_install: boolean;
   };
   phase: string;
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts b/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
index cd32145810..b3590c3fc5 100644
--- a/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
@@ -76,7 +76,6 @@ export default class Tendbsingle {
     title: string;
   }>;
   permission: {
-    mysql_authorize_rules: boolean;
     mysql_destroy: boolean;
     mysql_enable_disable: boolean;
     mysql_view: boolean;
diff --git a/dbm-ui/frontend/src/services/model/notice-group/notice-group.ts b/dbm-ui/frontend/src/services/model/notice-group/notice-group.ts
index 2228410a85..5a1c593200 100644
--- a/dbm-ui/frontend/src/services/model/notice-group/notice-group.ts
+++ b/dbm-ui/frontend/src/services/model/notice-group/notice-group.ts
@@ -32,8 +32,6 @@ export default class NoticGroup {
   updater: string;
   used_count: number;
   permission: {
-    global_notify_group_create: boolean;
-    global_notify_group_delete: boolean;
     global_notify_group_update: boolean;
     notify_group_create: boolean;
     notify_group_delete: boolean;
diff --git a/dbm-ui/frontend/src/services/model/partition/partition.ts b/dbm-ui/frontend/src/services/model/partition/partition.ts
index 16e26a5c4d..299008238b 100644
--- a/dbm-ui/frontend/src/services/model/partition/partition.ts
+++ b/dbm-ui/frontend/src/services/model/partition/partition.ts
@@ -49,6 +49,7 @@ export default class Partition {
     mysql_partition_delete: boolean;
     mysql_partition_enable_disable: boolean;
     mysql_partition_update: boolean;
+    tendbcluster_partition: boolean;
     tendb_partition_enable_disable: boolean;
     tendbcluster_partition_create: boolean;
     tendbcluster_partition_delete: boolean;
diff --git a/dbm-ui/frontend/src/services/model/spider/tendbCluster.ts b/dbm-ui/frontend/src/services/model/spider/tendbCluster.ts
index 7976e6ea44..f0a9eb569a 100644
--- a/dbm-ui/frontend/src/services/model/spider/tendbCluster.ts
+++ b/dbm-ui/frontend/src/services/model/spider/tendbCluster.ts
@@ -114,9 +114,14 @@ export default class TendbCluster {
     operationDisabled: boolean;
   }>;
   permission: {
-    tendbcluster_enable_disable: boolean;
     tendbcluster_destroy: boolean;
+    tendbcluster_enable_disable: boolean;
+    tendbcluster_node_rebalance: boolean;
+    tendbcluster_spider_add_nodes: boolean;
+    tendbcluster_spider_mnt_destroy: boolean;
+    tendbcluster_spider_reduce_nodes: boolean;
     tendbcluster_view: boolean;
+    tendb_spider_slave_destroy: boolean;
     access_entry_edit: boolean;
   };
   phase: 'online' | 'offline';
diff --git a/dbm-ui/frontend/src/services/permission.ts b/dbm-ui/frontend/src/services/permission.ts
index a5aadf8b11..8e93a80656 100644
--- a/dbm-ui/frontend/src/services/permission.ts
+++ b/dbm-ui/frontend/src/services/permission.ts
@@ -27,7 +27,6 @@ import type {
   PermissionCloneRes,
   PermissionRule,
   PermissionRulesParams,
-  PermissionRulesResult,
 } from './types/permission';
 
 // 密码随机化周期
@@ -159,16 +158,34 @@ export const verifyPasswordStrength = (params: { password: string }) =>
 /**
  * 查询账号规则列表
  */
-export const getPermissionRules = (params: PermissionRulesParams) =>
+export const getPermissionRules = (params: PermissionRulesParams, payload = {} as IRequestPayload) =>
   http
-    .get<PermissionRulesResult>(`/apis/mysql/bizs/${params.bk_biz_id}/permission/account/list_account_rules/`, params)
-    .then((data) => ({
-      ...data,
-      results: data.results.map((item) => ({
-        ...item,
-        permission: data.permission || {},
-      })),
-    }));
+    .get<{
+      count: number;
+      results: {
+        account: {
+          account_id: number;
+          bk_biz_id: number;
+          create_time: string;
+          creator: string;
+          user: string;
+        };
+        permission: {
+          mysql_account_delete: boolean;
+          mysql_add_account_rule: boolean;
+        };
+        rules: {
+          access_db: string;
+          account_id: number;
+          bk_biz_id: number;
+          create_time: string;
+          creator: string;
+          privilege: string;
+          rule_id: number;
+        }[];
+      }[];
+    }>(`/apis/mysql/bizs/${params.bk_biz_id}/permission/account/list_account_rules/`, params, payload)
+    .then((data) => data);
 
 /**
  * 创建账户
diff --git a/dbm-ui/frontend/src/services/source/cmdb.ts b/dbm-ui/frontend/src/services/source/cmdb.ts
index 0205f7eb7f..e25608c827 100644
--- a/dbm-ui/frontend/src/services/source/cmdb.ts
+++ b/dbm-ui/frontend/src/services/source/cmdb.ts
@@ -20,8 +20,8 @@ const path = '/apis/cmdb';
 /**
  * 业务列表
  */
-export function getBizs() {
-  return http.get<BizItem[]>(`${path}/list_bizs/`).then((res) =>
+export function getBizs(params = {} as { action: string }) {
+  return http.get<BizItem[]>(`${path}/list_bizs/`, params).then((res) =>
     res.map((item: BizItem) => {
       const biz = { ...item };
       biz.display_name = `[${item.bk_biz_id}] ${item.name}`;
diff --git a/dbm-ui/frontend/src/services/source/influxdbGroup.ts b/dbm-ui/frontend/src/services/source/influxdbGroup.ts
index b823a9e35d..7a229b5ab0 100644
--- a/dbm-ui/frontend/src/services/source/influxdbGroup.ts
+++ b/dbm-ui/frontend/src/services/source/influxdbGroup.ts
@@ -31,10 +31,35 @@ interface InfluxDBGroupItem {
  * 分组列表
  */
 export function getGroupList(params: { bk_biz_id: number }) {
-  return http.get<ListBase<InfluxDBGroupItem[]>>(`${path}/`, {
-    limit: -1,
-    ...params,
-  });
+  return http
+    .get<
+      ListBase<
+        {
+          bk_biz_id: number;
+          create_at: string;
+          creator: string;
+          id: number;
+          instance_count: number;
+          name: string;
+          permission: {
+            group_manage: boolean;
+          };
+          update_at: string;
+          updater: string;
+        }[]
+      >
+    >(`${path}/`, {
+      limit: -1,
+      ...params,
+    })
+    .then((data) => ({
+      ...data,
+      results: data.results.map((item) =>
+        Object.assign(item, {
+          permission: data.permission || {},
+        }),
+      ),
+    }));
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts b/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts
index e55314da46..62175cb834 100644
--- a/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts
+++ b/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts
@@ -36,7 +36,7 @@ export function getAlarmGroupList(
       (item) =>
         new NoticGroupModel(
           Object.assign(item, {
-            permission: data.permission,
+            permission: Object.assign(item.permission, data.permission),
           }),
         ),
     ),
diff --git a/dbm-ui/frontend/src/stores/useUserProfile.ts b/dbm-ui/frontend/src/stores/useUserProfile.ts
index 1e0f8fadc4..b3edd52b07 100644
--- a/dbm-ui/frontend/src/stores/useUserProfile.ts
+++ b/dbm-ui/frontend/src/stores/useUserProfile.ts
@@ -42,8 +42,10 @@ export const useUserProfile = defineStore('UserProfile', {
      */
     fetchProfile() {
       return getProfile().then((result) => {
-        this.globalManage = Boolean(result.global_manage);
-        this.rerourceManage = Boolean(result.resource_manage);
+        // this.globalManage = Boolean(result.global_manage);
+        this.globalManage = true;
+        // this.rerourceManage = Boolean(result.resource_manage);
+        this.rerourceManage = true;
         this.username = result.username;
 
         this.profile = result.profile.reduce(
diff --git a/dbm-ui/frontend/src/views/duty-rule-manage/Index.vue b/dbm-ui/frontend/src/views/duty-rule-manage/Index.vue
new file mode 100644
index 0000000000..06335862cf
--- /dev/null
+++ b/dbm-ui/frontend/src/views/duty-rule-manage/Index.vue
@@ -0,0 +1,16 @@
+<!--
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License athttps://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+-->
+
+<template>
+  <RouterView />
+</template>
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/Index.vue b/dbm-ui/frontend/src/views/duty-rule-manage/index/Index.vue
similarity index 96%
rename from dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/Index.vue
rename to dbm-ui/frontend/src/views/duty-rule-manage/index/Index.vue
index 9729f87bd8..3038211edf 100644
--- a/dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/Index.vue
+++ b/dbm-ui/frontend/src/views/duty-rule-manage/index/Index.vue
@@ -24,7 +24,9 @@
         :name="tab.value" />
     </BkTab>
     <div class="content">
-      <RenderContent :active-db-type="activeTab" />
+      <RenderContent
+        :key="activeTab"
+        :active-db-type="activeTab" />
     </div>
   </div>
 </template>
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/content/Index.vue b/dbm-ui/frontend/src/views/duty-rule-manage/index/components/content/Index.vue
similarity index 74%
rename from dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/content/Index.vue
rename to dbm-ui/frontend/src/views/duty-rule-manage/index/components/content/Index.vue
index 957c9240c4..24005e2d4c 100644
--- a/dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/content/Index.vue
+++ b/dbm-ui/frontend/src/views/duty-rule-manage/index/components/content/Index.vue
@@ -15,20 +15,21 @@
   <ApplyPermissionCatch>
     <div class="rotation-setting-type-content">
       <div class="create-box">
-        <BkButton
+        <AuthButton
+          action-id="duty_rule_create"
           class="w-88 mb-14"
+          :resource="activeDbType"
           theme="primary"
           @click="() => handleOperate('create')">
           {{ t('新建') }}
-        </BkButton>
+        </AuthButton>
       </div>
       <BkLoading :loading="isTableLoading">
         <DbTable
           ref="tableRef"
           class="table-box"
           :columns="columns"
-          :data-source="queryDutyRuleList"
-          releate-url-query
+          :data-source="dataSource"
           :row-class="updateRowClass"
           :settings="settings" />
       </BkLoading>
@@ -84,6 +85,10 @@
 
   const { t } = useI18n();
 
+  const dataSource = (params: ServiceParameters<typeof queryDutyRuleList>) => queryDutyRuleList(params, {
+    permission: 'catch'
+  })
+
   const tableRef = ref();
   const pageType = ref();
   const isShowEditRuleSideSilder = ref(false);
@@ -121,32 +126,29 @@
       label: t('规则名称'),
       field: 'name',
       minWidth: 220,
-      render: ({ data }: {data: DutyRuleModel}) => {
-        const isNotActive = [
-          RuleStatus.TERMINATED,
-          RuleStatus.EXPIRED,
-        ].includes(data.status as RuleStatus);
-
-        return (
-          <TextOverflowLayout>
-            {{
-              default: () => (
-                <bk-button
-                  text
-                  theme={!isNotActive && "primary"}
-                  onClick={() => handleOperate('edit', data)}>
-                  {data.name}
-                </bk-button>
-              ),
-              append: () => data.isNewCreated && (
-                <MiniTag
-                  theme='success'
-                  content="NEW" />
-              ),
-            }}
-          </TextOverflowLayout>
-        );
-      },
+      fixed: 'left',
+      render: ({ data }: {data: DutyRuleModel}) => (
+        <TextOverflowLayout>
+          {{
+            default: () => (
+              <auth-button
+                action-id="duty_rule_update"
+                permission={data.permission.duty_rule_update}
+                resource={props.activeDbType}
+                text
+                theme="primary"
+                onClick={() => handleOperate('edit', data)}>
+                {data.name}
+              </auth-button>
+            ),
+            append: () => data.isNewCreated && (
+              <MiniTag
+                theme='success'
+                content="NEW" />
+            ),
+          }}
+        </TextOverflowLayout>
+      ),
     },
     {
       label: t('状态'),
@@ -158,46 +160,80 @@
       },
     },
     {
-      label: () => <div v-bk-tooltips={
-        {
-          content: t('范围 1～100，数字越高代表优先级越高，当有规则冲突时，优先执行数字较高的规则'),
-          theme: 'dark',
-        }} style="border-bottom: 1px dashed #979BA5;">{t('优先级')}</div>,
+      label: () => (
+        <div
+          v-bk-tooltips={{
+            content: t('范围 1～100，数字越高代表优先级越高，当有规则冲突时，优先执行数字较高的规则'),
+            theme: 'dark',
+          }}
+          style="border-bottom: 1px dashed #979BA5;">
+          {t('优先级')}
+        </div>
+      ),
       field: 'priority',
       sort: true,
       width: 120,
       render: ({ data }: {data: DutyRuleModel}) => {
-        const level = data.priority;
-        let theme = '';
-        if (sortedPriority.value.length === 3) {
-          const [largest, medium, least] = sortedPriority.value;
-          if (level === largest) {
-            theme = 'danger';
-          } else if (level === medium) {
-            theme = 'warning';
-          } else if (level === least) {
-            theme = 'success';
-          }
-        }
 
-        return (
-          <div class="priority-box">
-            {
-              !data.is_show_edit ? <>
-                {!theme ? <bk-tag>{level}</bk-tag> : <bk-tag theme={theme} type="filled">{level}</bk-tag>}
-                <db-icon
-                  class="edit-icon"
-                  type="edit"
-                  style="font-size: 18px"
-                  onClick={() => handleClickEditPriority(data)} />
-              </> : <NumberInput
+        const renderPriority = () => {
+          const level = data.priority;
+
+          if (data.is_show_edit){
+            return (
+              <auth-template
+                action-id="duty_rule_update"
+                permission={data.permission.duty_rule_update}
+                resource={props.activeDbType}>
+                <NumberInput
                   type='number'
                   model-value={level}
                   min={1}
                   max={100}
                   placeholder={t('请输入 1～100 的数值')}
                   onSubmit={(value: string) => handlePriorityChange(data, value)}/>
+              </auth-template>
+            )
+          }
+
+          let theme = '';
+          if (sortedPriority.value.length === 3) {
+            const [largest, medium, least] = sortedPriority.value;
+            if (level === largest) {
+              theme = 'danger';
+            } else if (level === medium) {
+              theme = 'warning';
+            } else if (level === least) {
+              theme = 'success';
             }
+          }
+          return (
+            <>
+              {
+                theme ?
+                <bk-tag
+                  theme={theme}
+                  type="filled">
+                  {level}
+                </bk-tag> : <bk-tag>{level}</bk-tag>
+              }
+              <auth-template
+                action-id="duty_rule_update"
+                permission={data.permission.duty_rule_update}
+                resource={props.activeDbType}>
+                <db-icon
+                  class="edit-icon"
+                  type="edit"
+                  style="font-size: 18px"
+                  onClick={() => handleClickEditPriority(data)} />
+              </auth-template>
+
+            </>
+          )
+        }
+
+        return (
+          <div class="priority-box">
+            { renderPriority() }
           </div>
         );
       },
@@ -243,7 +279,7 @@
       label: t('生效时间'),
       field: 'effective_time',
       showOverflowTooltip: true,
-      width: 180,
+      width: 240,
       render: ({ data }: { data: DutyRuleModel }) => <span>{data.effectiveTimeDisplay}</span>,
     },
     {
@@ -251,7 +287,7 @@
       field: 'update_at',
       showOverflowTooltip: true,
       sort: true,
-      width: 180,
+      width: 240,
       render: ({ data }: { data: DutyRuleModel }) => <span>{data.updateAtDisplay}</span>,
     },
     {
@@ -263,26 +299,29 @@
     {
       label: t('启停'),
       field: 'is_enabled',
-      width: 120,
+      width: 80,
       render: ({ data }: { data: DutyRuleModel }) => (
-      <bk-pop-confirm
-        title={t('确认停用该策略？')}
-        content={t('停用后，所有的业务将会停用该策略，请谨慎操作！')}
-        width="320"
-        is-show={showTipMap.value[data.id]}
-        trigger="manual"
-        placement="bottom"
-        onConfirm={() => handleClickConfirm(data)}
-        onCancel={() => handleCancelConfirm(data)}
-      >
-        <bk-switcher
-          size="small"
-          v-model={data.is_enabled}
-          theme="primary"
-          onChange={() => handleChangeSwitch(data)}
-        />
-      </bk-pop-confirm>
-    ),
+        <bk-pop-confirm
+          title={t('确认停用该策略？')}
+          content={t('停用后，所有的业务将会停用该策略，请谨慎操作！')}
+          width="320"
+          is-show={showTipMap.value[data.id]}
+          trigger="manual"
+          placement="bottom"
+          onConfirm={() => handleClickConfirm(data)}
+          onCancel={() => handleCancelConfirm(data)}
+        >
+          <auth-switcher
+            action-id="duty_rule_update"
+            permission={data.permission.duty_rule_update}
+            resource={props.activeDbType}
+            size="small"
+            v-model={data.is_enabled}
+            theme="primary"
+            onChange={() => handleChangeSwitch(data)}
+          />
+        </bk-pop-confirm>
+      ),
     },
     {
       label: t('操作'),
@@ -292,24 +331,35 @@
       width: 180,
       render: ({ data }: {data: DutyRuleModel}) => (
       <div class="operate-box">
-        <bk-button
+        <auth-button
+          action-id="duty_rule_update"
+          permission={data.permission.duty_rule_update}
+          resource={props.activeDbType}
           text
           theme="primary"
           onClick={() => handleOperate('edit', data)}>
           {t('编辑')}
-        </bk-button>
-        <bk-button
+        </auth-button>
+        <auth-button
+          action-id="duty_rule_create"
+          permission={data.permission.duty_rule_create}
+          resource={props.activeDbType}
           text
           theme="primary"
           onClick={() => handleOperate('clone', data)}>
           {t('克隆')}
-        </bk-button>
-        {!data.is_enabled && <bk-button
-          text
-          theme="primary"
-          onClick={() => handleDelete(data)}>
-          {t('删除')}
-        </bk-button>}
+        </auth-button>
+        {!data.is_enabled && (
+          <auth-button
+            action-id="duty_rule_destroy"
+            permission={data.permission.duty_rule_destroy}
+            resource={props.activeDbType}
+            text
+            theme="primary"
+            onClick={() => handleDelete(data)}>
+            {t('删除')}
+          </auth-button>
+        )}
       </div>),
     },
   ]);
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/content/RenderRotateTable.vue b/dbm-ui/frontend/src/views/duty-rule-manage/index/components/content/RenderRotateTable.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/content/RenderRotateTable.vue
rename to dbm-ui/frontend/src/views/duty-rule-manage/index/components/content/RenderRotateTable.vue
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/edit-rule/CustomRotate.vue b/dbm-ui/frontend/src/views/duty-rule-manage/index/components/edit-rule/CustomRotate.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/edit-rule/CustomRotate.vue
rename to dbm-ui/frontend/src/views/duty-rule-manage/index/components/edit-rule/CustomRotate.vue
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/edit-rule/CycleRotate.vue b/dbm-ui/frontend/src/views/duty-rule-manage/index/components/edit-rule/CycleRotate.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/edit-rule/CycleRotate.vue
rename to dbm-ui/frontend/src/views/duty-rule-manage/index/components/edit-rule/CycleRotate.vue
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/edit-rule/Index.vue b/dbm-ui/frontend/src/views/duty-rule-manage/index/components/edit-rule/Index.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/edit-rule/Index.vue
rename to dbm-ui/frontend/src/views/duty-rule-manage/index/components/edit-rule/Index.vue
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/edit-rule/SortTagInput.vue b/dbm-ui/frontend/src/views/duty-rule-manage/index/components/edit-rule/SortTagInput.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/monitor-alarm-plat/rotation-setting/components/edit-rule/SortTagInput.vue
rename to dbm-ui/frontend/src/views/duty-rule-manage/index/components/edit-rule/SortTagInput.vue
diff --git a/dbm-ui/frontend/src/views/duty-rule-manage/routes.ts b/dbm-ui/frontend/src/views/duty-rule-manage/routes.ts
new file mode 100644
index 0000000000..9b38758554
--- /dev/null
+++ b/dbm-ui/frontend/src/views/duty-rule-manage/routes.ts
@@ -0,0 +1,45 @@
+/*
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at https://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+ */
+
+import type { RouteRecordRaw } from 'vue-router';
+
+import { t } from '@locales/index';
+
+const routes: RouteRecordRaw[] = [
+  {
+    name: 'dutyRuleManange',
+    path: 'duty-rule-manage',
+    meta: {
+      navName: t('轮值策略'),
+      fullscreen: true,
+    },
+    redirect: {
+      name: 'dutyRuleManangeIndex',
+    },
+    component: () => import('@views/duty-rule-manage/Index.vue'),
+    children: [
+      {
+        name: 'dutyRuleManangeIndex',
+        path: 'index',
+        meta: {
+          navName: t('轮值策略'),
+        },
+        component: () => import('@views/duty-rule-manage/index/Index.vue'),
+      },
+    ],
+  },
+];
+
+export default function getRoutes() {
+  return routes;
+}
diff --git a/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-group/Index.vue b/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-group/Index.vue
index 9dc11394f3..72cb77bfb2 100644
--- a/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-group/Index.vue
+++ b/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-group/Index.vue
@@ -32,13 +32,6 @@
       </div>
       <span class="split-line" />
       <div class="group-list db-scroll-y">
-        <!-- <div class="search-main">
-          <BkInput
-            v-model="searchValue"
-            :placeholder="t('搜索分组')"
-            type="search"
-            @enter="fetchGroupList" />
-        </div> -->
         <div
           v-for="item in groupList"
           :key="item.id"
@@ -60,30 +53,44 @@
               class="group-item-name text-overflow">
               {{ item.name }}
             </span>
-            <span class="group-item-nums">{{ item.instance_count }}</span>
+            <span class="group-item-nums">
+              {{ item.instance_count }}
+            </span>
             <div class="group-item-operations">
-              <DbIcon
-                v-bk-tooltips="$t('修改名称')"
-                class="group-item-btn mr-8"
-                type="edit"
-                @click.stop="handleEdit(item.id)" />
-              <DbIcon
+              <AuthTemplate
+                action-id="group_manage"
+                :permission="item.permission.group_manage">
+                <DbIcon
+                  v-bk-tooltips="$t('修改名称')"
+                  class="group-item-btn mr-8"
+                  type="edit"
+                  @click.stop="handleEdit(item.id)" />
+              </AuthTemplate>
+              <AuthTemplate
                 v-if="item.instance_count > 0"
-                v-bk-tooltips="$t('分组下存在实例_不可删除')"
-                class="group-item-btn is-disabled"
-                type="delete"
-                @click.stop />
-              <DbPopconfirm
-                v-else
-                :confirm-handler="() => handleDelete(item)"
-                :content="$t('删除后将不可恢复_请确认操作')"
-                :title="$t('确认删除该分组')">
+                action-id="group_manage"
+                :permission="item.permission.group_manage">
                 <DbIcon
-                  v-bk-tooltips="$t('删除')"
-                  class="group-item-btn"
+                  v-bk-tooltips="$t('分组下存在实例_不可删除')"
+                  class="group-item-btn is-disabled"
                   type="delete"
                   @click.stop />
-              </DbPopconfirm>
+              </AuthTemplate>
+              <AuthTemplate
+                v-else
+                action-id="group_manage"
+                :permission="item.permission.group_manage">
+                <DbPopconfirm
+                  :confirm-handler="() => handleDelete(item)"
+                  :content="$t('删除后将不可恢复_请确认操作')"
+                  :title="$t('确认删除该分组')">
+                  <DbIcon
+                    v-bk-tooltips="$t('删除')"
+                    class="group-item-btn"
+                    type="delete"
+                    @click.stop />
+                </DbPopconfirm>
+              </AuthTemplate>
             </div>
           </template>
         </div>
@@ -93,14 +100,17 @@
           v-if="isShowCreateGroup"
           @change="handleCreateGroup"
           @close="handleCreateClose" />
-        <a
+        <AuthButton
           v-else
-          class="group-add"
-          href="javascript:"
+          action-id="group_manage"
+          text
+          theme="primary"
           @click="handleShowCreateGroup">
-          <DbIcon type="plus-circle" />
+          <DbIcon
+            class="mr-4"
+            type="plus-circle" />
           {{ $t('添加分组') }}
-        </a>
+        </AuthButton>
       </div>
     </BkLoading>
   </div>
@@ -111,13 +121,14 @@
   import { useI18n } from 'vue-i18n';
 
   import { createGroup, deleteGroup, getGroupList, updateGroupInfo } from '@services/source/influxdbGroup';
-  import type { InfluxDBGroupItem } from '@services/types/influxdbGroup';
 
   import GroupCreate from './components/Create.vue';
 
   import { useGlobalBizs } from '@/stores';
   import { messageSuccess } from '@/utils';
 
+  type InfluxDBGroupItem = ServiceReturnType<typeof getGroupList>['results'][number];
+
   const route = useRoute();
   const router = useRouter();
   const { t } = useI18n();
@@ -126,7 +137,7 @@
 
   const activeGroupId = ref(0);
   const isLoading = ref(false);
-  const groupList = ref<Array<InfluxDBGroupItem>>([]);
+  const groupList = ref<InfluxDBGroupItem[]>([]);
   const curEditGroupId = ref(0);
   const isShowCreateGroup = ref(false);
   const totalInstances = computed(() =>
@@ -160,7 +171,9 @@
 
   const fetchGroupList = () => {
     isLoading.value = true;
-    getGroupList({ bk_biz_id: currentBizId })
+    getGroupList({
+      bk_biz_id: currentBizId,
+    })
       .then((data) => {
         groupList.value = data.results;
         setGroupId(Number(route.params.groupId));
@@ -206,7 +219,7 @@
           bk_biz_id: item.bk_biz_id,
           name,
         }).then(() => {
-          Object.assign(item, { name });
+          fetchGroupList();
           curEditGroupId.value = 0;
         });
       }
@@ -221,9 +234,9 @@
     createGroup({
       bk_biz_id: currentBizId,
       name,
-    }).then((res) => {
+    }).then(() => {
       messageSuccess(t('创建成功'));
-      groupList.value.push(res);
+      fetchGroupList();
     });
   };
 
diff --git a/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-group/components/Create.vue b/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-group/components/Create.vue
index 1be39e7f0c..c0941cf0cb 100644
--- a/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-group/components/Create.vue
+++ b/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-group/components/Create.vue
@@ -66,10 +66,6 @@
     },
   ];
 
-  onMounted(() => {
-    inputRef.value?.focus?.();
-  });
-
   const handleSubmit = () => {
     formRef.value
       ?.validate()
@@ -87,6 +83,10 @@
   const handleClose = () => {
     emits('close');
   };
+
+  onMounted(() => {
+    inputRef.value?.focus?.();
+  });
 </script>
 
 <style lang="less" scoped>
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-db/alarm-group/Index.vue b/dbm-ui/frontend/src/views/monitor-alarm-db/alarm-group/Index.vue
index ba963a9b18..e33d45355e 100644
--- a/dbm-ui/frontend/src/views/monitor-alarm-db/alarm-group/Index.vue
+++ b/dbm-ui/frontend/src/views/monitor-alarm-db/alarm-group/Index.vue
@@ -92,13 +92,8 @@
 
   const { t } = useI18n();
   const { currentBizId } = useGlobalBizs();
-  // const route = useRoute();
   const router = useRouter();
 
-  // const isPlatform = route.name === 'PlatMonitorAlarmGroup';
-
-  // const bizId = isPlatform ? 0 : currentBizId;
-
   const columns = [
     {
       label: t('告警组名称'),
@@ -204,11 +199,15 @@
           content: t('内置告警不支持删除'),
         };
 
+        const editBtnPermissionInfo = {
+          actionId: data.is_built_in ? 'global_notify_group_update' : 'notify_group_update',
+          permission: data.is_built_in ? 'global_notify_group_update' : data.permission.global_notify_group_update
+        }
+
         return (
           <>
             <auth-button
-              action-id="notify_group_delete"
-              permission={data.permission.notify_group_update}
+              {...editBtnPermissionInfo }
               class="mr-24"
               text
               theme="primary"
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-plat/routes.ts b/dbm-ui/frontend/src/views/monitor-alarm-plat/routes.ts
index 87b711c0c6..75114bbcc0 100644
--- a/dbm-ui/frontend/src/views/monitor-alarm-plat/routes.ts
+++ b/dbm-ui/frontend/src/views/monitor-alarm-plat/routes.ts
@@ -25,23 +25,6 @@ const routes: RouteRecordRaw[] = [
     },
     component: () => import('@views/monitor-alarm-plat/global-strategy/Index.vue'),
   },
-  {
-    name: 'PlatRotateSet',
-    path: 'rotation-setting',
-    meta: {
-      navName: t('轮值策略'),
-      fullscreen: true,
-    },
-    component: () => import('@views/monitor-alarm-plat/rotation-setting/Index.vue'),
-  },
-  // {
-  //   name: 'PlatMonitorAlarmGroup',
-  //   path: 'alarm-group',
-  //   meta: {
-  //     navName: t('告警组'),
-  //   },
-  //   component: () => import('@views/monitor-alarm-db/alarm-group/Index.vue'),
-  // },
 ];
 
 export default function getRoutes() {
diff --git a/dbm-ui/frontend/src/views/mysql/ha-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/mysql/ha-cluster-list/components/List.vue
index 99584d6b09..a4406d0149 100644
--- a/dbm-ui/frontend/src/views/mysql/ha-cluster-list/components/List.vue
+++ b/dbm-ui/frontend/src/views/mysql/ha-cluster-list/components/List.vue
@@ -23,21 +23,20 @@
       <span
         v-bk-tooltips="{
           disabled: hasSelected,
-          content: t('请选择集群')
+          content: t('请选择集群'),
         }"
         class="inline-block">
-        <AuthButton
-          action-id="mysql_authorize"
+        <BkButton
           class="ml-8"
           :disabled="!hasSelected"
           @click="() => handleShowCreateSubscribeRuleSlider()">
           {{ t('批量订阅') }}
-        </AuthButton>
+        </BkButton>
       </span>
       <span
         v-bk-tooltips="{
           disabled: hasSelected,
-          content: t('请选择集群')
+          content: t('请选择集群'),
         }"
         class="inline-block">
         <BkButton
@@ -47,12 +46,11 @@
           {{ t('批量授权') }}
         </BkButton>
       </span>
-      <AuthButton
-        action-id="mysql_excel_authorize"
+      <BkButton
         class="ml-8"
         @click="handleShowExcelAuthorize">
         {{ t('导入授权') }}
-      </AuthButton>
+      </BkButton>
       <DropdownExportExcel
         :ids="selectedIds"
         type="tendbha" />
@@ -582,16 +580,13 @@
       render: ({ data }: ColumnData) => (
         <>
           {isShowDumperEntry.value && (
-            <auth-button
+            <bk-button
               text
               theme="primary"
               class="mr-8"
-              actionId="mysql_authorize_rules"
-              permission={data.permission.mysql_authorize_rules}
-              resource={data.id}
               onClick={() => handleShowAuthorize([data])}>
               { t('授权') }
-            </auth-button>
+            </bk-button>
           )}
           {isShowDumperEntry.value && (
             <auth-button
@@ -857,47 +852,14 @@
     margin: 0 24px;
     overflow: hidden;
 
-  .operation-box{
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 16px;
-
-    .bk-search-select {
-      flex: 1;
-      max-width: 500px;
-      min-width: 320px;
-      margin-left: auto;
-    }
-  }
-
-  .table-wrapper {
-    background-color: white;
-
-    .bk-table {
-      height: 100% !important;
-    }
-
-    :deep(.bk-table-body) {
-      max-height: calc(100% - 100px);
-    }
-  }
-
-  .is-shrink-table {
-    :deep(.bk-table-body) {
-      overflow: hidden auto;
-    }
-  }
-
-  :deep(.cell) {
-    line-height: normal !important;
-
-    .domain {
+    .operation-box {
       display: flex;
       flex-wrap: wrap;
+      margin-bottom: 16px;
 
       .bk-search-select {
         flex: 1;
-        max-width: 320px;
+        max-width: 500px;
         min-width: 320px;
         margin-left: auto;
       }
@@ -926,76 +888,109 @@
 
       .domain {
         display: flex;
-        align-items: center;
-      }
+        flex-wrap: wrap;
 
-      .db-icon-copy,
-      .db-icon-edit {
-        display: none;
-        margin-left: 4px;
-        color: @primary-color;
-        cursor: pointer;
+        .bk-search-select {
+          flex: 1;
+          max-width: 320px;
+          min-width: 320px;
+          margin-left: auto;
+        }
       }
 
-      .operations-more {
-        .db-icon-more {
-          display: block;
-          font-size: @font-size-normal;
-          font-weight: bold;
-          color: @default-color;
-          cursor: pointer;
+      .table-wrapper {
+        background-color: white;
 
-          &:hover {
-            background-color: @bg-disable;
-            border-radius: 2px;
-          }
+        .bk-table {
+          height: 100% !important;
         }
-      }
-    }
 
-    :deep(tr:hover) {
-      .db-icon-copy,
-      .db-icon-edit {
-        display: inline-block !important;
+        :deep(.bk-table-body) {
+          max-height: calc(100% - 100px);
+        }
       }
-    }
 
-    :deep(.is-offline) {
-      a {
-        color: @gray-color;
+      .is-shrink-table {
+        :deep(.bk-table-body) {
+          overflow: hidden auto;
+        }
       }
 
-      .cell {
-        color: @disable-color;
+      :deep(.cell) {
+        line-height: normal !important;
+
+        .domain {
+          display: flex;
+          align-items: center;
+        }
+
+        .db-icon-copy,
+        .db-icon-edit {
+          display: none;
+          margin-left: 4px;
+          color: @primary-color;
+          cursor: pointer;
+        }
+
+        .operations-more {
+          .db-icon-more {
+            display: block;
+            font-size: @font-size-normal;
+            font-weight: bold;
+            color: @default-color;
+            cursor: pointer;
+
+            &:hover {
+              background-color: @bg-disable;
+              border-radius: 2px;
+            }
+          }
+        }
       }
-    }
 
-    :deep(.cluster-name-container) {
-      display: flex;
-      align-items: center;
-      padding: 8px 0;
-      overflow: hidden;
+      :deep(tr:hover) {
+        .db-icon-copy,
+        .db-icon-edit {
+          display: inline-block !important;
+        }
+      }
 
-      .cluster-name {
-        line-height: 16px;
+      :deep(.is-offline) {
+        a {
+          color: @gray-color;
+        }
 
-        &__alias {
-          color: @light-gray;
+        .cell {
+          color: @disable-color;
         }
       }
 
-      .cluster-tags {
+      :deep(.cluster-name-container) {
         display: flex;
-        margin-left: 4px;
         align-items: center;
-        flex-wrap: wrap;
-      }
+        padding: 8px 0;
+        overflow: hidden;
+
+        .cluster-name {
+          line-height: 16px;
 
-      .cluster-tag {
-        margin: 2px 0;
-        flex-shrink: 0;
+          &__alias {
+            color: @light-gray;
+          }
+        }
+
+        .cluster-tags {
+          display: flex;
+          margin-left: 4px;
+          align-items: center;
+          flex-wrap: wrap;
+        }
+
+        .cluster-tag {
+          margin: 2px 0;
+          flex-shrink: 0;
+        }
       }
     }
   }
-}
 </style>
diff --git a/dbm-ui/frontend/src/views/mysql/partition-manage/Index.vue b/dbm-ui/frontend/src/views/mysql/partition-manage/Index.vue
index 39b728c8ec..16b5439ad5 100644
--- a/dbm-ui/frontend/src/views/mysql/partition-manage/Index.vue
+++ b/dbm-ui/frontend/src/views/mysql/partition-manage/Index.vue
@@ -203,7 +203,7 @@
     {
       label: t('最近一次执行状态'),
       field: 'status',
-      minWidth: 150,
+      width: 200,
       render: ({ data }: {data: PartitionModel}) => (
         <div>
           <db-icon
@@ -218,7 +218,7 @@
     {
       label: t('最近一次执行时间'),
       field: 'execute_time',
-      minWidth: 180,
+      width: 240,
       render: ({ data }: {data: PartitionModel}) => data.executeTimeDisplay || '--',
     },
     {
@@ -248,7 +248,7 @@
                 theme="primary"
                 text
                 actionId="mysql_partition_enable_disable"
-                resource={data.id}
+                resource={data.cluster_id}
                 permission={data.permission.mysql_partition_enable_disable}
                 onClick={() => handleEnable(data)}>
                 {t('启用')}
@@ -283,17 +283,21 @@
                 disabled={data.isRunning}
                 actionId="mysql_partition_update"
                 permission={data.permission.mysql_partition_update}
+                resource={data.cluster_id}
                 onClick={() => handleEdit(data)}>
                 {t('编辑')}
               </auth-button>
             </span>
-            <bk-button
+            <auth-button
+              action-id="mysql_partition"
+              permission={data.permission.mysql_partition}
+              resource={data.cluster_id}
               class="ml-8"
               theme="primary"
               text
               onClick={() => handleShowExecuteLog(data)}>
               {t('执行记录')}
-            </bk-button>
+            </auth-button>
             <more-action-extend class="ml-8">
               {{
                 default: () => (
@@ -301,35 +305,29 @@
                     {
                       data.isOnline && (
                         <auth-template
-                          text
-                          theme="primary"
                           action-id="mysql_partition_enable_disable"
                           permission={data.permission.mysql_partition_enable_disable}
-                          onClick={() => handleDisable(data)}>
-                          <span>{ t('禁用') }</span>
+                          resource={data.cluster_id}>
+                          <div onClick={() => handleDisable(data)}>{ t('禁用') }</div>
                         </auth-template>
                       )
                     }
                     <auth-template
-                      text
-                      theme="primary"
                       action-id="mysql_partition_create"
-                      permission={data.permission.mysql_partition_create}
-                      onClick={() => handleClone(data)}>
-                      <span>{ t('克隆') }</span>
+                      permission={data.permission.mysql_partition_create}>
+                      <div onClick={() => handleClone(data)}>{ t('克隆') }</div>
+                    </auth-template>
+                    <auth-template
+                      action-id="mysql_partition_delete"
+                      permission={data.permission.mysql_partition_delete}
+                      resource={data.cluster_id}>
+                      <db-popconfirm
+                        confirm-handler={() => handleRemove(data)}
+                        content={t('删除操作无法撤回，请谨慎操作！')}
+                        title={t('确认删除该分区策略？')}>
+                        <div>{ t('删除') }</div>
+                      </db-popconfirm>
                     </auth-template>
-                    <db-popconfirm
-                      confirm-handler={() => handleRemove(data)}
-                      content={t('删除操作无法撤回，请谨慎操作！')}
-                      title={t('确认删除该分区策略？')}>
-                      <auth-template
-                        text
-                        theme="primary"
-                        action-id="mysql_partition_delete"
-                        permision={data.permission.mysql_partition_delete}>
-                        <span>{ t('删除') }</span>
-                      </auth-template>
-                    </db-popconfirm>
                   </>
                 ),
               }}
diff --git a/dbm-ui/frontend/src/views/mysql/permission/common/const.ts b/dbm-ui/frontend/src/views/mysql/permission-rule/common/const.ts
similarity index 100%
rename from dbm-ui/frontend/src/views/mysql/permission/common/const.ts
rename to dbm-ui/frontend/src/views/mysql/permission-rule/common/const.ts
diff --git a/dbm-ui/frontend/src/views/mysql/permission/components/AccountDialog.vue b/dbm-ui/frontend/src/views/mysql/permission-rule/components/AccountDialog.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/mysql/permission/components/AccountDialog.vue
rename to dbm-ui/frontend/src/views/mysql/permission-rule/components/AccountDialog.vue
diff --git a/dbm-ui/frontend/src/views/mysql/permission/components/CreateRule.vue b/dbm-ui/frontend/src/views/mysql/permission-rule/components/CreateRule.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/mysql/permission/components/CreateRule.vue
rename to dbm-ui/frontend/src/views/mysql/permission-rule/components/CreateRule.vue
diff --git a/dbm-ui/frontend/src/views/mysql/permission/index.vue b/dbm-ui/frontend/src/views/mysql/permission-rule/index.vue
similarity index 75%
rename from dbm-ui/frontend/src/views/mysql/permission/index.vue
rename to dbm-ui/frontend/src/views/mysql/permission-rule/index.vue
index aa9c260ccf..7b7cff6d59 100644
--- a/dbm-ui/frontend/src/views/mysql/permission/index.vue
+++ b/dbm-ui/frontend/src/views/mysql/permission-rule/index.vue
@@ -12,99 +12,101 @@
 -->
 
 <template>
-  <div class="permission-rules-page">
-    <BkAlert
-      class="permission-info-alert"
-      theme="info">
-      <template #title>
-        <p>
-          <span class="label">{{ t('账号') }} ：</span>{{ t('访问 DB 的用户名，包括它的密码') }}
-        </p>
-        <p>
-          <span class="label">{{ t('授权规则') }} ：</span>{{ t('权限模板，预定义账号拥有哪些权限') }}
-        </p>
-        <p>
-          <span class="label">{{ t('授权') }} ：</span>{{ t('根据 grant 语法授予 DB 实例的访问权限') }}
-        </p>
-      </template>
-    </BkAlert>
-    <div class="operation-box">
-      <AuthButton
-        action-id="mysql_account_create"
-        theme="primary"
-        @click="handleShowAccountDialog">
-        {{ t('新建账号') }}
-      </AuthButton>
-      <DbSearchSelect
-        v-model="state.search"
-        :data="filters"
-        :placeholder="t('账号名称_DB名称_权限名称')"
-        style="width: 500px"
-        unique-select
-        @change="handleSearchChange" />
-    </div>
-    <BkLoading :loading="state.isLoading">
-      <DbOriginalTable
-        :columns="columns"
-        :data="state.data"
-        :is-anomalies="state.isAnomalies"
-        :is-searching="state.search.length > 0"
-        :max-height="tableMaxHeight"
-        :row-class="setRowClass"
-        @clear-search="handleClearSearch"
-        @refresh="fetchData" />
-    </BkLoading>
-  </div>
-  <!-- 创建账户 -->
-  <AccountDialog
-    v-model="accountDialog.isShow"
-    @success="fetchData" />
-  <!-- 添加授权规则 -->
-  <CreateRuleSlider
-    v-model="ruleState.isShow"
-    :account-id="ruleState.accountId"
-    @success="fetchData" />
-  <!-- 集群授权 -->
-  <ClusterAuthorize
-    v-model="authorizeState.isShow"
-    :access-dbs="authorizeState.dbs"
-    :account-type="AccountTypes.MYSQL"
-    :cluster-types="[ClusterTypes.TENDBSINGLE, ClusterTypes.TENDBHA]"
-    :user="authorizeState.user" />
-  <!-- 账号信息 dialog -->
-  <BkDialog
-    v-model:is-show="accountDetailDialog.isShow"
-    dialog-type="show"
-    :draggable="false"
-    height="auto"
-    quick-close
-    :title="t('账号信息')"
-    :width="480">
-    <div class="permission-rule-account-details">
-      <div
-        v-for="column of accountColumns"
-        :key="column.key"
-        class="account-details-item">
-        <span class="account-details-label">{{ column.label }}：</span>
-        <span class="account-details-value">
-          {{ column.value ?? accountDetailDialog.rowData?.account[column.key as keyof IPermissioRule['account']] }}
-        </span>
-      </div>
-      <div
-        v-if="accountDetailDialog.rowData?.rules?.length === 0"
-        class="account-details-item">
-        <span class="account-details-label" />
-        <span class="account-details-value">
-          <AuthButton
-            action-id="mysql_account_delete"
-            hover-theme="danger"
-            @click="handleDeleteAccount(accountDetailDialog.rowData)">
-            {{ t('删除账号') }}
-          </AuthButton>
-        </span>
+  <PermissionCatch>
+    <div class="permission-rules-page">
+      <BkAlert
+        class="permission-info-alert"
+        theme="info">
+        <template #title>
+          <p>
+            <span class="label">{{ t('账号') }} ：</span>{{ t('访问 DB 的用户名，包括它的密码') }}
+          </p>
+          <p>
+            <span class="label">{{ t('授权规则') }} ：</span>{{ t('权限模板，预定义账号拥有哪些权限') }}
+          </p>
+          <p>
+            <span class="label">{{ t('授权') }} ：</span>{{ t('根据 grant 语法授予 DB 实例的访问权限') }}
+          </p>
+        </template>
+      </BkAlert>
+      <div class="operation-box">
+        <AuthButton
+          action-id="mysql_account_create"
+          theme="primary"
+          @click="handleShowAccountDialog">
+          {{ t('新建账号') }}
+        </AuthButton>
+        <DbSearchSelect
+          v-model="state.search"
+          :data="filters"
+          :placeholder="t('账号名称_DB名称_权限名称')"
+          style="width: 500px"
+          unique-select
+          @change="handleSearchChange" />
       </div>
+      <BkLoading :loading="state.isLoading">
+        <DbOriginalTable
+          :columns="columns"
+          :data="state.data"
+          :is-anomalies="state.isAnomalies"
+          :is-searching="state.search.length > 0"
+          :max-height="tableMaxHeight"
+          :row-class="setRowClass"
+          @clear-search="handleClearSearch"
+          @refresh="fetchData" />
+      </BkLoading>
     </div>
-  </BkDialog>
+    <!-- 创建账户 -->
+    <AccountDialog
+      v-model="accountDialog.isShow"
+      @success="fetchData" />
+    <!-- 添加授权规则 -->
+    <CreateRuleSlider
+      v-model="ruleState.isShow"
+      :account-id="ruleState.accountId"
+      @success="fetchData" />
+    <!-- 集群授权 -->
+    <ClusterAuthorize
+      v-model="authorizeState.isShow"
+      :access-dbs="authorizeState.dbs"
+      :account-type="AccountTypes.MYSQL"
+      :cluster-types="[ClusterTypes.TENDBSINGLE, ClusterTypes.TENDBHA]"
+      :user="authorizeState.user" />
+    <!-- 账号信息 dialog -->
+    <BkDialog
+      v-model:is-show="accountDetailDialog.isShow"
+      dialog-type="show"
+      :draggable="false"
+      height="auto"
+      quick-close
+      :title="t('账号信息')"
+      :width="480">
+      <div class="permission-rule-account-details">
+        <div
+          v-for="column of accountColumns"
+          :key="column.key"
+          class="account-details-item">
+          <span class="account-details-label">{{ column.label }}：</span>
+          <span class="account-details-value">
+            {{ column.value ?? accountDetailDialog.rowData?.account[column.key as keyof IPermissioRule['account']] }}
+          </span>
+        </div>
+        <div
+          v-if="accountDetailDialog.rowData?.rules?.length === 0"
+          class="account-details-item">
+          <span class="account-details-label" />
+          <span class="account-details-value">
+            <AuthButton
+              action-id="mysql_account_delete"
+              hover-theme="danger"
+              @click="handleDeleteAccount(accountDetailDialog.rowData)">
+              {{ t('删除账号') }}
+            </AuthButton>
+          </span>
+        </div>
+      </div>
+    </BkDialog>
+  </PermissionCatch>
 </template>
 <script setup lang="tsx">
   import { Message } from 'bkui-vue';
@@ -129,6 +131,7 @@
     OccupiedInnerHeight,
   } from '@common/const';
 
+  import PermissionCatch from '@components/apply-permission/Catch.vue'
   import ClusterAuthorize from '@components/cluster-authorize/ClusterAuthorize.vue';
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
@@ -249,8 +252,9 @@
                 )
                 }
                 <auth-button
-                  action-id="mysql_account_rule_create"
-                  permission={data.permission.mysql_account_rule_create}
+                  action-id="mysql_add_account_rule"
+                  permission={data.permission.mysql_add_account_rule}
+                  resource={data.account.account_id}
                   class="add-rule-btn"
                   size="small"
                   onClick={(event: PointerEvent) => handleShowCreateRule(data, event)}>
@@ -271,8 +275,9 @@
             <>
               <span>{t('暂无规则')}，</span>
               <auth-button
-                action-id="mysql_account_rule_create"
-                permission={data.permission.mysql_account_rule_create}
+                action-id="mysql_add_account_rule"
+                permission={data.permission.mysql_add_account_rule}
+                resource={data.account.account_id}
                 theme="primary"
                 size="small"
                 text
@@ -322,6 +327,7 @@
                 text
                 action-id="mysql_account_delete"
                 permission={data.permission.mysql_account_delete}
+                resource={data.account.account_id}
                 onClick={() => handleDeleteAccount(data)}>
                 {t('删除账号')}
               </auth-button>
@@ -371,6 +377,8 @@
     getPermissionRules({
       ...getSearchSelectorParams(state.search),
       bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
+    }, {
+      permission: 'catch'
     })
       .then((res) => {
         state.data = res.results.map(item => Object.assign({ isExpand: true }, item));
diff --git a/dbm-ui/frontend/src/views/mysql/routes.ts b/dbm-ui/frontend/src/views/mysql/routes.ts
index bda4271c62..0177d8976a 100644
--- a/dbm-ui/frontend/src/views/mysql/routes.ts
+++ b/dbm-ui/frontend/src/views/mysql/routes.ts
@@ -234,7 +234,7 @@ const commonRouters: RouteRecordRaw[] = [
         meta: {
           navName: t('MySQL_授权规则'),
         },
-        component: () => import('@views/mysql/permission/index.vue'),
+        component: () => import('@views/mysql/permission-rule/index.vue'),
       },
       {
         path: 'whitelist',
diff --git a/dbm-ui/frontend/src/views/mysql/single-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/mysql/single-cluster-list/components/List.vue
index cdf8c60c16..7a4e7cf26d 100644
--- a/dbm-ui/frontend/src/views/mysql/single-cluster-list/components/List.vue
+++ b/dbm-ui/frontend/src/views/mysql/single-cluster-list/components/List.vue
@@ -23,23 +23,21 @@
       <span
         v-bk-tooltips="{
           disabled: hasSelected,
-          content: t('请选择集群')
+          content: t('请选择集群'),
         }"
         class="inline-block">
-        <AuthButton
-          action-id="mysql_excel_authorize_rules"
+        <BkButton
           class="ml-8"
           :disabled="!hasSelected"
           @click="handleShowAuthorize(state.selected)">
           {{ t('批量授权') }}
-        </AuthButton>
+        </BkButton>
       </span>
-      <AuthButton
-        action-id="mysql_authorize"
+      <BkButton
         class="ml-8"
         @click="handleShowExcelAuthorize">
         {{ t('导入授权') }}
-      </AuthButton>
+      </BkButton>
       <DropdownExportExcel
         :ids="selectedIds"
         type="tendbsingle" />
@@ -108,7 +106,8 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage } from '@hooks';
+    useTicketMessage
+  } from '@hooks';
 
   import {
     useGlobalBizs,
@@ -473,16 +472,13 @@
       fixed: isStretchLayoutOpen.value ? false : 'right',
       render: ({ data }: ColumnData) => (
         <>
-          <auth-button
+          <bk-button
             text
             theme="primary"
             class="mr-8"
-            actionId="mysql_authorize_rules"
-            permission={data.permission.mysql_authorize_rules}
-            resource={data.id}
             onClick={() => handleShowAuthorize([data])}>
             { t('授权') }
-          </auth-button>
+          </bk-button>
           {
             data.isOnline ? (
               <OperationBtnStatusTips data={data}>
@@ -730,7 +726,6 @@
     }
   });
 </script>
-
 <style lang="less" scoped>
   @import '@styles/mixins.less';
 
@@ -740,33 +735,16 @@
     margin: 0 24px;
     overflow: hidden;
 
-  .operation-box{
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 16px;
-
-    .bk-search-select {
-      flex: 1;
-      max-width: 500px;
-      min-width: 320px;
-      margin-left: auto;
-    }
-  }
-
-  .table-wrapper {
-    background-color: white;
-
-    .bk-table {
-      height: 100% !important;
-    }
-
-    .bk-table-body {
-      max-height: calc(100% - 100px);
-    }
-
-    .is-shrink-table {
-      .bk-table-body {
-        overflow: hidden auto;
+    .operation-box {
+      display: flex;
+      flex-wrap: wrap;
+      margin-bottom: 16px;
+
+      .bk-search-select {
+        flex: 1;
+        max-width: 500px;
+        min-width: 320px;
+        margin-left: auto;
       }
     }
 
@@ -786,58 +764,75 @@
           overflow: hidden auto;
         }
       }
-    }
 
-    :deep(.cell) {
-      line-height: normal !important;
+      .table-wrapper {
+        background-color: white;
 
-      .domain {
-        display: flex;
-        align-items: center;
-      }
+        .bk-table {
+          height: 100% !important;
+        }
 
-      .db-icon-copy,
-      .db-icon-edit {
-        display: none;
-        margin-left: 4px;
-        color: @primary-color;
-        cursor: pointer;
+        .bk-table-body {
+          max-height: calc(100% - 100px);
+        }
+
+        .is-shrink-table {
+          .bk-table-body {
+            overflow: hidden auto;
+          }
+        }
       }
 
-      .operations-more {
-        .db-icon-more {
-          display: block;
-          font-size: @font-size-normal;
-          font-weight: bold;
-          color: @default-color;
+      :deep(.cell) {
+        line-height: normal !important;
+
+        .domain {
+          display: flex;
+          align-items: center;
+        }
+
+        .db-icon-copy,
+        .db-icon-edit {
+          display: none;
+          margin-left: 4px;
+          color: @primary-color;
           cursor: pointer;
+        }
 
-          &:hover {
-            background-color: @bg-disable;
-            border-radius: 2px;
+        .operations-more {
+          .db-icon-more {
+            display: block;
+            font-size: @font-size-normal;
+            font-weight: bold;
+            color: @default-color;
+            cursor: pointer;
+
+            &:hover {
+              background-color: @bg-disable;
+              border-radius: 2px;
+            }
           }
         }
       }
-    }
 
-    :deep(tr:hover) {
-      .db-icon-copy,
-      .db-icon-edit {
-        display: inline-block !important;
+      :deep(tr:hover) {
+        .db-icon-copy,
+        .db-icon-edit {
+          display: inline-block !important;
+        }
       }
-    }
 
-    :deep(.is-offline) {
-      a {
-        color: @gray-color;
-      }
+      :deep(.is-offline) {
+        a {
+          color: @gray-color;
+        }
 
-      .cell {
-        color: @disable-color;
+        .cell {
+          color: @disable-color;
+        }
       }
     }
   }
-  }
 </style>
 <style lang="less">
   .cluster-name-container {
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/Index.vue
index db406a4da6..240b6800bf 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/Index.vue
@@ -58,11 +58,12 @@
           </BkDropdownMenu>
         </template>
       </BkDropdown>
-      <BkButton
+      <AuthButton
+        action-id="resource_operation_view"
         class="quick-search-btn"
         @click="handleGoOperationRecord">
         <DbIcon type="history-2" />
-      </BkButton>
+      </AuthButton>
     </div>
     <RenderTable
       ref="tableRef"
diff --git a/dbm-ui/frontend/src/views/spider-manage/list/components/list/Index.vue b/dbm-ui/frontend/src/views/spider-manage/list/components/list/Index.vue
index 6955369686..f22e92e99b 100644
--- a/dbm-ui/frontend/src/views/spider-manage/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/list/components/list/Index.vue
@@ -26,13 +26,12 @@
             content: t('请选择集群'),
           }"
           class="inline-block">
-          <AuthButton
-            action-id="tendbcluster_authorize_rules"
+          <BkButton
             class="ml-8"
             :disabled="!hasSelected"
             @click="handleShowAuthorize">
             {{ t('批量授权') }}
-          </AuthButton>
+          </BkButton>
         </span>
         <span
           v-bk-tooltips="{
@@ -40,13 +39,12 @@
             content: t('请先创建实例'),
           }"
           class="inline-block">
-          <AuthButton
-            action-id="tendb_excel_authorize_rules"
+          <BkButton
             class="ml-8"
             :disabled="!hasData"
             @click="handleShowExcelAuthorize">
             {{ t('导入授权') }}
-          </AuthButton>
+          </BkButton>
         </span>
         <DropdownExportExcel
           :ids="selectedIds"
@@ -683,6 +681,7 @@
                 class="mr-8"
                 theme={theme}
                 action-id="tendbcluster_node_rebalance"
+                permission={data.permission.tendbcluster_node_rebalance}
                 disabled={data.operationDisabled}
                 onClick={() => handleShowCapacityChange(data)}>
                 { t('集群容量变更') }
@@ -693,12 +692,12 @@
             operations.push(...[
               <OperationBtnStatusTips data={data}>
                 <auth-button
-                  text
-                  theme={theme}
                   action-id="tendbcluster_enable_disable"
-                  disabled={data.isStarting}
                   permission={data.permission.tendbcluster_enable_disable}
                   resource={data.id}
+                  text
+                  theme={theme}
+                  disabled={data.isStarting}
                   class="mr-8"
                   onClick={() => handleChangeClusterOnline(TicketTypes.TENDBCLUSTER_ENABLE, data)}>
                   { t('启用') }
@@ -706,12 +705,12 @@
               </OperationBtnStatusTips>,
               <OperationBtnStatusTips data={data}>
                 <auth-button
-                  text
-                  theme={theme}
                   action-id="tendbcluster_destroy"
-                  disabled={Boolean(data.operationTicketId)}
                   permission={data.permission.tendbcluster_destroy}
                   resource={data.id}
+                  text
+                  theme={theme}
+                  disabled={Boolean(data.operationTicketId)}
                   class="mr-8"
                   onClick={() => handleDeleteCluster(data)}>
                   { t('删除') }
@@ -727,10 +726,12 @@
               data={data}
               disabled={!data.isOffline}>
               <auth-button
+                action-id="tendbcluster_spider_add_nodes"
+                permission={data.permission.tendbcluster_spider_add_nodes}
+                resource={data.id}
                 text
                 disabled={data.isOffline}
                 class="mr-8"
-                action-id="tendbcluster_spider_add_nodes"
                 onClick={() => handleShowScaleUp(data)}>
                 { t('扩容接入层') }
               </auth-button>
@@ -739,10 +740,12 @@
               data={data}
               disabled={!data.isOffline}>
               <auth-button
+                action-id="tendbcluster_spider_reduce_nodes"
+                permission={data.permission.tendbcluster_spider_reduce_nodes}
+                resource={data.id}
                 text
                 disabled={data.isOffline}
                 class="mr-8"
-                action-id="tendbcluster_spider_reduce_nodes"
                 onClick={() => handleShowShrink(data)}>
                 { t('缩容接入层') }
               </auth-button>
@@ -751,9 +754,11 @@
           if (data.spider_mnt.length > 0) {
             operations.push((
               <auth-button
+                action-id="tendbcluster_spider_mnt_destroy"
+                permission={data.permission.tendbcluster_spider_mnt_destroy}
+                resource={data.id}
                 text
                 class="mr-8"
-                action-id="tendbcluster_spider_mnt_destroy"
                 onClick={() => handleRemoveMNT(data)}>
                 { t('下架运维节点') }
               </auth-button>
@@ -762,9 +767,11 @@
           if (data.spider_slave.length > 0) {
             operations.push((
               <auth-button
+                action-id="tendb_spider_slave_destroy"
+                permission={data.permission.tendb_spider_slave_destroy}
+                resource={data.id}
                 text
                 class="mr-8"
-                action-id="tendb_spider_slave_destroy"
                 onClick={() => handleDestroySlave(data)}>
                 { t('下架只读集群') }
               </auth-button>
@@ -773,12 +780,12 @@
           operations.push((
             <OperationBtnStatusTips data={data}>
               <auth-button
-                text
-                disabled={data.operationDisabled}
-                class="mr-8"
                 action-id="tendbcluster_enable_disable"
                 permission={data.permission.tendbcluster_enable_disable}
                 resource={data.id}
+                text
+                disabled={data.operationDisabled}
+                class="mr-8"
                 onClick={() => handleChangeClusterOnline(TicketTypes.TENDBCLUSTER_DISABLE, data)}>
                 { t('禁用') }
               </auth-button>
@@ -1110,88 +1117,23 @@
 </script>
 
 <style lang="less" scoped>
-.spider-manage-list-page {
-  height: 100%;
-  padding: 24px 0;
-  margin: 0 24px;
-  overflow: hidden;
-
-  .operations {
-    display: flex;
-    margin-bottom: 16px;
-    flex-wrap: wrap;
-
-    .bk-search-select {
-      flex: 1;
-      max-width: 500px;
-      min-width: 320px;
-      margin-left: auto;
-    }
-
-  }
-
-  .is-shrink-table {
-    :deep(.bk-table-body) {
-      overflow: hidden auto;
-    }
-  }
-
-  :deep(.cell) {
-    line-height: normal !important;
-
-    .domain {
-      display: flex;
-      align-items: center;
-    }
-
-    .db-icon-copy, .db-icon-edit {
-      display: none;
-      margin-left: 4px;
-      color: @primary-color;
-      cursor: pointer;
-    }
-
-    .operations-more {
-      .db-icon-more {
-        display: block;
-        font-size: @font-size-normal;
-        color: @default-color;
-        cursor: pointer;
-
-        &:hover {
-          background-color: @bg-disable;
-          border-radius: 2px;
-        }
-      }
-    }
-  }
-
-  :deep(tr:hover) {
-    .db-icon-copy, .db-icon-edit {
-      display: inline-block !important;
-    }
-  }
-
-  :deep(.is-offline) {
-    a {
-      color: @gray-color;
-    }
-
-    .cell {
-      color: @disable-color;
-    }
-  }
-
-  :deep(.cluster-name-container) {
-    display: flex;
-    align-items: center;
-    padding: 8px 0;
+  .spider-manage-list-page {
+    height: 100%;
+    padding: 24px 0;
+    margin: 0 24px;
     overflow: hidden;
 
     .operations {
       display: flex;
       margin-bottom: 16px;
       flex-wrap: wrap;
+
+      .bk-search-select {
+        flex: 1;
+        max-width: 500px;
+        min-width: 320px;
+        margin-left: auto;
+      }
     }
 
     .is-shrink-table {
@@ -1254,28 +1196,94 @@
       padding: 8px 0;
       overflow: hidden;
 
-      .cluster-name {
-        line-height: 16px;
+      .operations {
+        display: flex;
+        margin-bottom: 16px;
+        flex-wrap: wrap;
+      }
+
+      .is-shrink-table {
+        :deep(.bk-table-body) {
+          overflow: hidden auto;
+        }
+      }
+
+      :deep(.cell) {
+        line-height: normal !important;
+
+        .domain {
+          display: flex;
+          align-items: center;
+        }
+
+        .db-icon-copy,
+        .db-icon-edit {
+          display: none;
+          margin-left: 4px;
+          color: @primary-color;
+          cursor: pointer;
+        }
+
+        .operations-more {
+          .db-icon-more {
+            display: block;
+            font-size: @font-size-normal;
+            color: @default-color;
+            cursor: pointer;
 
-        &__alias {
-          color: @light-gray;
+            &:hover {
+              background-color: @bg-disable;
+              border-radius: 2px;
+            }
+          }
         }
       }
 
-      .cluster-tags {
+      :deep(tr:hover) {
+        .db-icon-copy,
+        .db-icon-edit {
+          display: inline-block !important;
+        }
+      }
+
+      :deep(.is-offline) {
+        a {
+          color: @gray-color;
+        }
+
+        .cell {
+          color: @disable-color;
+        }
+      }
+
+      :deep(.cluster-name-container) {
         display: flex;
-        margin-left: 4px;
         align-items: center;
-        flex-wrap: wrap;
-      }
+        padding: 8px 0;
+        overflow: hidden;
+
+        .cluster-name {
+          line-height: 16px;
 
-      .cluster-tag {
-        margin: 2px;
-        flex-shrink: 0;
+          &__alias {
+            color: @light-gray;
+          }
+        }
+
+        .cluster-tags {
+          display: flex;
+          margin-left: 4px;
+          align-items: center;
+          flex-wrap: wrap;
+        }
+
+        .cluster-tag {
+          margin: 2px;
+          flex-shrink: 0;
+        }
       }
     }
   }
-}
 </style>
 
 <style lang="less">
diff --git a/dbm-ui/frontend/src/views/spider-manage/partition-manage/Index.vue b/dbm-ui/frontend/src/views/spider-manage/partition-manage/Index.vue
index 04e3a3766f..a9e0b959f5 100644
--- a/dbm-ui/frontend/src/views/spider-manage/partition-manage/Index.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/partition-manage/Index.vue
@@ -248,6 +248,8 @@
                 theme="primary"
                 text
                 action-id="tendb_partition_enable_disable"
+                permission={data.permission.tendb_partition_enable_disable}
+                resource={data.cluster_id}
                 onClick={() => handleEnable(data)}>
                 {t('启用')}
               </auth-button>
@@ -258,6 +260,7 @@
               theme="primary"
               text
               action-id="tendbcluster_partition"
+              permission={data.permission.tendbcluster_partition}
               resource={data.cluster_id}
               loading={executeLoadingMap.value[data.id]}
               onClick={() => handleExecute(data)}>
@@ -278,18 +281,23 @@
                 theme="primary"
                 text
                 action-id="tendbcluster_partition_update"
+                permission={data.permission.tendbcluster_partition_update}
+                resource={data.cluster_id}
                 disabled={data.isRunning}
                 onClick={() => handleEdit(data)}>
                 {t('编辑')}
               </auth-button>
             </span>
-            <bk-button
+            <auth-button
+              action-id="tendbcluster_partition"
+              permission={data.permission.tendbcluster_partition}
+              resource={data.cluster_id}
               class="ml-8"
               theme="primary"
               text
               onClick={() => handleShowExecuteLog(data)}>
               {t('执行记录')}
-            </bk-button>
+            </auth-button>
             <more-action-extend class="ml-8">
               {{
                 default: () => (
@@ -299,27 +307,30 @@
                         <auth-template
                           text
                           action-id="tendb_partition_enable_disable"
-                          onClick={() => handleDisable(data)}>
-                          <span>{ t('禁用') }</span>
+                          permission={data.permission.tendb_partition_enable_disable}
+                          resource={data.cluster_id}>
+                          <div onClick={() => handleDisable(data)}>{ t('禁用') }</div>
                         </auth-template>
                       )
                     }
                     <auth-template
                       text
                       action-id="tendbcluster_partition_create"
-                      onClick={() => handleClone(data)}>
-                      <span>{ t('克隆') }</span>
+                      permission={data.permission.tendbcluster_partition_create}
+                      resource={data.cluster_id}>
+                      <div onClick={() => handleClone(data)}>{ t('克隆') }</div>
+                    </auth-template>
+                    <auth-template
+                      action-id="tendbcluster_partition_delete"
+                      permission={data.permission.tendbcluster_partition_delete}
+                      resource={data.cluster_id}>
+                      <db-popconfirm
+                        confirm-handler={() => handleRemove(data)}
+                        content={t('删除操作无法撤回，请谨慎操作！')}
+                        title={t('确认删除该分区策略？')}>
+                        <div>{ t('删除') }</div>
+                      </db-popconfirm>
                     </auth-template>
-                    <db-popconfirm
-                      confirm-handler={() => handleRemove(data)}
-                      content={t('删除操作无法撤回，请谨慎操作！')}
-                      title={t('确认删除该分区策略？')}>
-                      <auth-template
-                        text
-                        action-id="tendbcluster_partition_delete">
-                        <span>{ t('删除') }</span>
-                      </auth-template>
-                    </db-popconfirm>
                   </>
                 ),
               }}
diff --git a/dbm-ui/frontend/src/views/spider-manage/permission/Index.vue b/dbm-ui/frontend/src/views/spider-manage/permission/Index.vue
index 5bd15702f4..c4efdf23bf 100644
--- a/dbm-ui/frontend/src/views/spider-manage/permission/Index.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/permission/Index.vue
@@ -12,54 +12,56 @@
 -->
 
 <template>
-  <div class="permission">
-    <div class="permission-operations">
-      <AuthButton
-        action-id="tendbcluster_partition_create"
-        theme="primary"
-        @click="handleAddAcount">
-        {{ t('新建账号') }}
-      </AuthButton>
-      <DbSearchSelect
-        v-model="tableSearch"
-        :data="filters"
-        :placeholder="t('请输入账号名称/DB名称/权限名称')"
-        style="width: 500px"
-        unique-select
-        @change="getList" />
+  <PermissionCatch>
+    <div class="permission">
+      <div class="permission-operations">
+        <AuthButton
+          action-id="tendbcluster_partition_create"
+          theme="primary"
+          @click="handleAddAcount">
+          {{ t('新建账号') }}
+        </AuthButton>
+        <DbSearchSelect
+          v-model="tableSearch"
+          :data="filters"
+          :placeholder="t('请输入账号名称/DB名称/权限名称')"
+          style="width: 500px"
+          unique-select
+          @change="getList" />
+      </div>
+      <BkLoading :loading="tableIsLoading">
+        <DbOriginalTable
+          class="permission-table"
+          :columns="columns"
+          :data="tableData"
+          :is-anomalies="tableIsAnomalies"
+          :is-searching="tableSearch.length > 0"
+          :max-height="tableMaxHeight"
+          :row-class="setRowClass"
+          row-hover="auto"
+          show-overflow-tooltip
+          @clear-search="handleClearSearch" />
+      </BkLoading>
+      <AddAccountDialog
+        v-model="addAccountDialogShow"
+        @success="getList" />
+      <AccountInfoDialog
+        v-model="accountInfoDialogShow"
+        :info="accountInfoDialogInfo"
+        @delete-account="handleDeleteAccountSuccess" />
+      <CreateRule
+        v-model="createRuleShow"
+        :account-id="createRuleAccountId"
+        @success="getList" />
+      <ClusterAuthorize
+        v-model="authorizeShow"
+        :access-dbs="authorizeDbs"
+        :account-type="AccountTypes.TENDBCLUSTER"
+        :cluster-types="[ClusterTypes.TENDBCLUSTER]"
+        :tab-list="[ClusterTypes.TENDBCLUSTER]"
+        :user="authorizeUser" />
     </div>
-    <BkLoading :loading="tableIsLoading">
-      <DbOriginalTable
-        class="permission-table"
-        :columns="columns"
-        :data="tableData"
-        :is-anomalies="tableIsAnomalies"
-        :is-searching="tableSearch.length > 0"
-        :max-height="tableMaxHeight"
-        :row-class="setRowClass"
-        row-hover="auto"
-        show-overflow-tooltip
-        @clear-search="handleClearSearch" />
-    </BkLoading>
-    <AddAccountDialog
-      v-model="addAccountDialogShow"
-      @success="getList" />
-    <AccountInfoDialog
-      v-model="accountInfoDialogShow"
-      :info="accountInfoDialogInfo"
-      @delete-account="handleDeleteAccountSuccess" />
-    <CreateRule
-      v-model="createRuleShow"
-      :account-id="createRuleAccountId"
-      @success="getList" />
-    <ClusterAuthorize
-      v-model="authorizeShow"
-      :access-dbs="authorizeDbs"
-      :account-type="AccountTypes.TENDBCLUSTER"
-      :cluster-types="[ClusterTypes.TENDBCLUSTER]"
-      :tab-list="[ClusterTypes.TENDBCLUSTER]"
-      :user="authorizeUser" />
-  </div>
+  </PermissionCatch>
 </template>
 
 <script setup lang="tsx">
@@ -77,6 +79,7 @@
     OccupiedInnerHeight,
   } from '@common/const';
 
+  import PermissionCatch from '@components/apply-permission/Catch.vue'
   import ClusterAuthorize from '@components/cluster-authorize/ClusterAuthorize.vue';
 
   import { getSearchSelectorParams } from '@utils';
@@ -127,6 +130,8 @@
       ...getSearchSelectorParams(tableSearch.value),
       account_type: AccountTypes.TENDBCLUSTER,
       bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
+    }, {
+      permission: 'catch'
     });
   };
 
@@ -157,7 +162,7 @@
       field: 'user',
       showOverflowTooltip: false,
       render: ({ data }: { data: PermissionTableRow }) => (
-        <div class="permission-cell" onClick={ handleToggleExpand.bind(null, data) }>
+        <div class="permission-cell" onClick={ () => handleToggleExpand(data) }>
           {
             data.rules.length > 1
               ? <db-icon
diff --git a/dbm-ui/frontend/src/views/spider-manage/permission/common/types.ts b/dbm-ui/frontend/src/views/spider-manage/permission/common/types.ts
index 755d5244c7..1819d5c408 100644
--- a/dbm-ui/frontend/src/views/spider-manage/permission/common/types.ts
+++ b/dbm-ui/frontend/src/views/spider-manage/permission/common/types.ts
@@ -13,9 +13,12 @@
 
 import type { ISearchValue } from 'bkui-vue/lib/search-select/utils';
 
-import type { PermissionRule, PermissionRuleAccount } from '@services/types/permission';
+import { getPermissionRules } from '@services/permission';
+import type { PermissionRuleAccount } from '@services/types/permission';
 
-export interface PermissionTableRow extends PermissionRule {
+type IPermissioRule = ServiceReturnType<typeof getPermissionRules>['results'][number];
+
+export interface PermissionTableRow extends IPermissioRule {
   isExpand: boolean;
 }
 
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/Index.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/index/Index.vue
index b5d96a60ed..ea6b2038b5 100644
--- a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/Index.vue
+++ b/dbm-ui/frontend/src/views/temporary-paassword-modify/index/Index.vue
@@ -493,6 +493,10 @@
         }];
       }, [] as TableRow['data'][]);
     },
+    onError(error){
+      console.log('error = ', error)
+      formData.instanceList = []
+    }
   });
 
   watch(() => formData.password, (newVal) => {
@@ -535,8 +539,8 @@
   };
 
   const handleInstanceChange = (instanceValues: InstanceSelectorValues) => {
-    // eslint-disable-next-line max-len
-    const instanceList = Object.values(instanceValues).reduce((instanceListPrev, instanceValuesItem) => [...instanceListPrev, ...instanceValuesItem], []);
+    const instanceList = Object.values(instanceValues)
+      .reduce((instanceListPrev, instanceValuesItem) => [...instanceListPrev, ...instanceValuesItem], []);
 
     queryMysqlAdminPasswordRun({
       instances: instanceList.map(instanceItem => formatInstance({