diff --git a/dbm-ui/frontend/src/components/cluster-selector/Index.vue b/dbm-ui/frontend/src/components/cluster-selector/Index.vue
index f6dbe5ca12..79446ce605 100644
--- a/dbm-ui/frontend/src/components/cluster-selector/Index.vue
+++ b/dbm-ui/frontend/src/components/cluster-selector/Index.vue
@@ -319,6 +319,7 @@
       getResourceList: getTendbsingleList,
       tableContent: TendbSingleTable,
       resultContent: ResultPreview,
+      showPreviewResultTitle: true,
     },
     [ClusterTypes.MONGO_REPLICA_SET]: {
       id: ClusterTypes.MONGO_REPLICA_SET,
@@ -333,6 +334,7 @@
       getResourceList: getMongoList,
       tableContent: MongoTable,
       resultContent: ResultPreview,
+      showPreviewResultTitle: true,
     },
     [ClusterTypes.MONGO_SHARED_CLUSTER]: {
       id: ClusterTypes.MONGO_SHARED_CLUSTER,
diff --git a/dbm-ui/frontend/src/components/render-table/columns/operate-column/index.vue b/dbm-ui/frontend/src/components/render-table/columns/operate-column/index.vue
index 7b4541ac0d..b893b261e1 100644
--- a/dbm-ui/frontend/src/components/render-table/columns/operate-column/index.vue
+++ b/dbm-ui/frontend/src/components/render-table/columns/operate-column/index.vue
@@ -12,7 +12,7 @@
 -->
 
 <template>
-  <FixedColumn>
+  <EditableTableColumn label="操作">
     <div class="action-box">
       <div
         v-if="showAdd"
@@ -37,12 +37,17 @@
         <DbIcon type="copy-2" />
       </div>
     </div>
-  </FixedColumn>
+  </EditableTableColumn>
 </template>
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import FixedColumn from '@components/render-table/columns/fixed-column/index.vue';
+  import {
+    // Block as EditBlock,
+    Column as EditableTableColumn,
+    // Row as EditableTableRow,
+  } from '@components/editable-table/Index.vue';
+  // import FixedColumn from '@components/render-table/columns/fixed-column/index.vue';
 
   interface Props {
     showAdd?: boolean;
diff --git a/dbm-ui/frontend/src/hooks/index.ts b/dbm-ui/frontend/src/hooks/index.ts
index d8cfd8c6c8..1e8b06a489 100644
--- a/dbm-ui/frontend/src/hooks/index.ts
+++ b/dbm-ui/frontend/src/hooks/index.ts
@@ -36,6 +36,7 @@ export * from './useTableSettings';
 export * from './useTagsOverflow';
 export * from './useTaskCount';
 export * from './useTicketCloneInfo';
+export * from './useTicketDetail';
 export * from './useTicketMessage';
 export * from './useTimeZoneFormat';
 export * from './useUrlSearach';
diff --git a/dbm-ui/frontend/src/hooks/useTicketDetail.ts b/dbm-ui/frontend/src/hooks/useTicketDetail.ts
new file mode 100644
index 0000000000..d3399304fa
--- /dev/null
+++ b/dbm-ui/frontend/src/hooks/useTicketDetail.ts
@@ -0,0 +1,68 @@
+/*
+ * 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 { useRequest } from 'vue-request';
+import { useRoute } from 'vue-router';
+
+import type { DetailBase } from '@services/model/ticket/details/common';
+import TicketModel from '@services/model/ticket/ticket';
+import { getTicketDetails } from '@services/source/ticket';
+
+import { TicketTypes } from '@common/const';
+
+export function useTicketDetail<T extends DetailBase>(
+  ticketType: TicketTypes,
+  options: {
+    onSuccess: (data: TicketModel<T>) => void;
+  },
+) {
+  const route = useRoute();
+  const { ticketId } = route.query;
+
+  if (!ticketId) {
+    return;
+  }
+
+  useRequest(getTicketDetails, {
+    defaultParams: [{ id: Number(ticketId) }, { permission: 'catch' }],
+    onSuccess(ticketData) {
+      if (ticketType !== ticketData.ticket_type) {
+        return;
+      }
+      options.onSuccess(ticketData as TicketModel<T>);
+    },
+  });
+}
+
+// export function useTicketDetail(
+//   ticketType: TicketTypes | TicketTypes[],
+//   options: {
+//     onSuccess: (data: TicketModel<unknown>, matchingType: TicketTypes) => void;
+//   },
+// ) {
+//   const route = useRoute();
+//   const { ticketId } = route.query;
+//   const { onSuccess } = options;
+//   if (!ticketId) {
+//     return;
+//   }
+//   useRequest(getTicketDetails, {
+//     defaultParams: [{ id: Number(ticketId) }, { permission: 'catch' }],
+//     onSuccess(ticketData) {
+//       const ticketTypeList = Array.isArray(ticketType) ? ticketType : [ticketType];
+//       if (!ticketTypeList.includes(ticketData.ticket_type)) {
+//         return;
+//       }
+//       onSuccess(ticketData, ticketData.ticket_type);
+//     },
+//   });
+// }
diff --git a/dbm-ui/frontend/src/services/model/ticket/details/mongodb/MONGODB_FULL_BACKUP.ts b/dbm-ui/frontend/src/services/model/ticket/details/mongodb/MONGODB_FULL_BACKUP.ts
new file mode 100644
index 0000000000..df383892a6
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/ticket/details/mongodb/MONGODB_FULL_BACKUP.ts
@@ -0,0 +1,10 @@
+import type { DetailBase, DetailClusters } from '../common';
+
+export interface DbBackupDetails extends DetailBase {
+  clusters: DetailClusters;
+  file_tag: string;
+  infos: {
+    cluster_id: number;
+  }[];
+  oplog: boolean;
+}
diff --git a/dbm-ui/frontend/src/services/model/ticket/details/mongodb/index.ts b/dbm-ui/frontend/src/services/model/ticket/details/mongodb/index.ts
new file mode 100644
index 0000000000..a6bea02cef
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/ticket/details/mongodb/index.ts
@@ -0,0 +1 @@
+export * from './MONGODB_FULL_BACKUP';
diff --git a/dbm-ui/frontend/src/services/model/ticket/ticket.ts b/dbm-ui/frontend/src/services/model/ticket/ticket.ts
index 2d07927929..726a6d3370 100644
--- a/dbm-ui/frontend/src/services/model/ticket/ticket.ts
+++ b/dbm-ui/frontend/src/services/model/ticket/ticket.ts
@@ -19,6 +19,7 @@ import { t } from '@locales/index';
 
 import type { DetailBase } from './details/common';
 
+export type * as Mongodb from './details/mongodb';
 export type * as Mysql from './details/mysql';
 export type * as Redis from './details/redis';
 export type * as Sqlserver from './details/sqlserver';
diff --git a/dbm-ui/frontend/src/views/db-manage/common/TicketRemark.vue b/dbm-ui/frontend/src/views/db-manage/common/TicketRemark.vue
new file mode 100644
index 0000000000..e3367910ba
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/TicketRemark.vue
@@ -0,0 +1,18 @@
+<template>
+  <BkFormItem :label="t('备注')">
+    <BkInput
+      v-model="modelValue"
+      :maxlength="500"
+      :placeholder="t('请提供更多有用信息申请信息_以获得更快审批')"
+      style="width: 700px"
+      type="textarea" />
+  </BkFormItem>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  const { t } = useI18n();
+
+  const modelValue = defineModel<string>();
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/MONGODB_FULL_BACKUP/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/MONGODB_FULL_BACKUP/Index.vue
new file mode 100644
index 0000000000..a699b45363
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/MONGODB_FULL_BACKUP/Index.vue
@@ -0,0 +1,49 @@
+<!--
+ * 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 { computed, ref } from 'vue';
+  import { useRoute } from 'vue-router';
+
+  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,
+    () => {
+      page.value = route.params.page as string;
+    },
+    {
+      immediate: true,
+    },
+  );
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/MONGODB_FULL_BACKUP/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/MONGODB_FULL_BACKUP/pages/page1/Index.vue
new file mode 100644
index 0000000000..24ddbb6415
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/MONGODB_FULL_BACKUP/pages/page1/Index.vue
@@ -0,0 +1,307 @@
+<!--
+ * 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('全库备份：所有库表备份, 除 MySQL 系统库和 DBA 专用库外')" />
+      <DbForm
+        ref="form"
+        class="toolbox-form"
+        form-type="vertical"
+        :model="formData"
+        style="margin-top: 16px">
+        <EditableTable
+          ref="editableTable"
+          class="mt16 mb16"
+          :model="tableData"
+          :rules="rules">
+          <EditableTableRow
+            v-for="(item, index) in tableData"
+            :key="index">
+            <EditClusterColumn
+              ref="editClusterColumn"
+              v-model="item.cluster"
+              @batch-edit="handleClusterBatchEdit" />
+            <EditableTableColumn
+              field="cluster.cluster_type_name"
+              :label="t('集群类型')">
+              <EditBlock
+                :model-value="item.cluster.cluster_type_name"
+                :placeholder="t('输入集群后自动生成')" />
+            </EditableTableColumn>
+            <OperateColumn
+              :removeable="tableData.length < 2"
+              show-clone
+              @add="() => handleAppend(index)"
+              @clone="() => handleClone(index)"
+              @remove="() => handleRemove(index)" />
+          </EditableTableRow>
+        </EditableTable>
+        <BkFormItem
+          :label="t('备份保存时间')"
+          property="file_tag"
+          required>
+          <BkRadioGroup
+            v-model="formData.file_tag"
+            size="small">
+            <BkRadio label="normal_backup">
+              {{ t('25天') }}
+            </BkRadio>
+            <BkRadio label="half_year_backup">
+              {{ t('6个月') }}
+            </BkRadio>
+            <BkRadio label="a_year_backup">
+              {{ t('1年') }}
+            </BkRadio>
+            <BkRadio label="forever_backup">
+              {{ t('3年') }}
+            </BkRadio>
+          </BkRadioGroup>
+        </BkFormItem>
+        <BkFormItem
+          :label="t('是否备份 Oplog')"
+          property="oplog"
+          required>
+          <BkRadioGroup
+            v-model="formData.oplog"
+            size="small">
+            <BkRadio label="1">
+              {{ t('是') }}
+            </BkRadio>
+            <BkRadio label="0">
+              {{ t('否') }}
+            </BkRadio>
+          </BkRadioGroup>
+        </BkFormItem>
+        <TicketRemark v-model="formData.remark" />
+      </DbForm>
+    </div>
+    <template #action>
+      <BkButton
+        class="w-88"
+        :disabled="totalNum === 0"
+        :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>
+  </SmartAction>
+</template>
+
+<script setup lang="ts">
+  import _ from 'lodash';
+  import type { ComponentProps } from 'vue-component-type-helpers';
+  import { useI18n } from 'vue-i18n';
+  import { useRouter } from 'vue-router';
+
+  import MongodbModel from '@services/model/mongodb/mongodb';
+  import type { Mongodb } from '@services/model/ticket/ticket';
+  import { createTicket } from '@services/source/ticket';
+
+  import { useTicketDetail } from '@hooks';
+
+  import { useGlobalBizs } from '@stores';
+
+  import { TicketTypes } from '@common/const';
+
+  import EditableTable, {
+    Block as EditBlock,
+    Column as EditableTableColumn,
+    Row as EditableTableRow,
+  } from '@components/editable-table/Index.vue';
+  import OperateColumn from '@components/render-table/columns/operate-column/index.vue';
+
+  import TicketRemark from '@views/db-manage/common/TicketRemark.vue';
+  import EditClusterColumn from '@views/db-manage/mongodb/common/toolbox-field/edit-cluster/Index.vue';
+
+  export interface IDataRow {
+    cluster: {
+      cluster_id?: number;
+      master_domain?: string;
+      cluster_type?: string;
+      cluster_type_name?: string;
+    };
+  }
+
+  const createRowData = (cluster?: IDataRow['cluster']) => ({
+    cluster: cluster ? cluster : {},
+  });
+
+  const createDefaultFormData = () => ({
+    file_tag: 'normal_backup',
+    oplog: '0',
+    remark: '',
+  });
+
+  const { t } = useI18n();
+  const router = useRouter();
+  const { currentBizId } = useGlobalBizs();
+
+  useTicketDetail<Mongodb.DbBackupDetails>(TicketTypes.MONGODB_FULL_BACKUP, {
+    onSuccess(ticketDetail) {
+      const { details, remark } = ticketDetail;
+      const { infos, clusters, file_tag: fileTag, oplog } = details;
+      tableData.value = infos.map((item) => {
+        const clusterItem = clusters[item.cluster_id];
+        return createRowData({
+          cluster_id: item.cluster_id,
+          master_domain: clusterItem.immute_domain,
+          cluster_type: clusterItem.cluster_type,
+          cluster_type_name: clusterItem.cluster_type_name,
+        });
+      });
+      Object.assign(formData, {
+        file_tag: fileTag,
+        oplog: oplog ? '1' : '0',
+        remark,
+      });
+    },
+  });
+
+  const formRef = useTemplateRef('form');
+  const editableTableRef = useTemplateRef('editableTable');
+  const editClusterColumnRef = useTemplateRef('editClusterColumn');
+
+  const rules: NonNullable<ComponentProps<typeof EditableTable>['rules']> = {
+    'cluster.master_domain': [
+      {
+        validator: (value: string) => {
+          if (value) {
+            const nonEmptyIdList = tableData.value.filter((row) => row.cluster.master_domain === value);
+            return nonEmptyIdList.length === 1;
+          }
+          return true;
+        },
+        trigger: 'change',
+        message: t('目标集群重复'),
+      },
+    ],
+  };
+
+  const isSubmitting = ref(false);
+  const tableData = ref<IDataRow[]>([createRowData()]);
+
+  const formData = reactive(createDefaultFormData());
+
+  const totalNum = computed(() => tableData.value.filter((item) => Boolean(item.cluster.cluster_id)).length);
+
+  // 检测列表是否为空
+  const checkListEmpty = (list: IDataRow[]) => {
+    if (list.length > 1) {
+      return false;
+    }
+    const [firstRow] = list;
+    return !firstRow.cluster.cluster_id;
+  };
+
+  const handleClusterBatchEdit = (clusterList: MongodbModel[]) => {
+    const newList = clusterList.map((item) =>
+      createRowData({
+        cluster_id: item.id,
+        master_domain: item.master_domain,
+        cluster_type: item.cluster_type,
+        cluster_type_name: item.cluster_type_name,
+      }),
+    );
+
+    if (checkListEmpty(tableData.value)) {
+      tableData.value = newList;
+    } else {
+      tableData.value = [...tableData.value, ...newList];
+    }
+    window.changeConfirm = true;
+  };
+
+  const handleAppend = (index: number) => {
+    tableData.value.splice(index + 1, 0, createRowData());
+  };
+
+  const handleRemove = (index: number) => {
+    const { master_domain: masterDomain, cluster_type: clusterType } = tableData.value[index].cluster;
+    tableData.value.splice(index, 1);
+    if (clusterType && masterDomain) {
+      editClusterColumnRef.value![0]!.setSelectedCluster(clusterType, masterDomain);
+    }
+  };
+
+  const handleClone = (index: number) => {
+    const copyData = _.cloneDeep(tableData.value[index]);
+    tableData.value.splice(index + 1, 0, copyData);
+    nextTick(() => {
+      editableTableRef.value!.validateByRowIndex([index, index + 1]).then();
+    });
+  };
+
+  const handleSubmit = async () => {
+    try {
+      isSubmitting.value = true;
+      await formRef.value!.validate();
+      const validateResult = await editableTableRef.value!.validate();
+      if (validateResult) {
+        const params = {
+          bk_biz_id: currentBizId,
+          ticket_type: TicketTypes.MONGODB_FULL_BACKUP,
+          remark: formData.remark,
+          details: {
+            file_tag: formData.file_tag,
+            oplog: formData.oplog === '1',
+            infos: tableData.value.map((tableItem) => ({
+              cluster_id: tableItem.cluster.cluster_id!,
+            })),
+          },
+        };
+        await createTicket(params).then((data) => {
+          window.changeConfirm = false;
+          router.push({
+            name: TicketTypes.MONGODB_FULL_BACKUP,
+            params: {
+              page: 'success',
+            },
+            query: {
+              ticketId: data.id,
+            },
+          });
+        });
+      }
+    } finally {
+      isSubmitting.value = false;
+    }
+  };
+
+  const handleReset = () => {
+    Object.assign(formData, createDefaultFormData());
+    editClusterColumnRef.value![0]!.resetSelectedCluster();
+    tableData.value = [createRowData()];
+    window.changeConfirm = false;
+  };
+</script>
+
+<style lang="less" scoped>
+  .db-backup-page {
+    padding-bottom: 20px;
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/MONGODB_FULL_BACKUP/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/MONGODB_FULL_BACKUP/pages/page2/Index.vue
new file mode 100644
index 0000000000..1fe8b7cca3
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/MONGODB_FULL_BACKUP/pages/page2/Index.vue
@@ -0,0 +1,88 @@
+<!--
+ * 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 { useRoute, useRouter } from 'vue-router';
+
+  import { TicketTypes } from '@common/const';
+
+  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: TicketTypes.MONGODB_FULL_BACKUP,
+    });
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/common/toolbox-field/edit-cluster/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/common/toolbox-field/edit-cluster/Index.vue
index 09a5ac894a..d67fcb32bf 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/common/toolbox-field/edit-cluster/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/common/toolbox-field/edit-cluster/Index.vue
@@ -1,9 +1,121 @@
 <template>
-  <div></div>
+  <EditableTableColumn
+    :append-rules="rules"
+    field="cluster.master_domain"
+    fixed="left"
+    :label="t('目标集群')"
+    :loading="isLoading"
+    required>
+    <template #headAppend>
+      <BkButton
+        text
+        theme="primary"
+        @click="handleShowClusterSelector">
+        <DbIcon type="batch-host-select" />
+      </BkButton>
+    </template>
+    <EditInput
+      v-model="modelValue.master_domain"
+      disabled
+      :placeholder="t('请输入或选择集群')" />
+    <ClusterSelector
+      v-model:is-show="isShowClusterSelector"
+      :cluster-types="[ClusterTypes.MONGO_SHARED_CLUSTER, ClusterTypes.MONGO_REPLICA_SET]"
+      :selected="selectedClusters"
+      @change="handelClusterChange" />
+  </EditableTableColumn>
 </template>
-<script setup lang="ts"></script>
-<style lang="less">
-  .root {
-    display: block;
+
+<script setup lang="ts">
+  import type { ComponentProps } from 'vue-component-type-helpers';
+  import { useI18n } from 'vue-i18n';
+
+  import MongodbModel from '@services/model/mongodb/mongodb';
+  import { filterClusters } from '@services/source/dbbase';
+
+  import { ClusterTypes } from '@common/const';
+  import { domainRegex } from '@common/regex';
+
+  import ClusterSelector from '@components/cluster-selector/Index.vue';
+  import { Column as EditableTableColumn, Input as EditInput } from '@components/editable-table/Index.vue';
+
+  interface Emits {
+    (e: 'batch-edit', value: MongodbModel[]): void;
   }
-</style>
+
+  interface Exposes {
+    setSelectedCluster: (clusterType: string, domain: string) => void;
+    resetSelectedCluster: () => void;
+  }
+
+  const emits = defineEmits<Emits>();
+
+  const modelValue = defineModel<{
+    cluster_id?: number;
+    master_domain?: string;
+  }>({
+    required: true,
+  });
+
+  const { t } = useI18n();
+
+  const rules: NonNullable<ComponentProps<typeof EditableTableColumn>['rules']> = [
+    {
+      validator: (value: string) => domainRegex.test(value),
+      trigger: 'change',
+      message: t('目标集群输入格式有误'),
+    },
+    {
+      validator: () => Boolean(modelValue.value.cluster_id),
+      trigger: 'change',
+      message: t('目标集群不存在'),
+    },
+  ];
+
+  const isShowClusterSelector = ref(false);
+  const isLoading = ref(false);
+
+  const selectedClusters = shallowRef<{ [key: string]: MongodbModel[] }>({
+    [ClusterTypes.MONGO_REPLICA_SET]: [],
+    [ClusterTypes.MONGO_SHARED_CLUSTER]: [],
+  });
+
+  watch(modelValue, () => {
+    if (!modelValue.value.cluster_id && modelValue.value.master_domain) {
+      isLoading.value = true;
+      filterClusters<MongodbModel>({
+        bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
+        exact_domain: modelValue.value.master_domain,
+      })
+        .then((data) => {
+          if (data.length === 0) {
+            modelValue.value.cluster_id = undefined;
+          }
+        })
+        .finally(() => {
+          isLoading.value = false;
+        });
+    }
+  });
+
+  const handleShowClusterSelector = () => {
+    isShowClusterSelector.value = true;
+  };
+
+  const handelClusterChange = (selected: { [key: string]: MongodbModel[] }) => {
+    selectedClusters.value = selected;
+    const clusterList = Object.values(selected).flatMap((selectedList) => selectedList);
+    emits('batch-edit', clusterList);
+  };
+
+  defineExpose<Exposes>({
+    setSelectedCluster(clusterType: string, domain: string) {
+      const clustersArr = selectedClusters.value[clusterType!];
+      selectedClusters.value[clusterType!] = clustersArr.filter((item) => item.master_domain !== domain);
+    },
+    resetSelectedCluster() {
+      selectedClusters.value[ClusterTypes.MONGO_SHARED_CLUSTER] = [];
+      selectedClusters.value[ClusterTypes.MONGO_REPLICA_SET] = [];
+    },
+  });
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/routes.ts b/dbm-ui/frontend/src/views/db-manage/mongodb/routes.ts
index 93d89f8e8d..0d05ed0dcd 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/routes.ts
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/routes.ts
@@ -3,8 +3,26 @@ import type { RouteRecordRaw } from 'vue-router';
 import type { MongoFunctions } from '@services/model/function-controller/functionController';
 import FunctionControllModel from '@services/model/function-controller/functionController';
 
+import { TicketTypes } from '@common/const';
+
 import { t } from '@locales/index';
 
+const createRouteItem = (
+  ticketType: TicketTypes,
+  meta: {
+    navName: string;
+    skeleton?: string;
+  },
+) => ({
+  name: ticketType,
+  path: `${ticketType}/:page?`,
+  meta: {
+    fullscreen: true,
+    ...meta,
+  },
+  component: () => import(`@views/db-manage/mongodb/${ticketType}/Index.vue`),
+});
+
 export const mongoToolboxChildrenRoutes: RouteRecordRaw[] = [
   {
     path: 'script-execute/:step?',
@@ -87,14 +105,17 @@ export const mongoToolboxChildrenRoutes: RouteRecordRaw[] = [
     },
     component: () => import('@views/db-manage/mongodb/db-table-backup/Index.vue'),
   },
-  {
-    name: 'MongoDbBackup',
-    path: 'db-data-copy-record/:page?',
-    meta: {
-      navName: t('全库备份'),
-    },
-    component: () => import('@views/db-manage/mongodb/db-backup/Index.vue'),
-  },
+  createRouteItem(TicketTypes.MONGODB_FULL_BACKUP, {
+    navName: t('全库备份'),
+  }),
+  // {
+  //   name: 'MongoDbBackup',
+  //   path: 'db-data-copy-record/:page?',
+  //   meta: {
+  //     navName: t('全库备份'),
+  //   },
+  //   component: () => import('@views/db-manage/mongodb/db-backup/Index.vue'),
+  // },
   {
     path: 'db-clear/:page?',
     name: 'MongoDbClear',
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/toolbox-menu.ts b/dbm-ui/frontend/src/views/db-manage/mongodb/toolbox-menu.ts
index f99af49ae0..82b8ed6201 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/toolbox-menu.ts
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/toolbox-menu.ts
@@ -10,6 +10,8 @@
  * 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 { TicketTypes } from '@common/const';
+
 import { t } from '@locales/index';
 
 export interface MenuChild {
@@ -97,7 +99,7 @@ export default [
       },
       {
         name: t('全库备份'),
-        id: 'MongoDbBackup',
+        id: TicketTypes.MONGODB_FULL_BACKUP,
         parentId: 'mongo_backup',
       },
     ],
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/TicketClone.vue b/dbm-ui/frontend/src/views/tickets/common/components/TicketClone.vue
index f80fe8d7d1..cc88ccccb7 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/TicketClone.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/TicketClone.vue
@@ -142,6 +142,7 @@
     [TicketTypes.TENDBCLUSTER_MIGRATE_CLUSTER]: 'spiderMasterSlaveClone', // spider 迁移主从
     [TicketTypes.TENDBCLUSTER_RESTORE_LOCAL_SLAVE]: 'spiderSlaveRebuild', // spider 重建从库-原地重建
     [TicketTypes.TENDBCLUSTER_RESTORE_SLAVE]: 'spiderSlaveRebuild', // spider 重建从库-新机重建
+    [TicketTypes.MONGODB_FULL_BACKUP]: TicketTypes.MONGODB_FULL_BACKUP, // mongodb 全库备份
   };
 
   const isShowTicketClone = computed(() => !!ticketTypeRouteNameMap[props.data.ticket_type]);