From 74b3806c5666b2aaf9cf509069e194e8e24e7d24 Mon Sep 17 00:00:00 2001
From: hlinx <327159425@qq.com>
Date: Thu, 28 Mar 2024 17:41:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E6=9D=83=E9=99=90=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E4=BF=AE=E5=A4=8D=20#3682?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/auth-component/component.tsx   |   1 +
 .../src/components/auth-component/use-base.ts |   2 +
 .../services/model/db-resource/Operation.ts   |   5 +
 .../model/db-resource/dirtyMachines.ts        |   6 +
 .../model/influxdb/influxdbInstance.ts        |  53 ++--
 .../services/model/monitor/monitor-policy.ts  |   1 +
 .../src/services/model/mysql/tendbha.ts       |   1 +
 .../TicketFlowDescribe.ts                     |  11 +-
 dbm-ui/frontend/src/services/monitor.ts       |   3 +-
 dbm-ui/frontend/src/services/permission.ts    |   4 +-
 dbm-ui/frontend/src/services/report.ts        |  20 +-
 .../frontend/src/services/source/configs.ts   |   1 +
 .../frontend/src/services/source/dbdirty.ts   |   9 +-
 .../src/services/source/monitorNoticeGroup.ts |  13 +
 .../frontend/src/services/source/ticket.tsx   |   8 +-
 .../components/render-list/Index.vue          |  17 +-
 .../components/content/Index.vue              | 112 ++++----
 .../components/edit-strategy/Index.vue        |   2 +-
 .../components/content/Index.vue              |  33 ++-
 .../components/instance-list/Index.vue        |   2 +-
 .../mysql/ha-cluster-list/components/List.vue |  17 +-
 .../permission/components/CreateRule.vue      |   2 +-
 .../views/password-manage/policy/Index.vue    |   5 +-
 .../password-manage/randomization/Index.vue   |   5 +-
 .../redis/list/components/list/Index.vue      |   5 +-
 .../resource-manage/dirty-machine/Index.vue   |  25 +-
 .../views/resource-manage/record/Index.vue    |  16 +-
 .../service-apply/create-db-module/Index.vue  | 241 ++++++++----------
 .../permission/components/CreateRule.vue      |   2 +-
 .../ticket-flow-setting/components/List.vue   | 111 ++++----
 .../src/views/tickets/my-tickets/Index.vue    |   4 +-
 31 files changed, 405 insertions(+), 332 deletions(-)

