diff --git a/dbm-ui/frontend/package.json b/dbm-ui/frontend/package.json
index 3ae3915a41..0709124280 100644
--- a/dbm-ui/frontend/package.json
+++ b/dbm-ui/frontend/package.json
@@ -88,6 +88,7 @@
     "vite-plugin-html-env": "1.2.8",
     "vite-plugin-imp": "2.4.0",
     "vite-plugin-style-import": "2.0.0",
+    "vue-component-type-helpers": "^2.0.6",
     "vue-tsc": "^1.8.22"
   },
   "simple-git-hooks": {
diff --git a/dbm-ui/frontend/public/sqlserver_cluster_authorize.xlsx b/dbm-ui/frontend/public/sqlserver_cluster_authorize.xlsx
new file mode 100644
index 0000000000..0c2a1dd524
Binary files /dev/null and b/dbm-ui/frontend/public/sqlserver_cluster_authorize.xlsx differ
diff --git a/dbm-ui/frontend/src/common/const.ts b/dbm-ui/frontend/src/common/const.ts
index 94b83a93e6..b013941446 100644
--- a/dbm-ui/frontend/src/common/const.ts
+++ b/dbm-ui/frontend/src/common/const.ts
@@ -316,6 +316,10 @@ export enum TicketTypes {
   MONGODB_BACKUP = 'MONGODB_BACKUP', // mongo 库表备份
   MONGODB_RESTORE = 'MONGODB_RESTORE', // mongo 定点构造
   MONGODB_TEMPORARY_DESTROY = 'MONGODB_TEMPORARY_DESTROY', // mongo 临时集群销毁
+  SQLSERVER_AUTHORIZE_RULES = 'SQLSERVER_AUTHORIZE_RULES', // sqlserver 集群授权
+  SQLSERVER_EXCEL_AUTHORIZE_RULES = 'SQLSERVER_EXCEL_AUTHORIZE_RULES', // sqlserver 导入授权
+  SQLSERVER_RESET = 'SQLSERVER_RESET', // sqlserver 集群重置
+  SQLSERVER_BACKUP_DBS = 'SQLSERVER_BACKUP_DBS', // sqlserver 数据库备份
 }
 export type TicketTypesStrings = keyof typeof TicketTypes;
 
@@ -499,6 +503,8 @@ export enum UserPersonalSettings {
   MONGODB_INSTANCE_TABLE_SETTINGS = 'MONGODB_INSTANCE_TABLE_SETTINGS',
   MONGODB_REPLICA_SET_SETTINGS = 'MONGODB_REPLICA_SET_SETTINGS',
   MONGODB_SHARED_CLUSTER_SETTINGS = 'MONGODB_SHARED_CLUSTER_SETTINGS',
+  SQLSERVER_SINGLE_TABLE_SETTINGS = 'SQLSERVER_SINGLE_TABLE_SETTINGS',
+  SQLSERVER_HA_TABLE_SETTINGS = 'SQLSERVER_HA_TABLE_SETTINGS',
 }
 
 /**
@@ -558,6 +564,7 @@ export enum AccountTypes {
   MYSQL = 'mysql',
   TENDBCLUSTER = 'tendbcluster',
   MONGODB = 'mongodb',
+  SQLSERVER = 'sqlserver',
 }
 export type AccountTypesValues = `${AccountTypes}`;
 
diff --git a/dbm-ui/frontend/src/components/cluster-authorize/ClusterAuthorize.vue b/dbm-ui/frontend/src/components/cluster-authorize/ClusterAuthorize.vue
index 4cd65ab6f9..52836c7ef6 100644
--- a/dbm-ui/frontend/src/components/cluster-authorize/ClusterAuthorize.vue
+++ b/dbm-ui/frontend/src/components/cluster-authorize/ClusterAuthorize.vue
@@ -26,7 +26,7 @@
         </p>
       </div>
       <DbFormItem
-        v-if="accountType !== AccountTypes.MONGODB"
+        v-if="isMysql"
         class="cluster-authorize__bold"
         :label="t('访问源')"
         property="source_ips"
@@ -63,38 +63,7 @@
           }"
           :title="clusterTypeTitle" />
       </BkFormItem>
-      <template v-if="accountType === AccountTypes.MONGODB">
-        <BkFormItem
-          class="cluster-authorize__bold"
-          :label="t('权限规则')"
-          property="mongo_users"
-          required>
-          <div class="permission-item">
-            <BkButton
-              class="cluster-authorize__button"
-              @click="handleShowAccoutRules">
-              <DbIcon
-                class="button-icon"
-                type="db-icon-add" />
-              {{ t('添加账号规则') }}
-            </BkButton>
-            <BkButton
-              v-if="selectedList.length > 0"
-              text
-              theme="primary"
-              @click="handleDeleteAll">
-              <DbIcon type="delete" />
-              <span class="ml-6">{{ t('全部清空') }}</span>
-            </BkButton>
-          </div>
-          <AccountRulesTable
-            v-if="selectedList.length > 0"
-            class="mt-16"
-            :selected-list="selectedList"
-            @delete="handleRowDelete" />
-        </BkFormItem>
-      </template>
-      <template v-else>
+      <template v-if="isMysql">
         <h5 class="cluster-authorize__bold cluster-authorize__label pb-16">
           {{ t('权限规则') }}
         </h5>
@@ -160,6 +129,38 @@
             :empty-text="t('请选择访问DB')" />
         </BkFormItem>
       </template>
+      <template v-else>
+        <BkFormItem
+          class="cluster-authorize__bold"
+          :label="t('权限规则')"
+          property="mongo_users"
+          required>
+          <div class="permission-item">
+            <BkButton
+              class="cluster-authorize__button"
+              @click="handleShowAccoutRules">
+              <DbIcon
+                class="button-icon"
+                type="db-icon-add" />
+              {{ t('添加账号规则') }}
+            </BkButton>
+            <BkButton
+              v-if="selectedList.length > 0"
+              text
+              theme="primary"
+              @click="handleDeleteAll">
+              <DbIcon type="delete" />
+              <span class="ml-6">{{ t('全部清空') }}</span>
+            </BkButton>
+          </div>
+          <AccountRulesTable
+            v-if="selectedList.length > 0"
+            :account-type="accountType"
+            class="mt-16"
+            :selected-list="selectedList"
+            @delete="handleRowDelete" />
+        </BkFormItem>
+      </template>
     </DbForm>
     <template #footer>
       <BkButton
@@ -176,24 +177,25 @@
       </BkButton>
     </template>
   </BkSideslider>
-  <ClusterSelectorNew
-    v-if="accountType === AccountTypes.MONGODB"
-    v-model:is-show="clusterState.isShow"
-    :cluster-types="clusterTypes"
-    only-one-type
-    :selected="newClusterSelectorSelected"
-    :tab-list-config="tabListConfig"
-    @change="handleNewClusterChange" />
   <MySqlClusterSelector
-    v-else
+    v-if="isMysql"
     v-model:is-show="clusterState.isShow"
     :cluster-types="clusterTypes"
     only-one-type
     :selected="clusterSelectorSelected"
     :tab-list="tabList"
     @change="handleClusterSelected" />
+  <ClusterSelectorNew
+    v-else
+    v-model:is-show="clusterState.isShow"
+    :cluster-types="clusterTypes"
+    only-one-type
+    :selected="newClusterSelectorSelected"
+    :tab-list-config="tabListConfig"
+    @change="handleNewClusterChange" />
   <AccountRulesSelector
     v-model:is-show="accoutRulesShow"
+    :account-type="accountType"
     :selected-list="selectedList"
     @change="handleAccountRulesChange" />
 </template>
@@ -203,17 +205,19 @@
 
   import MongodbModel from '@services/model/mongodb/mongodb';
   import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
   import { getPermissionRules, preCheckAuthorizeRules } from '@services/permission';
   import { checkHost } from '@services/source/ipchooser';
   import { getMongodbPermissionRules } from '@services/source/mongodbPermissionAccount';
   import { preCheckMongodbAuthorizeRules } from '@services/source/mongodbPermissionAuthorize';
+  import { getSqlserverPermissionRules } from '@services/source/sqlserverPermissionAccount';
+  import { preCheckSqlserverAuthorizeRules } from '@services/source/sqlserverPermissionAuthorize';
   import { createTicket } from '@services/source/ticket';
   import { getWhitelist } from '@services/source/whitelist';
   import type { AuthorizePreCheckData, PermissionRule } from '@services/types/permission';
 
   import { useCopy, useInfo, useStickyFooter, useTicketMessage } from '@hooks';
 
-  import type { AccountTypesValues } from '@common/const';
   import { AccountTypes, ClusterTypes, TicketTypes } from '@common/const';
 
   import ClusterSelectorNew, { type TabConfig } from '@components/cluster-selector-new/Index.vue';
@@ -234,9 +238,10 @@
   type ResourceItem = NonNullable<Props['selected']>[number] & { isMaster?: boolean };
   type MysqlPreCheckResulst = ServiceReturnType<typeof preCheckAuthorizeRules>
   type MongoPreCheckResulst = ServiceReturnType<typeof preCheckMongodbAuthorizeRules>
+  type SqlserverPreCheckResulst = ServiceReturnType<typeof preCheckSqlserverAuthorizeRules>
 
   interface Props {
-    accountType: AccountTypesValues,
+    accountType: AccountTypes,
     user?: string,
     accessDbs?: string[],
     selected?: {
@@ -281,6 +286,14 @@
       name: t('分片集群'),
       showPreviewResultTitle: true,
     },
+    [ClusterTypes.SQLSERVER_SINGLE]: {
+      name: t('单节点集群'),
+      showPreviewResultTitle: true,
+    },
+    [ClusterTypes.SQLSERVER_HA]: {
+      name: t('主从集群'),
+      showPreviewResultTitle: true,
+    },
   };
 
   /**
@@ -314,7 +327,7 @@
   /** 权限规则功能 */
   const accountState = reactive({
     isLoading: false,
-    rules: [] as PermissionRule[] | MongodbPermissonAccountModel[],
+    rules: [] as PermissionRule[] | MongodbPermissonAccountModel[] | SqlserverPermissionAccountModel[],
   });
 
   const clusterState = reactive({
@@ -344,6 +357,8 @@
     ],
   });
 
+  const isMysql = computed(() => [AccountTypes.MYSQL, AccountTypes.TENDBCLUSTER].includes(props.accountType))
+
   const collapseTableColumns = computed(() => {
     const columns = [
       {
@@ -419,7 +434,7 @@
       tableProps,
     } = clusterState;
     selected[clusterType] = tableProps.data;
-    return selected as unknown as Record<string, MongodbModel[]>;
+    return selected as unknown as Record<string, (MongodbModel)[]>;
   });
 
   const tabListConfig = computed(() => props.clusterTypes.reduce((prevConfig, clusterTypeItem) => ({
@@ -431,6 +446,7 @@
     [AccountTypes.MYSQL]: TicketTypes.MYSQL_AUTHORIZE_RULES,
     [AccountTypes.TENDBCLUSTER]: TicketTypes.TENDBCLUSTER_AUTHORIZE_RULES,
     [AccountTypes.MONGODB]: TicketTypes.MONGODB_AUTHORIZE,
+    [AccountTypes.SQLSERVER]: TicketTypes.SQLSERVER_AUTHORIZE_RULES
   };
 
   const bizId = window.PROJECT_CONFIG.BIZ_ID;
@@ -497,6 +513,7 @@
       [AccountTypes.MYSQL]: getPermissionRules,
       [AccountTypes.TENDBCLUSTER]: getPermissionRules,
       [AccountTypes.MONGODB]: getMongodbPermissionRules,
+      [AccountTypes.SQLSERVER]: getSqlserverPermissionRules
     };
 
     apiMap[props.accountType]({
@@ -522,6 +539,8 @@
       [ClusterTypes.TENDBCLUSTER]: 'Spider',
       [ClusterTypes.MONGO_REPLICA_SET]: t('副本集'),
       [ClusterTypes.MONGO_SHARED_CLUSTER]: t('分片集群'),
+      [ClusterTypes.SQLSERVER_SINGLE]: t('单节点'),
+      [ClusterTypes.SQLSERVER_HA]: t('主从'),
     };
     return clusterTextMap[clusterState.clusterType];
   });
@@ -621,6 +640,7 @@
       [AccountTypes.MYSQL]: 'PermissionRules',
       [AccountTypes.TENDBCLUSTER]: 'spiderPermission',
       [AccountTypes.MONGODB]: 'MongodbPermission',
+      [AccountTypes.SQLSERVER]: 'SqlServerPermissionRules'
     };
     const url = router.resolve({ name: routeMap[props.accountType] });
     window.open(url.href, '_blank');
@@ -629,7 +649,10 @@
   /**
    * 创建授权单据
    */
-  const createAuthorizeTicket = (uid: string, data: MysqlPreCheckResulst['authorize_data'] | MongoPreCheckResulst['authorize_data']) => {
+  const createAuthorizeTicket = (
+    uid: string,
+    data: MysqlPreCheckResulst['authorize_data'] | MongoPreCheckResulst['authorize_data'] | SqlserverPreCheckResulst['authorize_data']
+  ) => {
     const params = {
       bk_biz_id: bizId,
       details: {
@@ -664,6 +687,7 @@
       [AccountTypes.MYSQL]: preCheckAuthorizeRules,
       [AccountTypes.TENDBCLUSTER]: preCheckAuthorizeRules,
       [AccountTypes.MONGODB]: preCheckMongodbAuthorizeRules,
+      [AccountTypes.SQLSERVER]: preCheckSqlserverAuthorizeRules
     };
     const params = {
       target_instances: formdata.target_instances,
@@ -677,6 +701,13 @@
           access_dbs: selectedItem.rules.map(mapItem => mapItem.access_db),
         })),
       });
