From 4ed677c6a48f649ba2f665e0ebe11eca1b9b7b92 Mon Sep 17 00:00:00 2001
From: chenwenchang <479999519@qq.com>
Date: Thu, 28 Nov 2024 11:44:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E4=B8=B4=E6=97=B6=E5=AF=86?=
 =?UTF-8?q?=E7=A0=81=E4=BF=AE=E6=94=B9=E4=BC=98=E5=8C=96=20#8250=20#=20Rev?=
 =?UTF-8?q?iewed,=20transaction=20id:=2026128?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dbm-ui/frontend/src/locales/zh-cn.json        |   2 +
 .../src/services/source/permission.ts         |  17 +-
 dbm-ui/frontend/src/types/auto-imports.d.ts   |   2 +-
 .../db-manage/common/password-input/Index.vue |  13 +-
 .../components/common/AccountCreate.vue       |  22 +-
 .../views/db-manage/redis/apply-ha/Index.vue  |  13 +-
 .../db-manage/redis/apply/ApplyRedis.vue      |  13 +-
 .../temporary-paassword-modify/Index.vue      | 225 +++++++++++-
 .../components/UpdateResult.vue               | 330 +++++++++++++++++
 .../components/form-item/InstanceList.vue     |   0
 .../components/form-item/PasswordInput.vue    |   0
 .../components/form-item/ValidDuration.vue    |   0
 .../render-passwrod-instance/Index.vue        |   0
 .../RenderInstance.vue                        |   0
 .../index/Index.vue                           | 332 ------------------
 .../index/components/UpdateResult.vue         | 223 ------------
 .../temporary-paassword-modify/routes.ts      |  13 -
 17 files changed, 618 insertions(+), 587 deletions(-)
 create mode 100644 dbm-ui/frontend/src/views/temporary-paassword-modify/components/UpdateResult.vue
 rename dbm-ui/frontend/src/views/temporary-paassword-modify/{index => }/components/form-item/InstanceList.vue (100%)
 rename dbm-ui/frontend/src/views/temporary-paassword-modify/{index => }/components/form-item/PasswordInput.vue (100%)
 rename dbm-ui/frontend/src/views/temporary-paassword-modify/{index => }/components/form-item/ValidDuration.vue (100%)
 rename dbm-ui/frontend/src/views/temporary-paassword-modify/{index => }/components/render-passwrod-instance/Index.vue (100%)
 rename dbm-ui/frontend/src/views/temporary-paassword-modify/{index => }/components/render-passwrod-instance/RenderInstance.vue (100%)
 delete mode 100644 dbm-ui/frontend/src/views/temporary-paassword-modify/index/Index.vue
 delete mode 100644 dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/UpdateResult.vue

diff --git a/dbm-ui/frontend/src/locales/zh-cn.json b/dbm-ui/frontend/src/locales/zh-cn.json
index c7cdcdfc9f..591a0cbc8e 100644
--- a/dbm-ui/frontend/src/locales/zh-cn.json
+++ b/dbm-ui/frontend/src/locales/zh-cn.json
@@ -3675,6 +3675,8 @@
   "冷/热节点": "冷/热节点",
   "冷_热节点规格": "冷_热节点规格",
   "不允许使用特殊账号名称n": "不允许使用特殊账号名称 {n}",
+  "密码不符合要求": "密码不符合要求",
+  "错误日志": "错误日志",
   "这行勿动！新增翻译请在上一行添加！": ""
 
 }
