diff --git a/dbm-ui/frontend/src/components/time-zone-picker/index.vue b/dbm-ui/frontend/src/components/time-zone-picker/index.vue
index 3d4347e69b..e71ba23713 100644
--- a/dbm-ui/frontend/src/components/time-zone-picker/index.vue
+++ b/dbm-ui/frontend/src/components/time-zone-picker/index.vue
@@ -7,7 +7,6 @@
     :model-value="localValue"
     :no-match-text="t('无匹配数据')"
     :placeholder="t('请输入搜索（国家，城市，简称）')"
-    :popover-options="{ 'ext-cls': '__bk-date-picker-popover__' }"
     :search-placeholder="t('请输入搜索（国家，城市，简称）')"
     @change="handleChange">
     <template #trigger>
@@ -94,7 +93,7 @@
   import { shallowRef } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import { useTimeZone } from '@stores';
+  import { useTimeZoneFormat } from '@hooks';
 
   import { encodeRegexp } from '@utils';
 
@@ -1642,7 +1641,7 @@
   };
 
   const { t } = useI18n();
-  const timeZoneStore = useTimeZone();
+  const { timeZone } = useTimeZoneFormat();
 
   const timezoneDetails = getTimezoneDetails();
 
@@ -1659,7 +1658,11 @@
     (val) => {
       const info = getTimezoneInfoByValue(val);
       selected.value = info;
-      timeZoneStore.update(info);
+      timeZone.value = {
+        ...info,
+        utc: info.utc.substring(3),
+      };
+
       emits('change', val, info);
     },
     {
diff --git a/dbm-ui/frontend/src/hooks/useTimeZoneFormat.ts b/dbm-ui/frontend/src/hooks/useTimeZoneFormat.ts
index dd6526383f..63b7ddb0b9 100644
--- a/dbm-ui/frontend/src/hooks/useTimeZoneFormat.ts
+++ b/dbm-ui/frontend/src/hooks/useTimeZoneFormat.ts
@@ -11,19 +11,30 @@
  * the specific language governing permissions and limitations under the License.
  */
 import dayjs from 'dayjs';
-
-import { useTimeZone } from '@stores';
+import { ref } from 'vue';
 
 export const useTimeZoneFormat = () => {
-  const timeZoneStore = useTimeZone();
-  return (date: string) => {
+  const timeZone = ref({
+    abbreviation: '',
+    country: '',
+    countryCode: '',
+    label: '',
+    utc: '',
+  });
+
+  const format = (date: string) => {
     if (!date) {
       return '';
     }
 
     const targetDate = dayjs(date).format('YYYY-MM-DD HH:mm:ss');
     const prefixStr = targetDate.split(' ').join('T');
-    const suffixStr = timeZoneStore.utc === '' ? '+00:00' : timeZoneStore.utc;
+    const suffixStr = timeZone.value.utc === '' ? '+00:00' : timeZone.value.utc;
     return `${prefixStr}${suffixStr}`;
   };
+
+  return {
+    timeZone,
+    format,
+  };
 };
diff --git a/dbm-ui/frontend/src/locales/zh-cn.json b/dbm-ui/frontend/src/locales/zh-cn.json
index f7a0fd90d5..56e4b52d5b 100644
--- a/dbm-ui/frontend/src/locales/zh-cn.json
+++ b/dbm-ui/frontend/src/locales/zh-cn.json
@@ -3490,5 +3490,6 @@
     "库表名支持数字、字母、中划线、下划线，最大35字符": "库表名支持数字、字母、中划线、下划线，最大35字符",
     "不允许输入系统库和特殊库": "不允许输入系统库和特殊库",
     "不能以stage_truncate开头或dba_rollback结尾": "不能以 stage_truncate 开头或 dba_rollback 结尾",
+    "备份记录（d）：预期返回 n 个 DB 的备份记录，实际返回 m 个": "备份记录（{0}）：预期返回 {1} 个 DB 的备份记录，实际返回 {2} 个",
     "这行勿动！新增翻译请在上一行添加！": ""
 }
diff --git a/dbm-ui/frontend/src/stores/index.ts b/dbm-ui/frontend/src/stores/index.ts
index 9e25238ef6..6ac8ee183a 100644
--- a/dbm-ui/frontend/src/stores/index.ts
+++ b/dbm-ui/frontend/src/stores/index.ts
@@ -17,5 +17,4 @@ export * from './useMenu';
 export * from './useSqlImport';
 export * from './useSQLTaskCount';
 export * from './useSystemEnviron';
-export * from './useTimeZone';
 export * from './useUserProfile';
diff --git a/dbm-ui/frontend/src/stores/useTimeZone.ts b/dbm-ui/frontend/src/stores/useTimeZone.ts
deleted file mode 100644
index 101b4b0f73..0000000000
--- a/dbm-ui/frontend/src/stores/useTimeZone.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * 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 { defineStore } from 'pinia';
-
-interface State {
-  abbreviation: string;
-  country: string;
-  countryCode: string;
-  label: string;
-  utc: string;
-}
-
-export const useTimeZone = defineStore('useTimeZone', {
-  state: (): State => ({
-    abbreviation: '',
-    country: '',
-    countryCode: '',
-    label: '',
-    utc: '',
-  }),
-  actions: {
-    update(newState: State) {
-      const { abbreviation, country, countryCode, label, utc } = newState;
-      this.$patch({
-        abbreviation,
-        country,
-        countryCode,
-        label,
-        utc: utc.substring(3),
-      });
-    },
-  },
-});
diff --git a/dbm-ui/frontend/src/views/db-manage/common/sql-execute/ticket-mode/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/sql-execute/ticket-mode/Index.vue
index 6ddeccf902..fc24a54805 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/sql-execute/ticket-mode/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/sql-execute/ticket-mode/Index.vue
@@ -80,7 +80,7 @@
   import TimeZonePicker from '@components/time-zone-picker/index.vue';
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const modelValue = defineModel<{
     mode: string;
diff --git a/dbm-ui/frontend/src/views/mongodb-manage/db-structure/pages/page1/components/render-target-cluster/render-table/RenderTargetTime.vue b/dbm-ui/frontend/src/views/mongodb-manage/db-structure/pages/page1/components/render-target-cluster/render-table/RenderTargetTime.vue
index fa8b2df747..0fe2019d23 100644
--- a/dbm-ui/frontend/src/views/mongodb-manage/db-structure/pages/page1/components/render-target-cluster/render-table/RenderTargetTime.vue
+++ b/dbm-ui/frontend/src/views/mongodb-manage/db-structure/pages/page1/components/render-target-cluster/render-table/RenderTargetTime.vue
@@ -33,7 +33,7 @@
   const disableDate = (date: Date) => date && date.valueOf() > Date.now();
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const timerRules = [
     {
diff --git a/dbm-ui/frontend/src/views/mysql/flashback/pages/page1/components/RenderData/RenderEndTime.vue b/dbm-ui/frontend/src/views/mysql/flashback/pages/page1/components/RenderData/RenderEndTime.vue
index 5fddbc7550..55941a07c1 100644
--- a/dbm-ui/frontend/src/views/mysql/flashback/pages/page1/components/RenderData/RenderEndTime.vue
+++ b/dbm-ui/frontend/src/views/mysql/flashback/pages/page1/components/RenderData/RenderEndTime.vue
@@ -60,7 +60,7 @@
   });
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const editRef = ref();
   const isNowTime = ref(false);
diff --git a/dbm-ui/frontend/src/views/mysql/flashback/pages/page1/components/RenderData/RenderStartTime.vue b/dbm-ui/frontend/src/views/mysql/flashback/pages/page1/components/RenderData/RenderStartTime.vue
index b55b24e696..672a100da0 100644
--- a/dbm-ui/frontend/src/views/mysql/flashback/pages/page1/components/RenderData/RenderStartTime.vue
+++ b/dbm-ui/frontend/src/views/mysql/flashback/pages/page1/components/RenderData/RenderStartTime.vue
@@ -36,7 +36,7 @@
   });
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const editRef = ref();
 