diff --git a/dbm-ui/frontend/src/components/auth-component/component.tsx b/dbm-ui/frontend/src/components/auth-component/component.tsx
index fd320b0f28..1143f73595 100644
--- a/dbm-ui/frontend/src/components/auth-component/component.tsx
+++ b/dbm-ui/frontend/src/components/auth-component/component.tsx
@@ -23,6 +23,7 @@ export default defineComponent({
     },
     bizId: {
       type: [String, Number],
+      default: undefined,
     },
   },
   setup(props) {
diff --git a/dbm-ui/frontend/src/components/auth-component/use-base.ts b/dbm-ui/frontend/src/components/auth-component/use-base.ts
index b6a091bc27..e4ac52c95c 100644
--- a/dbm-ui/frontend/src/components/auth-component/use-base.ts
+++ b/dbm-ui/frontend/src/components/auth-component/use-base.ts
@@ -23,11 +23,13 @@ const withBizActionList = [
   'mysql_partition_update',
   'mysql_partition_create',
   'mysql_partition_enable_disable',
+  'mysql_openarea_config_create',
   'tendbcluster_apply',
   'tendbcluster_account_create',
   'tendbcluster_account_delete',
   'tendbcluster_add_account_rule',
   'tendb_excel_authorize_rules',
+  'tendb_openarea_config_create',
   'tendbcluster_cluster_clone_rules',
   'tendbcluster_temporary_destroy',
   'tendbcluster_partition_create',
diff --git a/dbm-ui/frontend/src/services/model/db-resource/Operation.ts b/dbm-ui/frontend/src/services/model/db-resource/Operation.ts
index 73df01a900..fea7858cc1 100644
--- a/dbm-ui/frontend/src/services/model/db-resource/Operation.ts
+++ b/dbm-ui/frontend/src/services/model/db-resource/Operation.ts
@@ -38,6 +38,10 @@ export default class Operation {
   create_time: string;
   operation_type: string;
   operator: string;
+  permission: {
+    flow_detail: boolean;
+    ticket_view: boolean;
+  };
   request_id: string;
   status: string;
   task_id: string;
@@ -52,6 +56,7 @@ export default class Operation {
     this.create_time = payload.create_time;
     this.operation_type = payload.operation_type;
     this.operator = payload.operator;
+    this.permission = payload.permission;
     this.request_id = payload.request_id;
     this.status = payload.status;
     this.task_id = payload.task_id;
diff --git a/dbm-ui/frontend/src/services/model/db-resource/dirtyMachines.ts b/dbm-ui/frontend/src/services/model/db-resource/dirtyMachines.ts
index f7fef266d4..eea9232566 100644
--- a/dbm-ui/frontend/src/services/model/db-resource/dirtyMachines.ts
+++ b/dbm-ui/frontend/src/services/model/db-resource/dirtyMachines.ts
@@ -10,6 +10,11 @@ export default class DirtyMachines {
   ticket_type: string;
   ticket_type_display: string;
   operator: string;
+  permission: {
+    dirty_pool_manage: boolean;
+    flow_detail: boolean;
+    ticket_view: boolean;
+  };
 
   constructor(payload = {} as DirtyMachines) {
     this.bk_biz_id = payload.bk_biz_id;
@@ -23,5 +28,6 @@ export default class DirtyMachines {
     this.ticket_type = payload.ticket_type;
     this.ticket_type_display = payload.ticket_type_display;
     this.operator = payload.operator;
+    this.permission = payload.permission;
   }
 }
diff --git a/dbm-ui/frontend/src/services/model/influxdb/influxdbInstance.ts b/dbm-ui/frontend/src/services/model/influxdb/influxdbInstance.ts
index 95f4b47e85..5a7b1166ed 100644
--- a/dbm-ui/frontend/src/services/model/influxdb/influxdbInstance.ts
+++ b/dbm-ui/frontend/src/services/model/influxdb/influxdbInstance.ts
@@ -35,13 +35,16 @@ export default class InfluxDBInstance {
   bk_cloud_id: number;
   bk_cloud_name: string;
   bk_host_id: number;
+  cpu: number;
   create_at: string;
-  restart_at: string;
-  update_at: string;
-  domain: string;
+  creator: string;
+  disk: number;
+  group_id: null | number;
+  group_name: null | string;
   id: number;
   instance_address: string;
   instance_name: string;
+  mem: number;
   operations: Array<{
     flow_id: number;
     instance_id: number;
@@ -51,41 +54,41 @@ export default class InfluxDBInstance {
     ticket_type: string;
     title: string;
   }>;
+  permission: {
+    influxdb_destroy: boolean;
+    influxdb_enable_disable: boolean;
+    influxdb_reboot: boolean;
+    influxdb_replace: boolean;
+    influxdb_view: boolean;
+  };
+  phase: string;
+  restart_at: string;
   role: string;
   status: string;
-  group_id: null | number;
-  group_name: null | string;
-  creator: string;
-  phase: string;
-  disk: number;
-  cpu: number;
-  mem: number;
-  permission: Record<
-    'influxdb_view' | 'influxdb_enable_disable' | 'influxdb_destroy' | 'influxdb_replace' | 'influxdb_reboot',
-    boolean
-  >;
+  update_at: string;
+  version: string;
 
   constructor(payload = {} as InfluxDBInstance) {
     this.bk_cloud_id = payload.bk_cloud_id;
     this.bk_cloud_name = payload.bk_cloud_name;
     this.bk_host_id = payload.bk_host_id;
+    this.cpu = payload.cpu;
     this.create_at = payload.create_at;
-    this.restart_at = payload.restart_at;
-    this.update_at = payload.update_at;
-    this.domain = payload.domain;
+    this.creator = payload.creator;
+    this.disk = payload.disk;
+    this.group_id = payload.group_id;
+    this.group_name = payload.group_name;
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.instance_name = payload.instance_name;
+    this.mem = payload.mem;
+    this.permission = payload.permission;
+    this.phase = payload.phase;
+    this.restart_at = payload.restart_at;
     this.role = payload.role;
     this.status = payload.status;
-    this.group_id = payload.group_id;
-    this.group_name = payload.group_name;
-    this.creator = payload.creator;
-    this.phase = payload.phase;
-    this.disk = payload.disk;
-    this.mem = payload.mem;
-    this.cpu = payload.cpu;
-    this.permission = payload.permission || {};
+    this.update_at = payload.update_at;
+    this.version = payload.version;
 
     this.operations = this.initOperations(payload.operations);
   }
diff --git a/dbm-ui/frontend/src/services/model/monitor/monitor-policy.ts b/dbm-ui/frontend/src/services/model/monitor/monitor-policy.ts
index 02b164cea3..da855ad252 100644
--- a/dbm-ui/frontend/src/services/model/monitor/monitor-policy.ts
+++ b/dbm-ui/frontend/src/services/model/monitor/monitor-policy.ts
@@ -41,6 +41,7 @@ export default class MonitorPolicy {
   policy_status: string; // 策略状态：valid(正常)|invalid（异常）
   parent_id: number;
   permission: {
+    global_monitor_policy_clone: boolean;
     global_monitor_policy_edit: boolean;
     global_monitor_policy_start_stop: boolean;
     monitor_policy_alarm_view: boolean;
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbha.ts b/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
index bf82779f13..4a76298ef1 100644
--- a/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
@@ -82,6 +82,7 @@ export default class Tendbha {
     mysql_enable_disable: boolean;
     mysql_view: boolean;
     access_entry_edit: boolean;
+    tbinlogdumper_install: boolean;
   };
   phase: string;
   phase_name: string;
diff --git a/dbm-ui/frontend/src/services/model/ticket-flow-describe/TicketFlowDescribe.ts b/dbm-ui/frontend/src/services/model/ticket-flow-describe/TicketFlowDescribe.ts
index e1deb3fd37..0ce45bf5b1 100644
--- a/dbm-ui/frontend/src/services/model/ticket-flow-describe/TicketFlowDescribe.ts
+++ b/dbm-ui/frontend/src/services/model/ticket-flow-describe/TicketFlowDescribe.ts
@@ -4,7 +4,7 @@ export default class TicketFlowDescribe {
   configs: {
     need_itsm: boolean;
     need_manual_confirm: boolean;
-  }
+  };
   creator: string;
   editable: boolean;
   flow_desc: string[];
@@ -17,15 +17,13 @@ export default class TicketFlowDescribe {
   update_at: string;
   updater: string;
 
-  constructor(payload = {} as TicketFlowDescribe){
+  constructor(payload = {} as TicketFlowDescribe) {
     this.configs = payload.configs;
     this.creator = payload.creator;
     this.editable = payload.editable;
     this.flow_desc = payload.flow_desc || [];
     this.group = payload.group;
-    this.permission = {
-      ticket_config_set: false
-    };
+    this.permission = payload.permission;
     this.ticket_type = payload.ticket_type;
     this.ticket_type_display = payload.ticket_type_display;
     this.update_at = payload.update_at;
@@ -35,5 +33,4 @@ export default class TicketFlowDescribe {
   get updateAtDisplay() {
     return utcDisplayTime(this.update_at);
   }
-
-}
\ No newline at end of file
+}
diff --git a/dbm-ui/frontend/src/services/monitor.ts b/dbm-ui/frontend/src/services/monitor.ts
index acb7a7bb1a..bc7e9ad6b8 100644
--- a/dbm-ui/frontend/src/services/monitor.ts
+++ b/dbm-ui/frontend/src/services/monitor.ts
@@ -195,7 +195,8 @@ export const getAlarmGroupList = (params: { bk_biz_id: number; db_type?: string;
 // 查询轮值规则列表
 export const queryDutyRuleList = (
   params: { db_type: string; limit: number; offset: number },
-  payload = {} as IRequestPayload,) =>
+  payload = {} as IRequestPayload,
+) =>
   http.get<ListBase<DutyRuleModel[]>>('/apis/monitor/duty_rule/', params, payload).then((data) => ({
     ...data,
     results: data.results.map((item) => new DutyRuleModel(item)),
diff --git a/dbm-ui/frontend/src/services/permission.ts b/dbm-ui/frontend/src/services/permission.ts
index 67e1e19207..a5aadf8b11 100644
--- a/dbm-ui/frontend/src/services/permission.ts
+++ b/dbm-ui/frontend/src/services/permission.ts
@@ -185,8 +185,8 @@ export const deleteAccount = (params: { bizId: number; account_id: number; accou
 /**
  * 添加账号规则
  */
-export const createAccountRule = (params: AccountRule & { bizId: number }) =>
-  http.post(`/apis/mysql/bizs/${params.bizId}/permission/account/add_account_rule/`, params);
+export const createAccountRule = (params: AccountRule & { bk_biz_id: number }) =>
+  http.post(`/apis/mysql/bizs/${params.bk_biz_id}/permission/account/add_account_rule/`, params);
 
 /**
  * 授权规则前置检查
diff --git a/dbm-ui/frontend/src/services/report.ts b/dbm-ui/frontend/src/services/report.ts
index e1dc7fe9d2..c3e3e907ff 100644
--- a/dbm-ui/frontend/src/services/report.ts
+++ b/dbm-ui/frontend/src/services/report.ts
@@ -48,26 +48,26 @@ export const getmysqlCheckFullBackup = function (params: Record<string, any>, pa
 };
 
 // dbmon心跳超时检查报告
-export const getDbmonHeartbeat = function (params: Record<string, any>) {
-  return http.get<IResult>('/db_report/dbmon/heartbeat', params);
+export const getDbmonHeartbeat = function (params: Record<string, any>, payload = {} as IRequestPayload) {
+  return http.get<IResult>('/db_report/dbmon/heartbeat', params, payload);
 };
 
 // redis binlog检查报告
-export const getRedisCheckBinlogBackup = function (params: Record<string, any>) {
-  return http.get<IResult>('/db_report/redis_check/binlog_backup', params);
+export const getRedisCheckBinlogBackup = function (params: Record<string, any>, payload = {} as IRequestPayload) {
+  return http.get<IResult>('/db_report/redis_check/binlog_backup', params, payload);
 };
 
 // redis 全备检查报告
-export const getRedisCheckFullBackup = function (params: Record<string, any>) {
-  return http.get<IResult>('/db_report/redis_check/full_backup', params);
+export const getRedisCheckFullBackup = function (params: Record<string, any>, payload = {} as IRequestPayload) {
+  return http.get<IResult>('/db_report/redis_check/full_backup', params, payload);
 };
 
 // redis 孤立节点检查报告
-export const getRedisMetaCheckAloneInstance = function (params: Record<string, any>) {
-  return http.get<IResult>('/db_report/redis_meta_check/alone_instance', params);
+export const getRedisMetaCheckAloneInstance = function (params: Record<string, any>, payload = {} as IRequestPayload) {
+  return http.get<IResult>('/db_report/redis_meta_check/alone_instance', params, payload);
 };
 
 // 实例状态异常检查
-export const getRedisMetaCheckStatusAbnormal = function (params: Record<string, any>) {
-  return http.get<IResult>('/db_report/redis_meta_check/status_abnormal', params);
+export const getRedisMetaCheckStatusAbnormal = function (params: Record<string, any>, payload = {} as IRequestPayload) {
+  return http.get<IResult>('/db_report/redis_meta_check/status_abnormal', params, payload);
 };
diff --git a/dbm-ui/frontend/src/services/source/configs.ts b/dbm-ui/frontend/src/services/source/configs.ts
index f5eab27ad7..03c9f0612a 100644
--- a/dbm-ui/frontend/src/services/source/configs.ts
+++ b/dbm-ui/frontend/src/services/source/configs.ts
@@ -252,6 +252,7 @@ export function saveModulesDeployInfo(params: CreateModuleDeployInfo) {
  * 修改业务配置信息
  */
 interface BizConfDetailsUpdateParams {
+  name: string;
   meta_cluster_type: string;
   conf_type: string;
   bk_biz_id: number;
diff --git a/dbm-ui/frontend/src/services/source/dbdirty.ts b/dbm-ui/frontend/src/services/source/dbdirty.ts
index 8053dba86b..67e9913db8 100644
--- a/dbm-ui/frontend/src/services/source/dbdirty.ts
+++ b/dbm-ui/frontend/src/services/source/dbdirty.ts
@@ -28,7 +28,14 @@ export function getDirtyMachines(params: { limit: number; offset: number }) {
     })
     .then((res) => ({
       ...res,
-      results: res.results.map((item) => new DirtyMachinesModel(item)),
+      results: res.results.map(
+        (item) =>
+          new DirtyMachinesModel(
+            Object.assign(item, {
+              permission: Object.assign(item.permission, res.permission),
+            }),
+          ),
+      ),
     }));
 }
 
diff --git a/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts b/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts
index f9b5dfe603..0b2392d1ba 100644
--- a/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts
+++ b/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts
@@ -88,3 +88,16 @@ export function getAlarmGroupNotifyList(params: { bk_biz_id: number; name?: stri
     }[]
   >(`${path}/get_msg_type/`, params);
 }
+
+export function getSimpleList(params: { bk_biz_id: number; db_type: string }) {
+  return http.get<
+    {
+      id: string;
+      name: string;
+      receivers: {
+        id: string;
+        type: string;
+      }[];
+    }[]
+  >(`${path}/list_group_name/`, params);
+}
diff --git a/dbm-ui/frontend/src/services/source/ticket.tsx b/dbm-ui/frontend/src/services/source/ticket.tsx
index 44e07ef673..f93b3cb73c 100644
--- a/dbm-ui/frontend/src/services/source/ticket.tsx
+++ b/dbm-ui/frontend/src/services/source/ticket.tsx
@@ -255,13 +255,13 @@ export function queryTicketFlowDescribe(params: {
   limit?: number,
   offset?: number,
 }) {
-  return http.get<ListBase<TicketFlowDescribeModel[]>>(`${path}/query_ticket_flow_describe/`, params).then((data) => ({
-    ...data,
-    results: data.results.map(
+  return http.get<ListBase<TicketFlowDescribeModel[]>>(`${path}/query_ticket_flow_describe/`, params).then((result) => ({
+    ...result,
+    results: result.results.map(
       (item) =>
         new TicketFlowDescribeModel(
           Object.assign(item, {
-            permission: Object.assign({}, item.permission, data.permission),
+            permission: Object.assign({}, item.permission, result.permission),
           }),
         ),
     ),
diff --git a/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-list/Index.vue b/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-list/Index.vue
index 2cd21c72bd..58a1d8bbc3 100644
--- a/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-list/Index.vue
+++ b/dbm-ui/frontend/src/views/influxdb-manage/instance-list/components/render-list/Index.vue
@@ -34,22 +34,20 @@
       <span
         v-bk-tooltips="{ content: $t('请选择实例'), disabled: hasSelectedInstances }"
         class="inline-block">
-        <AuthButton
-          action-id="influxdb_reboot"
+        <BkButton
           :disabled="!hasSelectedInstances"
           @click="handleBatchRestart">
           {{ $t('重启') }}
-        </AuthButton>
+        </BkButton>
       </span>
       <span
         v-bk-tooltips="{ content: $t('请选择实例'), disabled: hasSelectedInstances }"
         class="inline-block">
-        <AuthButton
-          action-id="influxdb_replace"
+        <BkButton
           :disabled="!hasSelectedInstances"
           @click="handleShowReplace()">
           {{ $t('替换') }}
-        </AuthButton>
+        </BkButton>
       </span>
       <BkDropdown
         :disabled="!hasSelectedInstances"
@@ -262,7 +260,10 @@
           <TextOverflowLayout>
             {{
               default: () => (
-                <router-link
+                <auth-router-link
+                  action-id="influxdb_view"
+                  resource={data.id}
+                  permission={data.permission.influxdb_view}
                   to={{
                     name: 'InfluxDBInstDetails',
                     params: {
@@ -273,7 +274,7 @@
                     },
                   }}>
                   {data.instance_address}
-                </router-link>
+                </auth-router-link>
               ),
               append: () => (
                 <>
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-db/monitor-strategy/components/content/Index.vue b/dbm-ui/frontend/src/views/monitor-alarm-db/monitor-strategy/components/content/Index.vue
index 90eaa87a40..56780d6236 100644
--- a/dbm-ui/frontend/src/views/monitor-alarm-db/monitor-strategy/components/content/Index.vue
+++ b/dbm-ui/frontend/src/views/monitor-alarm-db/monitor-strategy/components/content/Index.vue
@@ -12,38 +12,39 @@
 -->
 
 <template>
-  <div class="monitor-strategy-type-content">
-    <BkSearchSelect
-      v-model="searchValue"
-      class="input-box"
-      :data="searchSelectList"
-      :placeholder="t('请选择条件搜索')"
-      unique-select
-      value-split-code="+"
-      @search="fetchHostNodes" />
-    <DbTable
-      ref="tableRef"
-      class="table-box"
-      :columns="columns"
-      :data-source="queryMonitorPolicyList"
-      releate-url-query
-      :row-class="updateRowClass"
-      @clear-search="handleClearSearch" />
-  </div>
-  <EditStrategy
-    v-model="isShowEditStrrategySideSilder"
-    :alarm-group-list="alarmGroupList"
-    :alarm-group-name-map="alarmGroupNameMap"
-    :bizs-map="bizsMap"
-    :cluster-list="clusterList"
-    :data="currentChoosedRow"
-    :db-type="activeDbType"
-    :default-notify-id="defaultNotifyId"
-    :existed-names="existedNames"
-    :module-list="moduleList"
-    :page-status="sliderPageType"
-    @cancel="handleUpdatePolicyCancel"
-    @success="handleUpdatePolicySuccess" />
+  <ApplyPermissionCatch>
+    <div class="monitor-strategy-type-content">
+      <BkSearchSelect
+        v-model="searchValue"
+        class="input-box"
+        :data="searchSelectList"
+        :placeholder="t('请选择条件搜索')"
+        unique-select
+        value-split-code="+"
+        @search="fetchHostNodes" />
+      <DbTable
+        ref="tableRef"
+        class="table-box"
+        :columns="columns"
+        :data-source="dataSource"
+        :row-class="updateRowClass"
+        @clear-search="handleClearSearch" />
+    </div>
+    <EditStrategy
+      v-model="isShowEditStrrategySideSilder"
+      :alarm-group-list="alarmGroupList"
+      :alarm-group-name-map="alarmGroupNameMap"
+      :bizs-map="bizsMap"
+      :cluster-list="clusterList"
+      :data="currentChoosedRow"
+      :db-type="activeDbType"
+      :default-notify-id="defaultNotifyId"
+      :existed-names="existedNames"
+      :module-list="moduleList"
+      :page-status="sliderPageType"
+      @cancel="handleUpdatePolicyCancel"
+      @success="handleUpdatePolicySuccess" />
+  </ApplyPermissionCatch>
 </template>
 <script setup lang="tsx">
   import { InfoBox } from 'bkui-vue';
@@ -56,14 +57,15 @@
     deletePolicy,
     disablePolicy,
     enablePolicy,
-    getAlarmGroupList,
     getClusterList,
     getDbModuleList,
     queryMonitorPolicyList,
   } from '@services/monitor';
+  import { getSimpleList } from '@services/source/monitorNoticeGroup'
 
   import { useGlobalBizs } from '@stores';
 
+  import ApplyPermissionCatch from '@components/apply-permission/Catch.vue'
   import MiniTag from '@components/mini-tag/index.vue';
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
@@ -91,11 +93,15 @@
   const { currentBizId, bizs } = useGlobalBizs();
   const { notifyGroupId } = useRoute().query as { notifyGroupId: string };
 
+  const dataSource = (params: ServiceParameters<typeof queryMonitorPolicyList>) => queryMonitorPolicyList(params, {
+    permission: 'catch'
+  })
+
   const tableRef = ref();
   const isShowEditStrrategySideSilder = ref(false);
   const currentChoosedRow = ref({} as MonitorPolicyModel);
   const searchValue = ref<Array<SearchSelectItem & {values: SearchSelectItem[]}>>([]);
-  const alarmGroupList = ref<SelectItem<number>[]>([]);
+  const alarmGroupList = ref<SelectItem<string>[]>([]);
   const sliderPageType = ref('edit');
   const moduleList = ref<SelectItem<string>[]>([]);
   const clusterList = ref<SelectItem<string>[]>([]);
@@ -176,13 +182,16 @@
           <TextOverflowLayout>
             {{
               default: () => (
-                <bk-button
+                <auth-button
+                  action-id="monitor_policy_edit"
+                  resource={data.id}
+                  permission={data.permission.monitor_policy_edit}
                   text
                   theme="primary"
                   disabled={!data.is_enabled}
                   onClick={() => handleOpenSlider(data, pageType)}>
                   {data.name}
-                </bk-button>
+                </auth-button>
               ),
               append: () => (
                 <>
@@ -273,7 +282,10 @@
             placement="bottom"
             onConfirm={() => handleClickConfirm(data)}
             onCancel={() => handleCancelConfirm(data)}>
-            <bk-switcher
+            <auth-switcher
+              action-id="monitor_policy_start_stop"
+              resource={data.id}
+              permission={data.permission.monitor_policy_start_stop}
               size="small"
               disabled={isInner}
               v-model={data.is_enabled}
@@ -311,18 +323,22 @@
             <auth-button
               text
               action-id="monitor_policy_edit"
+              resource={data.id}
               permission={data.permission.monitor_policy_edit}
               theme="primary"
               onClick={() => handleOpenSlider(data, 'edit')}>
               {t('编辑')}
             </auth-button>
           )}
-          <bk-button
+          <auth-button
+            action-id="monitor_policy_clone"
+            resource={data.id}
+            permission={data.permission.monitor_policy_clone}
             text
             theme="primary"
             onClick={() => handleOpenSlider(data, 'clone')}>
             {t('克隆')}
-          </bk-button>
+          </auth-button>
           <bk-button
             text
             theme="primary"
@@ -341,6 +357,7 @@
                       disabled={isInner}
                       text
                       action-id="monitor_policy_delete"
+                      results={data.permission.monitor_policy_delete}
                       permission={data.permission.monitor_policy_delete}
                       onClick={() => handleClickDelete(data)}>
                         {t('删除')}
@@ -356,19 +373,20 @@
     },
   ];
 
-  const { run: fetchAlarmGroupList } = useRequest(getAlarmGroupList, {
+  const { run: fetchAlarmGroupList } = useRequest(getSimpleList, {
     manual: true,
     onSuccess: (res) => {
-      const groupList: SelectItem<number>[] = [];
-      res.results.forEach((item) => {
+      const groupList: SelectItem<string>[] = [];
+      res.forEach((item) => {
         groupList.push({
           label: item.name,
           value: item.id,
         });
         alarmGroupNameMap[item.id] = item.name;
-        if (item.db_type === props.activeDbType) {
-          defaultNotifyId.value = item.id;
-        }
+        // todo
+        // if (item.db_type === props.activeDbType) {
+        //   defaultNotifyId.value = item.id;
+        // }
       });
       alarmGroupList.value = groupList;
       if (notifyGroupId !== undefined) {
@@ -458,9 +476,7 @@
           bk_biz_id: currentBizId,
         });
         fetchAlarmGroupList({
-          bk_biz_id: currentBizId,
-          offset: 0,
-          limit: -1,
+          bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
           db_type: type,
         });
         fetchDbModuleList({
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-db/monitor-strategy/components/edit-strategy/Index.vue b/dbm-ui/frontend/src/views/monitor-alarm-db/monitor-strategy/components/edit-strategy/Index.vue
index 77a770d385..f68dc453a5 100644
--- a/dbm-ui/frontend/src/views/monitor-alarm-db/monitor-strategy/components/edit-strategy/Index.vue
+++ b/dbm-ui/frontend/src/views/monitor-alarm-db/monitor-strategy/components/edit-strategy/Index.vue
@@ -198,7 +198,7 @@
     data: MonitorPolicyModel,
     bizsMap: Record<string, string>,
     dbType: string,
-    alarmGroupList: SelectItem<number>[],
+    alarmGroupList: SelectItem<string>[],
     alarmGroupNameMap: Record<string, string>,
     moduleList: SelectItem<string>[],
     clusterList: SelectItem<string>[],
diff --git a/dbm-ui/frontend/src/views/monitor-alarm-plat/global-strategy/components/content/Index.vue b/dbm-ui/frontend/src/views/monitor-alarm-plat/global-strategy/components/content/Index.vue
index fa654c975c..abc8ffcaf4 100644
--- a/dbm-ui/frontend/src/views/monitor-alarm-plat/global-strategy/components/content/Index.vue
+++ b/dbm-ui/frontend/src/views/monitor-alarm-plat/global-strategy/components/content/Index.vue
@@ -27,8 +27,7 @@
           ref="tableRef"
           class="table-box"
           :columns="columns"
-          :data-source="queryMonitorPolicyList"
-          releate-url-query
+          :data-source="dataSource"
           :row-class="updateRowClass"
           :settings="settings"
           @clear-search="handleClearSearch" />
@@ -71,6 +70,10 @@
 
   const { t } = useI18n();
 
+  const dataSource = (params: ServiceParameters<typeof queryMonitorPolicyList>) => queryMonitorPolicyList(params, {
+    permission: 'catch'
+  })
+
   const tableRef = ref();
   const searchValue = ref<Array<SearchSelectItem & {values: SearchSelectItem[]}>>([]);
   const isShowEditStrrategySideSilder = ref(false);
@@ -121,12 +124,15 @@
       minWidth: 150,
       render: ({ data }: { data: MonitorPolicyModel }) => (
         <span>
-          <bk-button
+          <auth-button
+            action-id="global_monitor_policy_edit"
+            resource={data.id}
+            permission={data.permission.global_monitor_policy_edit}
             text
             theme="primary"
             onClick={() => handleEdit(data)}>
             {data.name}
-          </bk-button>
+          </auth-button>
           {data.isNewCreated && <MiniTag theme='success' content="NEW" />}
         </span>
       ),
@@ -141,7 +147,7 @@
       label: t('默认通知对象'),
       field: 'notify_groups',
       showOverflowTooltip: true,
-      width: 130,
+      width: 180,
       render: () => (
         <span class="notify-box">
           <db-icon type="yonghuzu" style="font-size: 16px;color: #979BA5" />
@@ -153,7 +159,7 @@
       field: 'update_at',
       showOverflowTooltip: true,
       sort: true,
-      width: 180,
+      width: 220,
       render: ({ data }: { data: MonitorPolicyModel }) => <span>{data.updateAtDisplay}</span>,
     },
     {
@@ -178,8 +184,11 @@
         onConfirm={() => handleClickConfirm(data)}
         onCancel={() => handleCancelConfirm(data)}
       >
-        <bk-switcher
+        <auth-switcher
           v-model={data.is_enabled}
+          action-id="global_monitor_policy_start_stop"
+          resource={data.id}
+          permission={data.permission.global_monitor_policy_start_stop}
           size="small"
           theme="primary"
           onChange={() => handleChangeSwitch(data)} />
@@ -193,14 +202,16 @@
       field: '',
       width: 120,
       render: ({ data }: { data: MonitorPolicyModel }) => (
-      <div class="operate-box">
-        <bk-button
+        <auth-button
+          action-id="global_monitor_policy_edit"
+          resource={data.id}
+          permission={data.permission.global_monitor_policy_edit}
           text
           theme="primary"
           onClick={() => handleEdit(data)}>
           {t('编辑')}
-        </bk-button>
-      </div>),
+        </auth-button>
+      ),
     },
   ];
 
diff --git a/dbm-ui/frontend/src/views/mysql/dumper/components/render-list/components/instance-list/Index.vue b/dbm-ui/frontend/src/views/mysql/dumper/components/render-list/components/instance-list/Index.vue
index eba764694b..51384e1cb8 100644
--- a/dbm-ui/frontend/src/views/mysql/dumper/components/render-list/components/instance-list/Index.vue
+++ b/dbm-ui/frontend/src/views/mysql/dumper/components/render-list/components/instance-list/Index.vue
@@ -373,7 +373,7 @@
             <span>
               <auth-button
                 action-id="tbinlogdumper_enable_disable"
-                resource={data.id}
+                resource={data.source_cluster?.id}
                 permission={data.permission.tbinlogdumper_enable_disable}
                 text
                 disabled={data.isOperating}
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 01a60603da..903a3ca7da 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
@@ -40,20 +40,18 @@
             content: t('请选择集群'),
           }"
           class="inline-block">
-          <AuthButton
-            action-id="mysql_authorize_rules"
+          <BkButton
             class="ml-8"
             :disabled="!hasSelected"
             @click="handleShowAuthorize(state.selected)">
             {{ t('批量授权') }}
-          </AuthButton>
+          </BkButton>
         </span>
-        <AuthButton
-          action-id="mysql_excel_authorize_rules"
+        <BkButton
           class="ml-8"
           @click="handleShowExcelAuthorize">
           {{ t('导入授权') }}
-        </AuthButton>
+        </BkButton>
         <DropdownExportExcel
           :has-selected="hasSelected"
           :ids="selectedIds"
@@ -508,13 +506,16 @@
               { t('授权') }
             </auth-button>
             {isShowDumperEntry.value && (
-              <bk-button
+              <auth-button
+                action-id="tbinlogdumper_install"
+                resource={data.id}
+                permission={data.permission.tbinlogdumper_install}
                 text
                 theme="primary"
                 class="mr-8"
                 onClick={() => handleShowCreateSubscribeRuleSlider(data)}>
                 { t('数据订阅') }
-              </bk-button>
+              </auth-button>
             )}
             {
               data.isOnline ? (
diff --git a/dbm-ui/frontend/src/views/mysql/permission/components/CreateRule.vue b/dbm-ui/frontend/src/views/mysql/permission/components/CreateRule.vue
index 8aa06fde17..48862abc5f 100644
--- a/dbm-ui/frontend/src/views/mysql/permission/components/CreateRule.vue
+++ b/dbm-ui/frontend/src/views/mysql/permission/components/CreateRule.vue
@@ -400,7 +400,7 @@
     }
     const params = {
       ...formData,
-      bizId: window.PROJECT_CONFIG.BIZ_ID,
+      bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
       access_db: formData.access_db.replace(/\n|;/g, ','), // 统一分隔符
     };
     createAccountRule(params)
diff --git a/dbm-ui/frontend/src/views/password-manage/policy/Index.vue b/dbm-ui/frontend/src/views/password-manage/policy/Index.vue
index caac1bc801..17263d51d9 100644
--- a/dbm-ui/frontend/src/views/password-manage/policy/Index.vue
+++ b/dbm-ui/frontend/src/views/password-manage/policy/Index.vue
@@ -100,13 +100,14 @@
         </BkFormItem>
       </DbCard>
       <BkFormItem class="password-policy-footer">
-        <BkButton
+        <AuthButton
+          action-id="password_policy_set"
           class="mr-8"
           :loading="isSubmitting"
           theme="primary"
           @click="handleSubmit()">
           {{ t('保存') }}
-        </BkButton>
+        </AuthButton>
         <BkButton
           :disabled="isSubmitting"
           @click="handleReset">
diff --git a/dbm-ui/frontend/src/views/password-manage/randomization/Index.vue b/dbm-ui/frontend/src/views/password-manage/randomization/Index.vue
index 61733e328b..ee0e455e30 100644
--- a/dbm-ui/frontend/src/views/password-manage/randomization/Index.vue
+++ b/dbm-ui/frontend/src/views/password-manage/randomization/Index.vue
@@ -109,12 +109,13 @@
       </BkFormItem>
     </DbForm>
     <div class="password-randomization-footer">
-      <BkButton
+      <AuthButton
+        action-id="password_policy_set"
         class="mr-8"
         theme="primary"
         @click="handleSubmit()">
         {{ t('保存') }}
-      </BkButton>
+      </AuthButton>
       <DbPopconfirm
         :confirm-handler="handleReset"
         :content="t('重置将会恢复默认设置的内容！')"
diff --git a/dbm-ui/frontend/src/views/redis/list/components/list/Index.vue b/dbm-ui/frontend/src/views/redis/list/components/list/Index.vue
index c38298ebcd..ec557707b6 100644
--- a/dbm-ui/frontend/src/views/redis/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/redis/list/components/list/Index.vue
@@ -15,12 +15,13 @@
   <div class="redis-cluster-list-page">
     <div class="operation-box">
       <div>
-        <BkButton
+        <AuthButton
+          action-id="redis_cluster_apply"
           class="mr-8 mb-16"
           theme="primary"
           @click="handleApply">
           {{ t('申请实例') }}
-        </BkButton>
+        </AuthButton>
         <BkDropdown
           v-bk-tooltips="{
             disabled: hasSelected,
diff --git a/dbm-ui/frontend/src/views/resource-manage/dirty-machine/Index.vue b/dbm-ui/frontend/src/views/resource-manage/dirty-machine/Index.vue
index ee8d487cca..8f2033f557 100644
--- a/dbm-ui/frontend/src/views/resource-manage/dirty-machine/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/dirty-machine/Index.vue
@@ -139,12 +139,15 @@
       field: 'ticket_id',
       width: 170,
       render: ({ data }: {data: DirtyMachinesModel}) => (data.ticket_id
-        ? <bk-button
+        ? <auth-button
+            action-id="ticket_view"
+            resource={data.ticket_id}
+            permission={data.permission.ticket_view}
             text
             theme="primary"
             onClick={() => handleGoTicketDetail(data)}>
             {data.ticket_id}
-          </bk-button>
+          </auth-button>
         : '--')
       ,
     },
@@ -152,12 +155,15 @@
       label: t('关联任务'),
       field: 'task_id',
       render: ({ data }: {data: DirtyMachinesModel}) => (data.task_id
-        ? <bk-button
+        ? <auth-button
+            action-id="flow_detail"
+            resource={data.task_id}
+            permission={data.permission.flow_detail}
             text
             theme="primary"
             onClick={() => handleGoTaskHistoryDetail(data)}>
             {data.task_id}
-          </bk-button>
+          </auth-button>
         : '--'),
     },
     {
@@ -170,9 +176,14 @@
       width: 150,
       flexd: 'right',
       render: ({ data }: {data: DirtyMachinesModel}) => (
-        <div>
-          <bk-button theme="primary" text onClick={() => transferHosts([data])}>{t('移入待回收')}</bk-button>
-        </div>
+          <auth-button
+            action-id="dirty_pool_manage"
+            permission={data.permission.dirty_pool_manage}
+            theme="primary"
+            text
+            onClick={() => transferHosts([data])}>
+            {t('移入待回收')}
+          </auth-button>
       ),
     },
   ];
diff --git a/dbm-ui/frontend/src/views/resource-manage/record/Index.vue b/dbm-ui/frontend/src/views/resource-manage/record/Index.vue
index 2399eb2de9..5195263f78 100644
--- a/dbm-ui/frontend/src/views/resource-manage/record/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/record/Index.vue
@@ -126,7 +126,7 @@
       label: t('操作时间'),
       field: 'update_time',
       fixed: true,
-      width: 170,
+      width: 200,
       sort: true,
       render: ({ data }: {data: OperationModel}) => data.updateTimeDisplay,
     },
@@ -152,7 +152,10 @@
       field: 'ticket_id',
       width: 170,
       render: ({ data }: {data: OperationModel}) => (data.ticket_id
-        ? <router-link
+        ? <auth-router-link
+            action-id="ticket_view"
+            resource={data.ticket_id}
+            permission={data.permission.ticket_view}
             to={{
               name: 'SelfServiceMyTickets',
               query: {
@@ -161,7 +164,7 @@
             }}
             target="_blank">
             {data.ticket_id}
-          </router-link>
+          </auth-router-link>
         : '--')
       ,
     },
@@ -169,7 +172,10 @@
       label: t('关联任务'),
       field: 'task_id',
       render: ({ data }: {data: OperationModel}) => (data.task_id
-        ? <router-link
+        ? <auth-router-link
+            action-id="flow_detail"
+            resource={data.task_id}
+            permission={data.permission.flow_detail}
             to={{
               name: 'taskHistoryDetail',
               params: {
@@ -181,7 +187,7 @@
             }}
             target="_blank">
             {data.task_id}
-          </router-link>
+          </auth-router-link>
         : '--'),
     },
     {
diff --git a/dbm-ui/frontend/src/views/service-apply/create-db-module/Index.vue b/dbm-ui/frontend/src/views/service-apply/create-db-module/Index.vue
index 30f9ddab81..ed1727a3ed 100644
--- a/dbm-ui/frontend/src/views/service-apply/create-db-module/Index.vue
+++ b/dbm-ui/frontend/src/views/service-apply/create-db-module/Index.vue
@@ -111,7 +111,7 @@
       <BkButton
         class="w-88 ml-8"
         :disabled="loadingState.submit"
-        @click="resetFormData()">
+        @click="handleReset()">
         {{ t('重置') }}
       </BkButton>
     </template>
@@ -119,7 +119,6 @@
 </template>
 
 <script setup lang="ts">
-  import { Message } from 'bkui-vue';
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
 
@@ -151,34 +150,38 @@
   const globalBizsStore = useGlobalBizs();
 
   const getSmartActionOffsetTarget = () => document.querySelector('.bk-form-content');
+
+  const ticketType = route.params.type as MysqlTypeString;
+  const ticketInfo = mysqlType[ticketType];
+  const bizId = Number(route.params.bk_biz_id);
+  const isNewModule = !route.params.db_module_id;
+
   /**
    * 获取表单基础信息
    */
   const getFormData = () => ({
     module_name: (route.query.module_name ?? '') as string,
-    mysql_type: ticketType.value,
+    mysql_type: ticketType,
     version: '',
     character_set: '',
   });
 
   const isBindSuccessfully = ref(false);
   const paramsConfigDataStringify = ref('');
+  // 模块信息
+  const moduleId = ref(Number(route.params.db_module_id) ?? '');
   const disabledSubmit = computed(() => {
     if (isBindSuccessfully.value === false) {
       return false;
     }
     return paramsConfigDataStringify.value === JSON.stringify(configState.data.conf_items);
   });
-  // 数据库类型信息
-  const ticketType = computed(() => route.params.type as MysqlTypeString);
-  const ticketInfo = computed(() => mysqlType[ticketType.value]);
+
   // 业务信息
-  const bizId = computed(() => Number(route.params.bk_biz_id));
-  const bizInfo = computed(() => globalBizsStore.bizs.find((info) => info.bk_biz_id === bizId.value) || { name: '' });
-  // 模块信息
-  const moduleId = ref(Number(route.params.db_module_id) ?? '');
-  const isNewModule = computed(() => !route.params.db_module_id);
-  const isReadonly = computed(() => (isNewModule.value ? !!moduleId.value : true));
+
+  const bizInfo = computed(() => globalBizsStore.bizs.find((info) => info.bk_biz_id === bizId) || { name: '' });
+
+  const isReadonly = computed(() => (isNewModule ? !!moduleId.value : true));
 
   const formData = reactive(getFormData());
   const listState = reactive({
@@ -211,96 +214,6 @@
 
   const createModuleFormRef = ref();
   const parameterTableRef = ref();
-  /**
-   * 提交表单
-   */
-  async function handleSubmit() {
-    loadingState.submit = true;
-    try {
-      // 校验表单信息
-      await Promise.all([createModuleFormRef.value?.validate(), parameterTableRef.value?.validate()]);
-
-      // 新建模块或已经新建成功则不执行创建
-      if (!isReadonly.value) {
-        const createResult = await createModules({
-          id: bizId.value,
-          db_module_name: formData.module_name,
-          cluster_type: ticketInfo.value.type,
-        });
-        moduleId.value = createResult.db_module_id;
-      }
-
-      // 绑定模块数据库配置
-      await bindModulesDeployInfo();
-
-      // 绑定参数配置
-      await bindConfigParameters();
-
-      Message({
-        message: isNewModule.value ? t('创建DB模块并绑定数据库配置成功') : t('绑定配置成功'),
-        theme: 'success',
-      });
-      window.changeConfirm = false;
-      router.go(-1);
-    } catch (e) {
-      console.log(e);
-    }
-    loadingState.submit = false;
-  }
-
-  /**
-   * 绑定数据库配置
-   */
-  function bindModulesDeployInfo() {
-    const params = {
-      level_name: 'module',
-      version: 'deploy_info',
-      conf_type: 'deploy',
-      bk_biz_id: bizId.value,
-      level_value: moduleId.value,
-      meta_cluster_type: ticketInfo.value.type,
-      conf_items: [
-        {
-          conf_name: 'charset',
-          conf_value: formData.character_set,
-          op_type: 'update',
-          description: t('字符集'),
-        },
-        {
-          conf_name: 'db_version',
-          conf_value: formData.version,
-          op_type: 'update',
-          description: t('数据库版本'),
-        },
-      ],
-    };
-    return saveModulesDeployInfo(params).then(() => {
-      isBindSuccessfully.value = true;
-    });
-  }
-
-  function resetFormData() {
-    useInfo({
-      title: t('确认重置表单内容'),
-      content: t('重置后_将会清空当前填写的内容'),
-      onConfirm: () => {
-        const resetData = isNewModule.value ? getFormData() : { version: '', character_set: '' };
-        _.merge(formData, resetData);
-        configState.data = {
-          name: '',
-          version: '',
-          description: '',
-          conf_items: [],
-        };
-        configState.parameters = [];
-        configState.originConfItems = [];
-        nextTick(() => {
-          window.changeConfirm = false;
-        });
-        return true;
-      },
-    });
-  }
 
   const configState = reactive({
     loading: false,
@@ -315,10 +228,10 @@
     originConfItems: [] as ParameterConfigItem[],
   });
   const fetchParams = computed(() => ({
-    bk_biz_id: bizId.value,
+    bk_biz_id: bizId,
     level_name: isReadonly.value ? 'module' : 'app',
-    level_value: isReadonly.value ? moduleId.value : bizId.value,
-    meta_cluster_type: ticketInfo.value.type,
+    level_value: isReadonly.value ? moduleId.value : bizId,
+    meta_cluster_type: ticketInfo.type,
     conf_type: 'dbconf',
     version: formData.version,
   }));
@@ -326,7 +239,7 @@
   /**
    * 查询参数配置
    */
-  function fetchLevelConfig() {
+  const fetchLevelConfig = () => {
     configState.loading = true;
 
     // 若没有 module_id 则拉取业务配置，反之获取模块配置
@@ -352,14 +265,14 @@
       .finally(() => {
         configState.loading = false;
       });
-  }
+  };
 
   /**
    * 查询配置项名称列表
    */
   const fetchConfigNames = () => {
     getConfigNames({
-      meta_cluster_type: ticketInfo.value.type,
+      meta_cluster_type: ticketInfo.type,
       conf_type: 'dbconf',
       version: formData.version,
     }).then((res) => {
@@ -378,29 +291,6 @@
     { immediate: true },
   );
 
-  /**
-   * 绑定参数配置
-   */
-  const bindConfigParameters = () => {
-    // 获取 conf_items
-    const { data } = useDiff(configState.data.conf_items, configState.originConfItems);
-    const confItems = data.map((item: DiffItem) => {
-      const type = item.status === 'delete' ? 'remove' : 'update';
-      const data = item.status === 'delete' ? item.before : item.after;
-      return Object.assign(data, { op_type: type });
-    });
-
-    const params = {
-      name: formData.module_name,
-      conf_items: confItems,
-      description: '',
-      publish_description: '',
-      confirm: 0,
-      ...fetchParams.value,
-    };
-    return updateBusinessConfig(params);
-  };
-
   // 添加配置项
   const handleAddConfItem = (index: number) => {
     configState.data.conf_items.splice(index + 1, 0, {
@@ -468,6 +358,95 @@
     configState.data.conf_items[index] = Object.assign(_.cloneDeep(selected), { op_type: 'add' });
   };
 
+  /**
+   * 提交表单
+   */
+  const handleSubmit = async () => {
+    loadingState.submit = true;
+    try {
+      // 校验表单信息
+      await Promise.all([createModuleFormRef.value?.validate(), parameterTableRef.value?.validate()]);
+
+      // 新建模块或已经新建成功则不执行创建
+      if (!isReadonly.value) {
+        const createResult = await createModules({
+          id: bizId,
+          db_module_name: formData.module_name,
+          cluster_type: ticketInfo.type,
+        });
+        moduleId.value = createResult.db_module_id;
+      }
+
+      // 绑定模块数据库配置
+      await saveModulesDeployInfo({
+        level_name: 'module',
+        version: 'deploy_info',
+        conf_type: 'deploy',
+        bk_biz_id: bizId,
+        level_value: moduleId.value,
+        meta_cluster_type: ticketInfo.type,
+        conf_items: [
+          {
+            conf_name: 'charset',
+            conf_value: formData.character_set,
+            op_type: 'update',
+            description: t('字符集'),
+          },
+          {
+            conf_name: 'db_version',
+            conf_value: formData.version,
+            op_type: 'update',
+            description: t('数据库版本'),
+          },
+        ],
+      });
+      isBindSuccessfully.value = true;
+
+      // 绑定参数配置
+      const { data } = useDiff(configState.data.conf_items, configState.originConfItems);
+      const confItems = data.map((item: DiffItem) => {
+        const type = item.status === 'delete' ? 'remove' : 'update';
+        const data = item.status === 'delete' ? item.before : item.after;
+        return Object.assign(data, { op_type: type });
+      });
+
+      await updateBusinessConfig({
+        name: formData.module_name,
+        conf_items: confItems,
+        description: '',
+        publish_description: '',
+        confirm: 0,
+        ...fetchParams.value,
+      });
+    } catch (e) {
+      console.log(e);
+    }
+    loadingState.submit = false;
+  };
+
+  const handleReset = () => {
+    useInfo({
+      title: t('确认重置表单内容'),
+      content: t('重置后_将会清空当前填写的内容'),
+      onConfirm: () => {
+        const resetData = isNewModule ? getFormData() : { version: '', character_set: '' };
+        _.merge(formData, resetData);
+        configState.data = {
+          name: '',
+          version: '',
+          description: '',
+          conf_items: [],
+        };
+        configState.parameters = [];
+        configState.originConfItems = [];
+        nextTick(() => {
+          window.changeConfirm = false;
+        });
+        return true;
+      },
+    });
+  };
+
   defineExpose({
     routerBack() {
       if (!route.query.from) {
diff --git a/dbm-ui/frontend/src/views/spider-manage/permission/components/CreateRule.vue b/dbm-ui/frontend/src/views/spider-manage/permission/components/CreateRule.vue
index ba012d5d50..07ea7be198 100644
--- a/dbm-ui/frontend/src/views/spider-manage/permission/components/CreateRule.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/permission/components/CreateRule.vue
@@ -391,7 +391,7 @@
     }
     const params = {
       ...formDataClone,
-      bizId: window.PROJECT_CONFIG.BIZ_ID,
+      bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
       access_db: formdata.value.access_db.replace(replaceReg, ','), // 统一分隔符
       account_type: TENDBCLUSTER,
     };
diff --git a/dbm-ui/frontend/src/views/ticket-flow-setting/components/List.vue b/dbm-ui/frontend/src/views/ticket-flow-setting/components/List.vue
index 8ce56786a6..78edf29318 100644
--- a/dbm-ui/frontend/src/views/ticket-flow-setting/components/List.vue
+++ b/dbm-ui/frontend/src/views/ticket-flow-setting/components/List.vue
@@ -137,59 +137,64 @@
       render: ({ data }: { data: TicketFlowDescribeModel }) => (Object.keys(data.configs) as (keyof TicketFlowDescribeModel['configs'])[]).map((key) => (
         <bk-pop-confirm
           title={data.configs[key] ? t('确认删除“单据审批”流程节点？') : t('确认添加“单据审批”流程节点？')}
-          content={
-            <div class="ticket-flow-change-node-box">
-              <div class="item-box">
-                <div class="title">{t('单据类型')}：</div>
-                <div class="content" style="color: #313238;">{data.ticket_type_display}</div>
-              </div>
-              <div class="item-box mb-16 mt-6">
-                <div class="title">{t('流程预览')}：</div>
-                <div class="content">{
-                  <>
-                    {
-                      !data.configs[key] && <>
-                        <span
-                            class={{ 'add-node': !data.configs[key] }}>
-                            {configMap[key]}
-                          </span>
-                          <span>{' -> '}</span>
-                      </>
-                    }
-                    {
-                      data.flow_desc.map((flow, index) => (
-                        <>
-                          <span
-                            class={{ 'delete-node': data.configs[key] && configMap[key] === flow }}>
-                            {flow}
-                          </span>
-                          <span>{index !== data.flow_desc.length - 1 ? ' -> ' : ''}</span>
-                        </>
-                      ))
-                    }
-                  </>
-                  }
-                </div>
-              </div>
-            </div>
-          }
           width="400"
           placement="top"
           trigger="click"
           confirm-text={data.configs[key] ? t('删除') : t('确定')}
           onConfirm={() => handleConfirmCheck(data, key, !data.configs[key])}
         >
-          <auth-template
-            class="flow-node-action"
-            action-id="ticket_config_set"
-            resource={data.ticket_type}
-            permission={data.permission.ticket_config_set}>
-            <bk-checkbox
-              modelValue={data.configs[key]}
-              style="pointer-events: none;">
-              {configMap[key]}
-            </bk-checkbox>
-          </auth-template>
+          {{
+            default: () => (
+              <auth-template
+                class="flow-node-action"
+                action-id="ticket_config_set"
+                resource={props.activeDbType}
+                permission={data.permission.ticket_config_set}>
+                <bk-checkbox
+                  modelValue={data.configs[key]}
+                  style="pointer-events: none;">
+                  {configMap[key]}
+                </bk-checkbox>
+              </auth-template>
+            ),
+            content: () => (
+              <div class="ticket-flow-change-node-box">
+                <div class="item-box">
+                  <div class="title">{t('单据类型')}：</div>
+                  <div class="content" style="color: #313238;">{data.ticket_type_display}</div>
+                </div>
+                <div class="item-box mb-16 mt-6">
+                  <div class="title">{t('流程预览')}：</div>
+                  <div class="content">{
+                    <>
+                      {
+                        !data.configs[key] && <>
+                          <span
+                              class={{ 'add-node': !data.configs[key] }}>
+                              {configMap[key]}
+                            </span>
+                            <span>{' -> '}</span>
+                        </>
+                      }
+                      {
+                        data.flow_desc.map((flow, index) => (
+                          <>
+                            <span
+                              class={{ 'delete-node': data.configs[key] && configMap[key] === flow }}>
+                              {flow}
+                            </span>
+                            <span>{index !== data.flow_desc.length - 1 ? ' -> ' : ''}</span>
+                          </>
+                        ))
+                      }
+                    </>
+                    }
+                  </div>
+                </div>
+              </div>
+            )
+          }}
+
         </bk-pop-confirm>
       )),
     },
@@ -343,14 +348,14 @@
 </style>
 
 <style lang="less">
-  .flow-node-action{
-      display: inline-block;
-      cursor: pointer;
+  .flow-node-action {
+    display: inline-block;
+    cursor: pointer;
 
-      & ~ .flow-node-action{
-        margin-left: 24px;
-      }
+    & ~ .flow-node-action {
+      margin-left: 24px;
     }
+  }
 
   .ticket-flow-change-node-box {
     .item-box {
diff --git a/dbm-ui/frontend/src/views/tickets/my-tickets/Index.vue b/dbm-ui/frontend/src/views/tickets/my-tickets/Index.vue
index abd5f5a8cd..bb6a74529a 100644
--- a/dbm-ui/frontend/src/views/tickets/my-tickets/Index.vue
+++ b/dbm-ui/frontend/src/views/tickets/my-tickets/Index.vue
@@ -17,7 +17,9 @@
     <div
       v-if="activeTicket?.id"
       class="ticket-detail-wrapper db-scroll-y">
-      <Details :data="activeTicket" />
+      <Details
+        :key="activeTicket?.id"
+        :data="activeTicket" />
     </div>
   </div>
 </template>