diff --git a/dbm-ui/frontend/src/services/source/permission.ts b/dbm-ui/frontend/src/services/source/permission.ts
index c607d4a1ab..33cab05fb6 100644
--- a/dbm-ui/frontend/src/services/source/permission.ts
+++ b/dbm-ui/frontend/src/services/source/permission.ts
@@ -88,14 +88,7 @@ export const modifyAdminPassword = (params: {
   }[];
   // 是否异步
   is_async?: boolean;
-}) =>
-  http.post<
-    | {
-        success: AdminPasswordResultItem[] | null;
-        fail: AdminPasswordResultItem[] | null;
-      }
-    | string // 异步修改时返回root_id
-  >(`${path}/modify_admin_password/`, params);
+}) => http.post<string>(`${path}/modify_admin_password/`, params);
 
 /**
  * 查询生效实例密码(admin)
@@ -118,11 +111,11 @@ export const queryAdminPassword = (params: {
  */
 export const queryAsyncModifyResult = (params: { root_id: string }) =>
   http.post<{
-    data: {
-      success: AdminPasswordResultItem[] | null;
-      fail: AdminPasswordResultItem[] | null;
-    };
     status: string;
+    error?: string;
+    success?: AdminPasswordResultItem[];
+    fail?: AdminPasswordResultItem[];
+    result?: boolean;
   }>(`${path}/query_async_modify_result/`, params);
 
 /**
diff --git a/dbm-ui/frontend/src/types/auto-imports.d.ts b/dbm-ui/frontend/src/types/auto-imports.d.ts
index d0c217f6f1..7021ac5101 100644
--- a/dbm-ui/frontend/src/types/auto-imports.d.ts
+++ b/dbm-ui/frontend/src/types/auto-imports.d.ts
@@ -71,6 +71,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }
diff --git a/dbm-ui/frontend/src/views/db-manage/common/password-input/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/password-input/Index.vue
index 2a42c3e580..3eab123785 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/password-input/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/password-input/Index.vue
@@ -71,6 +71,10 @@
     buttonDisabledTip?: string;
   }
 
+  interface Emits {
+    (e: 'verifyResult', isPass: boolean): void;
+  }
+
   interface Exposes {
     getEncyptPassword: () => string;
     validate: () => Promise<boolean>;
@@ -82,12 +86,14 @@
     buttonDisabledTip: '',
   });
 
-  const { t } = useI18n();
+  const emits = defineEmits<Emits>();
 
   const modelValue = defineModel<string>('modelValue', {
     default: '',
   });
 
+  const { t } = useI18n();
+
   let tippyInstance: Instance;
   let publicKey = '';
   let passwordPolicyMemo = {} as PasswordPolicy['rule'];
@@ -256,6 +262,7 @@
       password: getEncyptPassword(),
     });
     tippyInstance.show();
+    emits('verifyResult', isStrength);
     return isStrength;
   };
   const debounceVerifyPassword = _.debounce(verifyPassword, 300);
@@ -294,6 +301,10 @@
     tippyInstance.hide();
   };
 
+  watch(modelValue, () => {
+    debounceVerifyPassword();
+  });
+
   onUnmounted(() => {
     tippyInstance.destroy();
   });
diff --git a/dbm-ui/frontend/src/views/db-manage/common/permission/components/common/AccountCreate.vue b/dbm-ui/frontend/src/views/db-manage/common/permission/components/common/AccountCreate.vue
index 4f6ebf0ada..c7408d71d2 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/permission/components/common/AccountCreate.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/permission/components/common/AccountCreate.vue
@@ -54,7 +54,8 @@
         <PasswordInput
           ref="passwordRef"
           v-model="state.formdata.password"
-          :db-type="accountType" />
+          :db-type="dbTypeMap[accountType]"
+          @verify-result="verifyResult" />
         <p style="color: #ff9c01">
           {{ t('平台不会保存密码，请自行保管好。') }}
           <BkButton
@@ -74,7 +75,12 @@
     </BkForm>
     <template #footer>
       <BkButton
+        v-bk-tooltips="{
+          content: t('密码不符合要求'),
+          disabled: !Boolean(state.formdata.password) || passwordIsPass,
+        }"
         class="mr-8"
+        :disabled="!passwordIsPass"
         :loading="state.isLoading"
         theme="primary"
         @click="handleSubmit">
@@ -98,7 +104,7 @@
 
   import { useCopy } from '@hooks';
 
-  import { AccountTypes } from '@common/const';
+  import { AccountTypes, DBTypes } from '@common/const';
 
   import PasswordInput from '@views/db-manage/common/password-input/Index.vue';
 
@@ -127,6 +133,13 @@
 
   const { t } = useI18n();
 
+  const dbTypeMap = {
+    [AccountTypes.MYSQL]: DBTypes.MYSQL,
+    [AccountTypes.TENDBCLUSTER]: DBTypes.TENDBCLUSTER,
+    [AccountTypes.SQLSERVER]: DBTypes.SQLSERVER,
+    [AccountTypes.MONGODB]: DBTypes.MONGODB,
+  };
+
   const state = reactive({
     formdata: {
       password: '',
@@ -137,6 +150,7 @@
   });
   const accountRef = ref();
   const passwordRef = ref<InstanceType<typeof PasswordInput>>();
+  const passwordIsPass = ref(false);
 
   const defaultUserPlaceholder = t('由_1_~_32_位字母_数字_下划线(_)_点(.)_减号(-)字符组成以字母或数字开头');
   let validValue = '';
@@ -198,6 +212,10 @@
     copy(state.formdata.password);
   };
 
+  const verifyResult = (isPass: boolean) => {
+    passwordIsPass.value = isPass;
+  };
+
   /**
    * 提交表单数据
    */
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/apply-ha/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/apply-ha/Index.vue
index 5fa680ebec..a82fdc9b2f 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/apply-ha/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/apply-ha/Index.vue
@@ -117,7 +117,8 @@
             <PasswordInput
               ref="passwordRef"
               v-model="formData.details.redis_pwd"
-              :db-type="DBTypes.REDIS" />
+              :db-type="DBTypes.REDIS"
+              @verify-result="verifyResult" />
           </BkFormItem>
           <BkFormItem
             v-if="!isAppend"
@@ -184,7 +185,12 @@
     </div>
     <template #action>
       <BkButton
+        v-bk-tooltips="{
+          content: t('密码不符合要求'),
+          disabled: !Boolean(formData.details.redis_pwd) || passwordIsPass,
+        }"
         class="w-88"
+        :disabled="!passwordIsPass"
         :loading="baseState.isSubmitting"
         theme="primary"
         @click="handleSubmit">
@@ -277,6 +283,7 @@
     cityCode: '',
     cityName: '',
   });
+  const passwordIsPass = ref(false);
 
   const formData = reactive(initData());
 
@@ -369,6 +376,10 @@
     },
   );
 
+  const verifyResult = (isPass: boolean) => {
+    passwordIsPass.value = isPass;
+  };
+
   const getSmartActionOffsetTarget = () => document.querySelector('.bk-form-content');
 
   const handleChangeBiz = (info: BizItem) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue b/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue
index 91107418c8..d95572687f 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue
@@ -97,7 +97,8 @@
             <PasswordInput
               ref="passwordRef"
               v-model="state.formdata.details.proxy_pwd"
-              :db-type="DBTypes.REDIS" />
+              :db-type="DBTypes.REDIS"
+              @verify-result="verifyResult" />
           </BkFormItem>
           <BkFormItem
             :label="t('服务器选择')"