diff --git a/dbm-ui/frontend/src/views/mysql/rollback/pages/page1/components/common/render-mode/Index.vue b/dbm-ui/frontend/src/views/mysql/rollback/pages/page1/components/common/render-mode/Index.vue
index 0648b33f68..689c36a46a 100644
--- a/dbm-ui/frontend/src/views/mysql/rollback/pages/page1/components/common/render-mode/Index.vue
+++ b/dbm-ui/frontend/src/views/mysql/rollback/pages/page1/components/common/render-mode/Index.vue
@@ -81,7 +81,7 @@
   const disableDate = (date: Date) => date && date.valueOf() > Date.now();
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const rules = [
     {
diff --git a/dbm-ui/frontend/src/views/mysql/rollback/pages/page1/components/common/render-mode/RecordSelector.vue b/dbm-ui/frontend/src/views/mysql/rollback/pages/page1/components/common/render-mode/RecordSelector.vue
index 3f6055a750..35d37e74e8 100644
--- a/dbm-ui/frontend/src/views/mysql/rollback/pages/page1/components/common/render-mode/RecordSelector.vue
+++ b/dbm-ui/frontend/src/views/mysql/rollback/pages/page1/components/common/render-mode/RecordSelector.vue
@@ -125,7 +125,6 @@
   </div>
 </template>
 <script setup lang="ts">
-  import dayjs from 'dayjs';
   import _ from 'lodash';
   import tippy, { type Instance, type SingleTarget } from 'tippy.js';
   import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
@@ -138,9 +137,17 @@
     queryLatesBackupLog,
   } from '@services/source/fixpointRollback';
 
-  import { useDebouncedRef } from '@hooks';
+  import { useDebouncedRef, useTimeZoneFormat } from '@hooks';
 
-  import { useGlobalBizs, useTimeZone } from '@stores';
+  import { useGlobalBizs } from '@stores';
+
+  const props = withDefaults(defineProps<Props>(), {
+    backupid: '',
+    backupSource: '',
+    modelValue: '',
+    disabled: false,
+    clearable: false,
+  });
 
   import useValidtor, { type Rules } from '@components/render-table/hooks/useValidtor';
 
@@ -163,16 +170,9 @@
     getValue: () => Promise<BackupLogRecord>;
   }
 