+    } else if (props.accountType === AccountTypes.SQLSERVER) {
+      Object.assign(params, {
+        sqlserver_users: selectedList.value.map(selectedItem => ({
+          user: selectedItem.account.user,
+          access_dbs: selectedItem.rules.map(mapItem => mapItem.access_db),
+        })),
+      });
     } else {
       Object.assign(params, {
         access_dbs: formdata.access_dbs,
diff --git a/dbm-ui/frontend/src/components/cluster-authorize/accouter-rules-selector/Index.vue b/dbm-ui/frontend/src/components/cluster-authorize/accouter-rules-selector/Index.vue
index 20db994aeb..155e9939e3 100644
--- a/dbm-ui/frontend/src/components/cluster-authorize/accouter-rules-selector/Index.vue
+++ b/dbm-ui/frontend/src/components/cluster-authorize/accouter-rules-selector/Index.vue
@@ -27,11 +27,12 @@
       class="mb-16"
       :data="filters"
       :placeholder="t('请输入账号或DB名')"
-      style="width: 520px;"
+      style="width: 520px"
       unique-select
       @change="handleSearchSelectChange" />
     <AccountRulesTable
       ref="accountRulesTableRef"
+      :account-type="accountType"
       select-mode
       :selected-list="selectedList"
       @change="handleChange" />
@@ -54,24 +55,27 @@
         </BkButton>
       </div>
     </template>
-  </bkdialog>
+  </BkDialog>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" generic="T extends MongodbPermissonAccountModel | SqlserverPermissionAccountModel">
+  import type { ComponentExposed } from 'vue-component-type-helpers';
   import { useI18n } from 'vue-i18n';
 
   import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
 
   import { getSearchSelectorParams } from '@utils';
 
   import AccountRulesTable from './components/AccountRulesTable.vue';
 
   interface Props {
-    selectedList?: MongodbPermissonAccountModel[]
+    accountType: string;
+    selectedList?: T[];
   }
 
   interface Emits {
-    (e: 'change', value: MongodbPermissonAccountModel[]): void,
+    (e: 'change', value: T[]): void;
   }
 
   withDefaults(defineProps<Props>(), {
@@ -97,12 +101,13 @@
     },
   ];
 
-  const accountRulesTableRef = ref<InstanceType<typeof AccountRulesTable>>();
+  const accountRulesTableRef = ref<ComponentExposed<typeof AccountRulesTable>>();
   const tableSearch = ref([]);
-  const dataList = shallowRef<MongodbPermissonAccountModel[]>([]);
+  const dataList = shallowRef<T[]>([]);
 
-  const selectedCount = computed(() => dataList.value
-    .reduce((prevCount, dataItem) => prevCount + dataItem.rules.length, 0));
+  const selectedCount = computed(() =>
+    dataList.value.reduce((prevCount, dataItem) => prevCount + dataItem.rules.length, 0),
+  );
 
   watch(isShow, (newShow) => {
     nextTick(() => {
@@ -116,21 +121,29 @@
     accountRulesTableRef.value!.searchData(getSearchSelectorParams(tableSearch.value));
   };
 
-  const handleChange = (value: Record<number, {
-    account: MongodbPermissonAccountModel['account'],
-    rule: MongodbPermissonAccountModel['rules'][number]
-  }>) => {
-    const dataMap = Object.keys(value).reduce((prev, key) => {
-      const item = value[Number(key)];
-      const resultItem = prev[item.account.account_id];
-      if (!resultItem) {
-        return Object.assign({}, prev, {
-          [item.account.account_id]: Object.assign({}, item, { rules: [item.rule] }),
-        });
+  const handleChange = (
+    value: Record<
+      number,
+      {
+        account: T['account'];
+        rule: T['rules'][number];
       }
-      resultItem.rules.push(item.rule);
-      return prev;
-    }, {} as Record<number, MongodbPermissonAccountModel>);
+    >,
+  ) => {
+    const dataMap = Object.keys(value).reduce(
+      (prev, key) => {
+        const item = value[Number(key)];
+        const resultItem = prev[item.account.account_id];
+        if (!resultItem) {
+          return Object.assign({}, prev, {
+            [item.account.account_id]: Object.assign({}, item, { rules: [item.rule] }),
+          });
+        }
+        resultItem.rules.push(item.rule);
+        return prev;
+      },
+      {} as Record<number, T>,
+    );
     dataList.value = Object.values(dataMap);
   };
 
@@ -144,28 +157,28 @@
   };
 
   const handleClose = () => {
-    isShow.value =  false;
+    isShow.value = false;
   };
 </script>
 
 <style lang="less" scoped>
-.account-rules-selector {
-  :deep(.bk-dialog-header) {
-    padding-bottom: 12px;
-  }
+  .account-rules-selector {
+    :deep(.bk-dialog-header) {
+      padding-bottom: 12px;
+    }
 
-  .footer-wrapper {
-    display: flex;
-    align-items: center;
+    .footer-wrapper {
+      display: flex;
+      align-items: center;
 
-    .selected-text {
-      margin-right: auto;
+      .selected-text {
+        margin-right: auto;
 
-      .selected-count {
-        font-size: 700;
-        color: #2dcb56;
+        .selected-count {
+          font-size: 700;
+          color: #2dcb56;
+        }
       }
     }
   }
-}
 </style>
diff --git a/dbm-ui/frontend/src/components/cluster-authorize/accouter-rules-selector/components/AccountRulesTable.vue b/dbm-ui/frontend/src/components/cluster-authorize/accouter-rules-selector/components/AccountRulesTable.vue
index ca6325d95d..b98873763e 100644
--- a/dbm-ui/frontend/src/components/cluster-authorize/accouter-rules-selector/components/AccountRulesTable.vue
+++ b/dbm-ui/frontend/src/components/cluster-authorize/accouter-rules-selector/components/AccountRulesTable.vue
@@ -26,25 +26,28 @@
   </div>
 </template>
 
-<script setup lang="tsx">
+<script setup lang="tsx" generic="T extends MongodbPermissonAccountModel | SqlserverPermissionAccountModel">
   import _ from 'lodash';
   import type { UnwrapRef } from 'vue';
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
   import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
   import { getMongodbPermissionRules } from '@services/source/mongodbPermissionAccount';
+  import { getSqlserverPermissionRules } from '@services/source/sqlserverPermissionAccount';
 
   import { AccountTypes } from '@common/const';
 
   interface Props {
+    accountType: string,
     selectMode?: boolean,
-    selectedList?: MongodbPermissonAccountModel[]
+    selectedList?: T[]
   }
 
   interface Emits {
     (e: 'change', value: UnwrapRef<typeof selectedMap>): void,
-    (e: 'delete', value: MongodbPermissonAccountModel[]): void
+    (e: 'delete', value: T[]): void
   }
 
   interface Expose {
@@ -57,7 +60,7 @@
   });
   const emits = defineEmits<Emits>();
 
-  const renderList = (row: MongodbPermissonAccountModel) => (
+  const renderList = (row: T) => (
     expandMap.value[row.account.account_id]
       ? row.rules.slice(0, 1)
       : row.rules
@@ -67,8 +70,8 @@
   const router = useRouter();
 
   const selectedMap = shallowRef<Record<string, {
-    account: MongodbPermissonAccountModel['account'],
-    rule: MongodbPermissonAccountModel['rules'][number]
+    account: T['account'],
+    rule: T['rules'][number]
   }>>({});
   const expandMap = ref<Record<number, boolean>>({});
 
@@ -78,7 +81,7 @@
         label: t('账号名称'),
         field: 'user',
         showOverflowTooltip: false,
-        render: ({ data }: { data: MongodbPermissonAccountModel }) => (
+        render: ({ data }: { data: T }) => (
           <div
             class="mongo-permission-cell"
             onClick={ () => handleToggleExpand(data) }>
@@ -111,7 +114,7 @@
         label: t('访问DB'),
         field: 'access_db',
         showOverflowTooltip: true,
-        render: ({ data, index }: { data: MongodbPermissonAccountModel, index: number }) => {
+        render: ({ data, index }: { data: T, index: number }) => {
           if (data.rules.length === 0) {
             return (
             <div class="mongo-permission-cell access-db">
@@ -159,7 +162,7 @@
         label: t('权限'),
         field: 'privilege',
         showOverflowTooltip: false,
-        render: ({ data, index }: { data: MongodbPermissonAccountModel, index: number }) => {
+        render: ({ data, index }: { data: T, index: number }) => {
           if (data.rules.length > 0) {
             return renderList(data).map((rule, ruleIndex) => {
               const { privilege } = rule;
@@ -183,7 +186,7 @@
     const operationColumn = {
       label: t('操作'),
       width: 100,
-      render: ({ data, index }: { data: MongodbPermissonAccountModel, index: number }) => (
+      render: ({ data, index }: { data: T, index: number }) => (
         renderList(data).map((rule, ruleIndex) => (
           <div class="mongo-permission-cell">
             <bk-button
@@ -211,11 +214,16 @@
     return _.cloneDeep(props.selectedList);
   });
 
+  const apiMap: Record<string, (params: any) => Promise<any>> = {
+    [AccountTypes.MONGODB]: getMongodbPermissionRules,
+    [AccountTypes.SQLSERVER]: getSqlserverPermissionRules
+  }
+
   const {
     data: ruleList,
-    run: getMongodbPermissionRulesRun,
+    run: getPermissionRulesRun,
     loading,
-  } = useRequest(getMongodbPermissionRules, {
+  } = useRequest(apiMap[props.accountType], {
     manual: true,
     onSuccess() {
       expandMap.value = {};
@@ -238,10 +246,10 @@
     immediate: true,
   });
 
-  const getList = (searchSelectorParams: object = {}) => {
-    getMongodbPermissionRulesRun({
+  const getList = (searchSelectorParams: Record<string, string> = {}) => {
+    getPermissionRulesRun({
       ...searchSelectorParams,
-      account_type: AccountTypes.MONGODB,
+      account_type: props.accountType,
     });
   };
 
@@ -249,7 +257,7 @@
     getList();
   };
 
-  const handleToggleExpand = (data: MongodbPermissonAccountModel) => {
+  const handleToggleExpand = (data: T) => {
     // 长度小于等于 1 则没有展开收起功能
     if (data.rules.length <= 1) {
       return;
@@ -257,10 +265,14 @@
     expandMap.value[data.account.account_id] = !expandMap.value[data.account.account_id];
   };
 
-  const handleShowCreateRule = (row: MongodbPermissonAccountModel, event: Event) => {
+  const handleShowCreateRule = (row: T, event: Event) => {
     event.stopPropagation();
+    const routeMap: Record<string, string> = {
+      [AccountTypes.MONGODB]: 'MongodbPermission',
+      [AccountTypes.SQLSERVER]: 'SqlServerPermissionRules'
+    }
     const route = router.resolve({
-      name: 'MongodbPermission',
+      name: routeMap[props.accountType],
     });
     window.open(route.href);
   };
@@ -306,82 +318,80 @@
 </script>
 
 <style lang="less" scoped>
-.mongo-permission {
-  height: calc(100% - 48px);
-
-  .mongo-permission-operations {
-    display: flex;
-    padding-bottom: 16px;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  :deep(.mongo-permission-cell) {
-    position: relative;
-    padding: 0 15px;
-    overflow: hidden;
-    line-height: calc(var(--row-height) - 1px);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    border-bottom: 1px solid @border-disable;
+  .mongo-permission {
+    height: calc(100% - 48px);
+
+    .mongo-permission-operations {
+      display: flex;
+      padding-bottom: 16px;
+      justify-content: space-between;
+      align-items: center;
+    }
 
-  }
+    :deep(.mongo-permission-cell) {
+      position: relative;
+      padding: 0 15px;
+      overflow: hidden;
+      line-height: calc(var(--row-height) - 1px);
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      border-bottom: 1px solid @border-disable;
+    }
 
-  :deep(.access-db) {
-    display: flex;
-    align-items: center;
-    height: 42px;
-  }
+    :deep(.access-db) {
+      display: flex;
+      align-items: center;
+      height: 42px;
+    }
 
-  :deep(.mongo-permission-cell:last-child) {
-    border-bottom: 0;
-  }
+    :deep(.mongo-permission-cell:last-child) {
+      border-bottom: 0;
+    }
 
-  :deep(.user-icon) {
-    position: absolute;
-    top: 50%;
-    left: 15px;
-    transform: translateY(-50%) rotate(-90deg);
-    transition: all 0.2s;
-  }
+    :deep(.user-icon) {
+      position: absolute;
+      top: 50%;
+      left: 15px;
+      transform: translateY(-50%) rotate(-90deg);
+      transition: all 0.2s;
+    }
 
-  :deep(.user-icon-expand) {
-    transform: translateY(-50%) rotate(0);
-  }
+    :deep(.user-icon-expand) {
+      transform: translateY(-50%) rotate(0);
+    }
 
-  :deep(.user-name) {
-    display: flex;
-    height: 100%;
-    padding-left: 24px;
-    font-weight: 700;
-    color: #63656E;
-    cursor: pointer;
-    align-items: center;
-  }
+    :deep(.user-name) {
+      display: flex;
+      height: 100%;
+      padding-left: 24px;
+      font-weight: 700;
+      color: #63656e;
+      cursor: pointer;
+      align-items: center;
+    }
 
-  :deep(.user-name-text) {
-    margin-right: 16px;
-    font-weight: bold;
+    :deep(.user-name-text) {
+      margin-right: 16px;
+      font-weight: bold;
+    }
   }
-}
 
-:deep(.mongo-permission-table) {
-  height: 100% !important;
-  transition: all 0.5s;
+  :deep(.mongo-permission-table) {
+    height: 100% !important;
+    transition: all 0.5s;
 
-  td {
-    .cell {
-      padding: 0 !important;
+    td {
+      .cell {
+        padding: 0 !important;
+      }
     }
 
-  }
-
-  td:first-child {
-    .cell,
-    .mongo-permission-cell {
-      // height: 100% !important;
-      height: calc(var(--row-height) - 1px);
+    td:first-child {
+      .cell,
+      .mongo-permission-cell {
+        // height: 100% !important;
+        height: calc(var(--row-height) - 1px);
+      }
     }
   }
-}
 </style>
diff --git a/dbm-ui/frontend/src/components/cluster-common/ExcelAuthorize.vue b/dbm-ui/frontend/src/components/cluster-common/ExcelAuthorize.vue
index 75407ecae9..315b7b6e15 100644
--- a/dbm-ui/frontend/src/components/cluster-common/ExcelAuthorize.vue
+++ b/dbm-ui/frontend/src/components/cluster-common/ExcelAuthorize.vue
@@ -166,7 +166,12 @@
         downloadTemplatePath: `${basePath}mongo_cluster_authorize.xlsx`,
       };
     }
-
+    if ([ClusterTypes.SQLSERVER_SINGLE, ClusterTypes.SQLSERVER_HA].includes(props.clusterType)) {
+      return {
+        uploadLink: `/apis/sqlserver/bizs/${globalBizsStore.currentBizId}/permission/authorize/pre_check_excel_rules/`,
+        downloadTemplatePath: `${basePath}sqlserver_cluster_authorize.xlsx`,
+      };
+    }
     return {
       uploadLink: `/apis/mysql/bizs/${globalBizsStore.currentBizId}/permission/authorize/pre_check_excel_rules/`,
       downloadTemplatePath: `${basePath}cluster-authorize.xlsx`,
@@ -195,7 +200,10 @@
         excel_url: excelState.precheck.excelUrl,
         authorize_data_list: excelState.precheck.authorizeDataList.map((authorizeItem) => {
           const authorizeItemCopy = { ...authorizeItem };
-          if ([ClusterTypes.MONGO_REPLICA_SET, ClusterTypes.MONGO_SHARED_CLUSTER].includes(props.clusterType)) {
+          if ([
+            ClusterTypes.MONGO_REPLICA_SET,
+            ClusterTypes.MONGO_SHARED_CLUSTER,
+          ].includes(props.clusterType)) {
             delete authorizeItemCopy.source_ips;
           }
           return authorizeItemCopy;
diff --git a/dbm-ui/frontend/src/components/cluster-event-change/EventChange.vue b/dbm-ui/frontend/src/components/cluster-event-change/EventChange.vue
index c405465f54..e35975e7da 100644
--- a/dbm-ui/frontend/src/components/cluster-event-change/EventChange.vue
+++ b/dbm-ui/frontend/src/components/cluster-event-change/EventChange.vue
@@ -57,7 +57,7 @@
 
   interface Props {
     id: number, // 集群 or 实例 id
-    isFetchInstance: boolean
+    isFetchInstance?: boolean
   }
 
   const props = withDefaults(defineProps<Props>(), {
diff --git a/dbm-ui/frontend/src/components/cluster-selector-new/components/sqlserver/Index.vue b/dbm-ui/frontend/src/components/cluster-selector-new/components/sqlserver/Index.vue
index 5652529685..96f9b8738c 100644
--- a/dbm-ui/frontend/src/components/cluster-selector-new/components/sqlserver/Index.vue
+++ b/dbm-ui/frontend/src/components/cluster-selector-new/components/sqlserver/Index.vue
@@ -12,29 +12,31 @@
 -->
 
 <template>
-  <SerachBar
-    v-model="searchSelectValue"
-    :cluster-type="activeTab"
-    :placeholder="searchPlaceholder"
-    :search-select-list="searchSelectList" />
-  <BkLoading
-    :loading="isLoading"
-    :z-index="2">
-    <DbOriginalTable
-      class="table-box"
-      :columns="generatedColumns"
-      :data="tableData"
-      :is-anomalies="isAnomalies"
-      :is-searching="searchSelectValue.length > 0"
-      :max-height="528"
-      :pagination="pagination.count < 10 ? false : pagination"
-      remote-pagination
-      row-style="cursor: pointer;"
-      @page-limit-change="handleTableLimitChange"
-      @page-value-change="handleTablePageChange"
-      @refresh="fetchResources"
-      @row-click.stop.prevent="handleRowClick" />
-  </BkLoading>
+  <div>
+    <SerachBar
+      v-model="searchSelectValue"
+      :cluster-type="activeTab"
+      :placeholder="searchPlaceholder"
+      :search-select-list="searchSelectList" />
+    <BkLoading
+      :loading="isLoading"
+      :z-index="2">
+      <DbOriginalTable
+        class="table-box"
+        :columns="generatedColumns"
+        :data="tableData"
+        :is-anomalies="isAnomalies"
+        :is-searching="searchSelectValue.length > 0"
+        :max-height="528"
+        :pagination="pagination.count < 10 ? false : pagination"
+        remote-pagination
+        row-style="cursor: pointer;"
+        @page-limit-change="handleTableLimitChange"
+        @page-value-change="handleTablePageChange"
+        @refresh="fetchResources"
+        @row-click.stop.prevent="handleRowClick" />
+    </BkLoading>
+  </div>
 </template>
 
 <script setup lang="tsx">
@@ -272,7 +274,7 @@
       return;
     }
     for (const data of tableData.value) {
-      if (!data.isOnline) {
+      if (data.isOnline) {
         handleSelecteRow(data, value);
       }
     }
diff --git a/dbm-ui/frontend/src/layout/components/database-manage/components/module-group/SqlServer.vue b/dbm-ui/frontend/src/layout/components/database-manage/components/module-group/SqlServer.vue
index 455322a70b..57168dbd88 100644
--- a/dbm-ui/frontend/src/layout/components/database-manage/components/module-group/SqlServer.vue
+++ b/dbm-ui/frontend/src/layout/components/database-manage/components/module-group/SqlServer.vue
@@ -46,6 +46,16 @@
           </span>
         </BkMenuItem>
       </BkSubmenu>
+      <BkMenuItem key="SqlServerDbBackup">
+        <template #icon>
+          <DbIcon type="node" />
+        </template>
+        <span
+          v-overflow-tips.right
+          class="text-overflow">
+          {{ t('数据库备份') }}
+        </span>
+      </BkMenuItem>
     </BkMenuGroup>
   </FunController>
 </template>
diff --git a/dbm-ui/frontend/src/locales/zh-cn.json b/dbm-ui/frontend/src/locales/zh-cn.json
index 742fef9407..ddde15c01e 100644
--- a/dbm-ui/frontend/src/locales/zh-cn.json
+++ b/dbm-ui/frontend/src/locales/zh-cn.json
@@ -2818,6 +2818,29 @@
   "去创建": "去创建",
   "只能英文字母开头": "只能英文字母开头",
   "优先级设置失败": "优先级设置失败",
+  "数据库备份": "数据库备份",
+  "数据库备份：指定DB备份，支持模糊匹配": "数据库备份：指定DB备份，支持模糊匹配",
+  "全量备份": "全量备份",
+  "增量备份": "增量备份",
+  "年": "年",
+  "请先设置 备份/忽略 DB": "请先设置 备份/忽略 DB",
+  "最终DB": "最终 DB",
+  "预览DB结果列表": "预览 DB 结果列表",
+  "请分别输入目标集群_备份DB名_忽略DB名_多个对象_换行分隔": "请分别输入目标集群，备份 DB 名，忽略 DB 名\n多个对象，换行分隔",
+  "确定启用该集群？": "确定启用该集群？",
+  "重置集群": "重置集群",
+  "当前域名": "当前域名",
+  "新域名": "新域名",
+  "新集群": "新集群",
   "实例内存分配比例": "实例内存分配比例",
+  "确定禁用该集群？": "确定禁用该集群？",
+  "集群的数据将会被全部清空": "集群的数据将会被全部清空",
+  "目标DB不存在": "目标 DB {0} 不存在",
+  "请先输入或选择集群": "请先输入或选择集群",
+  "确认提交n个数据库备份任务": "确认提交 {n} 个数据库备份任务",
+  "集群详情": "集群详情",
+  "数据库全局权限(owner)": "数据库全局权限(owner)",
+  "请选择模块": "请选择模块",
+  "操作系统版本不符合模块配置": "操作系统版本不符合模块配置",
   "这行勿动！新增翻译请在上一行添加！": ""
 }
diff --git a/dbm-ui/frontend/src/services/model/mongodb-permission/mongodb-permission-account.ts b/dbm-ui/frontend/src/services/model/mongodb-permission/mongodb-permission-account.ts
index 8dad95642c..c3bc216322 100644
--- a/dbm-ui/frontend/src/services/model/mongodb-permission/mongodb-permission-account.ts
+++ b/dbm-ui/frontend/src/services/model/mongodb-permission/mongodb-permission-account.ts
@@ -9,27 +9,27 @@
  * 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 dayjs from 'dayjs';
 
 export default class MongodbPermissonAccount {
   account: {
-    account_id: number,
-    bk_biz_id: number,
-    user: string
-    creator: string,
-    create_time: string,
-    password: string
+    account_id: number;
+    bk_biz_id: number;
+    create_time: string;
+    creator: string;
+    password: string;
+    user: string;
   };
   rules: Array<{
-    access_db: string
-    account_id: number
-    bk_biz_id: number
-    create_time: string
-    creator: string
-    privilege: string
-    rule_id: number,
+    access_db: string;
+    account_id: number;
+    bk_biz_id: number;
+    create_time: string;
+    creator: string;
+    privilege: string;
+    rule_id: number;
   }>;
 
   constructor(payload = {} as MongodbPermissonAccount) {
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-permission.ts b/dbm-ui/frontend/src/services/model/sqlserver-permission/sqlserver-permission-account.ts
similarity index 67%
rename from dbm-ui/frontend/src/services/model/sqlserver/sqlserver-permission.ts
rename to dbm-ui/frontend/src/services/model/sqlserver-permission/sqlserver-permission-account.ts
index 9ebbfc62bd..2297b6206b 100644
--- a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-permission.ts
+++ b/dbm-ui/frontend/src/services/model/sqlserver-permission/sqlserver-permission-account.ts
@@ -9,31 +9,41 @@
  * 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 TimeBaseClassModel from '../utils/time-base-class';
+import dayjs from 'dayjs';
 
-export default class SqlserverPermission extends TimeBaseClassModel {
+import { utcDisplayTime } from '@utils';
+
+export default class SqlserverPermissionAccount {
   account: {
-    account_id:number;
-    bk_biz_id:number;
-    creator:string;
-    create_time:string;
-    user:string
+    account_id: number;
+    bk_biz_id: number;
+    create_time: string;
+    creator: string;
+    password: string;
+    user: string;
   };
   rules: {
     access_db: string;
     account_id: number;
     bk_biz_id: number;
-    creator: string;
     create_time: string;
+    creator: string;
     privilege: string;
     rule_id: number;
   }[];
 
-  constructor(payload: SqlserverPermission) {
-    super(payload);
+  constructor(payload: SqlserverPermissionAccount) {
     this.account = payload.account;
     this.rules = payload.rules;
   }
+
+  get isNew() {
+    return dayjs().isBefore(dayjs(this.account.create_time).add(24, 'hour'));
+  }
+
+  get createAtDisplay() {
+    return utcDisplayTime(this.account.create_time);
+  }
 }
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster.ts
index d95657521a..05b1c9e151 100644
--- a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster.ts
+++ b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster.ts
@@ -186,7 +186,7 @@ export default class SqlServerHaCluster extends TimeBaseClassModel {
   }
 
   get isAbnormal() {
-    return this.status === 'ABNORMAL';
+    return this.status === 'abnormal';
   }
 
   get isOnline() {
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster.ts
index 867d0ca572..b90ce328a3 100644
--- a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster.ts
+++ b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster.ts
@@ -43,6 +43,7 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
   bk_biz_name: string;
   bk_cloud_id: number;
   bk_cloud_name: string;
+  cluster_access_port: number;
   cluster_alias: string;
   cluster_name: string;
   cluster_time_zone: string;
@@ -54,19 +55,6 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
   id: number;
   major_version: string;
   master_domain: string;
-  masters: {
-    bk_biz_id: number;
-    bk_cloud_id: number;
-    bk_host_id: number;
-    bk_instance_id: number;
-    instance: string;
-    ip: string;
-    name: string;
-    phase: string;
-    port: number;
-    spec_config: Record<'id', number>;
-    status: string;
-  }[];
   operations: Array<{
     cluster_id: number;
     flow_id: number;
@@ -120,6 +108,7 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
     this.bk_biz_name = payload.bk_biz_name;
     this.bk_cloud_id = payload.bk_cloud_id;
     this.bk_cloud_name = payload.bk_cloud_name;
+    this.cluster_access_port = payload.cluster_access_port;
     this.cluster_alias = payload.cluster_alias;
     this.cluster_name = payload.cluster_name;
     this.cluster_time_zone = payload.cluster_time_zone;
@@ -131,7 +120,6 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
     this.id = payload.id;
     this.major_version = payload.major_version;
     this.master_domain = payload.master_domain;
-    this.masters = payload.masters;
     this.operations = payload.operations;
     this.phase = payload.phase;
     this.phase_name = payload.phase_name;
@@ -192,11 +180,11 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
 
   get operationDisabled() {
     // 集群异常不支持操作
-    if (this.status === 'abnormal') {
+    if (this.isAbnormal) {
       return true;
     }
     // 被禁用的集群不支持操作
-    if (this.phase !== 'online') {
+    if (!this.isOnline) {
       return true;
     }
     // 各个操作互斥，有其他任务进行中禁用操作按钮
@@ -215,7 +203,7 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
   }
 
   get isAbnormal() {
-    return this.status === 'ABNORMAL';
+    return this.status === 'abnormal';
   }
 
   get isOnline() {
diff --git a/dbm-ui/frontend/src/services/source/dbbase.ts b/dbm-ui/frontend/src/services/source/dbbase.ts
index 0572d7a30e..e37a20506d 100644
--- a/dbm-ui/frontend/src/services/source/dbbase.ts
+++ b/dbm-ui/frontend/src/services/source/dbbase.ts
@@ -11,6 +11,11 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
+import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+
+import { ClusterTypes } from '@common/const';
+
 import http from '../http';
 
 const path = '/apis/dbbase';
@@ -21,3 +26,16 @@ const path = '/apis/dbbase';
 export function verifyDuplicatedClusterName(params: { cluster_type: string; name: string; bk_biz_id: number }) {
   return http.get<boolean>(`${path}/verify_duplicated_cluster_name/`, params);
 }
+
+/**
+ * 根据过滤条件查询集群详细信息
+ */
+export function filterClusters(params: { bk_biz_id: number; exact_domain: string }) {
+  return http.get<any[]>(`${path}/filter_clusters/`, params).then((data: { cluster_type: string }[]) => {
+    const ModelMap: Record<string, any> = {
+      [ClusterTypes.SQLSERVER_SINGLE]: SqlServerSingleClusterModel,
+      [ClusterTypes.SQLSERVER_HA]: SqlServerHaClusterModel,
+    };
+    return data.map((item) => new ModelMap[data[0].cluster_type](item));
+  });
+}
diff --git a/dbm-ui/frontend/src/services/source/sqlserver.ts b/dbm-ui/frontend/src/services/source/sqlserver.ts
index a2e55c3e3b..3566570edb 100644
--- a/dbm-ui/frontend/src/services/source/sqlserver.ts
+++ b/dbm-ui/frontend/src/services/source/sqlserver.ts
@@ -20,11 +20,34 @@ import http from '../http';
 
 const { currentBizId } = useGlobalBizs();
 
+const path = `/apis/sqlserver/bizs/${currentBizId}`
+
+/**
+ * 判断库名是否在集群存在
+ */
+export function checkSqlserverDbExist(params: {
+  cluster_id: number,
+  db_list: string[]
+}) {
+  return http.post<Record<string, boolean>>(`${path}/cluster/check_sqlserver_db_exist/`, params);
+}
+
+/**
+ * 通过库表匹配查询db
+ */
+export function getSqlserverDbs(params: {
+  cluster_id: number,
+  db_list: string[]
+  ignore_db_list: string[]
+}) {
+  return http.post<string[]>(`${path}/cluster/get_sqlserver_dbs/`, params);
+}
+
+
 /**
  * 获取业务拓扑树
  */
 export function geSqlserverResourceTree(params: { cluster_type: string }) {
-  // return http.get<BizConfTopoTreeModel[]>('http://127.0.0.1:8083/mock/20/apis/sqlserver/bizs/3/resource_tree/', params);
-  return http.get<BizConfTopoTreeModel[]>(`/apis/sqlserver/bizs/${currentBizId}/resource_tree/`, params);
+  return http.get<BizConfTopoTreeModel[]>(`${path}/resource_tree/`, params);
 }
 
diff --git a/dbm-ui/frontend/src/services/source/sqlserverPermissionAccount.ts b/dbm-ui/frontend/src/services/source/sqlserverPermissionAccount.ts
index 1b8104e05d..f088a92f2a 100644
--- a/dbm-ui/frontend/src/services/source/sqlserverPermissionAccount.ts
+++ b/dbm-ui/frontend/src/services/source/sqlserverPermissionAccount.ts
@@ -9,9 +9,9 @@
  * 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 SqlserverPermissonAccountModel from '@services/model/sqlserver/sqlserver-permission';
+import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
 
 import { useGlobalBizs } from '@stores';
 
@@ -22,15 +22,19 @@ import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
-const path = `/apis/mongodb/bizs/${currentBizId}/permission/account`;
+const path = `/apis/sqlserver/bizs/${currentBizId}/permission/account`;
 
 /**
  * 添加账号规则
  */
 export function addSqlserverAccountRule(params: {
-  access_db: string,
-  privilege: string[],
-  account_id: number | null,
+  account_id: number
+  access_db: string;
+  privilege: {
+    sqlserver_dml?: string[],
+    sqlserver_owner?: string[]
+  },
+  account_type: AccountTypesValues
 }) {
   return http.post<null>(`${path}/add_account_rule/`, params);
 }
@@ -39,8 +43,8 @@ export function addSqlserverAccountRule(params: {
  * 创建账号
  */
 export function createSqlserverAccount(params: {
-  user: string,
-  password: string,
+  user: string;
+  password: string;
   account_type?: AccountTypesValues
 }) {
   return http.post<null>(`${path}/create_account/`, params);
@@ -50,7 +54,7 @@ export function createSqlserverAccount(params: {
  * 删除账号
  */
 export function deleteSqlserverAccount(params: {
-  account_id: number,
+  account_id: number;
   account_type?: AccountTypesValues
 }) {
   return http.delete<null>(`${path}/delete_account/`, params);
@@ -60,31 +64,29 @@ export function deleteSqlserverAccount(params: {
  * 查询账号规则列表
  */
 export function getSqlserverPermissionRules(params: {
-  limit?: number,
-  offset?: number,
-  user?: string,
-  access_db?: string,
-  privilege?: string,
-  account_type?: AccountTypesValues
+  limit?: number;
+  offset?: number;
+  user?: string;
+  access_dbs?: string;
+  privilege?: string;
+  account_type?: AccountTypesValues;
 }) {
-  return http.get<ListBase<SqlserverPermissonAccountModel[]>>(`${path}/list_account_rules/`, params)
-    .then(res => ({
-      ...res,
-      results: res.results.map(item => new SqlserverPermissonAccountModel(item)),
-    }));
+  return http.get<ListBase<SqlserverPermissionAccountModel[]>>(`${path}/list_account_rules/`, params).then((res) => ({
+    ...res,
+    results: res.results.map((item) => new SqlserverPermissionAccountModel(item)),
+  }));
 }
 
 /**
  * 查询账号规则
  */
 export function querySqlserverAccountRules(params: {
-  user: string,
-  access_dbs: string[],
-  account_type?: AccountTypesValues
+  user: string;
+  access_dbs: string[];
+  account_type?: AccountTypesValues;
 }) {
-  return http.post<ListBase<SqlserverPermissonAccountModel[]>>(`${path}/query_account_rules/`, params)
-    .then(res => ({
-      ...res,
-      results: res.results.map(item => new SqlserverPermissonAccountModel(item)),
-    }));
+  return http.post<ListBase<SqlserverPermissionAccountModel[]>>(`${path}/query_account_rules/`, params).then((res) => ({
+    ...res,
+    results: res.results.map((item) => new SqlserverPermissionAccountModel(item)),
+  }));
 }
diff --git a/dbm-ui/frontend/src/services/source/sqlserverPermissionAuthorize.ts b/dbm-ui/frontend/src/services/source/sqlserverPermissionAuthorize.ts
new file mode 100644
index 0000000000..e1310e443a
--- /dev/null
+++ b/dbm-ui/frontend/src/services/source/sqlserverPermissionAuthorize.ts
@@ -0,0 +1,52 @@
+/*
+ * 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 { useGlobalBizs } from '@stores';
+
+import http from '../http';
+
+const { currentBizId } = useGlobalBizs();
+
+const path = `/apis/sqlserver/bizs/${currentBizId}/permission/authorize`;
+
+/**
+ * Sqlserver 授权规则前置检查
+ */
+export function preCheckSqlserverAuthorizeRules(params: {
+  sqlserver_users: {
+    user: string;
+    access_dbs: string[];
+  }[];
+  target_instances: string[];
+  cluster_type: string;
+  cluster_ids?: number[];
+}) {
+  return http.post<{
+    authorize_data: {
+      bk_biz_id: number,
+      operator: string,
+      user: string,
+      access_dbs: string[],
+      account_rules: {
+          bk_biz_id: number,
+          dbname: string
+      }[],
+      source_ips: string[],
+      target_instances: string[],
+      cluster_type: string
+    }[];
+    authorize_uid: string;
+    message: string;
+    pre_check: boolean;
+  }>(`${path}/pre_check_rules/`, params);
+}
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/apply/SqlServer.vue b/dbm-ui/frontend/src/views/sqlserver-manage/apply/SqlServer.vue
index 1bccabc006..12c3de8f06 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/apply/SqlServer.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/apply/SqlServer.vue
@@ -171,6 +171,8 @@
                   :cloud-info="cloudInfo"
                   :data="formData.details.nodes.backend"
                   :disable-dialog-submit-method="backendHost"
+                  :disable-host-method="disableHostMethod"
+                  :disable-tips="formData.details.db_module_id ? '' : t('请选择模块') "
                   @change="handleBackendIpChange">
                   <template #desc>
                     {{ t('需n台', { n: hostNums }) }}
@@ -291,6 +293,7 @@
   import {
     sqlServerType,
     type SqlServerTypeString,
+    TicketTypes,
   } from '@common/const';
 
   import AffinityItem from '@components/apply-items/AffinityItem.vue';
@@ -313,7 +316,7 @@
   const clusterType = isSingleType ? 'sqlserver_single' : 'sqlserver_ha';
 
   const getDefaultformData = () => ({
-    ticket_type: isSingleType ? 'SQLSERVER_SINGLE_APPLY' : 'SQLSERVER_HA_APPLY',
+    ticket_type: isSingleType ? TicketTypes.SQLSERVER_SINGLE_APPLY : TicketTypes.SQLSERVER_HA_APPLY,
     remark: '',
     details: {
       db_app_abbr: '', // 业务 Code
@@ -356,6 +359,7 @@
   const dbVersion = ref();
   const charset = ref();
   const maxInstNum = ref();
+  const systemVersionList = ref<string[]>([]);
   const regionItemRef = ref<InstanceType<typeof RegionItem>>()
   const specBackendRef = ref<InstanceType<typeof SpecSelector>>();
 
@@ -477,6 +481,7 @@
             configMap[configName] = confValue === 'image' ? t('镜像') : 'always on'
             break
           case 'system_version':
+            systemVersionList.value = (confValue || '').split(',')
             configMap[configName] = confValue
             break
           }
@@ -510,7 +515,13 @@
 
   const getSmartActionOffsetTarget = () => document.querySelector('.bk-form-content');
 
-  const backendHost = (hostList: Array<any>) => (hostList.length !== hostNums.value ? t('xx共需n台', { title: 'Master / Slave', n: hostNums.value }) : false);
+  const backendHost = (hostList: Array<HostDetails>) => (hostList.length !== hostNums.value ? t('xx共需n台', { title: 'Master / Slave', n: hostNums.value }) : false);
+
+  // 只能选择 module 配置中对应操作系统版本的机器
+  const disableHostMethod = (data: HostDetails) => {
+    const osName = data.os_name.replace(/\s+/g, '')
+    return systemVersionList.value.every(versionItem => !osName.includes(versionItem)) ? t('操作系统版本不符合模块配置') : false
+  }
 
   const handleChangeClusterCount = (value: number) => {
     if (formData.details.inst_num > value) {
@@ -664,12 +675,20 @@
     formData.details.db_module_id = null;
     formData.details.nodes.backend = [];
     moduleRef.value.clearValidate();
+    levelConfigList.value = []
+    systemVersionList.value = []
+
+    if (info.bk_biz_id) {
+      getModulesConfig()
+    } else {
+      moduleList.value = []
+    }
   };
 
   // 获取 DM模块
-  watch(route.query, () => getModulesConfig(), {
-    immediate: true,
-  });
+  // watch(route.query, () => getModulesConfig(), {
+  //   immediate: true,
+  // });
 
   // 根据DM模块 获取配置下拉展示详情
   watch(() => formData.details.db_module_id, (newDbModuleId) => {
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/apply/components/DomainTable.vue b/dbm-ui/frontend/src/views/sqlserver-manage/apply/components/DomainTable.vue
index 59907e7e22..f80884ffeb 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/apply/components/DomainTable.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/apply/components/DomainTable.vue
@@ -101,10 +101,9 @@
         render: ({ index }: { index: number }) => (
           <div class="domain-address">
             <span>
-              { props.moduleName }db.
+              {props.moduleName}db.
             </span>
             <bk-form-item
-              class="domain-address__item"
               errorDisplayType="tooltips"
               property={`details.domains.${index}.key`}
               key={index }
@@ -139,7 +138,7 @@
             <span>
               {props.moduleName}dr.
             </span>
-            <span class="domain-address__placeholder">
+            <span >
               {domains.value[index]?.key}
             </span>
             <span>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/components/cluster-reset/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/components/cluster-reset/Index.vue
new file mode 100644
index 0000000000..e193a79cac
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/components/cluster-reset/Index.vue
@@ -0,0 +1,163 @@
+<template>
+  <BkDialog
+    ext-cls="sqlserver-cluster-reset"
+    :is-show="isShow"
+    theme="primary"
+    :title="t('重置集群')"
+    @closed="() => (isShow = false)"
+    @confirm="handleConfirm">
+    <BkAlert
+      closable
+      theme="warning"
+      :title="t('集群的数据将会被全部清空')" />
+    <BkForm
+      ref="formRef"
+      class="reset-form"
+      label-width="80"
+      :model="formData">
+      <BkFormItem
+        class="mt-8"
+        :label="t('当前域名')">
+        {{ props.data.master_domain }}
+      </BkFormItem>
+      <BkComposeFormItem>
+        <BkFormItem
+          class="mb-24"
+          :label="t('新域名')"
+          property="newClusterName"
+          :rules="domainRule">
+          <div class="new-cluster-name">
+            <span class="domain-text mr-4">{{ domainInfo.prefix }}</span>
+            <BkInput
+              v-model="formData.newClusterName"
+              v-bk-tooltips="{
+                trigger: 'click',
+                theme: 'light',
+                placement: 'top',
+                content: t('以小写英文字母开头_且只能包含英文字母_数字_连字符'),
+              }"
+              class="cluster-name-input"
+              :placeholder="t('请输入')" />
+            <span class="domain-text ml-4">{{ domainInfo.suffix }}</span>
+          </div>
+        </BkFormItem>
+      </BkComposeFormItem>
+    </BkForm>
+  </BkDialog>
+</template>
+
+<script setup lang="ts" generic="T extends SqlServerSingleClusterModel | SqlServerHaClusterModel">
+  import { Form } from 'bkui-vue';
+  import { useI18n } from 'vue-i18n';
+
+  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
+  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import { createTicket } from '@services/source/ticket';
+
+  import { useTicketMessage } from '@hooks';
+
+  import { ClusterTypes, TicketTypes } from '@common/const';
+  import { nameRegx } from '@common/regex';
+
+  interface Props {
+    data: T;
+  }
+
+  const props = defineProps<Props>();
+  const isShow = defineModel<boolean>('isShow', {
+    required: true,
+  });
+
+  const { t } = useI18n();
+  const ticketMessage = useTicketMessage();
+
+  const domainRule = [
+    {
+      required: true,
+      message: t('必填项'),
+      trigger: 'change',
+    },
+    {
+      message: t('最大长度为m', { m: 63 }),
+      trigger: 'blur',
+      validator: (val: string) => val.length <= 63,
+    },
+    {
+      message: t('以小写英文字母开头_且只能包含英文字母_数字_连字符'),
+      trigger: 'blur',
+      validator: (val: string) => nameRegx.test(val),
+    },
+  ];
+
+  const formRef = ref<InstanceType<typeof Form>>();
+  const formData = reactive({
+    newClusterName: '',
+  });
+
+  const domainInfo = computed(() => {
+    const masterDomain = props.data.master_domain;
+    const domainItemList = masterDomain.split('.');
+
+    return {
+      prefix: `${domainItemList[0]}.`,
+      suffix: `.${domainItemList[2]}.${domainItemList[3]}`,
+    };
+  });
+
+  const getNewDomain = (domain: string, newClusterName: string) => {
+    const domainItemList = domain.split('.');
+    domainItemList[1] = newClusterName;
+    return domainItemList.join('.');
+  };
+
+  const handleConfirm = async () => {
+    await formRef.value!.validate();
+
+    const { data } = props;
+    const { newClusterName } = formData;
+    const infoItem = {
+      cluster_id: data.id,
+      new_cluster_name: newClusterName,
+      new_immutable_domain: getNewDomain(data.master_domain, newClusterName),
+    };
+    if (data.cluster_type === ClusterTypes.SQLSERVER_HA) {
+      Object.assign(infoItem, {
+        new_slave_domain: getNewDomain(data.slave_domain, newClusterName),
+      });
+    }
+
+    createTicket({
+      bk_biz_id: props.data.bk_biz_id,
+      ticket_type: TicketTypes.SQLSERVER_RESET,
+      details: {
+        infos: [infoItem],
+      },
+    }).then((createTicketResult) => {
+      ticketMessage(createTicketResult.id);
+      isShow.value = false;
+    });
+  };
+</script>
+
+<style lang="less">
+  .sqlserver-cluster-reset {
+    .reset-form {
+      .bk-form-label,
+      .bk-form-content {
+        font-size: 12px;
+      }
+
+      .new-cluster-name {
+        display: flex;
+
+        .cluster-name-input {
+          flex: 1;
+        }
+
+        .domain-text {
+          flex-shrink: 0;
+        }
+      }
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/Index.vue
new file mode 100644
index 0000000000..c88ead678c
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/Index.vue
@@ -0,0 +1,47 @@
+<!--
+ * 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>
+  <Component :is="com" />
+</template>
+
+<script setup lang="ts">
+  import Page1 from './pages/page1/Index.vue';
+  import Page2 from './pages/page2/Index.vue';
+
+  const route = useRoute();
+
+  const comMap = {
+    ticket: Page1,
+    success: Page2,
+  };
+
+  const page = ref('');
+
+  const com = computed(() => {
+    if (comMap[page.value as keyof typeof comMap]) {
+      return comMap[page.value as keyof typeof comMap];
+    }
+    return Page1;
+  });
+
+  watch(
+    route,
+    (newRoute) => {
+      page.value = newRoute.params.page as string;
+    },
+    {
+      immediate: true,
+    },
+  );
+</script>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/Index.vue
new file mode 100644
index 0000000000..2d31536e37
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/Index.vue
@@ -0,0 +1,407 @@
+<!--
+ * 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>
+  <SmartAction>
+    <div class="db-backup-page">
+      <BkAlert
+        theme="info"
+        :title="t('数据库备份：指定DB备份，支持模糊匹配')" />
+      <!-- <BkButton
+        class="mt16"
+        @click="handleShowBatchEntry">
+        <DbIcon
+          class="mr8"
+          type="add" />
+        {{ t('批量录入') }}
+      </BkButton> -->
+      <RenderData
+        class="mt16"
+        @batch-select-cluster="handleShowBatchSelector">
+        <RenderRow
+          v-for="(item, index) in tableData"
+          :key="item.rowKey"
+          ref="rowRefs"
+          :data="item"
+          :removeable="tableData.length < 2"
+          @add="() => handleAppend(index)"
+          @input-backup-dbs-finish="(backupDbs: string[]) => handleDbListChange(index, backupDbs, 'backupDbs')"
+          @input-cluster-finish="(domain: string) => handleClusterChange(index, domain)"
+          @input-ignore-dbs-finish="(ignoreDbs: string[]) => handleDbListChange(index, ignoreDbs, 'ignoreDbs')"
+          @remove="() => handleRemove(index)"
+          @show-final-reviewer="() => handleShowFianlDbReviewer(item)" />
+      </RenderData>
+      <DbForm
+        class="db-backup-form mt16"
+        form-type="vertical"
+        :model="formData">
+        <BkFormItem
+          :label="t('备份方式')"
+          property="backup_type"
+          required>
+          <BkRadioGroup
+            v-model="formData.backup_type"
+            size="small">
+            <BkRadio label="full_backup">
+              {{ t('全量备份') }}
+            </BkRadio>
+            <BkRadio label="log_backup">
+              {{ t('增量备份') }}
+            </BkRadio>
+          </BkRadioGroup>
+        </BkFormItem>
+        <BkFormItem
+          :label="t('备份位置')"
+          property="backup_place"
+          required>
+          <BkSelect
+            v-model="formData.backup_place"
+            disabled
+            :list="backupLocationList"
+            style="width: 360px" />
+        </BkFormItem>
+        <BkFormItem
+          :label="t('备份保存时间')"
+          property="file_tag"
+          required>
+          <BkRadioGroup
+            v-model="formData.file_tag"
+            size="small">
+            <template v-if="isBackupTypeFull">
+              <BkRadio label="LONGDAY_DBFILE_3Y"> 3 {{ t('年') }} </BkRadio>
+              <BkRadio label="MSSQL_FULL_BACKUP"> 30 {{ t('天') }} </BkRadio>
+            </template>
+            <template v-else>
+              <BkRadio
+                disabled
+                label="MSSQL_FULL_BACKUP">
+                15 {{ t('天') }}
+              </BkRadio>
+            </template>
+          </BkRadioGroup>
+        </BkFormItem>
+      </DbForm>
+    </div>
+    <template #action>
+      <BkButton
+        class="w-88"
+        :loading="isSubmitting"
+        theme="primary"
+        @click="handleSubmit">
+        {{ t('提交') }}
+      </BkButton>
+      <DbPopconfirm
+        :confirm-handler="handleReset"
+        :content="t('重置将会情况当前填写的所有内容_请谨慎操作')"
+        :title="t('确认重置页面')">
+        <BkButton
+          class="ml8 w-88"
+          :disabled="isSubmitting">
+          {{ t('重置') }}
+        </BkButton>
+      </DbPopconfirm>
+    </template>
+    <!-- <BatchEntry
+      v-model:is-show="isShowBatchEntry"
+      @change="handleBatchEntry" /> -->
+    <ClusterSelector
+      v-model:is-show="isShowBatchSelector"
+      :cluster-types="[ClusterTypes.SQLSERVER_HA, ClusterTypes.SQLSERVER_SINGLE]"
+      :selected="selectedClusters"
+      :tab-list-config="tabListConfig"
+      @change="handelClusterChange" />
+    <DbSideslider
+      v-if="currentRowData"
+      v-model:is-show="isShowFianlDbReviewer"
+      quick-close
+      :width="960">
+      <template #header>
+        {{ t('预览DB结果列表') }}
+        <BkTag class="ml-8">{{ currentRowData.domain }}</BkTag>
+      </template>
+      <FianlDbReviewer
+        :data="currentRowData"
+        @change="handleDbChage" />
+    </DbSideslider>
+  </SmartAction>
+</template>
+
+<script setup lang="ts">
+  import { InfoBox } from 'bkui-vue';
+  import { useI18n } from 'vue-i18n';
+  import { useRouter } from 'vue-router';
+
+  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
+  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import { filterClusters } from '@services/source/dbbase';
+  import { createTicket } from '@services/source/ticket';
+
+  import { useGlobalBizs } from '@stores';
+
+  import { ClusterTypes, TicketTypes } from '@common/const';
+
+  import ClusterSelector, { type TabItem } from '@components/cluster-selector-new/Index.vue';
+
+  // import BatchEntry, { type IValue as IBatchEntryValue } from './components/BatchEntry/Index.vue';
+  import FianlDbReviewer from './components/FianlDbReviewer/Index.vue';
+  import RenderData from './components/RenderData/Index.vue';
+  import RenderRow, { createRowData, type IDataRow } from './components/RenderData/RenderRow.vue';
+
+  type SqlserverModel = SqlServerSingleClusterModel | SqlServerHaClusterModel;
+
+  const { t } = useI18n();
+  const router = useRouter();
+  const { currentBizId } = useGlobalBizs();
+
+  const backupLocationList = [
+    {
+      value: 'master',
+      label: t('主库主机'),
+    },
+  ];
+
+  const tabListConfig = {
+    [ClusterTypes.SQLSERVER_SINGLE]: {
+      name: t('单节点集群'),
+      showPreviewResultTitle: true,
+    },
+    [ClusterTypes.SQLSERVER_HA]: {
+      name: t('主从集群'),
+      showPreviewResultTitle: true,
+    },
+  } as unknown as Record<ClusterTypes, TabItem>;
+
+  // 集群域名是否已存在表格的映射表
+  let domainMemo: Record<string, boolean> = {};
+
+  const createDefaultData = () => ({
+    backup_type: 'full_backup',
+    backup_place: 'master',
+    file_tag: 'LONGDAY_DBFILE_3Y',
+  });
+
+  const rowRefs = ref<InstanceType<typeof RenderRow>[]>();
+  const isShowBatchSelector = ref(false);
+  // const isShowBatchEntry = ref(false);
+  const isSubmitting = ref(false);
+  const isShowFianlDbReviewer = ref(false);
+  const currentRowData = ref<IDataRow>();
+  const tableData = ref<IDataRow[]>([createRowData()]);
+  const formData = reactive(createDefaultData());
+
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+    [ClusterTypes.SQLSERVER_HA]: [],
+    [ClusterTypes.SQLSERVER_SINGLE]: [],
+  });
+
+  const totalNum = computed(() => tableData.value.filter((item) => Boolean(item.domain)).length);
+  const isBackupTypeFull = computed(() => formData.backup_type === 'full_backup');
+
+  watch(
+    () => formData.backup_type,
+    () => {
+      formData.file_tag = isBackupTypeFull.value ? 'LONGDAY_DBFILE_3Y' : 'MSSQL_FULL_BACKUP';
+    },
+  );
+
+  // 显示批量录入
+  // const handleShowBatchEntry = () => {
+  //   isShowBatchEntry.value = true;
+  // };
+
+  // 批量录入
+  // const handleBatchEntry = (list: Array<IBatchEntryValue>) => {
+  //   const newList = list.map((item) => createRowData(item));
+  //   if (checkListEmpty(tableData.value)) {
+  //     tableData.value = newList;
+  //   } else {
+  //     tableData.value = [...tableData.value, ...newList];
+  //   }
+  //   window.changeConfirm = true;
+  // };
+
+  // 检测列表是否为空
+  const checkListEmpty = (list: IDataRow[]) => {
+    if (list.length > 1) {
+      return false;
+    }
+    const [firstRow] = list;
+    return !firstRow.domain;
+  };
+
+  // 批量选择
+  const handleShowBatchSelector = () => {
+    isShowBatchSelector.value = true;
+  };
+
+  // 根据集群选择返回的数据加工成table所需的数据
+  const generateRowDateFromRequest = (item: { id: number; exact_domain: string; cluster_type: string }) => ({
+    rowKey: item.exact_domain,
+    isLoading: false,
+    domain: item.exact_domain,
+    clusterId: item.id,
+    clusterType: item.cluster_type,
+    backupDbs: [] as string[],
+    ignoreDbs: [] as string[],
+  });
+
+  // 批量选择
+  const handelClusterChange = (selected: { [key: string]: SqlserverModel[] }) => {
+    selectedClusters.value = selected;
+    let list: SqlserverModel[] = [];
+
+    if (selected[ClusterTypes.SQLSERVER_SINGLE]) {
+      list = selected[ClusterTypes.SQLSERVER_SINGLE];
+    }
+    if (selected[ClusterTypes.SQLSERVER_HA]) {
+      list = [...list, ...selected[ClusterTypes.SQLSERVER_HA]];
+    }
+
+    const newList = list.reduce((result, item) => {
+      const domain = item.master_domain;
+      if (!domainMemo[domain]) {
+        domainMemo[domain] = true;
+        return [...result, generateRowDateFromRequest({...item, exact_domain: item.master_domain})];
+      }
+      return result;
+    }, [] as IDataRow[]);
+
+    if (checkListEmpty(tableData.value)) {
+      tableData.value = newList;
+    } else {
+      tableData.value = [...tableData.value, ...newList];
+    }
+
+    window.changeConfirm = true;
+  };
+
+  // 输入集群后查询集群信息并填充到table
+  const handleClusterChange = async (index: number, domain: string) => {
+    if (!domain) {
+      const { domain } = tableData.value[index];
+      domainMemo[domain] = false;
+      tableData.value[index].domain = '';
+      return;
+    }
+    tableData.value[index].isLoading = true;
+    const result = await filterClusters({
+      bk_biz_id: currentBizId,
+      exact_domain: domain,
+    }).finally(() => {
+      tableData.value[index].isLoading = false;
+    });
+
+    if (result.length < 1) {
+      return;
+    }
+    const item = result[0];
+    const row = generateRowDateFromRequest(item);
+    tableData.value[index] = row;
+    domainMemo[domain] = true;
+    selectedClusters.value[item.cluster_type].push(item);
+  };
+
+  const handleDbListChange = (index: number, dbList: string[], fieldName: 'backupDbs' | 'ignoreDbs') => {
+    Object.assign(tableData.value[index], { [fieldName]: dbList });
+  };
+
+  // 追加集群
+  const handleAppend = (index: number) => {
+    const dataList = [...tableData.value];
+    dataList.splice(index + 1, 0, createRowData());
+    tableData.value = dataList;
+  };
+
+  // 删除一个集群
+  const handleRemove = (index: number) => {
+    const dataList = [...tableData.value];
+    const { domain, clusterType } = dataList[index];
+    dataList.splice(index, 1);
+    tableData.value = dataList;
+    if (domain) {
+      delete domainMemo[domain];
+      const clustersArr = selectedClusters.value[clusterType];
+      selectedClusters.value[clusterType] = clustersArr.filter((item) => item.master_domain !== domain);
+    }
+  };
+
+  const handleShowFianlDbReviewer = (item: IDataRow) => {
+    currentRowData.value = item;
+    isShowFianlDbReviewer.value = true;
+  };
+
+  const handleDbChage = (backupDbs: string[], ignoreDbs: string[]) => {
+    Object.assign(currentRowData.value, {
+      backupDbs,
+      ignoreDbs,
+    });
+  };
+
+  const handleSubmit = async () => {
+    const infos = await Promise.all(rowRefs.value!.map((item: { getValue: () => Promise<{
+      cluster_id: number;
+      backup_dbs: string[]
+    }> }) => item.getValue()));
+
+    InfoBox({
+      title: t('确认提交n个数据库备份任务', { n: totalNum.value }),
+      width: 480,
+      onConfirm: () => {
+        isSubmitting.value = true;
+        createTicket({
+          bk_biz_id: currentBizId,
+          ticket_type: TicketTypes.SQLSERVER_BACKUP_DBS,
+          details: {
+            ...formData,
+            infos,
+          },
+        })
+          .then((data) => {
+            window.changeConfirm = false;
+            router.push({
+              name: 'SqlServerDbBackup',
+              params: {
+                page: 'success',
+              },
+              query: {
+                ticketId: data.id,
+              },
+            });
+          })
+          .finally(() => {
+            isSubmitting.value = false;
+          });
+      },
+    });
+  };
+
+  const handleReset = () => {
+    Object.assign(formData, createDefaultData());
+    selectedClusters.value[ClusterTypes.SQLSERVER_HA] = [];
+    selectedClusters.value[ClusterTypes.SQLSERVER_SINGLE] = [];
+    domainMemo = {};
+    window.changeConfirm = false;
+  };
+</script>
+
+<style lang="less">
+  .db-backup-page {
+    padding-bottom: 20px;
+
+    .db-backup-form {
+      .bk-form-label {
+        font-size: 12px;
+      }
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/BatchEntry/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/BatchEntry/Index.vue
new file mode 100644
index 0000000000..814e97df62
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/BatchEntry/Index.vue
@@ -0,0 +1,363 @@
+<!--
+ * 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>
+  <BkDialog
+    :is-show="isShow"
+    :title="t('库表备份_批量录入')"
+    :width="1200"
+    @closed="handleClosed">
+    <div class="db-table-backup-batch-entry">
+      <div class="batch-entry-header">
+        <table>
+          <thead>
+            <tr>
+              <th>{{ t('目标集群') }}</th>
+              <th>{{ t('备份DB名') }}</th>
+              <th>{{ t('忽略DB名') }}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>magode.db.oued8:9000</td>
+              <td>demoDB1，demoDB2</td>
+              <td>
+                <span>{{ t('无') }}</span>
+                <BkButton
+                  v-bk-tooltips="t('复制')"
+                  class="copy-btn"
+                  text
+                  theme="primary"
+                  @click="handleCopy">
+                  <DbIcon type="copy" />
+                </BkButton>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div ref="inputRef">
+        <BkInput
+          v-model="localValue"
+          :placeholder="t('请分别输入目标集群_备份DB名_忽略DB名_多个对象_换行分隔')"
+          style="height: 320px; margin: 12px 0 30px"
+          type="textarea"
+          @input="handleInputChange" />
+      </div>
+      <div class="error-box">
+        <span v-if="inputInvalidStack.length > 0">
+          <span>{{ t('n处格式错误', [inputInvalidStack.length]) }}</span>
+          <DbIcon
+            class="action-btn"
+            type="audit"
+            @click="handleHighInvalid" />
+        </span>
+        <span v-if="inputErrorStack.length > 0">
+          <span v-if="inputInvalidStack.length > 0">；</span>
+          <span>{{ t('n处缺少匹配对象', [inputErrorStack.length]) }}</span>
+          <DbIcon
+            class="action-btn"
+            type="audit"
+            @click="handleHighError" />
+        </span>
+        <span v-if="inputClusterErrorStack.length > 0">
+          <span v-if="inputErrorStack.length > 0">；</span>
+          <span>{{ t('n处目标集群不存在', [inputClusterErrorStack.length]) }}</span>
+          <DbIcon
+            class="action-btn"
+            type="audit"
+            @click="handleHighClusterError" />
+        </span>
+      </div>
+    </div>
+    <template #footer>
+      <BkButton
+        class="w-88"
+        :loading="isChecking"
+        theme="primary"
+        @click="handleSubmit">
+        {{ t('确定') }}
+      </BkButton>
+      <BkButton
+        class="ml8"
+        @click="handleClosed">
+        {{ t('取消') }}
+      </BkButton>
+    </template>
+  </BkDialog>
+</template>
+
+<script lang="ts">
+  export interface IValue {
+    clusterId: number;
+    clusterType: string;
+    domain: string;
+    backupDbs: string[];
+    ignoreDbs: string[];
+  }
+</script>
+
+<script setup lang="ts">
+  import _ from 'lodash';
+  import { ref } from 'vue';
+  import { useI18n } from 'vue-i18n';
+
+  // import { filterClusters } from '@services/source/dbbase'
+  import { queryClusters } from '@services/source/mysqlCluster';
+
+  import { useCopy } from '@hooks';
+
+  import { useGlobalBizs } from '@stores';
+
+  interface IInputParse {
+    domain: string,
+    backupDbs: string;
+    ignoreDbs: string;
+  }
+
+  interface Props {
+    isShow: boolean;
+  }
+
+  interface Emits {
+    (e: 'update:isShow', value: boolean): void;
+    (e: 'change', value: Array<IValue>): void;
+  }
+
+  defineProps<Props>();
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+  const { currentBizId } = useGlobalBizs();
+  const copy = useCopy()
+
+  const getInputTextList = (list: Array<IInputParse>) => list.map(item => `${item.domain} ${item.backupDbs} ${item.ignoreDbs}`);
+
+  const inputRef = ref<HTMLDivElement>();
+  const isChecking = ref(false);
+  const localValue = ref('');
+  const inputInvalidStack = ref<Array<IInputParse>>([]);
+  const inputErrorStack = ref<Array<IInputParse>>([]);
+  const inputClusterErrorStack = ref<Array<IInputParse>>([]);
+
+  const handleCopy = () => {
+    copy('magode.db.oued8:9000    demoDB1,demoDB2    -\n');
+  };
+
+  const handleClosed = () => {
+    emits('update:isShow', false);
+  };
+
+  const handleSubmit = () => {
+    const inputRecordList = localValue.value.split('\n');
+
+    const validList: Array<IInputParse> = [];
+    const invalidList: Array<IInputParse> = [];
+    const errorList: Array<IInputParse> = [];
+
+    inputRecordList.forEach((recordItem) => {
+      if (!_.trim(recordItem)) {
+        return;
+      }
+      const recordList = recordItem.split(/ +/).filter(item => _.trim(item));
+
+      if (recordList.length !== 3) {
+        errorList.push({
+          domain: recordItem,
+          backupDbs: '',
+          ignoreDbs: '',
+        });
+        return;
+      }
+      const [
+        domain,
+        backupDbs,
+        ignoreDbs,
+      ] = recordList;
+      const payload = {
+        domain,
+        backupDbs,
+        ignoreDbs,
+      };
+      // 集群、主机为空
+      if (!domain || !backupDbs || !ignoreDbs) {
+        errorList.push(payload);
+        return;
+      }
+      // 集群格式不正确
+      if (!/^\w+(:\d+)?/.test(domain)) {
+        invalidList.push(payload);
+        return;
+      }
+
+      validList.push(payload);
+    });
+
+    isChecking.value = true;
+
+    queryClusters({
+      cluster_filters: validList.map(item => ({
+        immute_domain: item.domain,
+      })),
+      bk_biz_id: currentBizId,
+    })
+      .then((data) => {
+        const realDataMap = data.reduce((result, item) => ({
+          ...result,
+          [item.master_domain]: item,
+        }), {} as Record<string, typeof data[number]>);
+
+        const resultList: Array<IValue> = [];
+        const clusterErrorList: Array<IInputParse> = [];
+
+        validList.forEach((item) => {
+          const realDataItem = realDataMap[item.domain]
+          if (!realDataItem) {
+            clusterErrorList.push(item);
+          } else {
+            const {
+              backupDbs,
+              ignoreDbs
+            } = item;
+
+            const getListValue = (str: string) => {
+              if (str === '-') {
+                return [];
+              }
+              return str.split(',');
+            };
+            resultList.push({
+              clusterId: realDataItem.id,
+              clusterType: realDataItem.cluster_type,
+              domain: item.domain,
+              backupDbs: getListValue(backupDbs),
+              ignoreDbs: getListValue(ignoreDbs),
+            });
+          }
+        });
+
+        inputInvalidStack.value = invalidList;
+        inputErrorStack.value = errorList;
+        inputClusterErrorStack.value = clusterErrorList;
+
+        if (invalidList.length < 1
+          && errorList.length < 1
+          && clusterErrorList.length < 1) {
+          emits('change', resultList);
+          handleClosed();
+        } else {
+          const renderListValue = (arr: string[]) => {
+            if (arr.length < 1) {
+              return '-';
+            }
+            return arr.join(',');
+          };
+          localValue.value = _.filter([
+            ...invalidList.map(item => getInputTextList([item])),
+            ...errorList.map(item => getInputTextList([item])),
+            ...clusterErrorList.map(item => getInputTextList([item])),
+            ...resultList.map(item => `${item.domain} ${renderListValue(item.backupDbs)} ${renderListValue(item.ignoreDbs)}`),
+          ]).join('\n');
+        }
+      })
+      .finally(() => {
+        isChecking.value = false;
+      });
+  };
+
+  const handleInputChange = () => {
+    inputInvalidStack.value = [];
+    inputErrorStack.value = [];
+    inputClusterErrorStack.value = [];
+  };
+
+  const handleHighInvalid = () => {
+    const $inputEl = inputRef.value!.querySelector('textarea');
+    const invalidText = getInputTextList(inputInvalidStack.value).join('\n');
+    $inputEl!.focus();
+    $inputEl!.selectionStart = 0;
+    $inputEl!.selectionEnd = invalidText.length;
+  };
+
+  const handleHighError = () => {
+    const $inputEl = inputRef.value!.querySelector('textarea');
+    $inputEl!.focus();
+    const invalidText = getInputTextList(inputInvalidStack.value).join('\n');
+    const errorText = getInputTextList(inputErrorStack.value).join('\n');
+
+    const startIndex = invalidText.length > 0 ? invalidText.length + 1 : 0;
+    $inputEl!.selectionStart = startIndex;
+    $inputEl!.selectionEnd = startIndex + errorText.length;
+  };
+
+  const handleHighClusterError = () => {
+    const $inputEl = inputRef.value!.querySelector('textarea');
+    $inputEl!.focus();
+    const invalidText = [
+      ...getInputTextList(inputInvalidStack.value),
+      ...getInputTextList(inputErrorStack.value),
+    ].join('\n');
+    const clusterErrorText = getInputTextList(inputClusterErrorStack.value).join('\n');
+
+    const startIndex = invalidText.length > 0 ? invalidText.length + 1 : 0;
+    $inputEl!.selectionStart = startIndex;
+    $inputEl!.selectionEnd = startIndex + clusterErrorText.length;
+  };
+</script>
+
+<style lang="less">
+  .db-table-backup-batch-entry {
+    .batch-entry-header {
+      width: 100%;
+      padding: 6px 0;
+      font-size: 12px;
+      color: #63656e;
+      text-align: left;
+      background: #f5f7fa;
+      border-radius: 2px;
+
+      th,
+      td {
+        padding: 5px 16px;
+        line-height: 16px;
+      }
+
+      .copy-btn {
+        margin-left: 18px;
+      }
+    }
+
+    .error-box {
+      position: absolute;
+      margin-top: -25px;
+      font-size: 12px;
+      font-weight: bold;
+      color: #ea3636;
+
+      .action-btn {
+        padding: 0 4px;
+        color: #979ba5;
+        cursor: pointer;
+      }
+    }
+
+    textarea {
+      height: 100%;
+
+      &::selection {
+        color: #63656e;
+        background: #fdd;
+      }
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/FianlDbReviewer/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/FianlDbReviewer/Index.vue
new file mode 100644
index 0000000000..858c2417ee
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/FianlDbReviewer/Index.vue
@@ -0,0 +1,198 @@
+<!--
+ * 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>
+  <div class="final-db-review">
+    <RenderTable>
+      <template #default>
+        <RenderTableHeadColumn
+          :min-width="120"
+          :width="580">
+          {{ t('备份DB名') }}
+        </RenderTableHeadColumn>
+        <RenderTableHeadColumn
+          :min-width="120"
+          :required="false"
+          :width="580">
+          {{ t('忽略DB名') }}
+        </RenderTableHeadColumn>
+      </template>
+      <template #data>
+        <tr>
+          <td style="padding: 0">
+            <RenderDbName
+              ref="backupDbsRef"
+              :cluster-id="data.clusterId"
+              :model-value="backupDbs"
+              required
+              @change="handleBackupDbsChange" />
+          </td>
+          <td style="padding: 0">
+            <RenderDbName
+              ref="ignoreDbsRef"
+              :cluster-id="data.clusterId"
+              :model-value="ignoreDbs"
+              @change="handleIgnoreDbsChange" />
+          </td>
+        </tr>
+      </template>
+    </RenderTable>
+    <template v-if="finalDbs">
+      <div class="review-list-head mt-24">
+        <span class="list-title">{{ t('最终DB') }}</span>
+        <span class="list-num">（{{ t('共n个', [finalDbs.length]) }}）</span>
+        <BkButton
+          class="list-copy-button"
+          text
+          theme="primary"
+          @click="handleCopy">
+          <DbIcon
+            class="mr-4 mt-2"
+            type="copy" />
+          {{ t('复制') }}
+        </BkButton>
+      </div>
+      <div class="review-list mt-16">
+        <div
+          v-for="(item, index) in finalDbs"
+          :key="index"
+          class="review-list-item">
+          {{ item }}
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import _ from 'lodash';
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { getSqlserverDbs } from '@services/source/sqlserver'
+
+  import { useCopy } from '@hooks';
+
+  import RenderTableHeadColumn from '@components/render-table/HeadColumn.vue';
+  import RenderTable from '@components/render-table/Index.vue';
+
+  import RenderDbName from '../RenderData/RenderDbName.vue';
+
+  interface Props {
+    data: {
+      clusterId: number;
+      backupDbs: string[];
+      ignoreDbs: string[];
+    };
+  }
+
+  interface Emits {
+    (e: 'change', backupDbs: string[], ignoreDbs: string[]): void;
+  }
+
+  interface Expose {
+    submit(): Promise<any>;
+    // cancel(): Promise<any>;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+  const copy = useCopy();
+
+  const backupDbsRef = ref<InstanceType<typeof RenderDbName>>();
+  const ignoreDbsRef = ref<InstanceType<typeof RenderDbName>>();
+  const backupDbs = ref(_.cloneDeep(props.data.backupDbs));
+  const ignoreDbs = ref(_.cloneDeep(props.data.ignoreDbs));
+
+  const {
+    data: finalDbs,
+    run: getSqlserverDbsRun
+  } = useRequest(getSqlserverDbs, {
+    manual: true,
+  })
+
+  const getFinalDbsNew = (backupDbs: string[], ignoreDbs: string[]) => {
+    getSqlserverDbsRun({
+      cluster_id: props.data.clusterId,
+      db_list: backupDbs,
+      ignore_db_list: ignoreDbs
+    })
+  }
+  getFinalDbsNew(props.data.backupDbs, props.data.ignoreDbs)
+
+  const handleBackupDbsChange = (value: string[]) => {
+    backupDbs.value = value;
+    getFinalDbsNew(value, ignoreDbs.value)
+  };
+
+  const handleIgnoreDbsChange = (value: string[]) => {
+    ignoreDbs.value = value;
+    getFinalDbsNew(backupDbs.value, value)
+  };
+
+  const handleCopy = () => {
+    copy((finalDbs?.value || []).join('\n'));
+  };
+
+  defineExpose<Expose>({
+    submit() {
+      return Promise.all([
+        backupDbsRef.value!.getValue(),
+        ignoreDbsRef.value!.getValue()
+      ]).then(
+        ([backupDbs, ignoreDbs]) => {
+          emits('change', backupDbs, ignoreDbs);
+        },
+      );
+    },
+  });
+</script>
+
+<style lang="less">
+  .final-db-review {
+    padding: 20px 24px;
+
+    .review-list-head {
+      display: flex;
+
+      .list-title {
+        color: #313238;
+      }
+
+      .list-num {
+        margin-left: 4px;
+      }
+
+      .list-copy-button {
+        margin-left: auto;
+        font-size: 12px;
+      }
+    }
+
+    .review-list {
+      display: flex;
+      padding: 16px;
+      background: #f5f7fa;
+      border-radius: 2px;
+      flex-wrap: wrap;
+
+      .review-list-item {
+        width: 33%;
+        font-size: 12px;
+        line-height: 24px;
+      }
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/Index.vue
new file mode 100644
index 0000000000..0bd133a2e4
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/Index.vue
@@ -0,0 +1,87 @@
+<!--
+ * 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>
+  <div class="db-table-backup-render-data">
+    <RenderTable>
+      <template #default>
+        <RenderTableHeadColumn
+          :min-width="120"
+          :width="630">
+          {{ t('目标集群') }}
+          <template #append>
+            <BkButton
+              v-bk-tooltips="t('批量选择')"
+              class="ml-4"
+              text
+              theme="primary"
+              @click="handleShowBatchSelector">
+              <DbIcon type="batch-host-select" />
+            </BkButton>
+          </template>
+        </RenderTableHeadColumn>
+        <RenderTableHeadColumn
+          :min-width="120"
+          :width="580">
+          {{ t('备份DB名') }}
+        </RenderTableHeadColumn>
+        <RenderTableHeadColumn
+          :min-width="120"
+          :required="false"
+          :width="580">
+          {{ t('忽略DB名') }}
+        </RenderTableHeadColumn>
+        <RenderTableHeadColumn
+          :min-width="120"
+          :required="false"
+          :width="580">
+          {{ t('最终DB') }}
+        </RenderTableHeadColumn>
+        <RenderTableHeadColumn
+          fixed="right"
+          :required="false"
+          :width="100">
+          {{ t('操作') }}
+        </RenderTableHeadColumn>
+      </template>
+
+      <template #data>
+        <slot />
+      </template>
+    </RenderTable>
+  </div>
+</template>
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import RenderTableHeadColumn from '@components/render-table/HeadColumn.vue';
+  import RenderTable from '@components/render-table/Index.vue';
+
+  interface Emits {
+    (e: 'batchSelectCluster'): void;
+  }
+
+  interface Slots {
+    default(): any;
+    data(): any;
+  }
+
+  const emits = defineEmits<Emits>();
+  defineSlots<Slots>();
+
+  const { t } = useI18n();
+
+  const handleShowBatchSelector = () => {
+    emits('batchSelectCluster');
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/RenderDbName.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/RenderDbName.vue
new file mode 100644
index 0000000000..eac49289e4
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/RenderDbName.vue
@@ -0,0 +1,138 @@
+<!--
+ * 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>
+  <TableTagInput
+    ref="tagRef"
+    :model-value="modelValue"
+    :placeholder="t('请输入DB名称_支持通配符_含通配符的仅支持单个')"
+    :rules="rules"
+    @change="handleChange" />
+</template>
+
+<script setup lang="ts">
+  import _ from 'lodash';
+  import { useI18n } from 'vue-i18n';
+
+  import { checkSqlserverDbExist } from '@services/source/sqlserver'
+
+  import TableTagInput from '@components/render-table/columns/tag-input/index.vue';
+
+  import TableEditTag from '@views/mysql/common/edit/Tag.vue';
+
+  interface Props {
+    clusterId: number;
+    modelValue?: string[];
+    required?: boolean;
+  }
+
+  interface Emits {
+    (e: 'change', value: string[]): void;
+  }
+
+  interface Exposes {
+    getValue: () => Promise<string[]>;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+
+  let noExitsDbList = [] as string[]
+
+  const rules = [
+    {
+      validator: (value: string[]) => {
+        const hasAllMatch = _.find(value, (item) => /%$/.test(item));
+        return !(value.length > 1 && hasAllMatch);
+      },
+      message: t('一格仅支持单个_对象'),
+    },
+    {
+      validator: (value: string[]) => {
+        if (value.length > 0) {
+          return props.clusterId > 0
+        }
+        return true
+      },
+      message: t('请先输入或选择集群'),
+    },
+    {
+      validator: (value: string[]) => checkSqlserverDbExist({
+        cluster_id: props.clusterId,
+        db_list: value
+      }).then((data) => {
+        noExitsDbList = Object.entries(data).reduce((prevDbList, [dbName, isExists]) => {
+          if (!isExists) {
+            return [...prevDbList, dbName]
+          }
+          return prevDbList
+        }, [] as string[])
+        return noExitsDbList.length === 0
+      }),
+      message: () => t('目标DB不存在', [noExitsDbList.join('，')]),
+    },
+  ];
+
+  if (props.required) {
+    rules.unshift(
+      {
+        validator: (value: string[]) => value.length > 0,
+        message: t('DB名不能为空'),
+      }
+    )
+  }
+
+  const tagRef = ref<InstanceType<typeof TableEditTag>>();
+  const localValue = ref(props.modelValue || []);
+
+  // 集群改变时 DB 需要重置
+  watch(
+    () => props.clusterId,
+    () => {
+      localValue.value = [];
+    },
+  );
+
+  watch(
+    () => props.modelValue,
+    () => {
+      if (props.modelValue) {
+        localValue.value = props.modelValue;
+      } else {
+        localValue.value = [];
+      }
+    },
+    {
+      immediate: true,
+    },
+  );
+
+  const handleChange = (value: string[]) => {
+    localValue.value = value;
+    emits('change', value);
+  };
+
+  defineExpose<Exposes>({
+    getValue() {
+      return tagRef.value!.getValue().then(() => localValue.value);
+    },
+  });
+</script>
+
+<style lang="less">
+  .render-db-name {
+    display: block;
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/RenderDomain.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/RenderDomain.vue
new file mode 100644
index 0000000000..7501a2553f
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/RenderDomain.vue
@@ -0,0 +1,146 @@
+<!--
+ * 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>
+  <div class="render-cluster-box">
+    <TableEditInput
+      ref="editRef"
+      v-model="localValue"
+      :placeholder="t('请输入或选择集群')"
+      :rules="rules"
+      @submit="handleInputFinish" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import _ from 'lodash';
+  import { useI18n } from 'vue-i18n';
+
+  import { filterClusters } from '@services/source/dbbase'
+
+  import { useGlobalBizs } from '@stores';
+
+  import { domainRegex } from '@common/regex';
+
+  import TableEditInput from '@components/render-table/columns/input/index.vue';
+
+  import { random } from '@utils';
+
+  interface Props {
+    data?: string;
+  }
+
+  interface Emits {
+    (e: 'inputFinish', value: string): void
+  }
+
+  interface Exposes {
+    getValue: () => Promise<number>
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    data: '',
+  });
+
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+  const { currentBizId } = useGlobalBizs()
+
+  const clusterIdMemo: { [key: string]: Record<string, boolean> } = {};
+
+  const localClusterId = ref();
+  const localValue = ref(props.data);
+  const editRef = ref();
+
+  const instanceKey = `render_cluster_${random()}`;
+  clusterIdMemo[instanceKey] = {};
+
+  const rules = [
+    {
+      validator: (value: string) => Boolean(value),
+      message: t('目标集群不能为空'),
+    },
+    {
+      validator: (value: string) =>  domainRegex.test(value),
+      message: t('目标集群输入格式有误'),
+    },
+    {
+      validator: (value: string) => filterClusters({
+        bk_biz_id: currentBizId,
+        exact_domain: value,
+      }).then((data) => {
+        if (data.length > 0) {
+          localClusterId.value = data[0].id;
+          return true;
+        }
+        return false;
+      }),
+      message: t('目标集群不存在'),
+    },
+    {
+      validator: () => {
+        const currentClusterSelectMap = clusterIdMemo[instanceKey];
+        const otherClusterMemoMap = { ...clusterIdMemo };
+        delete otherClusterMemoMap[instanceKey];
+
+        const otherClusterIdMap = Object.values(otherClusterMemoMap).reduce((result, item) => ({
+          ...result,
+          ...item,
+        }), {} as Record<string, boolean>);
+        const currentSelectClusterIdList = Object.keys(currentClusterSelectMap);
+        for (let i = 0; i < currentSelectClusterIdList.length; i++) {
+          if (otherClusterIdMap[currentSelectClusterIdList[i]]) {
+            return false;
+          }
+        }
+        return true;
+      },
+      message: t('目标集群重复'),
+    },
+  ];
+
+  // 获取关联集群
+  watch(localClusterId, () => {
+    if (!localClusterId.value) {
+      return;
+    }
+    clusterIdMemo[instanceKey][localClusterId.value] = true;
+  }, {
+    immediate: true,
+  });
+
+  const handleInputFinish = (value: string) => {
+    const realValue = _.trim(value);
+    localValue.value = realValue;
+    emits('inputFinish', realValue);
+  };
+
+  onBeforeUnmount(() => {
+    clusterIdMemo[instanceKey] = {};
+  })
+
+  defineExpose<Exposes>({
+    getValue() {
+      return editRef.value
+        .getValue()
+        .then(() => (localClusterId.value));
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  .render-cluster-box {
+    position: relative;
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/RenderRow.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/RenderRow.vue
new file mode 100644
index 0000000000..0a1abb35ca
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/components/RenderData/RenderRow.vue
@@ -0,0 +1,202 @@
+<!--
+ * 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>
+  <tr>
+    <td style="padding: 0">
+      <RenderDomain
+        ref="domainRef"
+        :data="data.domain"
+        @input-finish="handleInputFinish" />
+    </td>
+    <td style="padding: 0">
+      <RenderDbName
+        ref="backupDbsRef"
+        :cluster-id="data.clusterId"
+        :model-value="data.backupDbs"
+        required
+        @change="handleBackupDbsChange" />
+    </td>
+    <td style="padding: 0">
+      <RenderDbName
+        ref="ignoreDbsRef"
+        :cluster-id="data.clusterId"
+        :model-value="data.ignoreDbs"
+        @change="handleIgnoreDbsChange" />
+    </td>
+    <td style="padding: 0">
+      <div v-if="finalDbs?.length">
+        <BkButton
+          class="pl-16"
+          text
+          theme="primary"
+          @click="handleFinalDbsCountClick">
+          {{ finalDbs.length }}
+        </BkButton>
+      </div>
+      <div
+        v-else
+        v-bk-tooltips="t('请先设置 备份/忽略 DB')"
+        class="final-dbs-placeholder">
+        {{ t('自动生成') }}
+      </div>
+    </td>
+    <OperateColumn
+      :removeable="removeable"
+      @add="handleAppend"
+      @remove="handleRemove" />
+  </tr>
+</template>
+<script lang="ts">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { getSqlserverDbs } from '@services/source/sqlserver'
+
+  import OperateColumn from '@components/render-table/columns/operate-column/index.vue';
+
+  import { random } from '@utils';
+
+  import RenderDbName from './RenderDbName.vue';
+  import RenderDomain from './RenderDomain.vue';
+
+  export interface IDataRow {
+    rowKey: string;
+    isLoading: boolean;
+    domain: string;
+    clusterId: number;
+    clusterType: string;
+    backupDbs: string[];
+    ignoreDbs: string[];
+  }
+
+  // 创建表格数据
+  export const createRowData = (params?: {
+    domain: string;
+    clusterId: number;
+    clusterType: string;
+    backupDbs: string[];
+    ignoreDbs: string[];
+  }): IDataRow =>
+    Object.assign(
+      {
+        rowKey: random(),
+        isLoading: false,
+        domain: '',
+        clusterId: 0,
+        clusterType: '',
+        backupDbs: [],
+        ignoreDbs: [],
+      },
+      params,
+    );
+</script>
+
+<script setup lang="ts">
+  interface Props {
+    data: IDataRow;
+    removeable: boolean;
+  }
+  interface Emits {
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'inputClusterFinish', value: string): void;
+    (e: 'showFinalReviewer'): void;
+    (e: 'inputBackupDbsFinish', value: string[]): void;
+    (e: 'inputIgnoreDbsFinish', value: string[]): void;
+  }
+
+  interface Exposes {
+    getValue: () => Promise<{
+      cluster_id: number;
+      backup_dbs: string[]
+    }>;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+
+  const domainRef = ref<InstanceType<typeof RenderDomain>>();
+  const backupDbsRef = ref<InstanceType<typeof RenderDbName>>();
+  const ignoreDbsRef = ref<InstanceType<typeof RenderDbName>>();
+  const backupDbs = ref(props.data.backupDbs);
+  const ignoreDbs = ref(props.data.ignoreDbs);
+
+  const {
+    data: finalDbs,
+    run: getSqlserverDbsRun
+  } = useRequest(getSqlserverDbs, {
+    manual: true,
+  })
+
+  const getFinalDbsNew = (backupDbs: string[], ignoreDbs: string[]) => {
+    getSqlserverDbsRun({
+      cluster_id: props.data.clusterId,
+      db_list: backupDbs,
+      ignore_db_list: ignoreDbs
+    })
+  }
+
+  const handleInputFinish = (domain: string) => {
+    emits('inputClusterFinish', domain);
+  };
+
+  const handleBackupDbsChange = (value: string[]) => {
+    backupDbs.value = value;
+    getFinalDbsNew(value, ignoreDbs.value)
+    emits('inputBackupDbsFinish', value);
+  };
+
+  const handleIgnoreDbsChange = (value: string[]) => {
+    ignoreDbs.value = value;
+    getFinalDbsNew(backupDbs.value, value)
+    emits('inputIgnoreDbsFinish', value);
+  };
+
+  const handleFinalDbsCountClick = () => {
+    emits('showFinalReviewer');
+  };
+
+  const handleAppend = () => {
+    emits('add');
+  };
+
+  const handleRemove = () => {
+    if (props.removeable) {
+      return;
+    }
+    emits('remove');
+  };
+
+  defineExpose<Exposes>({
+    getValue() {
+      return Promise.all([
+        domainRef.value!.getValue(),
+        backupDbsRef.value!.getValue(),
+        ignoreDbsRef.value!.getValue(),
+      ]).then(([clusterId]) => ({
+        cluster_id: clusterId,
+        backup_dbs: finalDbs?.value || []
+      }));
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  .final-dbs-placeholder {
+    padding-left: 16px;
+    color: #c4c6cc;
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page2/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page2/Index.vue
new file mode 100644
index 0000000000..30b0074794
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page2/Index.vue
@@ -0,0 +1,86 @@
+<!--
+ * 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>
+  <RenderSuccess :steps="steps">
+    <template #title>
+      {{ t('数据库备份任务提交成功') }}
+    </template>
+    <I18nT
+      keypath="接下来您可以通过xx查看任务最新动态"
+      tag="span">
+      <RouterLink
+        target="_blank"
+        :to="{
+          name: 'SelfServiceMyTickets',
+          query: {
+            id: ticketId,
+          },
+        }">
+        {{ t('我的服务单') }}
+      </RouterLink>
+    </I18nT>
+    <template #action>
+      <BkButton
+        theme="primary"
+        @click="handleGoTicket">
+        {{ t('去看看') }}
+      </BkButton>
+      <BkButton
+        class="ml8"
+        @click="handleStepChange">
+        {{ t('继续提单') }}
+      </BkButton>
+    </template>
+  </RenderSuccess>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import RenderSuccess from '@components/ticket-success/Index.vue';
+
+  const { t } = useI18n();
+  const route = useRoute();
+  const router = useRouter();
+
+  const { ticketId } = route.query;
+
+  const steps = [
+    {
+      name: t('单据审批'),
+    },
+    {
+      name: t('生产执行'),
+    },
+    {
+      name: t('任务完成'),
+    },
+  ];
+
+  const handleGoTicket = () => {
+    const route = router.resolve({
+      name: 'SelfServiceMyTickets',
+      query: {
+        id: ticketId,
+      },
+    });
+    window.open(route.href);
+  };
+
+  const handleStepChange = () => {
+    router.push({
+      name: 'SqlServerDbBackup',
+    });
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/ha-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/sqlserver-manage/ha-cluster-list/components/List.vue
index effdabd2bd..b6d329d9a8 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/ha-cluster-list/components/List.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/ha-cluster-list/components/List.vue
@@ -97,8 +97,8 @@
       <DbSearchSelect
         v-model="searchValues"
         class="header-select mb-16"
-        :data="searchData"
-        :placeholder="t('访问入口_集群名称_管控区域_实例_所属DB模块_创建人')"
+        :data="searchSelectData"
+        :placeholder="t('域名_IP_模块')"
         @change="handleFetchTableData" />
     </div>
     <div
@@ -110,19 +110,27 @@
         :data-source="getHaClusterList"
         :row-class="setRowClass"
         selectable
-        @selection="handleSelection" />
+        :settings="settings"
+        @selection="handleSelection"
+        @setting-change="updateTableSettings" />
     </div>
   </div>
   <!-- 集群授权 -->
   <ClusterAuthorize
     v-model="authorizeShow"
-    :cluster-type="ClusterTypes.SQLSERVER_HA"
+    :account-type="AccountTypes.SQLSERVER"
+    :cluster-types="[ClusterTypes.SQLSERVER_HA]"
     :selected="authorizeSelected"
     @success="handleClearSelected" />
   <!-- excel 导入授权 -->
   <ExcelAuthorize
     v-model:is-show="isShowExcelAuthorize"
-    :cluster-type="ClusterTypes.SQLSERVER_HA" />
+    :cluster-type="ClusterTypes.SQLSERVER_HA"
+    :ticket-type="TicketTypes.SQLSERVER_EXCEL_AUTHORIZE_RULES"/>
+  <ClusterReset
+    v-if="currentData"
+    v-model:is-show="isShowClusterReset"
+    :data="currentData"></ClusterReset>
 </template>
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
@@ -133,6 +141,7 @@
   } from 'vue-router';
 
   import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
+  import { getModules } from '@services/source/cmdb';
   import {
     getHaClusterList,
     getSqlServerInstanceList,
@@ -143,15 +152,18 @@
     useCopy,
     useInfoWithIcon,
     useStretchLayout,
+    useTableSettings,
     useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
 
   import {
+    AccountTypes,
     ClusterTypes,
     TicketTypes,
     type TicketTypesStrings,
+    UserPersonalSettings,
   } from '@common/const';
 
   import ClusterAuthorize from '@components/cluster-authorize/ClusterAuthorize.vue';
@@ -164,6 +176,8 @@
   import RenderInstances from '@components/render-instances/RenderInstances.vue';
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
+  import ClusterReset from '@views/sqlserver-manage/components/cluster-reset/Index.vue'
+
   import { getSearchSelectorParams } from '@utils';
 
   const haClusterData = defineModel<{
@@ -188,26 +202,13 @@
 
   const copy = useCopy();
 
-  const searchData = [
-    {
-      name: t('实例'),
-      id: 'instance_address',
-    },
-    {
-      name: t('所属集群'),
-      id: 'cluster_id',
-    },
-    {
-      name: t('主域名'),
-      id: 'master_domain',
-    },
-  ];
-
   const tableRef = ref<InstanceType<typeof DbTable>>();
   const isCopyDropdown = ref(false);
   const selected = ref<SqlServerHaClusterModel[]>([]);
   const searchValues = ref([]);
   const isShowExcelAuthorize = ref(false);
+  const isShowClusterReset = ref(false)
+  const currentData = ref<SqlServerHaClusterModel>()
 
   /** 集群授权 */
   const authorizeShow = ref(false);
@@ -225,6 +226,34 @@
 
   const isCN = computed(() => locale.value === 'zh-cn');
 
+
+  const searchSelectData = computed(() => [
+    {
+      name: 'ID',
+      id: 'id',
+    },
+    {
+      name: t('访问入口'),
+      id: 'domain',
+    },
+    {
+      name: 'IP',
+      id: 'ip',
+    },
+    {
+      name: t('创建人'),
+      id: 'creator',
+    },
+    {
+      name: t('模块'),
+      id: 'db_module_id',
+      children: (moduleList.value || []).map(moduleItem => ({
+        id: moduleItem.db_module_id,
+        name: moduleItem.name,
+      })),
+    },
+  ]);
+
   const tableOperationWidth = computed(() => {
     if (!isStretchLayoutOpen.value) {
       return isCN.value ? 150 : 200;
@@ -232,11 +261,7 @@
     return 100;
   });
 
-  const { run: runCreateTicket } = useRequest(createTicket, {
-    manual: true,
-  });
-
-  const { run: runDeleteTicket } = useRequest(createTicket, {
+  const { run: createTicketRun } = useRequest(createTicket, {
     manual: true,
     onSuccess(res) {
       ticketMessage(res.id);
@@ -248,7 +273,7 @@
       label: t('主访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 300,
+      width: 200,
       render: ({ data }: { data: SqlServerHaClusterModel }) => (
         <TextOverflowLayout>
           {{
@@ -276,10 +301,10 @@
                     type="copy"
                     v-bk-tooltips={ t('复制主访问入口') }
                     onClick={ () => copy(data.master_domain) }/>
-                  <db-icon
+                  {/* <db-icon
                     type="link"
                     v-bk-tooltips={ t('新开tab打开') }
-                    onClick={ () => handleToDetails(data, true) }/>
+                    onClick={ () => handleToDetails(data, true) }/> */}
                   <div
                     class="text-overflow"
                     v-overflow-tips>
@@ -314,7 +339,6 @@
     {
       label: t('状态'),
       field: 'status',
-      sort: true,
       render: ({ data }: { data: SqlServerHaClusterModel }) => <RenderClusterStatus data={data.status} />,
     },
     {
@@ -324,11 +348,11 @@
       render: ({ data }: { data: SqlServerHaClusterModel }) => (
         <RenderInstances
           data={ data.masters }
-          title={ t('【inst】实例预览', { inst: data.bk_cloud_name, title: 'Proxy' }) }
+          title={ t('【inst】实例预览', { inst: data.bk_cloud_name, title: 'Master' }) }
           role="proxy"
           clusterId={ data.id }
           dataSource={ getSqlServerInstanceList } />
-    ),
+      ),
     },
     {
       label: 'Slave',
@@ -337,7 +361,7 @@
       render: ({ data }: { data: SqlServerHaClusterModel }) => (
         <RenderInstances
           data={ data.slaves }
-          title={ t('【inst】实例预览', { inst: data.bk_cloud_name, title: 'Proxy' }) }
+          title={ t('【inst】实例预览', { inst: data.bk_cloud_name, title: 'Slaves' }) }
           role="proxy"
           clusterId={ data.id }
           dataSource={ getSqlServerInstanceList } />
@@ -350,78 +374,98 @@
     {
       label: t('创建人'),
       field: 'creator',
-      sort: true,
     },
     {
       label: t('创建时间'),
       field: 'create_at',
-      sort: true,
     },
     {
       label: t('操作'),
-      field: 'operation',
       width: tableOperationWidth.value,
       fixed: 'right',
       render: ({ data }: { data: SqlServerHaClusterModel }) => (
         <>
-         {
-          data.phase === 'online' ? (
-           <>
-            <OperationBtnStatusTips data={ data }>
-              <bk-button
-                text
-                theme="primary"
-                class="mr-8"
-                onClick={ () => handleShowAuthorize([data]) }>
-                  { t('授权') }
-              </bk-button>
-            </OperationBtnStatusTips>
-            <OperationBtnStatusTips data={ data }>
-              <bk-button
-                text
-                theme="primary"
-                class="mr-8"
-                onClick={() => handleSwitchCluster(TicketTypes.SQLSERVER_DISABLE, data)}>
-                 { t('禁用') }
-              </bk-button>
-            </OperationBtnStatusTips>
-        </>
-       ) : (
-          <>
-            <OperationBtnStatusTips data={ data }>
-              <bk-button
-                text
-                theme="primary"
-                class="mr-8"
-                onClick={ () => handleSwitchCluster(TicketTypes.SQLSERVER_ENABLE, data) }>
-                  { t('启用') }
-              </bk-button>
-            </OperationBtnStatusTips>
-            <OperationBtnStatusTips data={ data }>
-              <bk-button
-                text
-                theme="primary"
-                class="mr-8">
-                 { t('重置') }
-              </bk-button>
-            </OperationBtnStatusTips>
-            <OperationBtnStatusTips data={ data }>
-              <bk-button
-                text
-                theme="primary"
-                class="mr-8"
-                onClick={() => handleDeleteCluster(data)}>
-                 { t('删除') }
-              </bk-button>
-            </OperationBtnStatusTips>
-           </>
-          )
-        }
+          {
+            data.isOnline ? (
+              <>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    onClick={ () => handleShowAuthorize([data]) }>
+                    { t('授权') }
+                  </bk-button>
+                </OperationBtnStatusTips>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    class="ml-16"
+                    onClick={() => handleSwitchCluster(TicketTypes.SQLSERVER_DISABLE, data)}>
+                    { t('禁用') }
+                  </bk-button>
+                </OperationBtnStatusTips>
+              </>
+            ) : (
+              <>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    onClick={ () => handleSwitchCluster(TicketTypes.SQLSERVER_ENABLE, data) }>
+                    { t('启用') }
+                  </bk-button>
+                </OperationBtnStatusTips>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    class="ml-16"
+                    onClick={() => handleResetCluster(data)}>
+                    { t('重置') }
+                  </bk-button>
+                </OperationBtnStatusTips>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    class="ml-16"
+                    onClick={() => handleDeleteCluster(data)}>
+                    { t('删除') }
+                  </bk-button>
+                </OperationBtnStatusTips>
+              </>
+            )
+          }
        </>
       ),
     },
   ];
 
+
+  // 设置用户个人表头信息
+  const defaultSettings = {
+    fields: columns.filter(item => item.field).map(item => ({
+      label: item.label,
+      field: item.field ,
+      disabled: ['master_domain'].includes(item.field as string),
+    })),
+    checked: columns.map(item => item.field).filter(key => !!key && key !== 'id'),
+    showLineHeight: false,
+  };
+
+  const {
+    settings,
+    updateTableSettings,
+  } = useTableSettings(UserPersonalSettings.SQLSERVER_SINGLE_TABLE_SETTINGS, defaultSettings);
+
+  const { data: moduleList } = useRequest(getModules, {
+    defaultParams: [{
+      cluster_type: ClusterTypes.SQLSERVER_HA,
+      bk_biz_id: currentBizId,
+    }]
+  });
+
   const handleFetchTableData = () => {
     tableRef.value!.fetchData({
       ...getSearchSelectorParams(searchValues.value),
@@ -449,21 +493,22 @@
     if (!type) return;
 
     const isOpen = type === TicketTypes.SQLSERVER_ENABLE;
-    const title = isOpen ? t('确定启用该集群') : t('确定禁用该集群');
     useInfoWithIcon({
       type: 'warnning',
-      title,
+      title: isOpen ? t('确定启用该集群？') : t('确定禁用该集群？'),
       content: () => (
         <div style="word-break: all;">
+          <p style="color: #313238">{t('集群')} ：{data.cluster_name}</p>
           {
             isOpen
-              ? <p>{ t('集群【name】启用后将恢复访问', { name: data.cluster_name })}</p>
-              : <p>{ t('集群【name】被禁用后将无法访问_如需恢复访问_可以再次「启用」', { name: data.cluster_name }) }</p>
+              ? <p>{ t('启用后将恢复访问')}</p>
+              : <p>{ t('被禁用后将无法访问，如需恢复访问，可以再次「启用」')}</p>
           }
         </div>
       ),
+      confirmTxt: isOpen ? t('启用') : t('禁用'),
       onConfirm: () => {
-        runCreateTicket({
+        createTicketRun({
           bk_biz_id: currentBizId,
           ticket_type: type,
           details: {
@@ -494,7 +539,7 @@
         </div>
       ),
       onConfirm: () => {
-        runDeleteTicket({
+        createTicketRun({
           bk_biz_id: currentBizId,
           ticket_type: TicketTypes.SQLSERVER_DESTROY,
           details: {
@@ -506,6 +551,11 @@
     });
   };
 
+  const handleResetCluster = (data: SqlServerHaClusterModel) => {
+    currentData.value = data
+    isShowClusterReset.value = true
+  }
+
   // excel 授权
   const handleShowExcelAuthorize = () => {
     isShowExcelAuthorize.value = true;
@@ -539,8 +589,8 @@
     }
   };
 
-  const handleSelection = (data: SqlServerHaClusterModel, list: SqlServerHaClusterModel[]) => {
-    selected.value = list;
+  const handleSelection = (key: number[], list: Record<number, SqlServerHaClusterModel>[]) => {
+    selected.value = list as unknown as SqlServerHaClusterModel[];
   };
 
   const handleClearSelected = () => {
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/permission/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/permission/Index.vue
index 7bbc683dc1..708b1a53e0 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/permission/Index.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/permission/Index.vue
@@ -29,7 +29,7 @@
         v-model="searchData"
         :data="filters"
         :placeholder="t('账号名称_DB名称_权限名称')"
-        style="width: 500px;"
+        style="width: 500px"
         unique-select
         @change="handleSearch" />
     </div>
@@ -40,13 +40,13 @@
         :data="sqlserverPermissionRulesData?.results || []"
         :max-height="tableMaxHeight"
         :row-class="setRowClass"
-        @refresh="runAccountRulesList" />
+        @refresh="fetchAccountRuleList" />
     </BkLoading>
   </div>
   <!-- 创建账户 -->
   <AccountDialog
     v-model="accountDialogIsShow"
-    @success="() => runAccountRulesList({})" />
+    @success="fetchAccountRuleList" />
   <!-- 账号信息 dialog -->
   <BkDialog
     v-model:is-show="accountInformationShow"
@@ -63,7 +63,7 @@
         class="account-details-item">
         <span class="account-details-label">{{ column.label }}：</span>
         <span class="account-details-value">
-          {{ column.value ?? accountInformationData.account[column.key] }}
+          {{ column.value ?? accountInformationData.account[column.key] ?? accountInformationData[column.key] }}
         </span>
       </div>
       <div
@@ -82,63 +82,53 @@
   </BkDialog>
   <!-- 添加授权规则 -->
   <CreateRuleSlider
-    ref="createRuleRef"
     v-model="ruleShow"
     :account-id="ruleAccountId"
     :account-map-list="accountMapList"
     :db-operations="dbOperations"
-    @success="() => runAccountRulesList({})" />
+    @success="fetchAccountRuleList" />
   <!-- 集群授权 -->
   <ClusterAuthorize
     v-model="authorizeShow"
     :access-dbs="authorizeDbs"
+    :account-type="AccountTypes.SQLSERVER"
+    :cluster-types="[ClusterTypes.SQLSERVER_SINGLE, ClusterTypes.SQLSERVER_HA]"
     :user="authorizeUser" />
 </template>
 
 <script setup lang="tsx">
-  import BkButton from 'bkui-vue/lib/button';
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import SqlserverPermissionModel from '@services/model/sqlserver/sqlserver-permission';
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
   import {
     deleteSqlserverAccount,
     getSqlserverPermissionRules,
   } from '@services/source/sqlserverPermissionAccount';
-  import type { PermissionRuleAccount } from '@services/types/permission';
 
   import {
     useInfoWithIcon,
     useTableMaxHeight,
   } from '@hooks';
 
-  import { OccupiedInnerHeight } from '@common/const';
+  import { AccountTypes, ClusterTypes, OccupiedInnerHeight } from '@common/const';
 
   import ClusterAuthorize from '@components/cluster-authorize/ClusterAuthorize.vue';
-  import MiniTag from '@components/mini-tag/index.vue';
 
-  import { messageSuccess } from '@utils';
+  import { getSearchSelectorParams , messageSuccess } from '@utils';
 
   import AccountDialog from './components/AccountDialog.vue';
   import CreateRuleSlider from './components/CreateRule.vue';
 
-  interface PermissionRuleItemType {
-    access_db: string
-    account_id: number
-    bk_biz_id: number
-    creator: string
-    privilege: string
-    rule_id: number
-  }
-
   const { t } = useI18n();
+  const tableMaxHeight = useTableMaxHeight(OccupiedInnerHeight.NOT_PAGINATION);
 
   const columns = [
     {
       label: t('账号名称'),
       field: 'user',
       showOverflowTooltip: false,
-      render: ({ data }: { data: SqlserverPermissionModel }) => (
+      render: ({ data }: { data: SqlserverPermissionAccountModel }) => (
         <div
           class="permission-rules-cell"
           onClick={ () => handleToggleExpand(data) }>
@@ -159,14 +149,16 @@
               </bk-button>
               {
                 data.isNew && (
-                  <MiniTag
+                  <bk-tag
+                    size="small"
                     theme="success"
-                    content="NEW"
-                    class="ml-4" />
+                    class="ml-4">
+                    NEW
+                  </bk-tag>
                 )
               }
               <bk-button
-                class="add-rule ml-4"
+                class="add-rule ml-8"
                 size="small"
                 onClick={() => handleShowCreateRule(data)}>
                  {t('新建规则')}
@@ -178,8 +170,7 @@
     {
       label: t('访问的DB名'),
       field: 'access_db',
-      sort: true,
-      render: ({ data }: { data: SqlserverPermissionModel }) => {
+      render: ({ data }: { data: SqlserverPermissionAccountModel }) => {
         if (!data.rules.length) {
           return (
             <div class="permission-rules-cell">
@@ -206,8 +197,7 @@
     {
       label: t('权限'),
       field: 'privilege',
-      sort: true,
-      render: ({ data }: { data: SqlserverPermissionModel }) => (
+      render: ({ data }: { data: SqlserverPermissionAccountModel }) => (
         getRenderList(data).map(rule => (
           <div
             class="permission-rules-cell"
@@ -220,7 +210,7 @@
     {
       label: t('操作'),
       width: 140,
-      render: ({ data }: { data: SqlserverPermissionModel }) => {
+      render: ({ data }: { data: SqlserverPermissionAccountModel }) => {
         if (data.rules.length === 0) {
           return (
           <div class="permission-rules-cell">
@@ -250,11 +240,9 @@
     },
   ];
 
-  const tableMaxHeight = useTableMaxHeight(OccupiedInnerHeight.NOT_PAGINATION);
-
   const accountColumns: Array<{
     label: string,
-    key: keyof PermissionRuleAccount,
+    key: keyof SqlserverPermissionAccountModel['account'] | 'createAtDisplay'
     value?: string
   }> = [
     {
@@ -268,7 +256,7 @@
     },
     {
       label: t('创建时间'),
-      key: 'create_time',
+      key: 'createAtDisplay',
     },
     {
       label: t('创建人'),
@@ -278,6 +266,18 @@
 
   const dbOperations = ['db_datawriter', 'db_datareader'];
 
+  const accountInformationData = ref();
+  const accountInformationShow = ref(false);
+  const ruleShow = ref(false);
+  const ruleAccountId = ref();
+  const accountMapList = ref<SqlserverPermissionAccountModel['account'][]>([]);
+  const searchData = ref([]);
+  const accountDialogIsShow = ref(false);
+  const authorizeShow = ref(false);
+  const authorizeUser = ref();
+  const authorizeDbs = ref();
+  const rowExpandMap = shallowRef<Record<number, boolean>>({});
+
   /**
    * search select 过滤参数
    */
@@ -294,26 +294,13 @@
       name: t('权限'),
       id: 'privilege',
       multiple: true,
-      children: dbOperations.map((id: string) => ({
+      children: [...dbOperations, 'db_owner'].map((id: string) => ({
         id: id.toLowerCase(),
         name: id,
       })),
     },
   ]);
 
-  const createRuleRef = ref();
-  const accountInformationData = ref();
-  const accountInformationShow = ref(false);
-  const ruleShow = ref(false);
-  const ruleAccountId = ref();
-  const accountMapList = ref();
-  const searchData = ref();
-  const accountDialogIsShow = ref(false);
-  const authorizeShow = ref(false);
-  const authorizeUser = ref();
-  const authorizeDbs = ref();
-  const rowExpandMap = shallowRef<Record<number, boolean>>({});
-
   const {
     data: sqlserverPermissionRulesData,
     loading: isLoading,
@@ -330,23 +317,29 @@
     onSuccess() {
       messageSuccess(t('成功删除账号'));
       accountInformationShow.value = false;
-      runAccountRulesList({});
+      fetchAccountRuleList();
     },
   });
 
-  runAccountRulesList({});
+  const fetchAccountRuleList = () => {
+    runAccountRulesList({
+      ...getSearchSelectorParams(searchData.value),
+      account_type: AccountTypes.SQLSERVER
+    });
+  }
+  fetchAccountRuleList()
 
   const handleSearch = () => {
-    runAccountRulesList({});
+    fetchAccountRuleList();
   };
 
   // 设置行样式
-  const setRowClass = (row: SqlserverPermissionModel) => (row.isNew ? 'is-new' : '');
+  const setRowClass = (row: SqlserverPermissionAccountModel) => (row.isNew ? 'is-new' : '');
 
   /**
    * 列表项展开/收起
    */
-  const handleToggleExpand = (data: SqlserverPermissionModel) => {
+  const handleToggleExpand = (data: SqlserverPermissionAccountModel) => {
     if (data.rules.length <= 1) {
       return;
     }
@@ -355,13 +348,16 @@
     rowExpandMap.value = expandMap;
   };
 
-  const handleDeleteAccount = (data: SqlserverPermissionModel) => {
+  const handleDeleteAccount = (data: SqlserverPermissionAccountModel) => {
     useInfoWithIcon({
       type: 'warnning',
       title: t('确认删除该账号'),
       content: t('即将删除账号xx_删除后将不能恢复', { name: data.account.user }),
       onConfirm: async () => {
-        runDeleteAccount({ account_id: data.account.account_id });
+        runDeleteAccount({
+          account_id: data.account.account_id,
+          account_type: AccountTypes.SQLSERVER
+        });
         return true;
       },
     });
@@ -370,22 +366,22 @@
   /**
    * 展开/收起渲染列表
    */
-  const getRenderList = (data: SqlserverPermissionModel) => (!rowExpandMap.value[data.account.account_id]
+  const getRenderList = (data: SqlserverPermissionAccountModel) => (!rowExpandMap.value[data.account.account_id]
     ? data.rules : data.rules.slice(0, 1));
 
-  const handleViewAccount = (data: SqlserverPermissionModel) => {
+  const handleViewAccount = (data: SqlserverPermissionAccountModel) => {
     accountInformationData.value = data;
     accountInformationShow.value = true;
   };
 
-  const handleShowCreateRule = (data: SqlserverPermissionModel) => {
+  const handleShowCreateRule = (data: SqlserverPermissionAccountModel) => {
     ruleAccountId.value = data.account.account_id;
     ruleShow.value = true;
   };
 
   const handleShowAuthorize = (
-    data: SqlserverPermissionModel,
-    item: PermissionRuleItemType,
+    data: SqlserverPermissionAccountModel,
+    item: SqlserverPermissionAccountModel['rules'][number],
   ) => {
     authorizeShow.value = true;
     authorizeUser.value = data.account.user;
@@ -394,112 +390,112 @@
 </script>
 
 <style lang="less" scoped>
-@import "@styles/mixins.less";
+  @import '@styles/mixins.less';
 
-.permission-rules {
-  .permission-info-alert {
-    margin-bottom: 16px;
+  .permission-rules {
+    .permission-info-alert {
+      margin-bottom: 16px;
 
-    :deep(.label) {
-      font-weight: 700;
+      :deep(.label) {
+        font-weight: 700;
+      }
     }
-  }
 
-  .permission-rules-operations {
-    justify-content: space-between;
-    padding-bottom: 16px;
-    .flex-center();
-  }
+    .permission-rules-operations {
+      justify-content: space-between;
+      padding-bottom: 16px;
+      .flex-center();
+    }
 
-  :deep(.user-name) {
-    height: 100%;
-    padding-left: 24px;
-    cursor: pointer;
-    align-items: center;
-    .flex-center();
+    :deep(.user-name) {
+      height: 100%;
+      padding-left: 24px;
+      cursor: pointer;
+      align-items: center;
+      .flex-center();
 
-    .user-name-text {
-      font-weight: bold;
-    }
+      .user-name-text {
+        font-weight: bold;
+      }
 
-    .add-rule {
-      display: none;
+      .add-rule {
+        display: none;
+      }
     }
-  }
 
-  :deep(.permission-rules-cell) {
-    position: relative;
-    padding: 0 15px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    border-bottom: 1px solid @border-disable;
+    :deep(.permission-rules-cell) {
+      position: relative;
+      padding: 0 15px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      border-bottom: 1px solid @border-disable;
 
-    &:last-child {
-      border-bottom: 0;
+      &:last-child {
+        border-bottom: 0;
+      }
     }
-  }
 
-  :deep(.user-icon) {
-    position: absolute;
-    top: 50%;
-    left: 15px;
-    transform: translateY(-50%) rotate(-90deg);
-    transition: all 0.2s;
-  }
+    :deep(.user-icon) {
+      position: absolute;
+      top: 50%;
+      left: 15px;
+      transform: translateY(-50%) rotate(-90deg);
+      transition: all 0.2s;
+    }
 
-  :deep(.user-icon-expand) {
-    transform: translateY(-50%) rotate(0);
-  }
+    :deep(.user-icon-expand) {
+      transform: translateY(-50%) rotate(0);
+    }
 
-  .permission-rules-table {
-    transition: all 0.5s;
+    .permission-rules-table {
+      transition: all 0.5s;
 
-    :deep(.bk-table-body table tbody tr) {
-      &:hover {
-        .add-rule {
-          display: flex;
+      :deep(.bk-table-body table tbody tr) {
+        &:hover {
+          .add-rule {
+            display: flex;
+          }
         }
-      }
 
-      &.is-new {
-        td {
-          background-color: #f3fcf5 !important;
+        &.is-new {
+          td {
+            background-color: #f3fcf5 !important;
+          }
         }
-      }
 
-      td {
-        .cell {
-          padding: 0 !important;
-        }
+        td {
+          .cell {
+            padding: 0 !important;
+          }
 
-        &:first-child {
-          .cell,
-          .permission-rules-cell {
-            height: 100% !important;
+          &:first-child {
+            .cell,
+            .permission-rules-cell {
+              height: 100% !important;
+            }
           }
         }
       }
     }
   }
-}
 
-.account-details {
-  font-size: @font-size-mini;
+  .account-details {
+    font-size: @font-size-mini;
 
-  .account-details-item {
-    display: flex;
-    padding-bottom: 16px;
-  }
+    .account-details-item {
+      display: flex;
+      padding-bottom: 16px;
+    }
 
-  .account-details-label {
-    width: 90px;
-    text-align: right;
-    flex-shrink: 0;
-  }
+    .account-details-label {
+      width: 90px;
+      text-align: right;
+      flex-shrink: 0;
+    }
 
-  .account-details-value {
-    color: @title-color;
+    .account-details-value {
+      color: @title-color;
+    }
   }
-}
 </style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/permission/components/AccountDialog.vue b/dbm-ui/frontend/src/views/sqlserver-manage/permission/components/AccountDialog.vue
index a38301f706..b3ca86d255 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/permission/components/AccountDialog.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/permission/components/AccountDialog.vue
@@ -106,6 +106,7 @@
   } from '@services/permission';
   import { createSqlserverAccount } from '@services/source/sqlserverPermissionAccount';
 
+  import { AccountTypes } from '@common/const';
   import { dbTippy } from '@common/tippy';
 
   import { messageSuccess } from '@utils';
@@ -408,6 +409,7 @@
     runCreateAccount({
       password: getEncryptPassword(),
       user: formData.user,
+      account_type: AccountTypes.SQLSERVER
     });
   };
 </script>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/permission/components/CreateRule.vue b/dbm-ui/frontend/src/views/sqlserver-manage/permission/components/CreateRule.vue
index 927c0789b3..27b342930c 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/permission/components/CreateRule.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/permission/components/CreateRule.vue
@@ -6,7 +6,7 @@
     :width="640"
     @closed="handleClose">
     <DbForm
-      ref="ruleRef"
+      ref="formRef"
       class="rule-form"
       form-type="vertical"
       :model="formData"
@@ -85,7 +85,7 @@
             <BkCheckbox
               :model-value="checkAllPrivileges"
               @change="(value: boolean) => handleSelectAllPrivileges(value)">
-              db_owner({{ t('包含所有权限，其他权限无需授予') }})
+              db_owner ( {{ t('包含所有权限，其他权限无需授予') }} )
             </BkCheckbox>
           </BkFormItem>
         </div>
@@ -113,22 +113,26 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
   import {
     addSqlserverAccountRule,
     querySqlserverAccountRules,
   } from '@services/source/sqlserverPermissionAccount';
-  import type { PermissionRuleAccount } from '@services/types/permission';
 
   import {
     useInfo,
     useStickyFooter,
   } from '@hooks';
 
+  import DbForm from '@components/db-form/index.vue'
+
   import { messageSuccess } from '@utils';
 
+  import { AccountTypes } from '@/common/const';
+
   interface Props {
     accountId: number
-    accountMapList: PermissionRuleAccount[]
+    accountMapList: SqlserverPermissionAccountModel['account'][]
     dbOperations: string[]
   }
 
@@ -147,14 +151,14 @@
     default: false,
   });
 
-  const ruleRef = ref();
+  const formRef = ref<InstanceType<typeof DbForm>>();
   const checkAllPrivileges = ref(false);
-  const existDBs = ref();
+  const existDBs = ref<string[]>([]);
   const textareaRef = ref();
   const textareaHeight = ref(0);
 
   /** 设置底部按钮粘性布局 */
-  useStickyFooter(ruleRef);
+  useStickyFooter(formRef);
 
   const { t } = useI18n();
 
@@ -170,19 +174,27 @@
   /**
    *  校验规则重复性
    */
-  const verifyAccountRules = async () => {
+  const verifyAccountRules = () => {
+    existDBs.value = [];
+
+    const userInfo = props.accountMapList.find((item) => item.account_id === formData.account_id)
     const dbs = formData.access_db.replace(/\n|;/g, ',')
       .split(',')
       .filter(db => db);
-    if (!dbs.length) {
+
+    if (!userInfo || dbs.length === 0) {
       return false;
     }
-    const res = await querySqlserverAccountRules({
-      user: String(formData.account_id),
+
+    return querySqlserverAccountRules({
+      user: userInfo.user,
       access_dbs: dbs,
-    });
-    existDBs.value = res.results[0].rules.map(item => item.access_db);
-    return !res.results[0].rules.length;
+    })
+      .then((res) => {
+        const rules = res.results[0]?.rules || [];
+        existDBs.value = rules.map(item => item.access_db);
+        return rules.length === 0;
+      });
   };
 
   const rules = {
@@ -202,7 +214,7 @@
       },
       {
         trigger: 'blur',
-        message: () => t('该账号下已存在xx规则', [existDBs.value?.join('，')]),
+        message: () => t('该账号下已存在xx规则', [existDBs.value.join('，')]),
         validator: verifyAccountRules,
       },
     ],
@@ -214,7 +226,7 @@
 
   const {
     loading: isSubmitting,
-    run: runaddSqlserverAccountRule,
+    run: addSqlserverAccountRuleRun,
   } = useRequest(addSqlserverAccountRule, {
     manual: true,
     onSuccess() {
@@ -294,16 +306,23 @@
    * 提交功能
    */
   const handleSubmit = async () => {
-    await ruleRef.value.validate();
-    if (checkAllPrivileges.value) {
-      // 包含所有权限
-      formData.privilege = ['all privileges'];
-    }
-    runaddSqlserverAccountRule({
+    await formRef.value!.validate();
+    const params = {
       access_db: formData.access_db.replace(/\n|;/g, ','), // 统一分隔符
-      privilege: formData.privilege,
+      privilege: {},
       account_id: formData.account_id,
-    });
+      account_type: AccountTypes.SQLSERVER
+    }
+    if (checkAllPrivileges.value) {
+      Object.assign(params.privilege, {
+        sqlserver_owner: ['db_owner']
+      })
+    } else {
+      Object.assign(params.privilege, {
+        sqlserver_dml: formData.privilege
+      })
+    }
+    addSqlserverAccountRuleRun(params);
   };
 </script>
 
@@ -363,13 +382,9 @@
 
     .check-all {
       position: relative;
-      width: 48px;
+      width: 50px;
       margin-right: 48px;
 
-      :deep(.bk-checkbox-label) {
-        font-weight: bold;
-      }
-
       &::after {
         position: absolute;
         top: 50%;
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/routes.ts b/dbm-ui/frontend/src/views/sqlserver-manage/routes.ts
index a14dfd7b66..5f276c1188 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/routes.ts
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/routes.ts
@@ -42,6 +42,14 @@ const routes: RouteRecordRaw[] = [
         },
         component: () => import('@views/sqlserver-manage/permission/Index.vue'),
       },
+      {
+        name: 'SqlServerDbBackup',
+        path: 'sqlserver-db-backup/:page?',
+        meta: {
+          navName: t('数据库备份'),
+        },
+        component: () => import('@views/sqlserver-manage/db-backup/Index.vue'),
+      },
     ],
   },
 ];
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/single-cluster/components/List.vue b/dbm-ui/frontend/src/views/sqlserver-manage/single-cluster/components/List.vue
index fe89ad0164..e2ca87e1f9 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/single-cluster/components/List.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/single-cluster/components/List.vue
@@ -97,8 +97,8 @@
       <DbSearchSelect
         v-model="searchValues"
         class="header-select"
-        :data="searchData"
-        :placeholder="t('访问入口_集群名称_管控区域_实例_所属DB模块_创建人')"
+        :data="searchSelectData"
+        :placeholder="t('域名_IP_模块')"
         @change="handleFetchTableData" />
     </div>
     <div class="table-wrapper">
@@ -108,20 +108,29 @@
         :data-source="getSingleClusterList"
         :row-class="setRowClass"
         selectable
-        @selection="handleSelection" />
+        :settings="settings"
+        @selection="handleSelection"
+        @setting-change="updateTableSettings" />
     </div>
   </div>
   <!-- 集群授权 -->
   <ClusterAuthorize
     v-model="authorizeShow"
-    :cluster-type="ClusterTypes.SQLSERVER_HA"
+    :account-type="AccountTypes.SQLSERVER"
+    :cluster-types="[ClusterTypes.SQLSERVER_SINGLE]"
     :selected="authorizeSelected"
     @success="handleClearSelected" />
   <!-- excel 导入授权 -->
   <ExcelAuthorize
     v-model:is-show="isShowExcelAuthorize"
-    :cluster-type="ClusterTypes.SQLSERVER_SINGLE" />
+    :cluster-type="ClusterTypes.SQLSERVER_SINGLE"
+    :ticket-type="TicketTypes.SQLSERVER_EXCEL_AUTHORIZE_RULES"/>
+  <ClusterReset
+    v-if="currentData"
+    v-model:is-show="isShowClusterReset"
+    :data="currentData"></ClusterReset>
 </template>
+
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
@@ -131,6 +140,7 @@
   } from 'vue-router';
 
   import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import { getModules } from '@services/source/cmdb';
   import {
     getSingleClusterList,
     getSqlServerInstanceList,
@@ -141,15 +151,18 @@
     useCopy,
     useInfoWithIcon,
     useStretchLayout,
+    useTableSettings,
     useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
 
   import {
+    AccountTypes,
     ClusterTypes,
     TicketTypes,
     type TicketTypesStrings,
+    UserPersonalSettings,
   } from '@common/const';
 
   import ClusterAuthorize from '@components/cluster-authorize/ClusterAuthorize.vue';
@@ -162,6 +175,8 @@
   import RenderInstances from '@components/render-instances/RenderInstances.vue';
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
+  import ClusterReset from '@views/sqlserver-manage/components/cluster-reset/Index.vue'
+
   import { getSearchSelectorParams } from '@utils';
 
   const singleClusterData = defineModel<{ clusterId: number }>('singleClusterData');
@@ -183,26 +198,13 @@
     handleOpenChange,
   } = useStretchLayout();
 
-  const searchData = [
-    {
-      name: t('实例'),
-      id: 'instance_address',
-    },
-    {
-      name: t('所属集群'),
-      id: 'cluster_id',
-    },
-    {
-      name: t('主域名'),
-      id: 'master_domain',
-    },
-  ];
-
   const tableRef = ref<InstanceType<typeof DbTable>>();
   const isCopyDropdown = ref(false);
   const selected = ref<SqlServerSingleClusterModel[]>([]);
   const searchValues = ref([]);
   const isShowExcelAuthorize = ref(false);
+  const isShowClusterReset = ref(false)
+  const currentData = ref<SqlServerSingleClusterModel>()
 
   /** 集群授权 */
   const authorizeShow = ref(false);
@@ -219,6 +221,33 @@
   const selectedIds = computed(() => selected.value.map(item => item.id));
   const isCN = computed(() => locale.value === 'zh-cn');
 
+  const searchSelectData = computed(() => [
+    {
+      name: 'ID',
+      id: 'id',
+    },
+    {
+      name: t('访问入口'),
+      id: 'domain',
+    },
+    {
+      name: 'IP',
+      id: 'ip',
+    },
+    {
+      name: t('创建人'),
+      id: 'creator',
+    },
+    {
+      name: t('模块'),
+      id: 'db_module_id',
+      children: (moduleList.value || []).map(moduleItem => ({
+        id: moduleItem.db_module_id,
+        name: moduleItem.name,
+      })),
+    },
+  ]);
+
   const tableOperationWidth = computed(() => {
     if (!isStretchLayoutOpen.value) {
       return isCN.value ? 150 : 200;
@@ -231,7 +260,7 @@
       label: t('访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 300,
+      width: 200,
       render: ({ data }: { data: SqlServerSingleClusterModel }) => (
         <TextOverflowLayout>
           {{
@@ -259,10 +288,10 @@
                     type="copy"
                     v-bk-tooltips={ t('复制主访问入口') }
                     onClick={ () => copy(data.master_domain) } />
-                  <db-icon
+                  {/* <db-icon
                     type="link"
                     v-bk-tooltips={ t('新开tab打开') }
-                    onClick={ () => handleToDetails(data, true) }/>
+                    onClick={ () => handleToDetails(data, true) }/> */}
                   <div
                     class="text-overflow"
                     v-overflow-tips>
@@ -292,7 +321,6 @@
     {
       label: t('状态'),
       field: 'status',
-      sort: true,
       render: ({ data }: { data: SqlServerSingleClusterModel }) => <RenderClusterStatus data={data.status} />,
     },
     {
@@ -315,83 +343,98 @@
     {
       label: t('创建人'),
       field: 'create_user',
-      sort: true,
     },
     {
       label: t('创建时间'),
       field: 'create_time',
-      sort: true,
     },
     {
       label: t('操作'),
-      field: 'operation',
       width: tableOperationWidth.value,
       fixed: 'right',
       render: ({ data }: { data: SqlServerSingleClusterModel }) => (
         <>
-         {
-          data.phase === 'online' ? (
-           <>
-            <OperationBtnStatusTips data={ data }>
-             <bk-button
-               text
-               theme="primary"
-               class="mr-8"
-               onClick={ () => handleShowAuthorize([data]) }>
-                { t('授权') }
-             </bk-button>
-            </OperationBtnStatusTips>
-            <OperationBtnStatusTips data={ data }>
-             <bk-button
-                text
-                theme="primary"
-                class="mr-8"
-                onClick={ () => handleSwitchCluster(TicketTypes.SQLSERVER_DISABLE, data) }>
-             { t('禁用') }
-             </bk-button>
-            </OperationBtnStatusTips>
-           </>
-          ) : (
-           <>
-            <OperationBtnStatusTips data={ data }>
-              <bk-button
-                text
-                theme="primary"
-                class="mr-8"
-                onClick={ () => handleSwitchCluster(TicketTypes.SQLSERVER_ENABLE, data) }>
-                 { t('启用') }
-              </bk-button>
-            </OperationBtnStatusTips>
-            <OperationBtnStatusTips data={ data }>
-              <bk-button
-                text
-                theme="primary"
-                class="mr-8">
-                 { t('重置') }
-              </bk-button>
-            </OperationBtnStatusTips>
-            <OperationBtnStatusTips data={ data }>
-              <bk-button
-                text
-                theme="primary"
-                class="mr-8"
-                onClick={ () => handleDeleteCluster(data) }>
-                 { t('删除') }
-              </bk-button>
-            </OperationBtnStatusTips>
-           </>
-           )
+          {
+            data.isOnline ? (
+              <>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    onClick={ () => handleShowAuthorize([data]) }>
+                    { t('授权') }
+                  </bk-button>
+                </OperationBtnStatusTips>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    class="ml-16"
+                    onClick={ () => handleSwitchCluster(TicketTypes.SQLSERVER_DISABLE, data) }>
+                    { t('禁用') }
+                </bk-button>
+                </OperationBtnStatusTips>
+              </>
+            ) : (
+              <>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    onClick={ () => handleSwitchCluster(TicketTypes.SQLSERVER_ENABLE, data) }>
+                    { t('启用') }
+                  </bk-button>
+                </OperationBtnStatusTips>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    class="ml-16"
+                    onClick={() => handleResetCluster(data)}>
+                    { t('重置') }
+                  </bk-button>
+                </OperationBtnStatusTips>
+                <OperationBtnStatusTips data={ data }>
+                  <bk-button
+                    text
+                    theme="primary"
+                    class="ml-16"
+                    onClick={ () => handleDeleteCluster(data) }>
+                    { t('删除') }
+                  </bk-button>
+                </OperationBtnStatusTips>
+              </>
+            )
           }
         </>
       ),
     },
   ];
 
-  const { run: runCreateTicket } = useRequest(createTicket, {
-    manual: true,
+  // 设置用户个人表头信息
+  const defaultSettings = {
+    fields: columns.filter(item => item.field).map(item => ({
+      label: item.label,
+      field: item.field ,
+      disabled: ['master_domain'].includes(item.field as string),
+    })),
+    checked: columns.map(item => item.field).filter(key => !!key && key !== 'id'),
+    showLineHeight: false,
+  };
+
+  const {
+    settings,
+    updateTableSettings,
+  } = useTableSettings(UserPersonalSettings.SQLSERVER_SINGLE_TABLE_SETTINGS, defaultSettings);
+
+  const { data: moduleList } = useRequest(getModules, {
+    defaultParams: [{
+      cluster_type: ClusterTypes.SQLSERVER_SINGLE,
+      bk_biz_id: currentBizId,
+    }]
   });
 
-  const { run: runDeleteTicket } = useRequest(createTicket, {
+  const { run: createTicketRun } = useRequest(createTicket, {
     manual: true,
     onSuccess(res) {
       ticketMessage(res.id);
@@ -408,21 +451,22 @@
     if (!type) return;
 
     const isOpen = type === TicketTypes.SQLSERVER_ENABLE;
-    const title = isOpen ? t('确定启用该集群') : t('确定禁用该集群');
     useInfoWithIcon({
       type: 'warnning',
-      title,
+      title: isOpen ? t('确定启用该集群？') : t('确定禁用该集群？'),
       content: () => (
         <div style="word-break: all;">
+          <p style="color: #313238">{t('集群')} ：{data.cluster_name}</p>
           {
             isOpen
-              ? <p>{ t('集群【name】启用后将恢复访问', { name: data.cluster_name })}</p>
-              : <p>{ t('集群【name】被禁用后将无法访问_如需恢复访问_可以再次「启用」', { name: data.cluster_name }) }</p>
+              ? <p>{ t('启用后将恢复访问')}</p>
+              : <p>{ t('被禁用后将无法访问，如需恢复访问，可以再次「启用」')}</p>
           }
         </div>
       ),
+      confirmTxt: isOpen ? t('启用') : t('禁用'),
       onConfirm: () => {
-        runCreateTicket({
+        createTicketRun({
           bk_biz_id: currentBizId,
           ticket_type: type,
           details: {
@@ -453,7 +497,7 @@
         </div>
       ),
       onConfirm: () => {
-        runDeleteTicket({
+        createTicketRun({
           bk_biz_id: currentBizId,
           ticket_type: TicketTypes.SQLSERVER_DESTROY,
           details: {
@@ -465,6 +509,11 @@
     });
   };
 
+  const handleResetCluster = (data: SqlServerSingleClusterModel) => {
+    currentData.value = data
+    isShowClusterReset.value = true
+  }
+
   // excel 授权
   const handleShowExcelAuthorize = () => {
     isShowExcelAuthorize.value = true;
@@ -479,8 +528,8 @@
 
   const handleCopy = (dataList: SqlServerSingleClusterModel[], isInstance = false) => {
     const list = dataList.reduce((prevList, tableItem) => {
-      const masterList = tableItem.masters.map(masterItem => (isInstance ? `${masterItem.ip}:${masterItem.port}` : `${masterItem.ip}`));
-      return [...prevList, ...masterList];
+      const storageList = tableItem.storages.map(storageItem => (isInstance ? `${storageItem.ip}:${storageItem.port}` : `${storageItem.ip}`));
+      return [...prevList, ...storageList];
     }, [] as string[]);
     copy(list.join('\n'));
   };
@@ -497,11 +546,8 @@
     return classStack.join(' ');
   };
 
-  const handleSelection = (
-    data: SqlServerSingleClusterModel,
-    list: SqlServerSingleClusterModel[],
-  ) => {
-    selected.value = list;
+  const handleSelection = (key: number[], list: Record<number, SqlServerSingleClusterModel>[]) => {
+    selected.value = list as unknown as SqlServerSingleClusterModel[];
   };
 
   const handleClearSelected = () => {
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/Index.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/Index.vue
index 8ab4d8abdf..e329d3dfea 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/Index.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/Index.vue
@@ -113,6 +113,11 @@
   import SpiderSlaveDestroy from './spider/SlaveDestroy.vue';
   import SpiderTableBackup from './spider/TableBackup.vue';
   import SpiderTruncateDatabase from './spider/TruncateDatabase.vue';
+  import SqlserverAuthrizeRules from './sqlserver/AuthorizeRules.vue';
+  import SqlserverClusterOperation from './sqlserver/ClusterOperation.vue';
+  import SqlserverClusterReset from './sqlserver/ClusterReset.vue';
+  import SqlserverDbBackup from './sqlserver/DbBackup.vue'
+  import SqlserverDetails from './sqlserver/Details.vue';
 
   interface Props {
     data: TicketModel;
@@ -159,6 +164,17 @@
     TicketTypes.MYSQL_SINGLE_DESTROY,
   ];
 
+  const sqlserverApplyTiketType = [TicketTypes.SQLSERVER_SINGLE_APPLY, TicketTypes.SQLSERVER_HA_APPLY];
+
+  const sqlserverClusterTicketType = [
+    TicketTypes.SQLSERVER_DISABLE,
+    TicketTypes.SQLSERVER_DISABLE,
+    TicketTypes.SQLSERVER_ENABLE,
+    TicketTypes.SQLSERVER_ENABLE,
+    TicketTypes.SQLSERVER_DESTROY,
+    TicketTypes.SQLSERVER_DESTROY,
+  ];
+
   const dumperNodeStatusUpdateType = [TicketTypes.TBINLOGDUMPER_DISABLE_NODES, TicketTypes.TBINLOGDUMPER_ENABLE_NODES];
 
   const bigDataReplaceType = [
@@ -231,6 +247,8 @@
 
   const mongoAuthorizeRulesTypes = [TicketTypes.MONGODB_AUTHORIZE, TicketTypes.MONGODB_EXCEL_AUTHORIZE];
 
+  const sqlserverAuthorizeRulesTypes = [TicketTypes.SQLSERVER_AUTHORIZE_RULES, TicketTypes.SQLSERVER_EXCEL_AUTHORIZE_RULES];
+
   // 单一情况映射表
   const SingleDemandMap = {
     [TicketTypes.ES_APPLY]: DetailsES,
@@ -304,6 +322,8 @@
     [TicketTypes.MONGODB_SCALE_UPDOWN]: MongoCapacityChange,
     [TicketTypes.MONGODB_ADD_MONGOS]: MongoProxyScaleUp,
     [TicketTypes.MONGODB_TEMPORARY_DESTROY]: MongoTemporaryDestrot,
+    [TicketTypes.SQLSERVER_RESET]: SqlserverClusterReset,
+    [TicketTypes.SQLSERVER_BACKUP_DBS]: SqlserverDbBackup
   };
 
   // 不同集群详情组件
@@ -379,6 +399,18 @@
     if (mongoAuthorizeRulesTypes.includes(ticketType)) {
       return MongoAuthrizeRules;
     }
+    // SQLServer 申请
+    if (sqlserverApplyTiketType.includes(ticketType)) {
+      return SqlserverDetails;
+    }
+    // SQLServer 启停删
+    if (sqlserverClusterTicketType.includes(ticketType)) {
+      return SqlserverClusterOperation;
+    }
+    // SQLServer 授权
+    if (sqlserverAuthorizeRulesTypes.includes(ticketType)) {
+      return SqlserverAuthrizeRules;
+    }
     if (ticketType in SingleDemandMap) {
       return SingleDemandMap[ticketType as keyof typeof SingleDemandMap];
     }
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/common/types.ts b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/common/types.ts
index 4a24aff97b..86c28a3eca 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/common/types.ts
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/common/types.ts
@@ -9,79 +9,147 @@
  * 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 {clustersItems } from '@services/types/ticket';
 
 import type { SpecInfo } from '../../SpecInfos.vue';
 
+
 // MongoDB 副本集群
 export interface DetailsMongoDBReplicaSet {
-  bk_cloud_name: string
-  cap_spec: string
-  city_code: string
-  city_name: string
-  cluster_alias: string
-  cluster_id: number
-  cluster_name: string
-  cluster_type: string
-  db_app_abbr: string
-  db_version: string
-  disaster_tolerance_level: string
-  ip_source: string
-  node_count: number
-  node_replica_count: number
-  oplog_percent: number
-  proxy_port: number
-  replica_count: number
+  bk_cloud_name: string;
+  cap_spec: string;
+  city_code: string;
+  city_name: string;
+  cluster_alias: string;
+  cluster_id: number;
+  cluster_name: string;
+  cluster_type: string;
+  db_app_abbr: string;
+  db_version: string;
+  disaster_tolerance_level: string;
+  ip_source: string;
+  node_count: number;
+  node_replica_count: number;
+  oplog_percent: number;
+  proxy_port: number;
+  replica_count: number;
   replica_sets: Array<{
-    domain: string,
-    name: string,
-    set_id: string,
-  }>,
+    domain: string;
+    name: string;
+    set_id: string;
+  }>;
   resource_spec: {
-    mongo_machine_set: SpecInfo
-  }
-  start_port: number
+    mongo_machine_set: SpecInfo;
+  };
+  start_port: number;
 }
 
 // MongoDB 分片集群
 export interface DetailsMongoDBSharedCluster {
-  bk_cloud_name: string
-  cap_key: string
-  cap_spec: string
-  city_code: string
-  city_name: string
-  cluster_alias: string
-  cluster_id: number
-  cluster_name: string
-  cluster_type: string
-  db_app_abbr: string
-  db_version: string
-  disaster_tolerance_level: string
-  ip_source: string
-  oplog_percent: number
-  proxy_port: number
-  start_port: number
+  bk_cloud_name: string;
+  cap_key: string;
+  cap_spec: string;
+  city_code: string;
+  city_name: string;
+  cluster_alias: string;
+  cluster_id: number;
+  cluster_name: string;
+  cluster_type: string;
+  db_app_abbr: string;
+  db_version: string;
+  disaster_tolerance_level: string;
+  ip_source: string;
+  oplog_percent: number;
+  proxy_port: number;
+  start_port: number;
   resource_spec: {
-    mongo_config: SpecInfo,
-    mongos: SpecInfo,
-    mongodb: SpecInfo,
-  },
+    mongo_config: SpecInfo;
+    mongos: SpecInfo;
+    mongodb: SpecInfo;
+  };
 }
 
 // MongoDB 账号授权
 export interface MongoDBAuthorizeRules {
   authorize_data?: {
-    auth_db: string
-    cluster_ids: number[]
-    password: string
+    auth_db: string;
+    cluster_ids: number[];
+    password: string;
     rule_sets: {
-      db: string
-      privileges: string[]
-    }[]
-    username: string
+      db: string;
+      privileges: string[];
+    }[];
+    username: string;
+  }[];
+  authorize_uid: string;
+  excel_url?: string;
+}
+
+// Sqlserver 集群部署
+export interface DetailsSqlserver {
+  bk_cloud_id: number;
+  charset: string;
+  city_code: string;
+  city_name: string;
+  cluster_count: number;
+  db_module_id: number;
+  db_module_name: string;
+  db_version: string;
+  disaster_tolerance_level: string;
+  domains: {
+    key: string;
+    master: string;
+    slave: string;
+  }[];
+  inst_num: number;
+  ip_source: string;
+  nodes: {
+    backend: {
+      ip: string;
+      bk_host_id: number;
+      bk_cloud_id: number;
+      bk_biz_id: number;
+    }[];
+  };
+  resource_spec: {
+    backend: SpecInfo;
+  };
+  spec: string;
+  spec_display: string;
+  start_mysql_port: number;
+  start_mssql_port: number;
+}
+
+// Sqlserver 数据库备份
+export interface SqlserverDbBackup {
+  backup_place: string,
+  backup_type: string,
+  clusters: Record<number, clustersItems>
+  file_tag: string,
+  infos: {
+    backup_dbs: string[],
+    cluster_id: number
   }[]
-  authorize_uid: string
-  excel_url?: string
 }
 
-export type TicketDetailTypes = DetailsMongoDBReplicaSet | DetailsMongoDBSharedCluster | MongoDBAuthorizeRules
+// Sqlserver 账号授权
+export interface SqlserverAuthorizeRules {
+  authorize_data?: {
+    user: string,
+    target_instances: string[],
+    access_dbs: string[],
+    cluster_type: string
+  }[];
+  authorize_uid: string;
+  excel_url?: string;
+}
+
+export type TicketDetailTypes =
+  | DetailsMongoDBReplicaSet
+  | DetailsMongoDBSharedCluster
+  | MongoDBAuthorizeRules
+  | DetailsSqlserver
+  | SqlserverDbBackup
+  | SqlserverAuthorizeRules;
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/AuthorizeRules.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/AuthorizeRules.vue
new file mode 100644
index 0000000000..01ace2fac4
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/AuthorizeRules.vue
@@ -0,0 +1,223 @@
+<!--
+ * 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>
+  <DemandInfo
+    :config="config"
+    :data="ticketDetails" />
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+
+  import type { TicketDetails } from '@services/types/ticket';
+
+  import { TicketTypes } from '@common/const';
+
+  import type { SqlserverAuthorizeRules } from '../common/types'
+  import DemandInfo, {
+    type DemandInfoConfig,
+  } from '../components/DemandInfo.vue';
+
+  interface Props {
+    ticketDetails: TicketDetails<SqlserverAuthorizeRules>
+  }
+
+  type dataItem = {
+    username: string,
+    rule_sets: {
+      access_db: string
+    }[],
+    isExpand: boolean
+  }
+
+  const props = defineProps<Props>();
+
+  const { t } = useI18n();
+
+  // 是否是添加授权
+  const isAddAuth = props.ticketDetails.ticket_type === TicketTypes.SQLSERVER_AUTHORIZE_RULES;
+  const ruleList = (props.ticketDetails.details?.authorize_data || [])
+    .reduce((prevRuleList, authorizeItem) => [...prevRuleList, {
+      username: authorizeItem.user,
+      rule_sets: authorizeItem.access_dbs.map(dbItem => ({ access_db: dbItem })),
+      isExpand: true,
+    }], [] as dataItem[]);
+  const domainList = props.ticketDetails.details.authorize_data?.[0].target_instances || [];
+  const excelUrl = props.ticketDetails.details?.excel_url;
+
+  let config: DemandInfoConfig[] = [];
+  const columns = [
+    {
+      label: t('账号名称'),
+      field: 'user',
+      render: ({ data }: { data: dataItem }) => (
+          <div
+            class="mongo-permission-cell"
+            onClick={ () => handleToggleExpand(data) }>
+            {
+              data.rule_sets.length > 1 && (
+                <db-icon
+                  type="down-shape"
+                  class={[
+                  'user-icon',
+                  { 'user-icon-expand': data.isExpand },
+                  ]} />
+              )
+            }
+            {
+              <div class="user-name">
+                { data.username }
+              </div>
+            }
+          </div>
+        ),
+    },
+    {
+      label: t('访问DB'),
+      field: 'access_db',
+      render: ({ data }: { data: dataItem }) => (
+        getRenderList(data).map(rule => (
+          <div class="mongo-permission-cell">
+            <bk-tag>{ rule.access_db }</bk-tag>
+          </div>
+        ))
+      ),
+    },
+  ];
+
+  const getConfig = () => {
+    if (isAddAuth) {
+      return [
+        {
+          list: [
+            {
+              label: t('目标集群'),
+              render: () => domainList.join('，')
+            },
+            {
+              label: t('权限明细'),
+              isTable: true,
+              render: () => (
+                <db-original-table
+                  class="mongo-permission-table"
+                  columns={columns}
+                  data={ruleList} />
+              ),
+            },
+          ],
+        },
+      ];
+    }
+
+    return [
+      {
+        list: [
+          {
+            label: t('Excel文件'),
+            render: () => (
+              <div class="excel-link">
+                <db-icon
+                  color="#2dcb56"
+                  svg
+                  type="excel"
+                  class="mr-6"/>
+                <a href={excelUrl}>
+                  { t('批量授权文件') }
+                  <db-icon
+                    class="ml-6"
+                    svg
+                    type="import" />
+                </a>
+              </div>
+            ),
+          },
+        ],
+      },
+    ];
+  };
+  config = getConfig();
+
+  const getRenderList = (data: dataItem) => (data.isExpand ? data.rule_sets : data.rule_sets.slice(0, 1));
+
+  const handleToggleExpand = (data: dataItem) => {
+    if (data.rule_sets.length <= 1) {
+      return;
+    }
+    Object.assign(data, { isExpand: !data.isExpand });
+  };
+</script>
+
+<style lang="less" scoped>
+  :deep(.excel-link) {
+    display: flex;
+    align-items: center;
+  }
+
+  :deep(.mongo-permission-cell) {
+    position: relative;
+    display: flex;
+    height: calc(var(--row-height) - 1px);
+    padding: 0 15px;
+    overflow: hidden;
+    line-height: calc(var(--row-height) - 1px);
+    text-align: left;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    border-bottom: 1px solid #dcdee5;
+    align-items: center;
+  }
+
+  :deep(.mongo-permission-cell:last-child) {
+    border-bottom: 0;
+  }
+
+  :deep(.user-icon) {
+    position: absolute;
+    top: 50%;
+    left: 15px;
+    transform: translateY(-50%) rotate(-90deg);
+    transition: all 0.2s;
+  }
+
+  :deep(.user-icon-expand) {
+    transform: translateY(-50%) rotate(0);
+  }
+
+  :deep(.user-name) {
+    display: flex;
+    height: 100%;
+    padding-left: 24px;
+    font-weight: bold;
+    cursor: pointer;
+    align-items: center;
+  }
+
+  :deep(.mongo-permission-table) {
+    transition: all 0.5s;
+
+    td {
+      .cell {
+        padding: 0 !important;
+      }
+
+    }
+
+    td:first-child {
+      .cell,
+      .mongo-permission-cell {
+        height: 100% !important;
+      }
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/ClusterOperation.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/ClusterOperation.vue
new file mode 100644
index 0000000000..e3b8fb5625
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/ClusterOperation.vue
@@ -0,0 +1,115 @@
+<!--
+ * 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>
+  <DbOriginalTable
+    :columns="columns"
+    :data="dataList" />
+</template>
+
+<script setup lang="tsx">
+  import type { UnwrapRef } from 'vue';
+  import { useI18n } from 'vue-i18n';
+
+  import type { TicketDetails } from '@services/types/ticket';
+
+  interface Props {
+    ticketDetails: TicketDetails<{
+      clusters: {
+        [key: number]: {
+          alias: string;
+          bk_biz_id: number;
+          bk_cloud_id: number;
+          cluster_type: string;
+          cluster_type_name: string;
+          creator: string;
+          db_module_id: number;
+          id: number;
+          immute_domain: string;
+          major_version: string;
+          name: string;
+          phase: string;
+          region: string;
+          status: string;
+          time_zone: string;
+          updater: string;
+        }
+      },
+      cluster_ids: number[];
+      force: boolean;
+    }>
+  }
+
+  const props = defineProps<Props>();
+
+  const { t } = useI18n();
+
+  /**
+   * 启用、禁用、删除
+   */
+  const columns = [
+    {
+      label: t('集群ID'),
+      field: 'cluster_ids',
+      render: ({ cell }: { cell: string }) => <span>{cell || '--'}</span>,
+    },
+    {
+      label: t('集群名称'),
+      field: 'immute_domain',
+      showOverflowTooltip: false,
+      render: ({ data }: { data: UnwrapRef<typeof dataList>[number] }) => (
+        <div class="cluster-name text-overflow"
+          v-overflow-tips={{
+            content: `
+              <p>${t('域名')}：${data.immute_domain}</p>
+              ${data.name ? `<p>${('集群别名')}：${data.name}</p>` : null}
+            `,
+            allowHTML: true,
+        }}>
+          <span>{data.immute_domain}</span><br />
+          <span class="cluster-name__alias">{data.name}</span>
+        </div>
+      ),
+    },
+    {
+      label: t('集群类型'),
+      field: 'cluster_type_name',
+      render: ({ cell }: { cell: string }) => <span>{cell === 'tendbha' ? t('主从') : t('单节点')}</span>,
+    }
+  ];
+
+  const dataList = computed(() => {
+    const list: {
+      cluster_ids: number[],
+      immute_domain: string,
+      name: string,
+      cluster_type_name: string,
+    }[] = [];
+    const clusterIds = props.ticketDetails.details.cluster_ids;
+    const clusters = props.ticketDetails.details.clusters || {};
+    clusterIds.forEach((item) => {
+      const clusterData = clusters[item];
+      list.push(Object.assign({
+        cluster_ids: clusterData.id,
+        cluster_type_name: clusterData.cluster_type_name,
+        immute_domain: clusterData.immute_domain,
+        name: clusterData.name,
+      }));
+    });
+    return list;
+  });
+</script>
+
+<style lang="less" scoped>
+  @import '@views/tickets/common/styles/DetailsTable.less';
+</style>
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/ClusterReset.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/ClusterReset.vue
new file mode 100644
index 0000000000..3d9ee2d959
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/ClusterReset.vue
@@ -0,0 +1,66 @@
+<!--
+ * 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>
+  <DbOriginalTable
+    :columns="columns"
+    :data="ticketDetails.details.infos" />
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+
+  import type { TicketDetails } from '@services/types/ticket';
+
+  interface Props {
+    ticketDetails: TicketDetails<{
+      infos: {
+        cluster_id: number,
+        new_cluster_name: string,
+        new_immutable_domain: string,
+        new_slave_domain: string
+      }[],
+    }>
+  }
+
+  defineProps<Props>();
+
+  const { t } = useI18n();
+
+  const columns = [
+    {
+      label: t('集群ID'),
+      field: 'cluster_id',
+      render: ({ cell }: { cell: number }) => <span>{cell || '--'}</span>,
+    },
+    {
+      label: t('新集群'),
+      field: 'new_cluster_name',
+      render: ({ cell }: { cell: string }) => <span>{cell || '--'}</span>,
+    },
+    {
+      label: t('主域名'),
+      field: 'new_immutable_domain',
+      render: ({ cell }: { cell: string }) => <span>{cell || '--'}</span>,
+    },
+    {
+      label: t('从域名'),
+      field: 'new_slave_domain',
+      render: ({ cell }: { cell: string }) => <span>{cell || '--'}</span>,
+    },
+  ];
+</script>
+
+<style lang="less" scoped>
+  @import '@views/tickets/common/styles/DetailsTable.less';
+</style>
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/DbBackup.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/DbBackup.vue
new file mode 100644
index 0000000000..221796a06b
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/DbBackup.vue
@@ -0,0 +1,145 @@
+<!--
+ * 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>
+  <DemandInfo
+  :config="config"
+  :data="ticketDetails" />
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+
+  import type { TicketDetails } from '@services/types/ticket';
+
+  import type { SqlserverDbBackup } from '../common/types';
+  import DemandInfo, {
+    type DemandInfoConfig,
+  } from '../components/DemandInfo.vue';
+
+  type backupItem = {
+    cluster_id: number,
+    backup_dbs: string[],
+    immute_domain: string,
+    name: string,
+  }
+
+  interface Props {
+    ticketDetails: TicketDetails<SqlserverDbBackup>
+  }
+
+  const props = defineProps<Props>();
+
+  const { t } = useI18n();
+
+  const {
+    backup_type: backupType,
+    backup_place: backupPlace,
+    file_tag: fileTag,
+    infos,
+    clusters
+  } = props.ticketDetails.details
+
+  const infosData = infos || [];
+  const clusterIds = clusters || {};
+  const dataList = infosData.reduce((prev, infoItem) => {
+    const clusterData = clusterIds[infoItem.cluster_id];
+    return [...prev, {
+      cluster_id: infoItem.cluster_id,
+      backup_dbs: infoItem.backup_dbs,
+      immute_domain: clusterData.immute_domain,
+      name: clusterData.name,
+    }]
+  }, [] as backupItem[]);
+
+  const backupPlaceMap: Record<string, string> = {
+    master: t('主库主机')
+  }
+
+  const config: DemandInfoConfig[] = [
+    {
+      title: '',
+      list: [
+        {
+          label: t('备份方式'),
+          render: () => backupType === 'full_backup' ? t('全量备份') : t('增量备份'),
+        },
+        {
+          label: t('备份位置'),
+          render: () => backupPlaceMap[backupPlace]
+        },
+        {
+          label: t('备份保存时间'),
+          render: () => {
+            if (backupType === 'full_backup') {
+              return fileTag === 'LONGDAY_DBFILE_3Y' ? `3 ${t('年')}` : `30 ${t('天')}`
+            }
+            return `15 ${t('天')}`
+          }
+        },
+        {
+          label: t('集群详情'),
+          isTable: true,
+          render: () => (
+            <db-original-table
+              class="details-table-backup__table"
+              columns={columns}
+              data={dataList} />
+          )
+        },
+      ],
+    },
+  ]
+
+  const columns = [
+    {
+      label: t('集群ID'),
+      field: 'cluster_id',
+      render: ({ cell }: { cell: number }) => <span>{cell || '--'}</span>,
+    },
+    {
+      label: t('集群名称'),
+      field: 'immute_domain',
+      showOverflowTooltip: false,
+      render: ({ data }: { data: backupItem }) => (
+        <div class="cluster-name text-overflow"
+          v-overflow-tips={{
+            content: `
+              <p>${t('域名')}：${data.immute_domain}</p>
+              ${data.name ? `<p>${('集群别名')}：${data.name}</p>` : null}
+            `,
+            allowHTML: true,
+        }}>
+          <span>{data.immute_domain}</span><br />
+          <span class="cluster-name__alias">{data.name}</span>
+        </div>
+      ),
+    },
+    {
+      label: t('备份DB名'),
+      field: 'backup_dbs',
+      showOverflowTooltip: false,
+      render: ({ cell }: { cell: string[] }) => (
+        <div class="text-overflow" v-overflow-tips={{
+            content: cell,
+          }}>
+          {cell.map(item => <bk-tag class="mr-4">{item}</bk-tag>)}
+        </div>
+      ),
+    }
+  ];
+</script>
+
+<style lang="less" scoped>
+  @import '@views/tickets/common/styles/DetailsTable.less';
+</style>
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/Details.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/Details.vue
new file mode 100644
index 0000000000..401037dcf2
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/Details.vue
@@ -0,0 +1,198 @@
+<!--
+ * 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>
+  <DemandInfo
+    :config="config"
+    :data="ticketDetails" />
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { getInfrasCities } from '@services/ticket';
+  import type { TicketDetails } from '@services/types/ticket';
+
+  import { useSystemEnviron } from '@stores';
+
+  import { TicketTypes } from '@common/const';
+
+  import PreviewTable from '@views/sqlserver-manage/apply/components/PreviewTable.vue';
+
+  import SpecInfos from '../../SpecInfos.vue';
+  import type { DetailsSqlserver } from '../common/types';
+  import DemandInfo, {
+    type DemandInfoConfig,
+  } from '../components/DemandInfo.vue';
+
+  interface Props {
+    ticketDetails: TicketDetails<DetailsSqlserver>;
+  }
+
+  const props = defineProps<Props>();
+
+  const { t } = useI18n();
+
+  const { AFFINITY: affinityList } = useSystemEnviron().urls;
+
+  const {
+    details,
+    ticket_type: ticketType
+  } = props.ticketDetails;
+  const {
+    ip_source: ipSource,
+    resource_spec: resourceSpec
+  } = details
+  const isSingleType = ticketType === TicketTypes.SQLSERVER_SINGLE_APPLY;
+  const isFromResourcePool = ipSource === 'resource_pool';
+  const backendSpec = resourceSpec.backend;
+
+  const config: DemandInfoConfig[] = [
+    {
+      title: t('部署模块'),
+      list: [
+        {
+          label: t('所属业务'),
+          key: 'bk_biz_name',
+        },
+        {
+          label: t('业务英文名'),
+          key: 'db_app_abbr',
+        },
+        {
+          label: t('DB模块名'),
+          key: 'details.db_module_name',
+        },
+      ],
+    },
+    {
+      title: t('地域要求'),
+      list: [
+        {
+          label: t('数据库部署地域'),
+          render: () => cityName.value || '--',
+        },
+      ],
+    },
+    {
+      title: t('需求信息'),
+      list: [
+        {
+          label: t('集群数量'),
+          key: 'details.cluster_count',
+        },
+        {
+          label: t('每组主机部署集群'),
+          key: 'details.inst_num',
+        },
+        {
+          label: t('服务器选择'),
+          render: () => isFromResourcePool ? t('自动从资源池匹配') : t('业务空闲机')
+        },
+        {
+          label: t('后端存储规格'),
+          render: () => (
+            <bk-popover
+              placement="top"
+              theme="light">
+              {{
+                default: () => (
+                  <span
+                    class="pb-2"
+                    style="cursor: pointer;border-bottom: 1px dashed #979ba5;">
+                    {backendSpec.spec_name }（{ `${backendSpec.count} ${t('台')}`}）
+                  </span>
+                ),
+                content: () => <SpecInfos data={backendSpec} />,
+              }}
+            </bk-popover>
+          ),
+        },
+        {
+          label: t('备注'),
+          key: 'remark',
+        },
+        {
+          label: t('集群设置'),
+          isTable: true,
+          render: () => (
+            <PreviewTable
+              data={tableData.value}
+              is-show-nodes={!isFromResourcePool}
+              is-single-type={isSingleType}
+              max-height={240}
+              min-height={0}
+              nodes={props.ticketDetails.details.nodes || []} />
+          ),
+        },
+      ],
+    },
+  ];
+
+  if (!isSingleType) {
+    config.splice(1, 0,     {
+      title: t('数据库部署信息'),
+      list: [
+        {
+          label: t('数据库部署信息'),
+          render: () => affinity.value || '--',
+        },
+        {
+          label: t('SQLServer起始端口'),
+          key: 'details.start_mssql_port',
+        },
+      ],
+    },)
+  }
+
+  const cityName = ref('--');
+
+  /**
+   * preview table data
+   */
+  const tableData = computed(() =>
+    (props.ticketDetails.details.domains || []).map((domainItem) => {
+      const { details } = props.ticketDetails;
+      return {
+        domain: domainItem.master,
+        slaveDomain: domainItem.slave,
+        disasterDefence: t('同城跨园区'),
+        deployStructure: isSingleType ? t('单节点部署') : t('主从部署'),
+        version: details.db_version,
+        charset: details.charset,
+      };
+    }
+    ),
+  );
+
+  const affinity = computed(() => {
+    const level = props.ticketDetails.details.disaster_tolerance_level;
+    if (level && affinityList) {
+      return affinityList.find((item) => item.value === level)?.label;
+    }
+    return '--';
+  });
+
+  useRequest(getInfrasCities, {
+    onSuccess: (cityList) => {
+      const cityCode = props.ticketDetails.details.city_code;
+      const name = cityList.find((item) => item.city_code === cityCode)?.city_name;
+      cityName.value = name ?? '--';
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  @import '@views/tickets/common/styles/ticketDetails.less';
+</style>
diff --git a/dbm-ui/frontend/src/views/version-files/list/Index.vue b/dbm-ui/frontend/src/views/version-files/list/Index.vue
index c026d36d9f..f5ae952e96 100644
--- a/dbm-ui/frontend/src/views/version-files/list/Index.vue
+++ b/dbm-ui/frontend/src/views/version-files/list/Index.vue
@@ -294,6 +294,19 @@
         },
       ],
     },
+    {
+      controller: {
+        moduleId: 'sqlserver',
+      },
+      label: 'SQLServer',
+      name: DBTypes.SQLSERVER,
+      children: [
+        {
+          label: 'SQLServer',
+          name: DBTypes.SQLSERVER,
+        },
+      ],
+    },
   ];
 
   const renderTabs = tabs.filter((item) => {