@@ -334,7 +335,12 @@
     </div>
     <template #action>
       <BkButton
+        v-bk-tooltips="{
+          content: t('密码不符合要求'),
+          disabled: !Boolean(state.formdata.details.proxy_pwd) || passwordIsPass,
+        }"
         class="w-88"
+        :disabled="!passwordIsPass"
         :loading="baseState.isSubmitting"
         theme="primary"
         @click="handleSubmit">
@@ -487,6 +493,7 @@
     id: '' as number | string,
     name: '',
   });
+  const passwordIsPass = ref(false);
 
   const state = reactive({
     formdata: initData(),
@@ -589,6 +596,10 @@
   );
   // const isDefaultCity = computed(() => state.formdata.details.city_code === 'default');
 
+  const verifyResult = (isPass: boolean) => {
+    passwordIsPass.value = isPass;
+  };
+
   const getSmartActionOffsetTarget = () => document.querySelector('.bk-form-content');
 
   const getDispalyCapSpecs = (item: CapSepcs) => {
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/Index.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/Index.vue
index 7c2aa3f3e1..a370ee34e6 100644
--- a/dbm-ui/frontend/src/views/temporary-paassword-modify/Index.vue
+++ b/dbm-ui/frontend/src/views/temporary-paassword-modify/Index.vue
@@ -1,3 +1,226 @@
+<!--
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License athttps://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+-->
+
 <template>
-  <RouterView />
+  <SmartAction :offset-target="getSmartActionOffsetTarget">
+    <div class="password-temporary-modify">
+      <template v-if="submitted">
+        <UpdateResult
+          :instance-list="formData.instanceList"
+          :password="formData.password"
+          :root-id="rootId"
+          @refresh="handleRefresh"
+          @retry="handleSubmit" />
+      </template>
+      <DbForm
+        v-else
+        ref="formRef"
+        class="password-form"
+        :label-width="200"
+        :model="formData">
+        <InstanceList v-model="formData.instanceList" />
+        <BkFormItem
+          :label="t('统一临时密码')"
+          property="password"
+          required>
+          <PasswordInput
+            v-model="formData.password"
+            :button-disabled="!instanceDbType"
+            :button-disabled-tip="t('请先添加实例')"
+            :db-type="instanceDbType"
+            @verify-result="verifyResult" />
+        </BkFormItem>
+        <ValidDuration
+          v-model="formData.validDuration"
+          v-model:valid-duration-type="formData.validDurationType" />
+      </DbForm>
+    </div>
+    <template
+      v-if="!submitting && !submitted"
+      #action>
+      <BkButton
+        v-bk-tooltips="{
+          content: t('密码不符合要求'),
+          disabled: !Boolean(formData.password) || passwordIsPass,
+        }"
+        class="w-88"
+        :disabled="!passwordIsPass"
+        theme="primary"
+        @click="submitValidator">
+        {{ t('提交') }}
+      </BkButton>
+      <DbPopconfirm
+        :confirm-handler="handleReset"
+        :content="t('重置将会清空当前填写的所有内容_请谨慎操作')"
+        :title="t('确认重置页面')">
+        <BkButton class="ml8 w-88">
+          {{ t('重置') }}
+        </BkButton>
+      </DbPopconfirm>
+    </template>
+  </SmartAction>
+  <RenderPasswordInstance />
 </template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { modifyAdminPassword } from '@services/source/permission';
+
+  import { ClusterTypes, DBTypes } from '@common/const';
+
+  import PasswordInput from '@views/db-manage/common/password-input/Index.vue';
+
+  import InstanceList from './components/form-item/InstanceList.vue';
+  import ValidDuration from './components/form-item/ValidDuration.vue';
+  import RenderPasswordInstance from './components/render-passwrod-instance/Index.vue';
+  import UpdateResult from './components/UpdateResult.vue';
+
+  const { t } = useI18n();
+
+  const createDefaultData = () => ({
+    instanceList: [] as { ip: string; port: number; bk_cloud_id: number; cluster_type: ClusterTypes; role: string }[],
+    password: '',
+    validDuration: 1,
+    validDurationType: 'day',
+  });
+
+  const formRef = ref();
+  const rootId = ref('');
+  const instanceDbType = ref<DBTypes>();
+  const passwordIsPass = ref(false);
+  const submitted = ref(false);
+  const formData = reactive(createDefaultData());
+
+  watch(
+    formData,
+    () => {
+      console.log('formData = ', formData);
+      const { instanceList } = formData;
+      if (instanceList.length > 0) {
+        const instance = instanceList[0];
+        const dbTypeMap = {
+          [ClusterTypes.TENDBSINGLE]: DBTypes.MYSQL,
+          [ClusterTypes.TENDBHA]: DBTypes.MYSQL,
+          [ClusterTypes.TENDBCLUSTER]: DBTypes.TENDBCLUSTER,
+          [ClusterTypes.SQLSERVER_HA]: DBTypes.SQLSERVER,
+          [ClusterTypes.SQLSERVER_SINGLE]: DBTypes.SQLSERVER,
+        } as Record<ClusterTypes, DBTypes>;
+        instanceDbType.value = dbTypeMap[instance.cluster_type];
+      }
+    },
+    {
+      deep: true,
+    },
+  );
+
+  const { run: modifyAdminPasswordRun, loading: submitting } = useRequest(modifyAdminPassword, {
+    manual: true,
+    onSuccess(data) {
+      submitted.value = true;
+      window.changeConfirm = false;
+      rootId.value = data;
+    },
+  });
+
+  const getSmartActionOffsetTarget = () => document.querySelector('.bk-form-content');
+
+  const submitValidator = async () => {
+    await formRef.value.validate();
+    handleSubmit(formData.instanceList);
+  };
+
+  const verifyResult = (isPass: boolean) => {
+    passwordIsPass.value = isPass;
+  };
+
+  const handleSubmit = (
+    instanceList: {
+      ip: string;
+      port: number;
+      bk_cloud_id: number;
+      cluster_type: ClusterTypes;
+      role: string;
+    }[] = [],
+  ) => {
+    const roleMap: Record<string, string> = {};
+    const instanceListParam = (instanceList.length ? instanceList : formData.instanceList).map((instance) => {
+      const { ip, port, bk_cloud_id, role, cluster_type } = instance;
+      roleMap[`${ip}:${port}`] = role;
+      return { ip, port, bk_cloud_id, role, cluster_type };
+    });
+
+    const lockHour = formData.validDuration * (formData.validDurationType === 'day' ? 24 : 1);
+
+    modifyAdminPasswordRun({
+      lock_hour: lockHour,
+      password: formData.password,
+      instance_list: instanceListParam,
+      is_async: true,
+    });
+  };
+
+  const handleReset = () => {
+    Object.assign(formData, createDefaultData());
+  };
+
+  const handleRefresh = () => {
+    handleReset();
+    submitted.value = false;
+  };
+</script>
+
+<style lang="less" scoped>
+  .password-temporary-modify {
+    margin-bottom: 32px;
+    background-color: #fff;
+    border-radius: 2px;
+
+    .password-form {
+      padding: 32px 0 24px;
+      border-radius: 2px;
+      box-shadow: 0 3px 4px 0 #0000000a;
+
+      :deep(.password-form-instance) {
+        display: flex;
+        align-items: center;
+      }
+
+      :deep(.password-form-item) {
+        width: 386px;
+      }
+    }
+
+    .btn-area {
+      padding: 24px 0 24px 200px;
+      background-color: #f5f7fa;
+    }
+
+    :deep(.instance-tip) {
+      color: #ff9c01;
+    }
+
+    :deep(.type-icon) {
+      font-size: 16px;
+    }
+
+    .form-item-input {
+      min-width: 300px;
+    }
+
+    .form-item-suffix {
+      width: 88px;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/components/UpdateResult.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/components/UpdateResult.vue
new file mode 100644
index 0000000000..bedb013240
--- /dev/null
+++ b/dbm-ui/frontend/src/views/temporary-paassword-modify/components/UpdateResult.vue
@@ -0,0 +1,330 @@
+<!--
+ * 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
+    v-if="isActive"
+    class="submitting-mask">
+    <DbIcon
+      class="submitting-icon"
+      svg
+      type="sync-pending" />
+    <p class="submitting-text mt16">
+      {{ t('密码正在修改中，请稍等') }}
+    </p>
+    <RouterLink
+      class="mt16 mb16"
+      target="_blank"
+      :to="{
+        name: 'taskHistoryDetail',
+        params: {
+          root_id: rootId,
+        },
+      }">
+      {{ t('查看详情') }}
+    </RouterLink>
+  </div>
+  <RenderSuccess
+    v-else
+    class="modify-success"
+    :steps="[]">
+    <template #title>
+      <I18nT
+        keypath="密码修改完成，成功n个，失败n个"
+        tag="span">
+        <span class="title-success">{{ successList.length }}</span>
+        <span class="title-error">{{ errorList.length }}</span>
+      </I18nT>
+    </template>
+    <RouterLink
+      class="mt16 mb16"
+      target="_blank"
+      :to="{
+        name: 'taskHistoryDetail',
+        params: {
+          root_id: rootId,
+        },
+      }">
+      {{ t('查看详情') }}
+    </RouterLink>
+    <div class="password-display">
+      {{ t('当前密码') }} : {{ passwordDisplay }}
+      <BkButton
+        class="ml-8"
+        text
+        theme="primary"
+        @click="handleShowPassword">
+        <DbIcon
+          v-if="!isShowPassword"
+          type="bk-dbm-icon db-icon-visible1" />
+        <DbIcon
+          v-else
+          type="bk-dbm-icon db-icon-invisible1" />
+      </BkButton>
+      <BkButton
+        class="ml-4"
+        text
+        theme="primary"
+        @click="handleCopyPassword">
+        <DbIcon type="copy" />
+      </BkButton>
+    </div>
+    <template #action>
+      <div>
+        <BkButton
+          :disabled="!errorList.length"
+          theme="primary"
+          @click="handleRetry">
+          {{ t('失败重试') }}
+        </BkButton>
+        <BkButton
+          class="ml8"
+          @click="handleGoBack">
+          {{ t('返回') }}
+        </BkButton>
+      </div>
+      <div
+        v-if="errorList.length || errorMessage"
+        class="list-box">
+        <template v-if="errorMessage">
+          <div class="list-box-head">
+            {{ t('错误日志') }}
+          </div>
+          <div class="list-box-content mb-12">
+            {{ errorMessage }}
+          </div>
+        </template>
+        <template v-if="errorList.length">
+          <div class="list-box-head">
+            {{ t('失败的实例') }}({{ errorList.length }})
+            <BkButton
+              text
+              theme="primary"
+              @click="handleCopy">
+              <DbIcon type="copy" />
+            </BkButton>
+          </div>
+          <div class="list-box-content">
+            <span
+              v-for="(item, index) in errorList"
+              :key="index"
+              class="list-box-content-item">
+              {{ item }}
+            </span>
+          </div>
+        </template>
+      </div>
+    </template>
+  </RenderSuccess>
+</template>
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { modifyAdminPassword, queryAsyncModifyResult } from '@services/source/permission';
+
+  import { useCopy } from '@hooks';
+
+  import RenderSuccess from '@components/ticket-success/Index.vue';
+
+  import { useTimeoutPoll } from '@vueuse/core';
+
+  interface Props {
+    instanceList: ServiceParameters<typeof modifyAdminPassword>['instance_list'];
+    password: string;
+    rootId: string;
+  }
+
+  interface Emits {
+    (e: 'retry', value: Props['instanceList']): void;
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+  const copy = useCopy();
+
+  const isShowPassword = ref(false);
+  const successList = ref<string[]>([]);
+  const errorList = ref<string[]>([]);
+  const errorMessage = ref('');
+
+  const passwordDisplay = computed(() => (isShowPassword.value ? props.password : '********'));
+
+  // 轮询
+  const { isActive, resume, pause } = useTimeoutPoll(() => {
+    queryAsyncModifyResultRun({
+      root_id: props.rootId,
+    });
+  }, 2000);
+
+  const getInstanceList = (list: ServiceReturnType<typeof queryAsyncModifyResult>['success'] = []) => {
+    const arr: string[] = [];
+    list.forEach((item) => {
+      item.instances.forEach((insItem) => {
+        insItem.addresses.forEach((addressItem) => {
+          arr.push(`${addressItem.ip}:${addressItem.port}`);
+        });
+      });
+    });
+    return arr;
+  };
+
+  const { run: queryAsyncModifyResultRun } = useRequest(queryAsyncModifyResult, {
+    manual: true,
+    onSuccess(data) {
+      /**
+       * 设置轮询
+       * FINISHED: 完成态
+       * FAILED: 失败态
+       * REVOKED: 取消态
+       */
+      if (['FINISHED', 'FAILED', 'REVOKED'].includes(data.status)) {
+        pause();
+      } else if (!isActive.value) {
+        resume();
+      }
+      if (data.status === 'FINISHED') {
+        errorMessage.value = data.error as string;
+        successList.value = data.success ? getInstanceList(data.success) : [];
+        errorList.value = data.fail
+          ? getInstanceList(data.fail)
+          : props.instanceList.map((item) => `${item.ip}:${item.port}`);
+      }
+    },
+  });
+
+  watch(
+    () => props.rootId,
+    () => {
+      if (props.rootId && !isActive.value) {
+        resume();
+      }
+    },
+    {
+      immediate: true,
+    },
+  );
+
+  const handleShowPassword = () => {
+    isShowPassword.value = !isShowPassword.value;
+  };
+
+  const handleCopyPassword = () => {
+    copy(props.password);
+  };
+
+  const handleCopy = () => {
+    copy(errorList.value.join('\n'));
+  };
+
+  const handleRetry = () => {
+    emits(
+      'retry',
+      props.instanceList.filter((item) => !successList.value.includes(`${item.ip}:${item.port}`)),
+    );
+  };
+
+  const handleGoBack = () => {
+    emits('refresh');
+  };
+
+  onBeforeUnmount(() => {
+    pause();
+  });
+</script>
+
+<style lang="less" scoped>
+  .submitting-mask {
+    display: flex;
+    padding: 90px 0 138px;
+    flex-direction: column;
+    align-items: center;
+
+    .submitting-icon {
+      font-size: 64px;
+      color: @primary-color;
+      animation: rotate 2s linear infinite;
+    }
+
+    .submitting-text {
+      font-size: 24px;
+      color: #313238;
+    }
+
+    @keyframes rotate {
+      0% {
+        transform: rotate(0deg);
+      }
+
+      100% {
+        transform: rotate(-360deg);
+      }
+    }
+  }
+
+  .modify-success {
+    padding: 60px 0;
+    background-color: #fff;
+
+    .password-display {
+      height: 40px;
+      line-height: 40px;
+    }
+
+    :deep(.operation-steps) {
+      display: none;
+    }
+
+    :deep(.action) {
+      margin-top: 16px;
+    }
+
+    .title-success {
+      font-weight: bold;
+      color: @success-color;
+    }
+
+    .title-error {
+      font-weight: bold;
+      color: @danger-color;
+    }
+
+    .list-box {
+      max-width: 820px;
+      padding: 16px;
+      margin: 24px auto 0;
+      text-align: left;
+      background-color: #f5f7fa;
+
+      .list-box-head {
+        margin-bottom: 12px;
+        font-weight: bold;
+        color: #313238;
+      }
+
+      .list-box-content {
+        display: flex;
+        flex-wrap: wrap;
+
+        .list-box-content-item {
+          width: 20%;
+          line-height: 24px;
+        }
+      }
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/InstanceList.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/components/form-item/InstanceList.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/InstanceList.vue
rename to dbm-ui/frontend/src/views/temporary-paassword-modify/components/form-item/InstanceList.vue
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/PasswordInput.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/components/form-item/PasswordInput.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/PasswordInput.vue
rename to dbm-ui/frontend/src/views/temporary-paassword-modify/components/form-item/PasswordInput.vue
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/ValidDuration.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/components/form-item/ValidDuration.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/ValidDuration.vue
rename to dbm-ui/frontend/src/views/temporary-paassword-modify/components/form-item/ValidDuration.vue
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/render-passwrod-instance/Index.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/components/render-passwrod-instance/Index.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/render-passwrod-instance/Index.vue
rename to dbm-ui/frontend/src/views/temporary-paassword-modify/components/render-passwrod-instance/Index.vue
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/render-passwrod-instance/RenderInstance.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/components/render-passwrod-instance/RenderInstance.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/render-passwrod-instance/RenderInstance.vue
rename to dbm-ui/frontend/src/views/temporary-paassword-modify/components/render-passwrod-instance/RenderInstance.vue
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/Index.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/index/Index.vue
deleted file mode 100644
index a3587552f0..0000000000
--- a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/Index.vue
+++ /dev/null
@@ -1,332 +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 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 :offset-target="getSmartActionOffsetTarget">
-    <div class="password-temporary-modify">
-      <template v-if="submitted">
-        <div
-          v-if="isActive"
-          class="submitting-mask">
-          <DbIcon
-            class="submitting-icon"
-            svg
-            type="sync-pending" />
-          <p class="submitting-text mt16">
-            {{ t('密码正在修改中，请稍等') }}
-          </p>
-          <RouterLink
-            class="mt16 mb16"
-            target="_blank"
-            :to="{
-              name: 'taskHistoryDetail',
-              params: {
-                root_id: rootId,
-              },
-            }">
-            {{ t('查看详情') }}
-          </RouterLink>
-        </div>
-        <UpdateResult
-          v-else
-          :password="formData.password"
-          :submit-length="submitLength"
-          :submit-res="modifyResult"
-          :submit-role-map="submitRoleMap"
-          @refresh="handleRefresh"
-          @retry="handleSubmit">
-          <RouterLink
-            class="mt16 mb16"
-            target="_blank"
-            :to="{
-              name: 'taskHistoryDetail',
-              params: {
-                root_id: rootId,
-              },
-            }">
-            {{ t('查看详情') }}
-          </RouterLink>
-        </UpdateResult>
-      </template>
-      <DbForm
-        v-else
-        ref="formRef"
-        class="password-form"
-        :label-width="200"
-        :model="formData">
-        <InstanceList v-model="formData.instanceList" />
-        <BkFormItem
-          :label="t('统一临时密码')"
-          property="password"
-          required>
-          <PasswordInput
-            v-model="formData.password"
-            :button-disabled="!instanceDbType"
-            :button-disabled-tip="t('请先添加实例')"
-            :db-type="instanceDbType" />
-        </BkFormItem>
-        <ValidDuration
-          v-model="formData.validDuration"
-          v-model:valid-duration-type="formData.validDurationType" />
-      </DbForm>
-    </div>
-    <template
-      v-if="!submitting && !submitted"
-      #action>
-      <BkButton
-        class="w-88"
-        theme="primary"
-        @click="submitValidator">
-        {{ t('提交') }}
-      </BkButton>
-      <DbPopconfirm
-        :confirm-handler="handleReset"
-        :content="t('重置将会清空当前填写的所有内容_请谨慎操作')"
-        :title="t('确认重置页面')">
-        <BkButton class="ml8 w-88">
-          {{ t('重置') }}
-        </BkButton>
-      </DbPopconfirm>
-    </template>
-  </SmartAction>
-  <RenderPasswordInstance />
-</template>
-
-<script setup lang="tsx">
-  import { useI18n } from 'vue-i18n';
-  import { useRequest } from 'vue-request';
-
-  import { modifyAdminPassword, queryAsyncModifyResult } from '@services/source/permission';
-
-  import { ClusterTypes, DBTypes } from '@common/const';
-
-  import PasswordInput from '@views/db-manage/common/password-input/Index.vue';
-
-  import { useTimeoutPoll } from '@vueuse/core';
-
-  import InstanceList from './components/form-item/InstanceList.vue';
-  import ValidDuration from './components/form-item/ValidDuration.vue';
-  import RenderPasswordInstance from './components/render-passwrod-instance/Index.vue';
-  import UpdateResult from './components/UpdateResult.vue';
-
-  type ModifyAdminPassword = ServiceReturnType<typeof modifyAdminPassword>;
-
-  const { t } = useI18n();
-
-  const createDefaultData = () => ({
-    instanceList: [] as { ip: string; port: number; bk_cloud_id: number; cluster_type: ClusterTypes; role: string }[],
-    password: '',
-    validDuration: 1,
-    validDurationType: 'day',
-  });
-
-  const submitted = ref(false);
-  const submitLength = ref(0);
-  const formRef = ref();
-  const submitRoleMap = shallowRef<Record<string, string>>({});
-  const formData = reactive(createDefaultData());
-  const instanceDbType = ref<DBTypes>();
-
-  watch(
-    formData,
-    () => {
-      console.log('formData = ', formData);
-      const { instanceList } = formData;
-      if (instanceList.length > 0) {
-        const instance = instanceList[0];
-        const dbTypeMap = {
-          [ClusterTypes.TENDBSINGLE]: DBTypes.MYSQL,
-          [ClusterTypes.TENDBHA]: DBTypes.MYSQL,
-          [ClusterTypes.TENDBCLUSTER]: DBTypes.TENDBCLUSTER,
-          [ClusterTypes.SQLSERVER_HA]: DBTypes.SQLSERVER,
-          [ClusterTypes.SQLSERVER_SINGLE]: DBTypes.SQLSERVER,
-        } as Record<ClusterTypes, DBTypes>;
-        instanceDbType.value = dbTypeMap[instance.cluster_type];
-      }
-    },
-    {
-      deep: true,
-    },
-  );
-
-  const rootId = ref('');
-  const modifyResult = ref<ModifyAdminPassword>('');
-
-  // 轮询
-  const { isActive, resume, pause } = useTimeoutPoll(() => {
-    queryAsyncModifyResultRun({
-      root_id: rootId.value,
-    });
-  }, 2000);
-
-  const { run: queryAsyncModifyResultRun } = useRequest(queryAsyncModifyResult, {
-    manual: true,
-    onSuccess({ data, status }) {
-      /**
-       * 设置轮询
-       * FINISHED: 完成态
-       * FAILED: 失败态
-       * REVOKED: 取消态
-       */
-      if (['FINISHED', 'FAILED', 'REVOKED'].includes(status)) {
-        modifyResult.value = data;
-        pause();
-      } else if (!isActive.value) {
-        resume();
-      }
-    },
-  });
-
-  const { run: modifyAdminPasswordRun, loading: submitting } = useRequest(modifyAdminPassword, {
-    manual: true,
-    onSuccess(data) {
-      submitted.value = true;
-      window.changeConfirm = false;
-      rootId.value = data as string;
-      resume();
-    },
-  });
-
-  const getSmartActionOffsetTarget = () => document.querySelector('.bk-form-content');
-
-  const submitValidator = async () => {
-    await formRef.value.validate();
-    handleSubmit(formData.instanceList);
-  };
-
-  const handleSubmit = (
-    instanceList: {
-      ip: string;
-      port: number;
-      bk_cloud_id: number;
-      cluster_type: ClusterTypes;
-      role: string;
-    }[] = [],
-  ) => {
-    const instanceListParam: typeof instanceList = [];
-    const roleMap: Record<string, string> = {};
-    instanceList.forEach((instance) => {
-      const { ip, port, bk_cloud_id, role, cluster_type } = instance;
-
-      roleMap[`${ip}:${port}`] = role;
-      instanceListParam.push({
-        ip,
-        port,
-        bk_cloud_id,
-        role,
-        cluster_type,
-      });
-    });
-
-    let lockHour = formData.validDuration;
-    if (formData.validDurationType === 'day') {
-      lockHour = formData.validDuration * 24;
-    }
-
-    const params = {
-      lock_hour: lockHour,
-      password: formData.password,
-      instance_list: instanceListParam,
-      is_async: true,
-    };
-
-    submitLength.value = instanceListParam.length;
-    submitRoleMap.value = roleMap;
-    modifyAdminPasswordRun(params);
-  };
-
-  const handleReset = () => {
-    Object.assign(formData, createDefaultData());
-  };
-
-  const handleRefresh = () => {
-    handleReset();
-    submitted.value = false;
-  };
-
-  onBeforeUnmount(() => {
-    pause();
-  });
-</script>
-
-<style lang="less" scoped>
-  .password-temporary-modify {
-    margin-bottom: 32px;
-    background-color: #fff;
-    border-radius: 2px;
-
-    .submitting-mask {
-      display: flex;
-      padding: 90px 0 138px;
-      flex-direction: column;
-      align-items: center;
-
-      .submitting-icon {
-        font-size: 64px;
-        color: @primary-color;
-        animation: rotate 2s linear infinite;
-      }
-
-      .submitting-text {
-        font-size: 24px;
-        color: #313238;
-      }
-
-      @keyframes rotate {
-        0% {
-          transform: rotate(0deg);
-        }
-
-        100% {
-          transform: rotate(-360deg);
-        }
-      }
-    }
-
-    .password-form {
-      padding: 32px 0 24px;
-      border-radius: 2px;
-      box-shadow: 0 3px 4px 0 #0000000a;
-
-      :deep(.password-form-instance) {
-        display: flex;
-        align-items: center;
-      }
-
-      :deep(.password-form-item) {
-        width: 386px;
-      }
-    }
-
-    .btn-area {
-      padding: 24px 0 24px 200px;
-      background-color: #f5f7fa;
-    }
-
-    :deep(.instance-tip) {
-      color: #ff9c01;
-    }
-
-    :deep(.type-icon) {
-      font-size: 16px;
-    }
-
-    .form-item-input {
-      min-width: 300px;
-    }
-
-    .form-item-suffix {
-      width: 88px;
-    }
-  }
-</style>
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/UpdateResult.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/UpdateResult.vue
deleted file mode 100644
index 0ce009a71c..0000000000
--- a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/UpdateResult.vue
+++ /dev/null
@@ -1,223 +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 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
-    class="password-temporary-modify-success"
-    :steps="[]">
-    <template #title>
-      <I18nT
-        keypath="密码修改完成，成功n个，失败n个"
-        tag="span">
-        <span class="title-success">{{ successListLength }}</span>
-        <span class="title-error">{{ errorListLength }}</span>
-      </I18nT>
-    </template>
-    <slot />
-    <div class="password-display">
-      {{ t('当前密码') }} : {{ passwordDisplay }}
-      <BkButton
-        class="ml-8"
-        text
-        theme="primary"
-        @click="handleShowPassword">
-        <DbIcon
-          v-if="!isShowPassword"
-          type="bk-dbm-icon db-icon-visible1" />
-        <DbIcon
-          v-else
-          type="bk-dbm-icon db-icon-invisible1" />
-      </BkButton>
-      <BkButton
-        class="ml-4"
-        text
-        theme="primary"
-        @click="handleCopyPassword">
-        <DbIcon type="copy" />
-      </BkButton>
-    </div>
-    <template #action>
-      <div>
-        <BkButton
-          :disabled="!errorListLength"
-          theme="primary"
-          @click="handleRetry">
-          {{ t('失败重试') }}
-        </BkButton>
-        <BkButton
-          class="ml8"
-          @click="handleGoBack">
-          {{ t('返回') }}
-        </BkButton>
-      </div>
-      <div
-        v-if="errorListLength"
-        class="list-box">
-        <div class="list-box-head">
-          <span> {{ t('失败的实例') }}({{ errorListLength }}) </span>
-          <BkButton
-            text
-            theme="primary"
-            @click="handleCopy">
-            <DbIcon type="copy" />
-          </BkButton>
-        </div>
-        <div class="list-box-content">
-          <span
-            v-for="(item, index) in errorList"
-            :key="index"
-            class="list-box-content-item">
-            {{ item.ip }}:{{ item.port }}
-          </span>
-        </div>
-      </div>
-    </template>
-  </RenderSuccess>
-</template>
-<script setup lang="ts">
-  import { useI18n } from 'vue-i18n';
-
-  import { modifyAdminPassword } from '@services/source/permission';
-
-  import { useCopy } from '@hooks';
-
-  import type { ClusterTypes } from '@common/const';
-
-  import RenderSuccess from '@components/ticket-success/Index.vue';
-
-  type ModifyAdminPassword = ServiceReturnType<typeof modifyAdminPassword>;
-
-  interface RetryItem {
-    ip: string;
-    port: number;
-    bk_cloud_id: number;
-    cluster_type: ClusterTypes;
-    role: string;
-  }
-
-  interface Props {
-    submitRes?: ModifyAdminPassword;
-    submitLength: number;
-    submitRoleMap: Record<string, string>;
-    password: string;
-  }
-
-  interface Emits {
-    (e: 'retry', value: RetryItem[]): void;
-    (e: 'refresh'): void;
-  }
-
-  const props = defineProps<Props>();
-  const emits = defineEmits<Emits>();
-
-  const { t } = useI18n();
-  const copy = useCopy();
-  const isShowPassword = ref(false);
-
-  const passwordDisplay = computed(() => (isShowPassword.value ? props.password : '********'));
-  const errorList = computed(() =>
-    (props?.submitRes?.fail || []).reduce((errorPrev, errorItem) => {
-      const { bk_cloud_id, cluster_type } = errorItem;
-      const roleMap = props.submitRoleMap;
-      const retryItems = errorItem.instances.reduce((retryItemsPrev, instanceItem) => {
-        const newInstanceItem = instanceItem.addresses.map((addressItem) => ({
-          ...addressItem,
-          bk_cloud_id,
-          cluster_type,
-          role: roleMap[`${addressItem.ip}:${addressItem.port}`],
-        }));
-
-        return [...retryItemsPrev, ...newInstanceItem];
-      }, [] as RetryItem[]);
-
-      return [...errorPrev, ...retryItems];
-    }, [] as RetryItem[]),
-  );
-  const errorListLength = computed(() => errorList.value.length);
-  const successListLength = computed(() => props.submitLength - errorListLength.value);
-
-  const handleShowPassword = () => {
-    isShowPassword.value = !isShowPassword.value;
-  };
-
-  const handleCopyPassword = () => {
-    copy(props.password);
-  };
-
-  const handleCopy = () => {
-    const copyList = errorList.value.map((errorItem) => `${errorItem.ip}:${errorItem.port}`);
-    copy(copyList.join('\n'));
-  };
-
-  const handleRetry = () => {
-    emits('retry', errorList.value);
-  };
-
-  const handleGoBack = () => {
-    emits('refresh');
-  };
-</script>
-
-<style lang="less" scoped>
-  .password-temporary-modify-success {
-    padding: 60px 0;
-    background-color: #fff;
-
-    .password-display {
-      height: 40px;
-      line-height: 40px;
-    }
-
-    :deep(.operation-steps) {
-      display: none;
-    }
-
-    :deep(.action) {
-      margin-top: 16px;
-    }
-
-    .title-success {
-      font-weight: bold;
-      color: @success-color;
-    }
-
-    .title-error {
-      font-weight: bold;
-      color: @danger-color;
-    }
-
-    .list-box {
-      max-width: 820px;
-      padding: 16px;
-      margin: 24px auto 0;
-      text-align: left;
-      background-color: #f5f7fa;
-
-      .list-box-head {
-        margin-bottom: 12px;
-        font-weight: bold;
-        color: #313238;
-      }
-
-      .list-box-content {
-        display: flex;
-        flex-wrap: wrap;
-
-        .list-box-content-item {
-          width: 20%;
-          line-height: 24px;
-        }
-      }
-    }
-  }
-</style>
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/routes.ts b/dbm-ui/frontend/src/views/temporary-paassword-modify/routes.ts
index 9f34c4e309..8c561a0afc 100644
--- a/dbm-ui/frontend/src/views/temporary-paassword-modify/routes.ts
+++ b/dbm-ui/frontend/src/views/temporary-paassword-modify/routes.ts
@@ -21,20 +21,7 @@ const routes = [
     meta: {
       navName: t('临时密码修改'),
     },
-    redirect: {
-      name: 'DBPasswordTemporaryModifyIndex',
-    },
     component: () => import('@views/temporary-paassword-modify/Index.vue'),
-    children: [
-      {
-        name: 'DBPasswordTemporaryModifyIndex',
-        path: 'index',
-        meta: {
-          navName: t('临时密码修改'),
-        },
-        component: () => import('@views/temporary-paassword-modify/index/Index.vue'),
-      },
-    ],
   },
 ];