-  const props = withDefaults(defineProps<Props>(), {
-    backupid: '',
-    backupSource: '',
-    modelValue: '',
-    disabled: false,
-    clearable: false,
-  });
-
   let tippyIns: Instance;
   const { t } = useI18n();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   enum OperateType {
     MANUAL = 'maunal',
@@ -220,7 +220,6 @@
 
   const { message: errorMessage, validator } = useValidtor(rules);
   const { currentBizId } = useGlobalBizs();
-  const timeZoneStore = useTimeZone();
   const searchKey = useDebouncedRef('');
 
   const rootRef = ref();
@@ -249,11 +248,37 @@
 
   const renderText = computed(() => {
     const item = _.find(logRecordList.value, (i) => i.backup_id === localValue.value) as BackupLogRecord;
-    return !item
-      ? ''
-      : `${item.mysql_role ? `${item.mysql_role} ` : ' '}${dayjs(item.backup_time).tz(timeZoneStore.label).format('YYYY-MM-DD HH:mm:ss ZZ')}`;
+    return !item ? '' : `${item.mysql_role ? `${item.mysql_role} ` : ' '}${formatDateToUTC(item.backup_time)}`;
   });
 
+  watch(
+    () => [props.backupSource, props.clusterId],
+    () => {
+      if (!props.clusterId || !props.backupSource) {
+        return;
+      }
+      fetchLogData();
+    },
+    {
+      immediate: true,
+    },
+  );
+
+  watch(
+    () => props.backupid,
+    (newVal) => {
+      if (newVal) {
+        validator(newVal);
+        const currentRecordType = isDateType(newVal) ? OperateType.MATCH : OperateType.MANUAL;
+        hanldeChangeTab(currentRecordType);
+        localValue.value = newVal;
+      }
+    },
+    {
+      immediate: true,
+    },
+  );
+
   const fetchLogData = () => {
     logRecordOptions.value = [];
     logRecordList.value = [];
@@ -263,7 +288,7 @@
     }).then((dataList) => {
       logRecordOptions.value = dataList.map((item) => ({
         id: item.backup_id,
-        name: `${item.mysql_role ? `${item.mysql_role} ` : ' '} ${dayjs(item.backup_time).tz(timeZoneStore.label).format('YYYY-MM-DD HH:mm:ss ZZ')}`,
+        name: `${item.mysql_role ? `${item.mysql_role} ` : ' '} ${formatDateToUTC(item.backup_time)}`,
       }));
       logRecordList.value = dataList;
     });
@@ -346,34 +371,6 @@
     }
   });
 
-  watch(
-    () => [props.backupSource, props.clusterId, timeZoneStore.label],
-    () => {
-      if (!props.clusterId || !props.backupSource) {
-        return;
-      }
-      fetchLogData();
-    },
-    {
-      immediate: true,
-    },
-  );
-
-  watch(
-    () => props.backupid,
-    (newVal) => {
-      if (newVal) {
-        validator(newVal);
-        const currentRecordType = isDateType(newVal) ? OperateType.MATCH : OperateType.MANUAL;
-        hanldeChangeTab(currentRecordType);
-        localValue.value = newVal;
-      }
-    },
-    {
-      immediate: true,
-    },
-  );
-
   defineExpose<Exposes>({
     getValue() {
       return validator(localValue.value).then(
diff --git a/dbm-ui/frontend/src/views/redis/db-structure/pages/page1/components/RenderTargetDateTime.vue b/dbm-ui/frontend/src/views/redis/db-structure/pages/page1/components/RenderTargetDateTime.vue
index 2d2a287903..596723c068 100644
--- a/dbm-ui/frontend/src/views/redis/db-structure/pages/page1/components/RenderTargetDateTime.vue
+++ b/dbm-ui/frontend/src/views/redis/db-structure/pages/page1/components/RenderTargetDateTime.vue
@@ -50,7 +50,7 @@
   });
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const editRef = ref();
   const dateValue = ref(props.data);
diff --git a/dbm-ui/frontend/src/views/spider-manage/checksum/pages/page1/Index.vue b/dbm-ui/frontend/src/views/spider-manage/checksum/pages/page1/Index.vue
index 062471957c..3ea4717e60 100644
--- a/dbm-ui/frontend/src/views/spider-manage/checksum/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/checksum/pages/page1/Index.vue
@@ -153,7 +153,7 @@
   const { t } = useI18n();
   const router = useRouter();
   const { currentBizId } = useGlobalBizs();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const rowRefs = ref();
   const isShowBatchSelector = ref(false);
diff --git a/dbm-ui/frontend/src/views/spider-manage/flashback/pages/page1/components/RenderData/RenderEndTime.vue b/dbm-ui/frontend/src/views/spider-manage/flashback/pages/page1/components/RenderData/RenderEndTime.vue
index 5fddbc7550..55941a07c1 100644
--- a/dbm-ui/frontend/src/views/spider-manage/flashback/pages/page1/components/RenderData/RenderEndTime.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/flashback/pages/page1/components/RenderData/RenderEndTime.vue
@@ -60,7 +60,7 @@
   });
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const editRef = ref();
   const isNowTime = ref(false);
diff --git a/dbm-ui/frontend/src/views/spider-manage/flashback/pages/page1/components/RenderData/RenderStartTime.vue b/dbm-ui/frontend/src/views/spider-manage/flashback/pages/page1/components/RenderData/RenderStartTime.vue
index f744c1050e..0148c3eccc 100644
--- a/dbm-ui/frontend/src/views/spider-manage/flashback/pages/page1/components/RenderData/RenderStartTime.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/flashback/pages/page1/components/RenderData/RenderStartTime.vue
@@ -36,7 +36,7 @@
   });
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const editRef = ref();
 
diff --git a/dbm-ui/frontend/src/views/spider-manage/sql-execute/steps/step1/components/ExecuteMode.vue b/dbm-ui/frontend/src/views/spider-manage/sql-execute/steps/step1/components/ExecuteMode.vue
new file mode 100644
index 0000000000..1ce696e3a9
--- /dev/null
+++ b/dbm-ui/frontend/src/views/spider-manage/sql-execute/steps/step1/components/ExecuteMode.vue
@@ -0,0 +1,193 @@
+<!--
+ * 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>
+  <BkFormItem
+    :label="t('执行模式')"
+    required>
+    <BkRadioGroup
+      v-model="localMode"
+      class="sql-execute-mode"
+      @change="handleModeChange">
+      <div class="item-box">
+        <BkRadio label="manual">
+          <div class="item-content">
+            <DbIcon
+              class="item-flag"
+              type="account" />
+            <div class="item-label">
+              {{ t('手动执行') }}
+            </div>
+            <div>{{ t('单据审批通过之后_需要人工确认方可执行') }}</div>
+          </div>
+        </BkRadio>
+      </div>
+      <div class="item-box">
+        <BkRadio label="timer">
+          <div class="item-content">
+            <DbIcon
+              class="item-flag"
+              type="timed-task" />
+            <div class="item-label">
+              {{ t('定时执行') }}
+            </div>
+            <div>{{ t('单据审批通过之后_定时执行_无需确认') }}</div>
+          </div>
+        </BkRadio>
+      </div>
+    </BkRadioGroup>
+  </BkFormItem>
+  <BkFormItem
+    v-if="localMode === 'timer'"
+    property="ticket_mode"
+    required
+    :rules="rules">
+    <template #label>
+      <span>{{ t('执行时间') }}</span>
+      <span style="font-weight: normal; color: #979ba5">
+        {{ t('在审批通过后_将会按照设置的时间定时执行_无需人工确认_如审批超时_需_人工确认_后才能执行') }}
+      </span>
+    </template>
+    <div class="sql-execute-time-box">
+      <TimeZonePicker style="width: 350px" />
+      <div ref="timeRef">
+        <BkDatePicker
+          v-model="localTriggerTime"
+          :disabled-date="disableDate"
+          type="datetime"
+          @change="handleTriggerTimeChange" />
+      </div>
+    </div>
+  </BkFormItem>
+</template>
+<script setup lang="ts">
+  import dayjs from 'dayjs';
+  import { ref, watch } from 'vue';
+  import { useI18n } from 'vue-i18n';
+
+  import { useTimeZoneFormat } from '@hooks';
+
+  import TimeZonePicker from '@components/time-zone-picker/index.vue';
+
+  interface Props {
+    modelValue: {
+      mode: string;
+      trigger_time: string;
+    };
+  }
+
+  interface Emits {
+    (e: 'update:modelValue', value: Props['modelValue']): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
+
+  const disableDate = (date: number | Date) => Boolean(date && date.valueOf() < Date.now() - 86400000);
+
+  const rules = [
+    {
+      validator: (value: Props['modelValue']) => !!value.trigger_time,
+      message: t('定时执行时执行时间不能为空'),
+      trigger: 'change',
+    },
+  ];
+
+  const timeRef = ref();
+  const localMode = ref(props.modelValue.mode);
+  const localTriggerTime = ref(props.modelValue.trigger_time);
+
+  watch(
+    () => props.modelValue,
+    () => {
+      localMode.value = props.modelValue.mode;
+      localTriggerTime.value = props.modelValue.trigger_time;
+    },
+  );
+
+  const triggerChange = () => {
+    nextTick(() => {
+      emits('update:modelValue', {
+        mode: localMode.value,
+        trigger_time: formatDateToUTC(localTriggerTime.value),
+      });
+    });
+  };
+
+  const handleModeChange = (mode: string) => {
+    localMode.value = mode;
+    if (mode === 'timer') {
+      const today = new Date();
+      today.setSeconds(0);
+      localTriggerTime.value = dayjs(today).format('YYYY-MM-DD HH:mm:ss');
+      setTimeout(() => {
+        timeRef.value.scrollIntoView();
+      });
+    } else {
+      localTriggerTime.value = '';
+    }
+    triggerChange();
+  };
+
+  const handleTriggerTimeChange = (value: string) => {
+    localTriggerTime.value = dayjs(value).format('YYYY-MM-DD HH:mm:ss');
+    triggerChange();
+  };
+</script>
+<style lang="less">
+  .sql-execute-mode {
+    flex-direction: column;
+
+    .item-box {
+      & ~ .item-box {
+        margin-top: 20px;
+      }
+
+      .item-content {
+        position: relative;
+        padding-left: 25px;
+        font-size: 12px;
+        line-height: 20px;
+        color: #63656e;
+      }
+
+      .item-flag {
+        position: absolute;
+        left: 3px;
+        font-size: 18px;
+        color: #979ba5;
+      }
+
+      .item-label {
+        font-weight: bold;
+      }
+
+      .bk-radio {
+        align-items: flex-start;
+
+        .bk-radio-input {
+          margin-top: 2px;
+        }
+      }
+    }
+  }
+
+  .sql-execute-time-box {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/common/RenderCluster.vue b/dbm-ui/frontend/src/views/sqlserver-manage/common/RenderCluster.vue
index 8e1462ed09..6660030ea5 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/common/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/common/RenderCluster.vue
@@ -127,8 +127,10 @@
               cloudId: data[0].bk_cloud_id,
               domain: data[0].master_domain,
             };
+            clusterIdMemo[props.name][instanceKey] = data[0].id;
             return true;
           }
+          clusterIdMemo[props.name][instanceKey] = 0;
           modelValue.value = undefined;
           return false;
         }),
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/common/render-mode/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/common/render-mode/Index.vue
index ac1fbb1abb..48b077eda3 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/common/render-mode/Index.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/common/render-mode/Index.vue
@@ -71,7 +71,7 @@
   const disableDate = (date: Date) => date && date.valueOf() > Date.now();
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const timerRules = [
     {
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/common/render-mode/RecordSelector.vue b/dbm-ui/frontend/src/views/sqlserver-manage/common/render-mode/RecordSelector.vue
index f2ebe2ad6b..f6f8a22cb7 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/common/render-mode/RecordSelector.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/common/render-mode/RecordSelector.vue
@@ -78,7 +78,43 @@
                 active: item.value === modelValue?.backup_id,
               }"
               @click="handleLogListSelect(item)">
-              <span>{{ item.label }}</span>
+              <BkPopover
+                boundary="document.body"
+                :offset="26"
+                placement="right"
+                theme="light"
+                :z-index="999999">
+                <div>{{ item.label }}</div>
+                <template #content>
+                  <div style="line-height: 20px; color: #63656e">
+                    <div style="font-weight: bold">{{ t('起止时间：') }}</div>
+                    <div>
+                      {{ item.payload.role }}
+                      <span>:</span>
+                      {{ formatDateToUTC(item.payload.start_time) }}
+                      <span>~</span>
+                      {{ formatDateToUTC(item.payload.end_time) }}
+                    </div>
+                    <div style="display: flex; align-items: center">
+                      <DbIcon
+                        svg
+                        :type="item.isMissed ? 'sync-waiting-01' : 'sync-success'" />
+                      <I18nT keypath="备份记录（d）：预期返回 n 个 DB 的备份记录，实际返回 m 个">
+                        <span>{{ item.isMissed ? t('缺失') : t('完整') }}</span>
+                        <span style="padding: 0 4px; font-weight: bold">{{ item.payload.expected_cnt }}</span>
+                        <span
+                          :style="{
+                            padding: '0 4px',
+                            'font-weight': 'bold',
+                            color: item.isMissed ? '#ff9c01' : '#2DCB56',
+                          }">
+                          {{ item.payload.real_cnt }}
+                        </span>
+                      </I18nT>
+                    </div>
+                  </div>
+                </template>
+              </BkPopover>
             </div>
           </div>
         </div>
@@ -107,7 +143,6 @@
   </div>
 </template>
 <script setup lang="ts">
-  import dayjs from 'dayjs';
   import _ from 'lodash';
   import tippy, { type Instance, type SingleTarget } from 'tippy.js';
   import { computed, onBeforeUnmount, onMounted, ref, type UnwrapRef, watch } from 'vue';
@@ -116,9 +151,7 @@
 
   import { queryBackupLogs, queryLatestBackupLog } from '@services/source/sqlserver';
 
-  import { useDebouncedRef } from '@hooks';
-
-  import { useTimeZone } from '@stores';
+  import { useDebouncedRef, useTimeZoneFormat } from '@hooks';
 
   import TableEditElement from '@components/render-table/columns/element/Index.vue';
 
@@ -157,15 +190,13 @@
     },
   ];
 
-  const timeZoneStore = useTimeZone();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
   const searchKey = useDebouncedRef('');
 
   const modelValue = defineModel<ServiceReturnType<typeof queryBackupLogs>[number]>();
 
   const formatLogName = (logData: UnwrapRef<typeof modelValue>) =>
-    logData
-      ? `${logData.role} ${dayjs(logData.start_time).tz(timeZoneStore.label).format('YYYY-MM-DD HH:mm:ss ZZ')}`
-      : '';
+    logData ? `${logData.role} ${formatDateToUTC(logData.start_time)}` : '';
 
   const rootRef = ref();
   const popRef = ref();
@@ -178,9 +209,17 @@
   const recordType = ref(OperateType.MANUAL);
   const autoMatchDateTime = ref('');
 
-  const logRecordOptions = shallowRef<Array<{ value: string; label: string }>>([]);
   const backupLogListMemo = shallowRef<ServiceReturnType<typeof queryBackupLogs>>([]);
 
+  const logRecordOptions = computed(() =>
+    backupLogListMemo.value.map((item) => ({
+      value: item.backup_id,
+      label: formatLogName(item),
+      payload: item,
+      isMissed: item.expected_cnt < item.real_cnt,
+    })),
+  );
+
   const renderList = computed(() =>
     logRecordOptions.value.reduce<UnwrapRef<typeof logRecordOptions>>((result, item) => {
       const reg = new RegExp(encodeRegexp(searchKey.value), 'i');
@@ -220,21 +259,16 @@
   ];
 
   const fetchLogData = () => {
-    logRecordOptions.value = [];
     backupLogListMemo.value = [];
     queryBackupLogs({
       cluster_id: props.clusterId as number,
     }).then((dataList) => {
-      logRecordOptions.value = dataList.map((item) => ({
-        value: item.backup_id,
-        label: formatLogName(item),
-      }));
       backupLogListMemo.value = dataList;
     });
   };
 
   watch(
-    () => [props.clusterId, timeZoneStore.label],
+    () => [props.clusterId],
     () => {
       if (!props.clusterId) {
         return;
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/data-migrate/pages/page1/components/render-data/RenderSrcCluster.vue b/dbm-ui/frontend/src/views/sqlserver-manage/data-migrate/pages/page1/components/render-data/RenderSrcCluster.vue
index 1bbbf046e1..9dadb8382e 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/data-migrate/pages/page1/components/render-data/RenderSrcCluster.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/data-migrate/pages/page1/components/render-data/RenderSrcCluster.vue
@@ -177,9 +177,6 @@
   };
 
   onBeforeUnmount(() => {
-    if (modelValue.value) {
-      delete clusterIdMemo[modelValue.value.id];
-    }
     delete clusterIdMemo[instanceKey];
   });
 
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/Index.vue
index 6964a01d25..cae10c12d1 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/Index.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/Index.vue
@@ -84,6 +84,7 @@
             id: item.src_cluster.id,
             domain: item.src_cluster.immute_domain,
             cloudId: item.src_cluster.bk_cloud_id,
+            majorVersion: item.src_cluster.major_version,
           },
           dstClusterData: {
             id: item.dst_cluster.id,
@@ -119,6 +120,7 @@
           id: item.id,
           domain: item.master_domain,
           cloudId: item.bk_cloud_id,
+          majorVersion: item.major_version,
         },
       });
       result.push(row);
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/DstCluster.vue b/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/DstCluster.vue
new file mode 100644
index 0000000000..c787437ae4
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/DstCluster.vue
@@ -0,0 +1,235 @@
+<!--
+ * 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"
+      :model-value="localDomain"
+      :placeholder="t('请输入集群')"
+      :rules="rules" />
+    <DbIcon
+      class="cluster-btn"
+      type="host-select"
+      @click="handleShowClusterSelector" />
+  </div>
+  <ClusterSelector
+    v-model:is-show="isShowBatchSelector"
+    :cluster-types="[ClusterTypes.SQLSERVER_HA, ClusterTypes.SQLSERVER_SINGLE]"
+    :selected="selectedClusters"
+    :tab-list-config="clusterSelectorTabConfig"
+    @change="handelClusterChange" />
+</template>
+<script lang="ts">
+  const clusterIdMemo: Record<string, number> = {};
+</script>
+<script setup lang="ts">
+  import { onBeforeUnmount, ref, watch } from '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 { filterClusters } from '@services/source/dbbase';
+
+  import { ClusterTypes } from '@common/const';
+
+  import ClusterSelector from '@components/cluster-selector/Index.vue';
+  import TableEditInput from '@components/render-table/columns/input/index.vue';
+
+  import { random } from '@utils';
+
+  import type { IDataRow } from './Row.vue';
+
+  interface Props {
+    srcClusterData?: IDataRow['clusterData'];
+  }
+
+  interface Exposes {
+    getValue: (field: string) => Promise<Record<string, number>>;
+  }
+
+  const props = defineProps<Props>();
+
+  const modelValue = defineModel<{
+    id: number;
+    domain: string;
+    cloudId: null | number;
+  }>();
+
+  const instanceKey = `render_dst_cluster_${random()}`;
+  clusterIdMemo[instanceKey] = 0;
+
+  const compareVersion = (dstVersion: string, srcVersion: string) => {
+    const versionMatchReg = /[^\d]*(\d+)$/;
+    const [, dstversionNum] = dstVersion.match(versionMatchReg) || ['', ''];
+    const [, srcVersionNum] = srcVersion.match(versionMatchReg) || ['', ''];
+
+    return srcVersionNum > dstversionNum;
+  };
+
+  const { t } = useI18n();
+
+  const editRef = ref<InstanceType<typeof TableEditInput>>();
+
+  const isShowBatchSelector = ref(false);
+  const localDomain = ref('');
+
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+    [ClusterTypes.SQLSERVER_HA]: [],
+    [ClusterTypes.SQLSERVER_SINGLE]: [],
+  });
+
+  const clusterSelectorTabConfig = {
+    [ClusterTypes.SQLSERVER_HA]: {
+      id: ClusterTypes.SQLSERVER_HA,
+      name: t('SqlServer 主从'),
+      disabledRowConfig: [
+        {
+          handler: (data: SqlServerHaClusterModel) => data.isOffline,
+          tip: t('集群已禁用'),
+        },
+        {
+          handler: (data: SqlServerSingleClusterModel) =>
+            compareVersion(data.major_version, props.srcClusterData!.majorVersion),
+          tip: t('高版本不能恢复到低版本'),
+        },
+      ],
+      multiple: false,
+    },
+    [ClusterTypes.SQLSERVER_SINGLE]: {
+      id: ClusterTypes.SQLSERVER_SINGLE,
+      name: t('SqlServer 单节点'),
+      disabledRowConfig: [
+        {
+          handler: (data: SqlServerSingleClusterModel) => data.isOffline,
+          tip: t('集群已禁用'),
+        },
+        {
+          handler: (data: SqlServerSingleClusterModel) =>
+            compareVersion(data.major_version, props.srcClusterData!.majorVersion),
+          tip: t('高版本不能恢复到低版本'),
+        },
+      ],
+      multiple: false,
+    },
+  };
+
+  const rules = [
+    {
+      validator: (value: string) => Boolean(value),
+      message: t('目标集群不能为空'),
+    },
+    {
+      validator: (value: string) =>
+        filterClusters<SqlServerHaClusterModel>({
+          bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
+          exact_domain: value,
+        }).then((data) => {
+          if (data.length > 0) {
+            modelValue.value = {
+              id: data[0].id,
+              cloudId: data[0].bk_cloud_id,
+              domain: data[0].master_domain,
+            };
+            clusterIdMemo[instanceKey] = data[0].id;
+            return true;
+          }
+          clusterIdMemo[instanceKey] = 0;
+          modelValue.value = undefined;
+          return false;
+        }),
+      message: t('目标集群不存在'),
+    },
+    {
+      validator: () => {
+        const otherClusterIdMemo = { ...clusterIdMemo };
+        delete otherClusterIdMemo[instanceKey];
+        if (Object.values(otherClusterIdMemo).includes(modelValue.value!.id)) {
+          return false;
+        }
+        return true;
+      },
+      message: t('目标集群重复'),
+    },
+  ];
+
+  // 同步外部值
+  watch(
+    modelValue,
+    () => {
+      if (modelValue.value) {
+        clusterIdMemo[instanceKey] = modelValue.value.id;
+        localDomain.value = modelValue.value.domain;
+      } else {
+        localDomain.value = '';
+      }
+    },
+    {
+      immediate: true,
+    },
+  );
+
+  const handleShowClusterSelector = () => {
+    isShowBatchSelector.value = true;
+  };
+
+  const handelClusterChange = (selected: {
+    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
+  }) => {
+    selectedClusters.value = selected;
+    const [clusterData] = Object.values(selected)[0];
+    modelValue.value = {
+      id: clusterData.id,
+      cloudId: clusterData.bk_cloud_id,
+      domain: clusterData.master_domain,
+    };
+  };
+
+  onBeforeUnmount(() => {
+    delete clusterIdMemo[instanceKey];
+  });
+
+  defineExpose<Exposes>({
+    getValue(field) {
+      // 用户输入未完成验证
+      return editRef.value!.getValue().then(() => ({
+        [field]: modelValue.value!.id,
+      }));
+    },
+  });
+</script>
+<style lang="less" scoped>
+  .render-cluster-box {
+    position: relative;
+
+    &:hover {
+      padding-right: 30px;
+
+      .cluster-btn {
+        display: flex;
+      }
+    }
+
+    .cluster-btn {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      display: none;
+      padding: 0 10px;
+      cursor: pointer;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/Row.vue b/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/Row.vue
index a308908ecf..10930eb3c7 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/Row.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/Row.vue
@@ -15,16 +15,17 @@
   <tbody>
     <tr>
       <td style="padding: 0">
-        <RenderCluster
+        <RenderSrcCluster
           ref="srcClusterRef"
           v-model="localSrcClusterData"
           name="srcCluster" />
       </td>
       <td style="padding: 0">
-        <RenderCluster
+        <RenderDstCluster
           ref="dstClusterRef"
           v-model="localDstClusterData"
-          name="dstCluster" />
+          name="dstCluster"
+          :src-cluster-data="localSrcClusterData" />
       </td>
       <td style="padding: 0">
         <RenderMode
@@ -89,6 +90,7 @@
       id: number;
       domain: string;
       cloudId: number | null;
+      majorVersion: string;
     };
     dstClusterData?: {
       id: number;
@@ -123,9 +125,10 @@
 
   import RenderDbName from '@views/sqlserver-manage/common/DbName.vue';
   import RenderMode from '@views/sqlserver-manage/common/render-mode/Index.vue';
-  import RenderCluster from '@views/sqlserver-manage/common/RenderCluster.vue';
 
+  import RenderDstCluster from './DstCluster.vue';
   import RenderRename from './RenderRename.vue';
+  import RenderSrcCluster from './SrcCluster.vue';
 
   interface Props {
     data: IDataRow;
@@ -144,8 +147,8 @@
 
   const emits = defineEmits<Emits>();
 
-  const srcClusterRef = ref<InstanceType<typeof RenderCluster>>();
-  const dstClusterRef = ref<InstanceType<typeof RenderCluster>>();
+  const srcClusterRef = ref<InstanceType<typeof RenderSrcCluster>>();
+  const dstClusterRef = ref<InstanceType<typeof RenderDstCluster>>();
   const modeRef = ref<InstanceType<typeof RenderMode>>();
   const dbNameRef = ref<InstanceType<typeof RenderDbName>>();
   const ignoreDbNameRef = ref<InstanceType<typeof RenderDbName>>();
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/SrcCluster.vue b/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/SrcCluster.vue
new file mode 100644
index 0000000000..a9f9bdfaa3
--- /dev/null
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/rollback/pages/page1/components/other-cluster/components/SrcCluster.vue
@@ -0,0 +1,209 @@
+<!--
+ * 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"
+      :model-value="localDomain"
+      :placeholder="t('请输入集群')"
+      :rules="rules" />
+    <DbIcon
+      class="cluster-btn"
+      type="host-select"
+      @click="handleShowClusterSelector" />
+  </div>
+  <ClusterSelector
+    v-model:is-show="isShowBatchSelector"
+    :cluster-types="[ClusterTypes.SQLSERVER_HA, ClusterTypes.SQLSERVER_SINGLE]"
+    :selected="selectedClusters"
+    :tab-list-config="clusterSelectorTabConfig"
+    @change="handelClusterChange" />
+</template>
+<script lang="ts">
+  const clusterIdMemo: Record<string, number> = {};
+</script>
+<script setup lang="ts">
+  import { onBeforeUnmount, ref, watch } from '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 { filterClusters } from '@services/source/dbbase';
+
+  import { ClusterTypes } from '@common/const';
+
+  import ClusterSelector from '@components/cluster-selector/Index.vue';
+  import TableEditInput from '@components/render-table/columns/input/index.vue';
+
+  import { random } from '@utils';
+
+  import type { IDataRow } from './Row.vue';
+
+  interface Exposes {
+    getValue: (field: string) => Promise<Record<string, number>>;
+  }
+
+  const modelValue = defineModel<IDataRow['clusterData']>();
+
+  const instanceKey = `render_src_cluster_${random()}`;
+  clusterIdMemo[instanceKey] = 0;
+
+  const { t } = useI18n();
+
+  const editRef = ref<InstanceType<typeof TableEditInput>>();
+
+  const isShowBatchSelector = ref(false);
+  const localDomain = ref('');
+
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+    [ClusterTypes.SQLSERVER_HA]: [],
+    [ClusterTypes.SQLSERVER_SINGLE]: [],
+  });
+
+  const clusterSelectorTabConfig = {
+    [ClusterTypes.SQLSERVER_HA]: {
+      id: ClusterTypes.SQLSERVER_HA,
+      name: t('SqlServer 主从'),
+      disabledRowConfig: [
+        {
+          handler: (data: any) => data.isOffline,
+          tip: t('集群已禁用'),
+        },
+      ],
+      multiple: false,
+    },
+    [ClusterTypes.SQLSERVER_SINGLE]: {
+      id: ClusterTypes.SQLSERVER_SINGLE,
+      name: t('SqlServer 单节点'),
+      disabledRowConfig: [
+        {
+          handler: (data: any) => data.isOffline,
+          tip: t('集群已禁用'),
+        },
+      ],
+      multiple: false,
+    },
+  };
+
+  const rules = [
+    {
+      validator: (value: string) => Boolean(value),
+      message: t('目标集群不能为空'),
+    },
+    {
+      validator: (value: string) =>
+        filterClusters<SqlServerHaClusterModel>({
+          bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
+          exact_domain: value,
+        }).then((data) => {
+          if (data.length > 0) {
+            modelValue.value = {
+              id: data[0].id,
+              cloudId: data[0].bk_cloud_id,
+              domain: data[0].master_domain,
+              majorVersion: data[0].major_version,
+            };
+            clusterIdMemo[instanceKey] = data[0].id;
+            return true;
+          }
+          clusterIdMemo[instanceKey] = 0;
+          modelValue.value = undefined;
+          return false;
+        }),
+      message: t('目标集群不存在'),
+    },
+    {
+      validator: () => {
+        const otherClusterIdMemo = { ...clusterIdMemo };
+        delete otherClusterIdMemo[instanceKey];
+        if (Object.values(otherClusterIdMemo).includes(modelValue.value!.id)) {
+          return false;
+        }
+        return true;
+      },
+      message: t('目标集群重复'),
+    },
+  ];
+
+  // 同步外部值
+  watch(
+    modelValue,
+    () => {
+      if (modelValue.value) {
+        localDomain.value = modelValue.value.domain;
+        clusterIdMemo[instanceKey] = modelValue.value.id;
+      } else {
+        localDomain.value = '';
+      }
+    },
+    {
+      immediate: true,
+    },
+  );
+
+  const handleShowClusterSelector = () => {
+    isShowBatchSelector.value = true;
+  };
+
+  const handelClusterChange = (selected: {
+    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
+  }) => {
+    selectedClusters.value = selected;
+    const [clusterData] = Object.values(selected)[0];
+    modelValue.value = {
+      id: clusterData.id,
+      cloudId: clusterData.bk_cloud_id,
+      domain: clusterData.master_domain,
+      majorVersion: clusterData.major_version,
+    };
+  };
+
+  onBeforeUnmount(() => {
+    delete clusterIdMemo[instanceKey];
+  });
+
+  defineExpose<Exposes>({
+    getValue(field) {
+      // 用户输入未完成验证
+      return editRef.value!.getValue().then(() => ({
+        [field]: modelValue.value!.id,
+      }));
+    },
+  });
+</script>
+<style lang="less" scoped>
+  .render-cluster-box {
+    position: relative;
+
+    &:hover {
+      padding-right: 30px;
+
+      .cluster-btn {
+        display: flex;
+      }
+    }
+
+    .cluster-btn {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      display: none;
+      padding: 0 10px;
+      cursor: pointer;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue b/dbm-ui/frontend/src/views/sqlserver-manage/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue
index be53d8d5af..f92bf6b250 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue
@@ -48,6 +48,7 @@
     @change="handleHostChange" />
 </template>
 <script setup lang="ts">
+  import _ from 'lodash';
   import type { ComponentExposed } from 'vue-component-type-helpers';
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
@@ -88,9 +89,15 @@
       return t('获取从库主机操作系统失败');
     }
     const osName = hostData.os_name.replace(/ /g, '');
-    if (!hostModuleRelatedSystemVersion.value.split(',').includes(osName)) {
+    if (
+      !_.some(
+        hostModuleRelatedSystemVersion.value.split(','),
+        (moduleSystemVersion) => osName.indexOf(moduleSystemVersion) > -1,
+      )
+    ) {
       return t('操作系统仅支持 n', { n: hostModuleRelatedSystemVersion.value });
     }
+
     return false;
   };
 
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/sql-execute/pages/page1/components/TicketMode.vue b/dbm-ui/frontend/src/views/sqlserver-manage/sql-execute/pages/page1/components/TicketMode.vue
index 066f97c417..307c1a83eb 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/sql-execute/pages/page1/components/TicketMode.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/sql-execute/pages/page1/components/TicketMode.vue
@@ -94,7 +94,7 @@
   const emits = defineEmits<Emits>();
 
   const { t } = useI18n();
-  const formatDateToUTC = useTimeZoneFormat();
+  const { format: formatDateToUTC } = useTimeZoneFormat();
 
   const disableDate = (date: number | Date) => Boolean(date && date.valueOf() < Date.now() - 86400000);