diff --git a/packages/ui/certd-client/src/App.vue b/packages/ui/certd-client/src/App.vue
index 7faa70cc..57557ef9 100644
--- a/packages/ui/certd-client/src/App.vue
+++ b/packages/ui/certd-client/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <AConfigProvider :locale="locale" :theme="tokenTheme">
+  <AConfigProvider :locale="antdvLocale" :theme="tokenTheme">
     <FsFormProvider>
       <contextHolder />
       <router-view />
@@ -8,46 +8,22 @@
 </template>
 
 <script lang="ts" setup>
-import zhCN from "ant-design-vue/es/locale/zh_CN";
-import enUS from "ant-design-vue/es/locale/en_US";
-import { computed, onMounted, provide, ref } from "vue";
-import "dayjs/locale/zh-cn";
-import "dayjs/locale/en";
-import dayjs from "dayjs";
-import { usePreferences, preferences } from "/@/vben/preferences";
+import { computed, provide, ref } from "vue";
+import { preferences, usePreferences } from "/@/vben/preferences";
 import { useAntdDesignTokens } from "/@/vben/hooks";
-import { theme } from "ant-design-vue";
+import { Modal, theme } from "ant-design-vue";
 import AConfigProvider from "ant-design-vue/es/config-provider";
-import { Modal } from "ant-design-vue";
-import MaxKBChat from "/@/components/ai/index.vue";
-import { util } from "/@/utils";
-import { useSettingStore } from "/@/store/settings";
+import { antdvLocale } from "./locales/antdv";
+import { setI18nLanguage } from "/@/locales";
 defineOptions({
   name: "App",
 });
+
 const [modal, contextHolder] = Modal.useModal();
 provide("modal", modal);
-//刷新页面方法
-const locale = ref(zhCN);
-async function reload() {}
-localeChanged("zh-cn");
-provide("fn:router.reload", reload);
-provide("fn:locale.changed", localeChanged);
-//刷新页面方法
-function localeChanged(value: any) {
-  console.log("locale changed:", value);
-  if (value === "zh-cn") {
-    locale.value = zhCN;
-    dayjs.locale("zh-cn");
-  } else if (value === "en") {
-    locale.value = enUS;
-    dayjs.locale("en");
-  }
-}
-localeChanged("zh-cn");
-provide("fn:router.reload", reload);
-provide("fn:locale.changed", localeChanged);
 
+const locale = preferences.app.locale;
+setI18nLanguage(locale);
 
 const { isDark } = usePreferences();
 const { tokens } = useAntdDesignTokens();
@@ -65,13 +41,4 @@ const tokenTheme = computed(() => {
     token: tokens,
   };
 });
-//其他初始化
-// const resourceStore = useResourceStore();
-// resourceStore.init();
-// const pageStore = usePageStore();
-// pageStore.init();
-// const settingStore = useSettingStore();
-// settingStore.init();
-
-
 </script>
diff --git a/packages/ui/certd-client/src/components/cron-editor/index.vue b/packages/ui/certd-client/src/components/cron-editor/index.vue
index 3b2956a2..c411b4de 100644
--- a/packages/ui/certd-client/src/components/cron-editor/index.vue
+++ b/packages/ui/certd-client/src/components/cron-editor/index.vue
@@ -1,120 +1,132 @@
 <template>
-  <div class="cron-editor">
-    <div class="flex-o">
-      <cron-light :disabled="disabled" :readonly="readonly" :period="period" class="flex-o cron-ant" locale="zh-CN" format="quartz" :model-value="modelValue" @update:model-value="onUpdate" @error="onError" />
-    </div>
-    <div class="mt-5 flex">
-      <a-input :disabled="true" :readonly="readonly" :value="modelValue" @change="onChange"></a-input>
-      <fs-icon icon="ion:close-circle" class="pointer fs-16 ml-5 color-gray" title="清除选择" @click="onClear"></fs-icon>
-    </div>
-    <div class="helper">下次触发时间：{{ nextTime }}</div>
-    <div class="fs-helper">{{ errorMessage }}</div>
-  </div>
+	<div class="cron-editor">
+		<div class="flex-o">
+			<cron-light :disabled="disabled" :readonly="readonly" :period="period" class="flex-o cron-ant"
+				locale="zh-CN" format="quartz" :model-value="modelValue" @update:model-value="onUpdate"
+				@error="onError" />
+		</div>
+		<div class="mt-5 flex">
+			<a-input :disabled="true" :readonly="readonly" :value="modelValue" @change="onChange"></a-input>
+			<fs-icon icon="ion:close-circle" class="pointer fs-16 ml-5 color-gray" :title="t('certd.cron.clearTip')"
+				@click="onClear"></fs-icon>
+		</div>
+		<div class="helper">{{ t('certd.cron.nextTrigger') }}：{{ nextTime }}</div>
+		<div class="fs-helper">{{ errorMessage }}</div>
+	</div>
 </template>
 
+
 <script lang="ts" setup>
 import parser from "cron-parser";
 import { computed, ref } from "vue";
 import dayjs from "dayjs";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 import { getCronNextTimes } from "/@/components/cron-editor/utils";
 defineOptions({
-  name: "CronEditor",
+	name: "CronEditor",
 });
 const props = defineProps<{
-  modelValue?: string;
-  disabled?: boolean;
-  readonly?: boolean;
-  allowEveryMin?: boolean;
+	modelValue?: string;
+	disabled?: boolean;
+	readonly?: boolean;
+	allowEveryMin?: boolean;
 }>();
 
 const period = ref<string>("");
 if (props.modelValue == null || props.modelValue.endsWith("* * *")) {
-  period.value = "day";
+	period.value = "day";
 } else if (props.modelValue.endsWith("* *")) {
-  period.value = "month";
+	period.value = "month";
 } else if (props.modelValue.endsWith("*")) {
-  period.value = "year";
+	period.value = "year";
 }
 const emit = defineEmits<{
-  "update:modelValue": any;
-  change: any;
+	"update:modelValue": any;
+	change: any;
 }>();
 
 const errorMessage = ref<string | null>(null);
 
 const onUpdate = (value: string) => {
-  if (value === props.modelValue) {
-    return;
-  }
-  const arr: string[] = value.split(" ");
-  if (arr[0] === "*") {
-    arr[0] = "0";
-  }
-  if (!props.allowEveryMin) {
-    if (arr[1] === "*") {
-      arr[1] = "0";
-    }
-  }
+	if (value === props.modelValue) {
+		return;
+	}
+	const arr: string[] = value.split(" ");
+	if (arr[0] === "*") {
+		arr[0] = "0";
+	}
+	if (!props.allowEveryMin) {
+		if (arr[1] === "*") {
+			arr[1] = "0";
+		}
+	}
 
-  value = arr.join(" ");
+	value = arr.join(" ");
 
-  emit("update:modelValue", value);
-  errorMessage.value = undefined;
+	emit("update:modelValue", value);
+	errorMessage.value = undefined;
 };
 
 const onPeriod = (value: string) => {
-  period.value = value;
+	period.value = value;
 };
 
 const onChange = (e: any) => {
-  const value = e.target.value;
-  onUpdate(value);
+	const value = e.target.value;
+	onUpdate(value);
 };
 const onError = (error: any) => {
-  errorMessage.value = error;
+	errorMessage.value = error;
 };
 
 const onClear = () => {
-  if (props.disabled) {
-    return;
-  }
-  onUpdate("");
+	if (props.disabled) {
+		return;
+	}
+	onUpdate("");
 };
 
 const nextTime = computed(() => {
-  if (props.modelValue == null) {
-    return "请先设置正确的cron表达式";
-  }
+	if (props.modelValue == null) {
+		return t("certd.cron.tip");
+	}
 
-  try {
-    const nextTimes = getCronNextTimes(props.modelValue, 2);
-    return nextTimes.join("，");
-  } catch (e) {
-    console.log(e);
-    return "请先设置正确的cron表达式";
-  }
+	try {
+		const nextTimes = getCronNextTimes(props.modelValue, 2);
+		return nextTimes.join("，");
+	} catch (e) {
+		console.log(e);
+		return t("certd.cron.tip");
+	}
 });
+
 </script>
 <style lang="less">
 .cron-editor {
-  .cron-ant {
-    flex-wrap: wrap;
-    &* > {
-      margin-bottom: 2px;
-      display: flex;
-      align-items: center;
-    }
-    .vcron-select-list {
-      min-width: 56px;
-    }
-    .vcron-select-input {
-      min-height: 22px;
-      background-color: #fff;
-    }
-    .vcron-select-container {
-      display: flex;
-      align-items: center;
-    }
-  }
+	.cron-ant {
+		flex-wrap: wrap;
+
+		&*> {
+			margin-bottom: 2px;
+			display: flex;
+			align-items: center;
+		}
+
+		.vcron-select-list {
+			min-width: 56px;
+		}
+
+		.vcron-select-input {
+			min-height: 22px;
+			background-color: #fff;
+		}
+
+		.vcron-select-container {
+			display: flex;
+			align-items: center;
+		}
+	}
 }
 </style>
diff --git a/packages/ui/certd-client/src/components/plugins/common/remote-select.vue b/packages/ui/certd-client/src/components/plugins/common/remote-select.vue
index a8e55d97..b4953379 100644
--- a/packages/ui/certd-client/src/components/plugins/common/remote-select.vue
+++ b/packages/ui/certd-client/src/components/plugins/common/remote-select.vue
@@ -195,6 +195,7 @@ watch(
     const input = (pluginType === "plugin" ? form?.input : form) || {};
     const watches = {};
     for (const key of props.watches) {
+      //@ts-ignore
       watches[key] = input[key];
     }
     return {
diff --git a/packages/ui/certd-client/src/components/tutorial/index.vue b/packages/ui/certd-client/src/components/tutorial/index.vue
index b37e87e1..d1eec41e 100644
--- a/packages/ui/certd-client/src/components/tutorial/index.vue
+++ b/packages/ui/certd-client/src/components/tutorial/index.vue
@@ -16,18 +16,23 @@ const slots = defineSlots();
 <template>
   <div class="tutorial-button pointer" @click="open">
     <template v-if="!slots.default">
-      <fs-icon v-if="showIcon === false" icon="ant-design:question-circle-outlined" class="mr-0.5"></fs-icon>
-      <div class="hidden md:block">使用教程</div>
+      <fs-icon
+        v-if="showIcon === false"
+        icon="ant-design:question-circle-outlined"
+        class="mr-0.5"
+      ></fs-icon>
+      <div class="hidden md:block">{{$t('tutorial.title')}}</div>
     </template>
     <slot></slot>
     <a-modal v-model:open="openedRef" class="tutorial-modal" width="90%">
-      <template #title> 使用教程 </template>
+      <template #title>{{$t('tutorial.title')}}</template>
       <tutorial-steps v-if="openedRef" />
       <template #footer></template>
     </a-modal>
   </div>
 </template>
 
+
 <style lang="less">
 .tutorial-modal {
   top: 50px;
diff --git a/packages/ui/certd-client/src/components/tutorial/simple-steps.vue b/packages/ui/certd-client/src/components/tutorial/simple-steps.vue
index e8bde68d..45a3ef0f 100644
--- a/packages/ui/certd-client/src/components/tutorial/simple-steps.vue
+++ b/packages/ui/certd-client/src/components/tutorial/simple-steps.vue
@@ -4,6 +4,9 @@
 
 <script lang="ts" setup>
 import { useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 type Step = {
   title: string;
@@ -13,15 +16,9 @@ type Step = {
 import { ref } from "vue";
 
 const steps = ref<Step[]>([
-  {
-    title: "创建证书流水线"
-  },
-  {
-    title: "添加部署任务"
-  },
-  {
-    title: "定时运行"
-  }
+  { title: t('certd.steps.createPipeline') },
+  { title: t('certd.steps.addTask') },
+  { title: t('certd.steps.scheduledRun') }
 ]);
 
 const router = useRouter();
diff --git a/packages/ui/certd-client/src/components/tutorial/tutorial-steps.vue b/packages/ui/certd-client/src/components/tutorial/tutorial-steps.vue
index e20e0dab..bb9bc516 100644
--- a/packages/ui/certd-client/src/components/tutorial/tutorial-steps.vue
+++ b/packages/ui/certd-client/src/components/tutorial/tutorial-steps.vue
@@ -20,14 +20,18 @@
     </div>
 
     <div class="flex-center actions">
-      <fs-button class="m-10" icon="ion:arrow-back-outline" @click="prev()">上一步</fs-button>
-      <fs-button class="m-10" type="primary" icon-right="ion:arrow-forward-outline" @click="next()">下一步</fs-button>
+      <fs-button class="m-10" icon="ion:arrow-back-outline" @click="prev()">{{ t('guide.buttons.prev') }}</fs-button>
+      <fs-button class="m-10" type="primary" icon-right="ion:arrow-forward-outline" @click="next()">{{ t('guide.buttons.next') }}</fs-button>
     </div>
+
   </div>
 </template>
 
 <script setup lang="tsx">
 import { FsRender } from "@fast-crud/fast-crud";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 import SimpleSteps from "./simple-steps.vue";
 type Step = {
   title: string;
@@ -45,130 +49,151 @@ type StepItems = {
 import { computed, nextTick, ref } from "vue";
 
 const steps = ref<Step[]>([
-  {
-    title: "创建证书申请流水线",
-    description: "演示证书申请任务如何配置",
+    {
+    title: t("guide.createCertPipeline.title"),
+    description: t("guide.createCertPipeline.description"),
     items: [
       {
-        title: "教程演示内容",
-        descriptions: ["本教程演示如何自动申请证书并部署到Nginx上", "仅需3步，全自动申请部署证书"],
+        title: t("guide.createCertPipeline.items.tutorialTitle"),
+        descriptions: [
+          t("guide.createCertPipeline.items.tutorialDesc1"),
+          t("guide.createCertPipeline.items.tutorialDesc2"),
+        ],
         body: () => {
           return <SimpleSteps></SimpleSteps>;
         },
       },
       {
         image: "/static/doc/images/1-add.png",
-        title: "创建证书流水线",
-        descriptions: ["点击添加证书流水线，填写证书申请信息"],
+        title: t("guide.createCertPipeline.items.createTitle"),
+        descriptions: [t("guide.createCertPipeline.items.createDesc")],
       },
       {
         image: "/static/doc/images/3-add-success.png",
-        title: "流水线创建成功",
-        descriptions: ["点击手动触发即可申请证书"],
+        title: t("guide.createCertPipeline.items.successTitle"),
+        descriptions: [t("guide.createCertPipeline.items.successDesc")],
       },
       {
-        title: "接下来演示如何自动部署证书",
-        descriptions: ["如果您只需要申请证书，那么到这一步就可以了"],
+        title: t("guide.createCertPipeline.items.nextTitle"),
+        descriptions: [t("guide.createCertPipeline.items.nextDesc")],
       },
     ],
   },
   {
-    title: "添加部署证书任务",
-    description: "这里演示部署证书到Nginx",
+    title: t("guide.addDeployTask.title"),
+    description: t("guide.addDeployTask.description"),
     items: [
       {
         image: "/static/doc/images/5-1-add-host.png",
-        title: "添加证书部署任务",
-        descriptions: ["这里演示自动部署证书到nginx", "本系统提供海量部署插件，满足您的各种部署需求"],
+        title: t("guide.addDeployTask.items.addTaskTitle"),
+        descriptions: [
+          t("guide.addDeployTask.items.addTaskDesc1"),
+          t("guide.addDeployTask.items.addTaskDesc2"),
+        ],
       },
       {
         image: "/static/doc/images/5-2-add-host.png",
-        title: "填写任务参数",
-        descriptions: ["填写主机上证书文件的路径", "选择主机ssh登录授权"],
+        title: t("guide.addDeployTask.items.fillParamsTitle"),
+        descriptions: [
+          t("guide.addDeployTask.items.fillParamsDesc1"),
+          t("guide.addDeployTask.items.fillParamsDesc2"),
+        ],
       },
       {
         image: "/static/doc/images/5-3-add-host.png",
-        title: "让新证书生效",
-        descriptions: ["执行重启脚本", "让证书生效"],
+        title: t("guide.addDeployTask.items.activateCertTitle"),
+        descriptions: [
+          t("guide.addDeployTask.items.activateCertDesc1"),
+          t("guide.addDeployTask.items.activateCertDesc2"),
+        ],
       },
       {
         image: "/static/doc/images/5-4-add-host.png",
-        title: "部署任务添加成功",
-        descriptions: ["现在可以运行"],
+        title: t("guide.addDeployTask.items.taskSuccessTitle"),
+        descriptions: [t("guide.addDeployTask.items.taskSuccessDesc")],
       },
       {
         image: "/static/doc/images/5-5-plugin-list.png",
-        title: "本系统提供茫茫多的部署插件",
-        descriptions: ["您可以根据自身需求将证书部署到各种应用和平台"],
-      },
-    ],
-  },
-  {
-    title: "运行与测试",
-    description: "演示流水线运行,查看日志，成功后跳过等",
-    items: [
-      {
-        image: "/static/doc/images/9-start.png",
-        title: "运行测试一下",
-        descriptions: ["点击手动触发按钮，即可测试运行"],
-      },
-      {
-        image: "/static/doc/images/10-1-log.png",
-        title: "查看日志",
-        descriptions: ["点击任务可以查看状态和日志"],
-      },
-      {
-        image: "/static/doc/images/11-1-error.png",
-        title: "执行失败如何排查",
-        descriptions: ["查看错误日志"],
-      },
-      {
-        image: "/static/doc/images/11-2-error.png",
-        title: "执行失败如何排查",
-        descriptions: ["查看错误日志", "这里报的是nginx容器不存在，修改命令，改成正确的nginx容器名称即可"],
-      },
-      {
-        image: "/static/doc/images/12-1-log-success.png",
-        title: "执行成功",
-        descriptions: ["修改正确后，重新点击手动触发，重新运行一次，执行成功"],
-      },
-      {
-        image: "/static/doc/images/12-2-skip-log.png",
-        title: "成功后自动跳过",
-        descriptions: ["可以看到成功过的将会自动跳过，不会重复执行，只有当参数变更或者证书更新了，才会重新运行"],
-      },
-      {
-        image: "/static/doc/images/13-1-result.png",
-        title: "查看证书部署成功",
-        descriptions: ["访问nginx上的网站，可以看到证书已经部署成功"],
-      },
-      {
-        image: "/static/doc/images/13-3-download.png",
-        title: "还可以下载证书，手动部署",
-        descriptions: ["如果还没有好用的部署插件，没办法自动部署，你还可以下载证书，手动部署"],
-      },
-    ],
-  },
-  {
-    title: "设置定时执行和邮件通知",
-    description: "自动运行",
-    items: [
-      {
-        image: "/static/doc/images/14-timer.png",
-        title: "设置定时执行",
-        descriptions: ["流水线测试成功，接下来配置定时触发，以后每天定时执行就不用管了", "推荐配置每天运行一次，在到期前35天才会重新申请新证书并部署，没到期前会自动跳过，不会重复申请。"],
-      },
-      {
-        image: "/static/doc/images/15-1-email.png",
-        title: "设置邮件通知",
-        descriptions: ["建议选择监听'错误时'和'错误转成功'两种即可，在意外失败时可以尽快去排查问题，（基础版需要配置邮件服务器）"],
-      },
-      {
-        title: "教程结束",
-        descriptions: ["感谢观看，希望对你有所帮助"],
+        title: t("guide.addDeployTask.items.pluginsTitle"),
+        descriptions: [t("guide.addDeployTask.items.pluginsDesc")],
       },
     ],
   },
+	{
+	title: t('guide.runAndTestTask.runAndTestTitle'),
+	description: t('guide.runAndTestTask.runAndTestDescription'),
+	items: [
+		{
+		image: "/static/doc/images/9-start.png",
+		title: t('guide.runAndTestTask.runTestOnce'),
+		descriptions: [t('guide.runAndTestTask.clickManualTriggerToTest')],
+		},
+		{
+		image: "/static/doc/images/10-1-log.png",
+		title: t('guide.runAndTestTask.viewLogs'),
+		descriptions: [t('guide.runAndTestTask.clickTaskToViewStatusAndLogs')],
+		},
+		{
+		image: "/static/doc/images/11-1-error.png",
+		title: t('guide.runAndTestTask.howToTroubleshootFailure'),
+		descriptions: [t('guide.runAndTestTask.viewErrorLogs')],
+		},
+		{
+		image: "/static/doc/images/11-2-error.png",
+		title: t('guide.runAndTestTask.howToTroubleshootFailure'),
+		descriptions: [
+			t('guide.runAndTestTask.viewErrorLogs'),
+			t('guide.runAndTestTask.nginxContainerNotExistFix'),
+		],
+		},
+		{
+		image: "/static/doc/images/12-1-log-success.png",
+		title: t('guide.runAndTestTask.executionSuccess'),
+		descriptions: [t('guide.runAndTestTask.retryAfterFix')],
+		},
+		{
+		image: "/static/doc/images/12-2-skip-log.png",
+		title: t('guide.runAndTestTask.autoSkipAfterSuccess'),
+		descriptions: [t('guide.runAndTestTask.successSkipExplanation')],
+		},
+		{
+		image: "/static/doc/images/13-1-result.png",
+		title: t('guide.runAndTestTask.viewCertDeploymentSuccess'),
+		descriptions: [t('guide.runAndTestTask.visitNginxToSeeCert')],
+		},
+		{
+		image: "/static/doc/images/13-3-download.png",
+		title: t('guide.runAndTestTask.downloadCertManualDeploy'),
+		descriptions: [t('guide.runAndTestTask.downloadIfNoAutoDeployPlugin')],
+		},
+	],
+	},
+	{
+	title: t('guide.scheduleAndEmailTask.title'),
+	description: t('guide.scheduleAndEmailTask.description'),
+	items: [
+		{
+		image: "/static/doc/images/14-timer.png",
+		title: t('guide.scheduleAndEmailTask.setSchedule'),
+		descriptions: [
+			t('guide.scheduleAndEmailTask.pipelineSuccessThenSchedule'),
+			t('guide.scheduleAndEmailTask.recommendDailyRun'),
+		],
+		},
+		{
+		image: "/static/doc/images/15-1-email.png",
+		title: t('guide.scheduleAndEmailTask.setEmailNotification'),
+		descriptions: [
+			t('guide.scheduleAndEmailTask.suggestErrorAndRecoveryEmails'),
+			t('guide.scheduleAndEmailTask.basicVersionNeedsMailServer'),
+		],
+		},
+		{
+		title: t('guide.scheduleAndEmailTask.tutorialEndTitle'),
+		descriptions: [t('guide.scheduleAndEmailTask.thanksForWatching')],
+		},
+	],
+	}
 ]);
 
 const current = ref(0);
diff --git a/packages/ui/certd-client/src/components/vip-button/index.vue b/packages/ui/certd-client/src/components/vip-button/index.vue
index 91a93064..682d69e8 100644
--- a/packages/ui/certd-client/src/components/vip-button/index.vue
+++ b/packages/ui/certd-client/src/components/vip-button/index.vue
@@ -1,15 +1,15 @@
 <template>
-  <div v-if="!settingStore.isComm || userStore.isAdmin" class="layout-vip isPlus" @click="openUpgrade">
-    <contextHolder />
-    <fs-icon icon="mingcute:vip-1-line" :title="text.title" />
+	<div v-if="!settingStore.isComm || userStore.isAdmin" class="layout-vip isPlus" @click="openUpgrade">
+		<contextHolder />
+		<fs-icon icon="mingcute:vip-1-line" :title="text.title" />
 
-    <div v-if="mode !== 'icon'" class="text hidden md:block ml-0.5">
-      <a-tooltip>
-        <template #title> {{ text.title }}</template>
-        <span class="">{{ text.name }}</span>
-      </a-tooltip>
-    </div>
-  </div>
+		<div v-if="mode !== 'icon'" class="text hidden md:block ml-0.5">
+			<a-tooltip>
+				<template #title> {{ text.title }}</template>
+				<span class="">{{ text.name }}</span>
+			</a-tooltip>
+		</div>
+	</div>
 </template>
 <script lang="tsx" setup>
 import { computed, onMounted, reactive } from "vue";
@@ -20,6 +20,9 @@ import { useSettingStore } from "/@/store/settings";
 import { useRouter } from "vue-router";
 import { useUserStore } from "/@/store/user";
 import { mitter } from "/@/utils/util.mitt";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const settingStore = useSettingStore();
 const props = withDefaults(
@@ -39,56 +42,56 @@ const text = computed<Text>(() => {
   const map = {
     isComm: {
       comm: {
-        name: `${vipLabel}已开通`,
-        title: "到期时间：" + expireTime.value,
+        name: t("vip.comm.name", { vipLabel }),
+        title: t("vip.comm.title", { expire: expireTime.value }),
       },
       button: {
-        name: `${vipLabel}已开通`,
-        title: "到期时间：" + expireTime.value,
+        name: t("vip.comm.name", { vipLabel }),
+        title: t("vip.comm.title", { expire: expireTime.value }),
       },
       icon: {
         name: "",
-        title: `${vipLabel}已开通`,
+        title: t("vip.comm.name", { vipLabel }),
       },
       nav: {
-        name: `${vipLabel}`,
-        title: "到期时间：" + expireTime.value,
+        name: t("vip.comm.nav", { vipLabel }),
+        title: t("vip.comm.title", { expire: expireTime.value }),
       },
     },
     isPlus: {
       comm: {
-        name: "商业版功能",
-        title: "升级商业版，获取商业授权",
+        name: t("vip.plus.name"),
+        title: t("vip.plus.title"),
       },
       button: {
-        name: `${vipLabel}已开通`,
-        title: "到期时间：" + expireTime.value,
+        name: t("vip.comm.name", { vipLabel }),
+        title: t("vip.comm.title", { expire: expireTime.value }),
       },
       icon: {
         name: "",
-        title: `${vipLabel}已开通`,
+        title: t("vip.comm.name", { vipLabel }),
       },
       nav: {
-        name: `${vipLabel}`,
-        title: "到期时间：" + expireTime.value,
+        name: t("vip.comm.nav", { vipLabel }),
+        title: t("vip.comm.title", { expire: expireTime.value }),
       },
     },
     free: {
       comm: {
-        name: "商业版功能",
-        title: "升级商业版，获取商业授权",
+        name: t("vip.free.comm.name"),
+        title: t("vip.free.comm.title"),
       },
       button: {
-        name: "专业版功能",
-        title: "升级专业版，享受更多VIP特权",
+        name: t("vip.free.button.name"),
+        title: t("vip.free.button.title"),
       },
       icon: {
         name: "",
-        title: "专业版功能",
+        title: t("vip.free.button.name"),
       },
       nav: {
-        name: "基础版",
-        title: "升级专业版，享受更多VIP特权",
+        name: t("vip.free.nav.name"),
+        title: t("vip.free.nav.title"),
       },
     },
   };
@@ -101,6 +104,7 @@ const text = computed<Text>(() => {
   }
 });
 
+
 const expireTime = computed(() => {
   if (settingStore.isPlus) {
     return dayjs(settingStore.plusInfo.expireTime).format("YYYY-MM-DD");
@@ -125,22 +129,24 @@ const formState = reactive({
 const router = useRouter();
 async function doActive() {
   if (!formState.code) {
-    message.error("请输入激活码");
-    throw new Error("请输入激活码");
+    message.error(t("vip.enterCode"));
+    throw new Error(t("vip.enterCode"));
   }
   const res = await api.doActive(formState);
   if (res) {
     await settingStore.init();
     const vipLabel = settingStore.vipLabel;
     Modal.success({
-      title: "激活成功",
-      content: `您已成功激活${vipLabel},有效期至：${dayjs(settingStore.plusInfo.expireTime).format("YYYY-MM-DD")}`,
+      title: t("vip.successTitle"),
+      content: t("vip.successContent", {
+        vipLabel,
+        expireDate: dayjs(settingStore.plusInfo.expireTime).format("YYYY-MM-DD"),
+      }),
       onOk() {
         if (!(settingStore.installInfo.bindUserId > 0)) {
-          //未绑定账号
           Modal.confirm({
-            title: "是否绑定袖手账号",
-            content: "绑定账号后，可以避免License丢失，强烈建议绑定",
+            title: t("vip.bindAccountTitle"),
+            content: t("vip.bindAccountContent"),
             onOk() {
               router.push("/sys/account");
             },
@@ -151,6 +157,7 @@ async function doActive() {
   }
 }
 
+
 const computedSiteId = computed(() => settingStore.installInfo?.siteId);
 const [modal, contextHolder] = Modal.useModal();
 const userStore = useUserStore();
@@ -162,16 +169,17 @@ function goAccount() {
 
 async function getVipTrial() {
   const res = await api.getVipTrial();
-  message.success(`恭喜，您已获得专业版${res.duration}天试用`);
+  message.success(t('vip.congratulations_vip_trial', { duration: res.duration }));
   await settingStore.init();
 }
 
+
 function openTrialModal() {
   Modal.destroyAll();
 
   modal.confirm({
-    title: "7天专业版试用获取",
-    okText: "立即获取",
+    title: t('vip.trial_modal_title'),
+    okText: t('vip.trial_modal_ok_text'),
     onOk() {
       getVipTrial();
     },
@@ -179,14 +187,15 @@ function openTrialModal() {
     content: () => {
       return (
         <div class="flex-col mt-10 mb-10">
-          <div>感谢您对开源项目的支持</div>
-          <div>点击确认，即可获取7天专业版试用</div>
+          <div>{t('vip.trial_modal_thanks')}</div>
+          <div>{t('vip.trial_modal_click_confirm')}</div>
         </div>
       );
     },
   });
 }
 
+
 function openStarModal() {
   Modal.destroyAll();
   const goGithub = () => {
@@ -194,8 +203,8 @@ function openStarModal() {
   };
 
   modal.confirm({
-    title: "7天专业版试用获取",
-    okText: "立即去Star",
+    title: t("vip.get_7_day_pro_trial"),
+    okText: t("vip.star_now"),
     onOk() {
       goGithub();
       openTrialModal();
@@ -204,7 +213,7 @@ function openStarModal() {
     content: () => {
       return (
         <div class="flex mt-10 mb-10">
-          <div>可以先请您帮忙点个star吗？感谢感谢</div>
+          <div>{t("vip.please_help_star")}</div>
           <img class="ml-5" src="https://img.shields.io/github/stars/certd/certd?logo=github" />
         </div>
       );
@@ -212,174 +221,207 @@ function openStarModal() {
   });
 }
 
+
 function openUpgrade() {
-  if (!userStore.isAdmin) {
-    message.info("仅限管理员操作");
-    return;
-  }
-  const placeholder = "请输入激活码";
-  const isPlus = settingStore.isPlus;
-  let title = "激活专业版/商业版";
-  if (settingStore.isComm) {
-    title = "续期商业版";
-  } else if (settingStore.isPlus) {
-    title = "续期专业版/升级商业版";
-  }
+if (!userStore.isAdmin) {
+  message.info(t("vip.admin_only_operation"));
+  return;
+}
+const placeholder = t("vip.enter_activation_code");
+const isPlus = settingStore.isPlus;
+let title = t("vip.activate_pro_business");
+if (settingStore.isComm) {
+  title = t("vip.renew_business");
+} else if (settingStore.isPlus) {
+  title = t("vip.renew_pro_upgrade_business");
+}
 
-  const productInfo = settingStore.productInfo;
-  const vipTypeDefine = {
-    free: {
-      title: "基础版",
-      desc: "社区免费版",
-      type: "free",
-      icon: "lucide:package-open",
-      privilege: ["证书申请无限制", "域名数量无限制", "证书流水线数量无限制", "常用的主机、云平台、cdn、宝塔、1Panel等部署插件", "邮件、webhook通知方式"],
-    },
-    plus: {
-      title: "专业版",
-      desc: "开源需要您的赞助支持",
-      type: "plus",
-      privilege: ["可加VIP群，您的需求将优先实现", "站点证书监控无限制", "更多通知方式", "插件全开放，群辉等更多插件"],
-      trial: {
-        title: "点击获取7天试用",
-        click: () => {
-          openStarModal();
-        },
-      },
-      icon: "stash:thumb-up",
-      price: productInfo.plus.price,
-      price3: `¥${productInfo.plus.price3}/3年`,
-      tooltip: productInfo.plus.tooltip,
-      get() {
-        return (
-          <a-tooltip title="爱发电赞助“VIP会员”后获取一年期专业版激活码，开源需要您的支持">
-            <a-button size="small" type="primary" href="https://afdian.com/a/greper" target="_blank">
-              爱发电赞助后获取
-            </a-button>
-          </a-tooltip>
-        );
-      },
-    },
-    comm: {
-      title: "商业版",
-      desc: "商业授权，可对外运营",
-      type: "comm",
-      icon: "vaadin:handshake",
-      privilege: ["拥有专业版所有特权", "允许商用，可修改logo、标题", "数据统计", "插件管理", "多用户无限制", "支持用户支付"],
-      price: productInfo.comm.price,
-      price3: `¥${productInfo.comm.price3}/3年`,
-      tooltip: productInfo.comm.tooltip,
-      get() {
-        return <a-button size="small">请联系作者获取试用</a-button>;
-      },
-    },
-  };
 
-  const modalRef = modal.confirm({
-    title,
-    async onOk() {
-      return await doActive();
+const productInfo = settingStore.productInfo;
+const vipTypeDefine = {
+  free: {
+    title: t("vip.basic_edition"),
+    desc: t("vip.community_free_version"),
+    type: "free",
+    icon: "lucide:package-open",
+    privilege: [
+      t("vip.unlimited_certificate_application"),
+      t("vip.unlimited_domain_count"),
+      t("vip.unlimited_certificate_pipelines"),
+      t("vip.common_deployment_plugins"),
+      t("vip.email_webhook_notifications"),
+    ],
+  },
+  plus: {
+    title: t("vip.professional_edition"),
+    desc: t("vip.open_source_support"),
+    type: "plus",
+    privilege: [
+      t("vip.vip_group_priority"),
+      t("vip.unlimited_site_certificate_monitoring"),
+      t("vip.more_notification_methods"),
+      t("vip.plugins_fully_open"),
+    ],
+    trial: {
+      title: t("vip.click_to_get_7_day_trial"),
+      click: () => {
+        openStarModal();
+      },
     },
-    maskClosable: true,
-    okText: "激活",
-    width: 1000,
-    content: () => {
-      let activationCodeGetWay = (
-        <span>
-          <a href="https://afdian.com/a/greper" target="_blank">
-            爱发电赞助“VIP会员”后获取一年期专业版激活码
-          </a>
-          <span> 商业版请直接联系作者</span>
-        </span>
+    icon: "stash:thumb-up",
+    price: productInfo.plus.price,
+    price3: `¥${productInfo.plus.price3}/3${t("vip.years")}`,
+    tooltip: productInfo.plus.tooltip,
+    get() {
+      return (
+        <a-tooltip title={t("vip.afdian_support_vip")}>
+          <a-button size="small" type="primary" href="https://afdian.com/a/greper" target="_blank">
+            {t("vip.get_after_support")}
+          </a-button>
+        </a-tooltip>
       );
-      const vipLabel = settingStore.vipLabel;
-      const slots = [];
-      for (const key in vipTypeDefine) {
-        // @ts-ignore
-        const item = vipTypeDefine[key];
-        const vipBlockClass = `vip-block ${key === settingStore.plusInfo.vipType ? "current" : ""}`;
-        slots.push(
-          <a-col span={8}>
-            <div class={vipBlockClass}>
-              <h3 class="block-header ">
-                <span class="flex-o">{item.title}</span>
-                {item.trial && (
-                  <span class="trial">
-                    <a-tooltip title={item.trial.message}>
-                      <a onClick={item.trial.click}>{item.trial.title}</a>
+    },
+  },
+  comm: {
+    title: t("vip.business_edition"),
+    desc: t("vip.commercial_license"),
+    type: "comm",
+    icon: "vaadin:handshake",
+    privilege: [
+      t("vip.all_pro_privileges"),
+      t("vip.allow_commercial_use_modify_logo_title"),
+      t("vip.data_statistics"),
+      t("vip.plugin_management"),
+      t("vip.unlimited_multi_users"),
+      t("vip.support_user_payment"),
+    ],
+    price: productInfo.comm.price,
+    price3: `¥${productInfo.comm.price3}/3${t("vip.years")}`,
+    tooltip: productInfo.comm.tooltip,
+    get() {
+      return <a-button size="small">{t("vip.contact_author_for_trial")}</a-button>;
+    },
+  },
+};
+
+
+const modalRef = modal.confirm({
+  title,
+  async onOk() {
+    return await doActive();
+  },
+  maskClosable: true,
+  okText: t("vip.activate"),
+  width: 1000,
+  content: () => {
+    let activationCodeGetWay = (
+      <span>
+        <a href="https://afdian.com/a/greper" target="_blank">
+          {t("vip.get_pro_code_after_support")}
+        </a>
+        <span> {t("vip.business_contact_author")}</span>
+      </span>
+    );
+    const vipLabel = settingStore.vipLabel;
+    const slots = [];
+    for (const key in vipTypeDefine) {
+      // @ts-ignore
+      const item = vipTypeDefine[key];
+      const vipBlockClass = `vip-block ${key === settingStore.plusInfo.vipType ? "current" : ""}`;
+      slots.push(
+        <a-col span={8}>
+          <div class={vipBlockClass}>
+            <h3 class="block-header ">
+              <span class="flex-o">{item.title}</span>
+              {item.trial && (
+                <span class="trial">
+                  <a-tooltip title={item.trial.message}>
+                    <a onClick={item.trial.click}>{item.trial.title}</a>
+                  </a-tooltip>
+                </span>
+              )}
+            </h3>
+            <div style="color:green" class="flex-o">
+              <fs-icon icon={item.icon} class="fs-16 flex-o" />
+              {item.desc}
+            </div>
+            <ul class="flex-1 privilege">
+              {item.privilege.map((p: string) => (
+                <li class="flex-baseline">
+                  <fs-icon class="color-green" icon="ion:checkmark-sharp" />
+                  {p}
+                </li>
+              ))}
+            </ul>
+            <div class="footer flex-between flex-vc">
+              <div class="price-show">
+                {item.price && (
+                  <span class="flex">
+                    <span class="-text">¥{item.price}</span>
+                    <span>/</span>
+                    {t("vip.year")}
+                    <a-tooltip class="ml-5" title={item.price3}>
+                      <fs-icon class="pointer color-red" icon="ic:outline-discount"></fs-icon>
                     </a-tooltip>
                   </span>
                 )}
-              </h3>
-              <div style="color:green" class="flex-o">
-                <fs-icon icon={item.icon} class="fs-16 flex-o" />
-                {item.desc}
-              </div>
-              <ul class="flex-1 privilege">
-                {item.privilege.map((p: string) => (
-                  <li class="flex-baseline">
-                    <fs-icon class="color-green" icon="ion:checkmark-sharp" />
-                    {p}
-                  </li>
-                ))}
-              </ul>
-              <div class="footer flex-between flex-vc">
-                <div class="price-show">
-                  {item.price && (
-                    <span class="flex">
-                      <span class="-text">¥{item.price}</span>
-                      <span>/年</span>
-                      <a-tooltip class="ml-5" title={item.price3}>
-                        <fs-icon class="pointer color-red" icon="ic:outline-discount"></fs-icon>
-                      </a-tooltip>
-                    </span>
-                  )}
-                  {!item.price && (
-                    <span>
-                      <span class="price-text">免费</span>
-                    </span>
-                  )}
-                </div>
-                <div class="get-show">{item.get && <div>{item.get()}</div>}</div>
+                {!item.price && (
+                  <span>
+                    <span class="price-text">{t("vip.freee")}</span>
+                  </span>
+                )}
               </div>
+              <div class="get-show">{item.get && <div>{item.get()}</div>}</div>
             </div>
-          </a-col>
-        );
-      }
-      return (
-        <div class="mt-10 mb-10 vip-active-modal">
-          {productInfo.notice && (
-            <div class="mb-10">
-              <a-alert type="error" message={productInfo.notice}></a-alert>
-            </div>
-          )}
-          <div class="vip-type-vs">
-            <a-row gutter={20}>{slots}</a-row>
+          </div>
+        </a-col>
+      );
+    }
+    return (
+      <div class="mt-10 mb-10 vip-active-modal">
+        {productInfo.notice && (
+          <div class="mb-10">
+            <a-alert type="error" message={productInfo.notice}></a-alert>
+          </div>
+        )}
+        <div class="vip-type-vs">
+          <a-row gutter={20}>{slots}</a-row>
+        </div>
+        <div class="mt-10">
+          <h3 class="block-header">{isPlus ? t("vip.renew") : t("vip.activate_immediately")}</h3>
+          <div>
+            {isPlus
+              ? `${t("vip.current")} ${vipLabel} ${t("vip.activated_expire_time")}` +
+                dayjs(settingStore.plusInfo.expireTime).format("YYYY-MM-DD")
+              : ""}
           </div>
           <div class="mt-10">
-            <h3 class="block-header">{isPlus ? "续期" : "立刻激活"}</h3>
-            <div>{isPlus ? `当前${vipLabel}已激活，到期时间` + dayjs(settingStore.plusInfo.expireTime).format("YYYY-MM-DD") : ""}</div>
-            <div class="mt-10">
-              <div class="flex-o w-100">
-                <span>站点ID：</span>
-                <fs-copyable class="flex-1" v-model={computedSiteId.value}></fs-copyable>
-              </div>
-              <a-input class="mt-10" v-model:value={formState.code} placeholder={placeholder} />
-              <a-input class="mt-10" v-model:value={formState.inviteCode} placeholder={"邀请码【选填】，可额外获得专业版30天/商业版15天时长"} />
+            <div class="flex-o w-100">
+              <span>{t("vip.site_id")}：</span>
+              <fs-copyable class="flex-1" v-model={computedSiteId.value}></fs-copyable>
             </div>
+            <a-input class="mt-10" v-model:value={formState.code} placeholder={placeholder} />
+            <a-input
+              class="mt-10"
+              v-model:value={formState.inviteCode}
+              placeholder={t("vip.invite_code_optional")}
+            />
+          </div>
 
-            <div class="mt-10">
-              没有激活码？
-              {activationCodeGetWay}
-            </div>
-            <div class="mt-10">
-              激活码使用过一次之后，不可再次使用，如果要更换站点，请<a onClick={goAccount}>绑定账号</a>，然后"转移VIP"即可
-            </div>
+          <div class="mt-10">
+            {t("vip.no_activation_code")}
+            {activationCodeGetWay}
+          </div>
+          <div class="mt-10">
+            {t("vip.activation_code_one_use")}<a onClick={goAccount}>{t("vip.bind_account")}</a>
+            ，{t("vip.transfer_vip")}
           </div>
         </div>
-      );
-    },
-  });
+      </div>
+    );
+  },
+});
+
 }
 onMounted(() => {
   mitter.on("openVipModal", () => {
@@ -392,69 +434,75 @@ onMounted(() => {
 
 <style lang="less">
 .layout-vip {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
 
-  &.isPlus {
-    color: #c5913f;
-  }
+	&.isPlus {
+		color: #c5913f;
+	}
 
-  .text {
-  }
+	.text {}
 }
 
 .vip-active-modal {
-  .vip-block {
-    display: flex;
-    flex-direction: column;
-    padding: 10px;
-    border: 1px solid #eee;
-    border-radius: 5px;
-    height: 250px;
-    //background-color: rgba(250, 237, 167, 0.79);
-    &.current {
-      border-color: green;
-    }
-    .block-header {
-      padding: 0px;
-      display: flex;
-      justify-content: space-between;
-      .trial {
-        font-size: 12px;
-        font-wight: 400;
-      }
-    }
+	.vip-block {
+		display: flex;
+		flex-direction: column;
+		padding: 10px;
+		border: 1px solid #eee;
+		border-radius: 5px;
+		height: 250px;
 
-    .footer {
-      padding-top: 5px;
-      margin-top: 0px;
-      border-top: 1px solid #eee;
-      .price-text {
-        font-size: 18px;
-        color: red;
-      }
-    }
-  }
+		//background-color: rgba(250, 237, 167, 0.79);
+		&.current {
+			border-color: green;
+		}
 
-  ul {
-    list-style-type: unset;
-    margin-left: 0px;
-    padding: 0;
-  }
-  .color-green {
-    color: green;
-  }
-  .vip-type-vs {
-    .privilege {
-      .fs-icon {
-        color: green;
-      }
-    }
-    .fs-icon {
-      margin-right: 5px;
-    }
-  }
+		.block-header {
+			padding: 0px;
+			display: flex;
+			justify-content: space-between;
+
+			.trial {
+				font-size: 12px;
+				font-wight: 400;
+			}
+		}
+
+		.footer {
+			padding-top: 5px;
+			margin-top: 0px;
+			border-top: 1px solid #eee;
+
+			.price-text {
+				font-size: 18px;
+				color: red;
+			}
+		}
+	}
+
+	ul {
+		list-style-type: unset;
+		margin-left: 0px;
+		padding: 0;
+	}
+
+	.color-green {
+		color: green;
+	}
+
+	.vip-type-vs {
+		.privilege {
+			.fs-icon {
+				color: green;
+			}
+		}
+
+		.fs-icon {
+			margin-right: 5px;
+		}
+	}
 }
 </style>
diff --git a/packages/ui/certd-client/src/i18n/index.ts b/packages/ui/certd-client/src/i18n/index.ts
deleted file mode 100644
index 260002d0..00000000
--- a/packages/ui/certd-client/src/i18n/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import en from "./locale/en";
-import zh from "./locale/zh_CN";
-import { SupportedLanguagesType } from "/@/vben/locales";
-export const messages = {
-  "en-US": {
-    label: "English",
-    ...en
-  },
-  "zh-CN": {
-    label: "简体中文",
-    ...zh
-  }
-};
-
-// export default createI18n({
-//   legacy: false,
-//   locale: "zh-cn",
-//   fallbackLocale: "zh-cn",
-//   messages
-// });
-
-export async function loadMessages(lang: SupportedLanguagesType) {
-  return messages[lang];
-}
diff --git a/packages/ui/certd-client/src/i18n/locale/en.ts b/packages/ui/certd-client/src/i18n/locale/en.ts
deleted file mode 100644
index 363053dc..00000000
--- a/packages/ui/certd-client/src/i18n/locale/en.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export default {
-  app: { crud: { i18n: { name: "name", city: "city", status: "status" } } },
-  fs: {
-    rowHandle: {
-      title: "Operation"
-    }
-  }
-};
diff --git a/packages/ui/certd-client/src/i18n/locale/zh_CN.ts b/packages/ui/certd-client/src/i18n/locale/zh_CN.ts
deleted file mode 100644
index bf298990..00000000
--- a/packages/ui/certd-client/src/i18n/locale/zh_CN.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export default {
-  app: {
-    crud: { i18n: { name: "姓名", city: "城市", status: "状态" } },
-    login: {
-      logoutTip: "确认",
-      logoutMessage: "确定要注销登录吗？",
-    },
-  },
-  fs: {
-    rowHandle: {
-      title: "操作列",
-    },
-  },
-};
diff --git a/packages/ui/certd-client/src/layout/components/user-info/index.vue b/packages/ui/certd-client/src/layout/components/user-info/index.vue
index 9f2c2e7c..a93ac584 100644
--- a/packages/ui/certd-client/src/layout/components/user-info/index.vue
+++ b/packages/ui/certd-client/src/layout/components/user-info/index.vue
@@ -1,13 +1,13 @@
 <template>
   <a-dropdown>
-    <div class="fs-user-info">您好，{{ userStore.getUserInfo?.nickName || userStore.getUserInfo?.username }}</div>
+    <div class="fs-user-info">{{ t('user.greeting') }}，{{ userStore.getUserInfo?.nickName || userStore.getUserInfo?.username }}</div>
     <template #overlay>
       <a-menu>
         <a-menu-item>
-          <div @click="goUserProfile">账号信息</div>
+          <div @click="goUserProfile">{{ t('user.profile') }}</div>
         </a-menu-item>
         <a-menu-item>
-          <div @click="doLogout">注销登录</div>
+          <div @click="doLogout">{{ t('user.logout') }}</div>
         </a-menu-item>
       </a-menu>
     </template>
diff --git a/packages/ui/certd-client/src/layout/layout-basic.vue b/packages/ui/certd-client/src/layout/layout-basic.vue
index c38fd64d..e6dd1a01 100644
--- a/packages/ui/certd-client/src/layout/layout-basic.vue
+++ b/packages/ui/certd-client/src/layout/layout-basic.vue
@@ -9,6 +9,9 @@ import { useSettingStore } from "/@/store/settings";
 import PageFooter from "./components/footer/index.vue";
 import { useRouter } from "vue-router";
 import MaxKBChat from "/@/components/ai/index.vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const userStore = useUserStore();
 
@@ -19,14 +22,14 @@ const menus = computed(() => [
       router.push("/certd/mine/user-profile");
     },
     icon: "fa-solid:book",
-    text: "账号信息",
+    text: t("certd.accountInfo"),
   },
   {
     handler: () => {
       router.push("/certd/mine/security");
     },
     icon: "fluent:shield-keyhole-16-regular",
-    text: "认证安全设置",
+    text: t("certd.securitySettings"),
   },
 ]);
 
diff --git a/packages/ui/certd-client/src/locales/antdv.ts b/packages/ui/certd-client/src/locales/antdv.ts
new file mode 100644
index 00000000..ecc891df
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/antdv.ts
@@ -0,0 +1,18 @@
+import { ref } from "vue";
+import "dayjs/locale/zh-cn";
+import "dayjs/locale/en";
+import zhCN from "ant-design-vue/es/locale/zh_CN";
+import enUS from "ant-design-vue/es/locale/en_US";
+import dayjs from "dayjs";
+export const antdvLocale = ref(zhCN);
+
+export async function setAntdvLocale(value: string) {
+  console.log("locale changed:", value);
+  if (value.startsWith("zh")) {
+    dayjs.locale("zh-cn");
+    antdvLocale.value = zhCN;
+  } else {
+    dayjs.locale("en");
+    antdvLocale.value = enUS;
+  }
+}
diff --git a/packages/ui/certd-client/src/vben/locales/i18n.ts b/packages/ui/certd-client/src/locales/i18n.ts
similarity index 90%
rename from packages/ui/certd-client/src/vben/locales/i18n.ts
rename to packages/ui/certd-client/src/locales/i18n.ts
index 73188ada..63210113 100644
--- a/packages/ui/certd-client/src/vben/locales/i18n.ts
+++ b/packages/ui/certd-client/src/locales/i18n.ts
@@ -1,18 +1,24 @@
 import type { App } from "vue";
 import type { Locale } from "vue-i18n";
-
+import { setAntdvLocale } from "./antdv";
 import type { ImportLocaleFn, LoadMessageFn, LocaleSetupOptions, SupportedLanguagesType } from "./typing";
 
 import { unref } from "vue";
 import { createI18n } from "vue-i18n";
+import en_US from "./langs/en-US/index";
+import zh_CN from "./langs/zh-CN/index";
 
 import { useSimpleLocale } from "/@/vben/composables";
 
 const i18n = createI18n({
   globalInjection: true,
   legacy: false,
-  locale: "",
-  messages: {}
+  fallbackLocale: "en-US",
+  locale: "en-US",
+  messages: {
+    "zh-CN": zh_CN,
+    "en-US": en_US,
+  },
 });
 
 const modules = import.meta.glob("./langs/**/*.json");
@@ -83,13 +89,15 @@ function loadLocalesMapFromDir(regexp: RegExp, modules: Record<string, () => Pro
  * @param locale
  */
 function setI18nLanguage(locale: Locale) {
+  setAntdvLocale(locale);
+  //@ts-ignore
   i18n.global.locale.value = locale;
 
   document?.querySelector("html")?.setAttribute("lang", locale);
 }
 
 async function setupI18n(app: App, options: LocaleSetupOptions = {}) {
-  const { defaultLocale = "zh-CN" } = options;
+  const { defaultLocale = "en-US" } = options;
   // app可以自行扩展一些第三方库和组件库的国际化
   loadMessages = options.loadMessages || (async () => ({}));
   app.use(i18n);
@@ -116,6 +124,7 @@ async function loadLocaleMessages(lang: SupportedLanguagesType) {
   const message = await localesMap[lang]?.();
 
   if (message?.default) {
+    //@ts-ignore
     i18n.global.setLocaleMessage(lang, message.default);
   }
 
@@ -124,5 +133,5 @@ async function loadLocaleMessages(lang: SupportedLanguagesType) {
 
   return setI18nLanguage(lang);
 }
-
-export { i18n, loadLocaleMessages, loadLocalesMap, loadLocalesMapFromDir, setupI18n };
+export { i18n, loadLocaleMessages, loadLocalesMap, loadLocalesMapFromDir, setupI18n, setI18nLanguage };
+export default i18n;
diff --git a/packages/ui/certd-client/src/vben/locales/index.ts b/packages/ui/certd-client/src/locales/index.ts
similarity index 80%
rename from packages/ui/certd-client/src/vben/locales/index.ts
rename to packages/ui/certd-client/src/locales/index.ts
index 34539733..3ae503d0 100644
--- a/packages/ui/certd-client/src/vben/locales/index.ts
+++ b/packages/ui/certd-client/src/locales/index.ts
@@ -1,9 +1,9 @@
-import { i18n, loadLocaleMessages, loadLocalesMap, loadLocalesMapFromDir, setupI18n } from "./i18n";
+import { i18n, loadLocaleMessages, loadLocalesMap, loadLocalesMapFromDir, setupI18n, setI18nLanguage } from "./i18n";
 
 const $t = i18n.global.t;
 const $te = i18n.global.te;
 
-export { $t, $te, i18n, loadLocaleMessages, loadLocalesMap, loadLocalesMapFromDir, setupI18n };
+export { $t, $te, i18n, loadLocaleMessages, loadLocalesMap, loadLocalesMapFromDir, setupI18n, setI18nLanguage };
 export { type ImportLocaleFn, type LocaleSetupOptions, type SupportedLanguagesType } from "./typing";
 // export type { CompileError } from "@intlify/core-base";
 
diff --git a/packages/ui/certd-client/src/locales/langs/en-US/authentication.ts b/packages/ui/certd-client/src/locales/langs/en-US/authentication.ts
new file mode 100644
index 00000000..d133bf28
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/en-US/authentication.ts
@@ -0,0 +1,84 @@
+export default {
+  welcomeBack: "Welcome Back",
+  pageTitle: "Plug-and-play Admin system",
+  pageDesc: "Efficient, versatile frontend template",
+  loginSuccess: "Login Successful",
+  loginSuccessDesc: "Welcome Back",
+  loginSubtitle: "Enter your account details to manage your projects",
+  selectAccount: "Quick Select Account",
+  username: "Username",
+  password: "Password",
+  usernameTip: "Please enter username",
+  passwordErrorTip: "Password is incorrect",
+  passwordTip: "Please enter password",
+  verifyRequiredTip: "Please complete the verification first",
+  rememberMe: "Remember Me",
+  createAnAccount: "Create an Account",
+  createAccount: "Create Account",
+  alreadyHaveAccount: "Already have an account?",
+  accountTip: "Don't have an account?",
+  signUp: "Sign Up",
+  signUpSubtitle: "Make managing your applications simple and fun",
+  confirmPassword: "Confirm Password",
+  confirmPasswordTip: "The passwords do not match",
+  agree: "I agree to",
+  privacyPolicy: "Privacy-policy",
+  terms: "Terms",
+  agreeTip: "Please agree to the Privacy Policy and Terms",
+  goToLogin: "Login instead",
+  passwordStrength: "Use 8 or more characters with a mix of letters, numbers & symbols",
+  forgetPassword: "Forget Password?",
+  forgetPasswordSubtitle: "Enter your email and we'll send you instructions to reset your password",
+  emailTip: "Please enter email",
+  emailValidErrorTip: "The email format you entered is incorrect",
+  sendResetLink: "Send Reset Link",
+  email: "Email",
+  qrcodeSubtitle: "Scan the QR code with your phone to login",
+  qrcodePrompt: "Click 'Confirm' after scanning to complete login",
+  qrcodeLogin: "QR Code Login",
+  codeSubtitle: "Enter your phone number to start managing your project",
+  code: "Security code",
+  codeTip: "Security code required {0} characters",
+  mobile: "Mobile",
+  mobileLogin: "Mobile Login",
+  mobileTip: "Please enter mobile number",
+  mobileErrortip: "The phone number format is incorrect",
+  sendCode: "Get Security code",
+  sendText: "Resend in {0}s",
+  thirdPartyLogin: "Or continue with",
+  loginAgainTitle: "Please Log In Again",
+  loginAgainSubTitle: "Your login session has expired. Please log in again to continue.",
+  layout: {
+    center: "Align Center",
+    alignLeft: "Align Left",
+    alignRight: "Align Right",
+  },
+  usernamePlaceholder: "Please enter username/email/phone number",
+  passwordPlaceholder: "Please enter your password",
+  mobilePlaceholder: "Please enter your mobile number",
+  loginButton: "Log In",
+  forgotAdminPassword: "Forgot admin password?",
+  registerLink: "Register",
+
+  smsTab: "Login via SMS code",
+  passwordTab: "Password login",
+  title: "Change Password",
+  weakPasswordWarning: "For your account security, please change your password immediately",
+  changeNow: "Change Now",
+  successMessage: "Changed successfully",
+  oldPassword: "Old Password",
+  oldPasswordRequired: "Please enter the old password",
+  newPassword: "New Password",
+  newPasswordRequired: "Please enter the new password",
+  confirmNewPassword: "Confirm New Password",
+  confirmNewPasswordRequired: "Please confirm the new password",
+  changePasswordButton: "Change Password",
+  enterPassword: "Please enter the password",
+  newPasswordNotSameOld: "The new password cannot be the same as the old password",
+  enterPasswordAgain: "Please enter the password again",
+  passwordsNotMatch: "The two passwords do not match!",
+  avatar: "Avatar",
+  nickName: "Nickname",
+  phoneNumber: "Phone Number",
+  changePassword: "Change Password",
+};
diff --git a/packages/ui/certd-client/src/locales/langs/en-US/certd.ts b/packages/ui/certd-client/src/locales/langs/en-US/certd.ts
new file mode 100644
index 00000000..70ec1e23
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/en-US/certd.ts
@@ -0,0 +1,685 @@
+export default {
+  app: {
+    crud: {
+      i18n: {
+        name: "name",
+        city: "city",
+        status: "status",
+      },
+    },
+  },
+  fs: {
+    rowHandle: {
+      title: "Operation",
+    },
+  },
+  order: {
+    confirmTitle: "Order Confirmation",
+    package: "Package",
+    description: "Description",
+    specifications: "Specifications",
+    pipeline: "Pipeline",
+    domain: "Domain",
+    deployTimes: "Deployments",
+    duration: "Duration",
+    price: "Price",
+    paymentMethod: "Payment Method",
+    free: "Free",
+    unit: {
+      pieces: "pieces",
+      count: "count",
+      times: "times",
+    },
+  },
+  framework: {
+    title: "Framework",
+    home: "Home",
+  },
+  title: "Certificate Automation",
+  pipeline: "Pipeline",
+  pipelineEdit: "Edit Pipeline",
+  history: "Execution History",
+  certStore: "Certificate Repository",
+  siteMonitor: "Site Certificate Monitor",
+  settings: "Settings",
+  accessManager: "Access Management",
+  cnameRecord: "CNAME Record Management",
+  subDomain: "Subdomain Delegation Settings",
+  pipelineGroup: "Pipeline Group Management",
+  openKey: "Open API Key",
+  notification: "Notification Settings",
+  siteMonitorSetting: "Site Monitor Settings",
+  userSecurity: "Security Settings",
+  userProfile: "Account Info",
+  suite: "Suite",
+  mySuite: "My Suite",
+  suiteBuy: "Suite Purchase",
+  myTrade: "My Orders",
+  paymentReturn: "Payment Return",
+  user: {
+    greeting: "Hello",
+    profile: "Account Info",
+    logout: "Logout",
+  },
+  dashboard: {
+    greeting: "Hello, {name}, welcome to 【{site}】",
+    latestVersion: "Latest version: {version}",
+    validUntil: "Valid until:",
+    tutorialTooltip: "Click to view detailed tutorial",
+    tutorialText: "Only 3 steps to automatically apply and deploy certificates",
+    alertMessage: "Certificates and credentials are sensitive. Do not use untrusted online Certd services or images. Always self-host and use official release channels:",
+    helpDoc: "Help Docs",
+    pipelineCount: "Number of Certificate Pipelines",
+    noPipeline: "You have no certificate pipelines yet",
+    createNow: "Create Now",
+    managePipeline: "Manage Pipelines",
+    pipelineStatus: "Pipeline Status",
+    recentRun: "Recent Run Statistics",
+    runCount: "Run Count",
+    expiringCerts: "Soon-to-Expire Certificates",
+    supportedTasks: "Overview of Supported Deployment Tasks",
+  },
+  steps: {
+    createPipeline: "Create Certificate Pipeline",
+    addTask: "Add Deployment Task",
+    scheduledRun: "Scheduled Run",
+  },
+  customPipeline: "Custom Pipeline",
+  createCertdPipeline: "Create Certificate Pipeline",
+  commercialCertHosting: "Commercial Certificate Hosting",
+  tooltip: {
+    manualUploadOwnCert: "Manually upload your own certificate for automatic deployment",
+    noAutoApplyCommercialCert: "Does not automatically apply for commercial certificates",
+    manualUploadOnUpdate: "Must manually upload once when the certificate is updated",
+  },
+  table: {
+    confirmDeleteTitle: "Are you sure you want to delete?",
+    confirmDeleteMessage: "This will delete all data related to the pipeline, including execution history, certificate files, and certificate repository records.",
+  },
+  play: {
+    runPipeline: "Run Pipeline",
+    confirm: "Confirm",
+    confirmTrigger: "Are you sure you want to trigger the run?",
+    pipelineStarted: "Pipeline has started running",
+  },
+  actions: {
+    editPipeline: "Edit Pipeline",
+    editConfigGroup: "Modify Configuration/Group",
+    viewCertificate: "View Certificate",
+    downloadCertificate: "Download Certificate",
+  },
+  fields: {
+    userId: "User ID",
+    pipelineName: "Pipeline Name",
+    keyword: "Keyword",
+    required: "This field is required",
+    pipelineContent: "Pipeline Content",
+    scheduledTaskCount: "Scheduled Task Count",
+    deployTaskCount: "Deployment Task Count",
+    remainingValidity: "Remaining Validity",
+    expiryTime: "Expiry Time",
+    status: "Status",
+    lastRun: "Last Run",
+    enabled: "Enabled",
+    enabledLabel: "Enabled",
+    disabledLabel: "Disabled",
+    group: "Group",
+    type: "Type",
+    order: "Order Number",
+    keepHistoryCount: "History Record Retention Count",
+    keepHistoryHelper: "Number of history records to keep; excess will be deleted",
+    createTime: "Creation Time",
+    updateTime: "Update Time",
+    triggerType: "Trigger Type",
+    pipelineId: "Pipeline Id",
+  },
+  types: {
+    certApply: "Certificate Application",
+    certUpload: "Certificate Upload",
+    custom: "Custom",
+  },
+  myPipelines: "My Pipelines",
+  selectedCount: "Selected {count} items",
+  batchDelete: "Batch Delete",
+  batchForceRerun: "Force Rerun",
+  applyCertificate: "Apply for Certificate",
+  pipelineExecutionRecords: "Pipeline Execution Records",
+  confirm: "Confirm",
+  confirmBatchDeleteContent: "Are you sure you want to batch delete these {count} records?",
+  deleteSuccess: "Delete successful",
+  pleaseSelectRecords: "Please select records first",
+  triggerTypes: {
+    manual: "Manual Execution",
+    timer: "Scheduled Execution",
+  },
+  sysResources: {
+    sysRoot: "System Management",
+    sysConsole: "Console",
+    sysSettings: "System Settings",
+    cnameSetting: "CNAME Service Settings",
+    emailSetting: "Email Server Settings",
+    siteSetting: "Site Personalization",
+    headerMenus: "Top Menu Settings",
+    sysAccess: "System-level Authorization",
+    sysPlugin: "Plugin Management",
+    sysPluginEdit: "Edit Plugin",
+    sysPluginConfig: "Certificate Plugin Configuration",
+    accountBind: "Account Binding",
+    permissionManager: "Permission Management",
+    roleManager: "Role Management",
+    userManager: "User Management",
+    suiteManager: "Suite Management",
+    suiteSetting: "Suite Settings",
+    orderManager: "Order Management",
+    userSuites: "User Suites",
+  },
+  certificateRepo: {
+    title: "Certificate Repository",
+    sub: "Certificates generated from pipeline",
+  },
+
+  certificateNotGenerated: "Certificate not yet generated, please run the pipeline first",
+  viewCertificateTitle: "View Certificate",
+  close: "Close",
+  viewCert: {
+    title: "View Certificate",
+  },
+  download: {
+    title: "Download Certificate",
+  },
+  source: "Source Code",
+  github: "GitHub",
+  gitee: "Gitee",
+  cron: {
+    clearTip: "Clear Selection",
+    nextTrigger: "Next Trigger Time",
+    tip: "Please set a valid cron expression first",
+  },
+  cronForm: {
+    title: "Scheduled Script",
+    helper: "Click the button above to select the time for daily execution.\nIt is recommended to run once a day. Tasks will be skipped if the certificate is not expiring.",
+    required: "This field is required",
+  },
+  email: {
+    title: "Recipient Email",
+    helper: "Enter your recipient email addresses. Multiple addresses are supported.",
+    required: "This field is required",
+  },
+  plugin: {
+    selectTitle: "Certificate Apply Plugin",
+    jsAcme: "JS-ACME: Easy to use, powerful features [Recommended]",
+    legoAcme: "Lego-ACME: Based on Lego, supports a wide range of DNS providers, suitable for users familiar with Lego",
+  },
+  pipelineForm: {
+    createTitle: "Create Certificate Pipeline",
+    moreParams: "More Parameters",
+    triggerCronTitle: "Scheduled Trigger",
+    triggerCronHelper:
+      "Click the button above to choose a daily execution time.\nIt is recommended to trigger once per day. The task will be skipped if the certificate has not expired and will not be executed repeatedly.",
+    notificationTitle: "Failure Notification",
+    notificationHelper: "Get real-time alerts when the task fails",
+    groupIdTitle: "Pipeline Group",
+  },
+  notificationDefault: "Use Default Notification",
+  monitor: {
+    title: "Site Certificate Monitoring",
+    description: "Check website certificates' expiration at 0:00 daily; reminders sent 10 days before expiration (using default notification channel);",
+    settingLink: "Site Monitoring Settings",
+    limitInfo: "Basic edition limited to 1, professional and above unlimited, current",
+    checkAll: "Check All",
+    confirmTitle: "Confirm",
+    confirmContent: "Confirm to trigger check for all site certificates?",
+    checkSubmitted: "Check task submitted",
+    pleaseRefresh: "Please refresh the page later to see the results",
+    siteName: "Site Name",
+    enterSiteName: "Please enter the site name",
+    domain: "Domain",
+    enterDomain: "Please enter the domain",
+    enterValidDomain: "Please enter a valid domain",
+    httpsPort: "HTTPS Port",
+    enterPort: "Please enter the port",
+    certInfo: "Certificate Info",
+    issuer: "Issuer",
+    certDomains: "Certificate Domains",
+    certProvider: "Issuer",
+    certStatus: "Certificate Status",
+    status: {
+      ok: "Valid",
+      expired: "Expired",
+    },
+    certExpiresTime: "Certificate Expiration",
+    expired: "expired",
+    days: "days",
+    lastCheckTime: "Last Check Time",
+    disabled: "Enable/Disable",
+    ipCheck: "Enable IP Check",
+    selectRequired: "Please select",
+    ipCheckConfirm: "Are you sure to {status} IP check?",
+    ipCount: "IP Count",
+    checkStatus: "Check Status",
+    pipelineId: "Linked Pipeline ID",
+    certInfoId: "Certificate ID",
+    checkSubmittedRefresh: "Check task submitted. Please refresh later to view the result.",
+    ipManagement: "IP Management",
+    bulkImport: "Bulk Import",
+    basicLimitError: "Basic version allows only one monitoring site. Please upgrade to the Pro version.",
+    limitExceeded: "Sorry, you can only create up to {max} monitoring records. Please purchase or upgrade your plan.",
+  },
+  checkStatus: {
+    success: "Success",
+    checking: "Checking",
+    error: "Error",
+  },
+  domainList: {
+    title: "Domain List",
+    helper: "Format: domain:port:name, one per line. Port and name are optional.\nExamples:\nwww.baidu.com:443:Baidu\nwww.taobao.com::Taobao\nwww.google.com",
+    required: "Please enter domains to import",
+    placeholder: "www.baidu.com:443:Baidu\nwww.taobao.com::Taobao\nwww.google.com\n",
+  },
+  accountInfo: "Account Information",
+  securitySettings: "Security & Settings",
+  confirmDisable2FA: "Are you sure you want to disable two-factor authentication login?",
+  disabledSuccess: "Disabled successfully",
+  saveSuccess: "Saved successfully",
+  twoFactorAuth: "2FA Two-Factor Authentication Login",
+  rebind: "Rebind",
+  twoFactorAuthHelper: "Enable or disable two-factor authentication login",
+  bindDevice: "Bind Device",
+  step1: "1. Install any authenticator app, for example:",
+  tooltipGoogleServiceError: "If you get a Google service not found error, you can install KK Google Assistant",
+  step2: "2. Scan the QR code to add the account",
+  step3: "3. Enter the verification code",
+  inputVerifyCode: "Please enter the verification code",
+  cancel: "Cancel",
+  authorizationManagement: "Authorization Management",
+  manageThirdPartyAuth: "Manage third-party system authorization information",
+  name: "Name",
+  pleaseEnterName: "Please enter the name",
+  nameHelper: "Fill in as you like, useful to distinguish when multiple authorizations of the same type exist",
+  level: "Level",
+  system: "System",
+  usera: "User",
+  nickName: "Nickname",
+  max50Chars: "Maximum 50 characters",
+  myInfo: "My Information",
+  siteMonitorSettings: "Site Monitor Settings",
+  notificationChannel: "Notification Channel",
+  setNotificationChannel: "Set the notification channel",
+  retryTimes: "Retry Times",
+  monitorRetryTimes: "Number of retry attempts for monitoring requests",
+  monitorCronSetting: "Monitoring Schedule",
+  cronTrigger: "Scheduled trigger for monitoring",
+  save: "Save",
+  editSchedule: "Edit Schedule",
+  timerTrigger: "Timer Trigger",
+  schedule: "Schedule",
+  selectCron: "Please select a schedule Cron",
+  batchEditSchedule: "Batch Edit Schedule",
+  editTrigger: "Edit Trigger",
+  triggerName: "Trigger Name",
+  requiredField: "This field is required",
+  type: "Type",
+  enterName: "Please enter a name",
+  confirmDeleteTrigger: "Are you sure you want to delete this trigger?",
+  notificationType: "Notification Type",
+  selectNotificationType: "Please select a notification type",
+  notificationName: "Notification Name",
+  helperNotificationName: "Fill freely, helps to distinguish when multiple notifications of the same type exist",
+  isDefault: "Is Default",
+  yes: "Yes",
+  no: "No",
+  selectIsDefault: "Please select if default",
+  prompt: "Prompt",
+  confirmSetDefaultNotification: "Are you sure to set as default notification?",
+  test: "Test",
+  scope: "Scope",
+  scopeOpenApiOnly: "Open API Only",
+  scopeFullAccount: "Full Account Permissions",
+  required: "This field is required",
+  scopeHelper: "Open API only allows access to open APIs; full account permissions allow access to all APIs",
+  add: "Generate New Key",
+  gen: {
+    text: "API Test",
+    title: "x-certd-token",
+    okText: "Confirm",
+    contentPart1: "Test the x-certd-token below, you can use it within 3 minutes to test ",
+    openApi: "Open API",
+    contentPart2: " request testing",
+  },
+  pending_cname_setup: "Pending CNAME setup",
+  validating: "Validating",
+  validation_successful: "Validation successful",
+  validation_failed: "Validation failed",
+  validation_timed_out: "Validation timed out",
+  proxied_domain: "Proxied Domain",
+  host_record: "Host Record",
+  please_set_cname: "Please set CNAME",
+  cname_service: "CNAME Service",
+  default_public_cname: "Default public CNAME service, you can also ",
+  customize_cname: "Customize CNAME Service",
+  public_cname: "Public CNAME",
+  custom_cname: "Custom CNAME",
+  validate: "Validate",
+  validation_started: "Validation started, please wait patiently",
+  click_to_validate: "Click to Validate",
+  all: "All",
+  cname_feature_guide: "CNAME feature principle and usage guide",
+  batch_delete: "Batch Delete",
+  confirm_delete_count: "Are you sure to delete these {count} records in batch?",
+  delete_successful: "Delete successful",
+  please_select_records: "Please select records first",
+  edit_notification: "Edit Notification",
+  other_notification_method: "Other Notification Method",
+  trigger_time: "Trigger Time",
+  start_time: "At Start",
+  success_time: "On Success",
+  fail_to_success_time: "Fail to Success",
+  fail_time: "On Failure",
+  helper_suggest_fail_only: "It is recommended to select only 'On Failure' and 'Fail to Success'",
+  notification_config: "Notification Configuration",
+  please_select_notification: "Please select a notification method",
+  please_select_type: "Please select type",
+  please_select_trigger_time: "Please select notification trigger time",
+  please_select_notification_config: "Please select notification configuration",
+  confirm_delete_trigger: "Are you sure you want to delete this trigger?",
+  gift_package: "Gift Package",
+  package_name: "Package Name",
+  click_to_select: "Click to select",
+  please_select_package: "Please select a package",
+  package: "Package",
+  addon_package: "Addon Package",
+  domain_count: "Domain Count",
+  unit_count: "pcs",
+  field_required: "This field is required",
+  pipeline_count: "Pipeline Count",
+  unit_item: "items",
+  deploy_count: "Deploy Count",
+  unit_times: "times",
+  monitor_count: "Certificate Monitor Count",
+  duration: "Duration",
+  status: "Status",
+  active_time: "Activation Time",
+  expires_time: "Expiration Time",
+  is_present: "Is Present",
+  is_present_yes: "Yes",
+  is_present_no: "No",
+  basicInfo: "Basic Information",
+  titlea: "Title",
+  disabled: "Disabled",
+  ordera: "Order",
+  supportBuy: "Support Purchase",
+  intro: "Introduction",
+  packageContent: "Package Content",
+  maxDomainCount: "Max Domain Count",
+  maxPipelineCount: "Max Pipeline Count",
+  maxDeployCount: "Max Deploy Count",
+  maxMonitorCount: "Max Monitor Count",
+  price: "Price",
+  durationPrices: "Duration Prices",
+  packageName: "Package Name",
+  addon: "Addon",
+  typeHelper: "Suite: Only the most recently purchased one is active at a time\nAddon: Multiple can be purchased, effective immediately without affecting the suite\nThe quantities of suite and addon can be accumulated",
+  domainCount: "Domain Count",
+  pipelineCount: "Pipeline Count",
+  unitPipeline: "pipelines",
+  deployCount: "Deployment Count",
+  unitDeploy: "times",
+  monitorCount: "Certificate Monitor Count",
+  unitCount: "pcs",
+  durationPriceTitle: "Duration and Price",
+  selectDuration: "Select Duration",
+  supportPurchase: "Support Purchase",
+  cannotPurchase: "Cannot Purchase",
+  shelfStatus: "Shelf Status",
+  onShelf: "On Shelf",
+  offShelf: "Off Shelf",
+  orderHelper: "Smaller values appear first",
+  description: "Description",
+  createTime: "Creation Time",
+  updateTime: "Update Time",
+  edit: "Edit",
+  groupName: "Group Name",
+  enterGroupName: "Please enter group name",
+  subdomainHosting: "Subdomain Hosting",
+  subdomainHostingHint: "When your domain has subdomain hosting set, you need to create records here, otherwise certificate application will fail",
+  batchDeleteConfirm: "Are you sure to batch delete these {count} records?",
+  selectRecordFirst: "Please select records first",
+  subdomainHosted: "Hosted Subdomain",
+  subdomainHelpText: "If you don't understand what subdomain hosting is, please refer to the documentation ",
+  subdomainManagement: "Subdomain Management",
+  isDisabled: "Is Disabled",
+  enabled: "Enabled",
+  uploadCustomCert: "Upload Custom Certificate",
+  sourcee: "Source",
+  sourcePipeline: "Pipeline",
+  sourceManualUpload: "Manual Upload",
+  domains: "Domains",
+  enterDomain: "Please enter domain",
+  validDays: "Valid Days",
+  expires: " expires",
+  days: " days",
+  expireTime: "Expiration Time",
+  certIssuer: "Certificate Issuer",
+  applyTime: "Application Time",
+  relatedPipeline: "Related Pipeline",
+  statusSuccess: "Success",
+  statusChecking: "Checking",
+  statusError: "Error",
+  actionImportBatch: "Batch Import",
+  actionSyncIp: "Sync IP",
+  modalTitleSyncIp: "Sync IP",
+  modalContentSyncIp: "Are you sure to sync IP?",
+  notificationSyncComplete: "Sync Complete",
+  actionCheckAll: "Check All",
+  modalTitleConfirm: "Confirm",
+  modalContentCheckAll: "Confirm to trigger checking all IP site's certificates?",
+  notificationCheckSubmitted: "Check task submitted",
+  notificationCheckDescription: "Please refresh later to see results",
+  tooltipCheckNow: "Check Now",
+  notificationCheckSubmittedPleaseRefresh: "Check task submitted, please refresh later",
+  columnId: "ID",
+  columnIp: "IP",
+  helperIpCname: "Supports entering CNAME domain name",
+  ruleIpRequired: "Please enter IP",
+  columnCertDomains: "Certificate Domains",
+  columnCertProvider: "Issuer",
+  columnCertStatus: "Certificate Status",
+  statusNormal: "Normal",
+  statusExpired: "Expired",
+  columnCertExpiresTime: "Certificate Expiration Time",
+  expired: "expired",
+  columnCheckStatus: "Check Status",
+  columnLastCheckTime: "Last Check Time",
+  columnSource: "Source",
+  sourceSync: "Sync",
+  sourceManual: "Manual",
+  sourceImport: "Import",
+  columnDisabled: "Enabled/Disabled",
+  columnRemark: "Remark",
+  pluginFile: "Plugin File",
+  selectPluginFile: "Select plugin file",
+  overrideSameName: "Override same name",
+  override: "Override",
+  noOverride: "No override",
+  overrideHelper: "If a plugin with the same name exists, override it directly",
+  importPlugin: "Import Plugin",
+  operationSuccess: "Operation successful",
+  customPlugin: "Custom Plugin",
+  import: "Import",
+  export: "Export",
+  pluginType: "Plugin Type",
+  auth: "Authorization",
+  dns: "DNS",
+  deployPlugin: "Deploy Plugin",
+  icon: "Icon",
+  pluginName: "Plugin Name",
+  pluginNameHelper: "Must be English letters or digits, camelCase with type prefix\nExample: AliyunDeployToCDN\nDo not modify name once plugin is used",
+  pluginNameRuleMsg: "Must be English letters or digits, camelCase with type prefix",
+  author: "Author",
+  authorHelper: "Used as prefix when uploading to plugin store, e.g., greper/pluginName",
+  authorRuleMsg: "Must be English letters or digits",
+  titleHelper: "Plugin name in Chinese",
+  descriptionHelper: "Description of the plugin",
+  builtIn: "Built-in",
+  custom: "Custom",
+  store: "Store",
+  version: "Version",
+  pluginDependencies: "Plugin Dependencies",
+  pluginDependenciesHelper: "Dependencies to install first in format: [author/]pluginName[:version]",
+  editableRunStrategy: "Editable Run Strategy",
+  editable: "Editable",
+  notEditable: "Not Editable",
+  runStrategy: "Run Strategy",
+  normalRun: "Normal Run",
+  skipOnSuccess: "Skip on success (Deploy task)",
+  defaultRunStrategyHelper: "Default run strategy",
+  enableDisable: "Enable/Disable",
+  clickToToggle: "Click to toggle enable/disable",
+  confirmToggle: "Are you sure to",
+  disable: "disable",
+  enable: "enable",
+  pluginGroup: "Plugin Group",
+  icpRegistrationNumber: "ICP Registration Number",
+  icpPlaceholder: "Guangdong ICP xxxxxxx Number",
+  publicSecurityRegistrationNumber: "Public Security Registration Number",
+  publicSecurityPlaceholder: "Beijing Public Security xxxxxxx Number",
+  enableAssistant: "Enable Assistant",
+  allowCrawlers: "Allow Crawlers",
+  httpProxy: "HTTP Proxy",
+  httpProxyPlaceholder: "http://192.168.1.2:18010/",
+  httpProxyHelper: "Configure when some websites are blocked",
+  httpsProxy: "HTTPS Proxy",
+  httpsProxyPlaceholder: "http://192.168.1.2:18010/",
+  saveThenTestTitle: "Save first, then click test",
+  testButton: "Test",
+  httpsProxyHelper: "Usually both proxies are the same, save first then test",
+  dualStackNetwork: "Dual Stack Network",
+  default: "Default",
+  ipv4Priority: "IPv4 Priority",
+  ipv6Priority: "IPv6 Priority",
+  dualStackNetworkHelper: "If IPv6 priority is selected, enable IPv6 in docker-compose.yaml",
+  enableCommonCnameService: "Enable Public CNAME Service",
+  commonCnameHelper: "Allow use of public CNAME service. If disabled and no <router-link to='/sys/cname/provider'>custom CNAME service</router-link> is set, CNAME proxy certificate application will not work.",
+  saveButton: "Save",
+  stopSuccess: "Stopped successfully",
+  google: "Google",
+  baidu: "Baidu",
+  success: "Success",
+  testFailed: "Test Failed",
+  testCompleted: "Test Completed",
+  manageOtherUserPipeline: "Manage other users' pipelines",
+  limitUserPipelineCount: "Limit user pipeline count",
+  limitUserPipelineCountHelper: "0 means no limit",
+  enableSelfRegistration: "Enable self-registration",
+  enableUserValidityPeriod: "Enable user validity period",
+  userValidityPeriodHelper: "Users can use normally within validity; pipelines disabled after expiry",
+  enableUsernameRegistration: "Enable username registration",
+  enableEmailRegistration: "Enable email registration",
+  proFeature: "Pro feature",
+  emailServerSetup: "Set up email server",
+  enableSmsLoginRegister: "Enable SMS login and registration",
+  commFeature: "Commercial feature",
+  smsProvider: "SMS provider",
+  aliyunSms: "Aliyun SMS",
+  yfySms: "YFY SMS",
+  smsTest: "SMS test",
+  testMobilePlaceholder: "Enter test mobile number",
+  saveThenTest: "Save first then test",
+  enterTestMobile: "Please enter test mobile number",
+  sendSuccess: "Sent successfully",
+  atLeastOneLoginRequired: "At least one of password login or SMS login must be enabled",
+  fieldRequired: "This field is required",
+  siteHide: "Site Hide",
+  enableSiteHide: "Enable Site Hide",
+  siteHideDescription: "You can disable site accessibility normally and enable it when needed to enhance site security",
+  helpDoc: "Help Document",
+  randomAddress: "Random Address",
+  siteHideUrlHelper: "After the site is hidden, you need to visit this URL to unlock to access normally",
+  fullUnlockUrl: "Full Unlock URL",
+  saveThisUrl: "Please save this URL carefully",
+  unlockPassword: "Unlock Password",
+  unlockPasswordHelper: "Password needed to unlock the hide; set on first time or reset when filled",
+  autoHideTime: "Auto Hide Time",
+  autoHideTimeHelper: "Minutes without requests before auto hiding",
+  hideOpenApi: "Hide Open API",
+  hideOpenApiHelper: "Whether to hide open APIs; whether to expose /api/v1 prefixed endpoints",
+  hideSiteImmediately: "Hide Site Immediately",
+  hideImmediately: "Hide Immediately",
+  confirmHideSiteTitle: "Are you sure to hide the site immediately?",
+  confirmHideSiteContent: "After hiding, the site will be inaccessible. Please operate cautiously.",
+  siteHiddenSuccess: "Site has been hidden",
+  emailServerSettings: "Email Server Settings",
+  setEmailSendingServer: "Set the email sending server",
+  useCustomEmailServer: "Use Custom Email Server",
+  smtpDomain: "SMTP Domain",
+  pleaseEnterSmtpDomain: "Please enter SMTP domain or IP",
+  smtpPort: "SMTP Port",
+  pleaseEnterSmtpPort: "Please enter SMTP port",
+  username: "Username",
+  pleaseEnterUsername: "Please enter username",
+  password: "Password",
+  pleaseEnterPassword: "Please enter password",
+  qqEmailAuthCodeHelper: "If using QQ email, get an authorization code in QQ email settings as the password",
+  senderEmail: "Sender Email",
+  pleaseEnterSenderEmail: "Please enter sender email",
+  useSsl: "Use SSL",
+  sslPortNote: "SSL and non-SSL SMTP ports are different, please adjust port accordingly",
+  ignoreCertValidation: "Ignore Certificate Validation",
+  useOfficialEmailServer: "Use Official Email Server",
+  useOfficialEmailServerHelper: "Send emails directly using the official server to avoid complicated setup",
+  testReceiverEmail: "Test Receiver Email",
+  pleaseEnterTestReceiverEmail: "Please enter test receiver email",
+  saveBeforeTest: "Save before testing",
+  sendFailHelpDoc: "Failed to send??? ",
+  emailConfigHelpDoc: "Email configuration help document",
+  tryOfficialEmailServer: "You can also try using the official email server ↗↗↗↗↗↗↗↗",
+  pluginManagement: "Plugin Management",
+  pluginBetaWarning: "Custom plugins are in BETA and may have breaking changes in future",
+  pleaseSelectRecord: "Please select records first",
+  permissionManagement: "Permission Management",
+  adda: "Add",
+  rootNode: "Root Node",
+  permissionName: "Permission Name",
+  enterPermissionName: "Please enter permission name",
+  permissionCode: "Permission Code",
+  enterPermissionCode: "Please enter permission code",
+  max100Chars: "Maximum 100 characters",
+  examplePermissionCode: "e.g.: sys:user:view",
+  sortOrder: "Sort Order",
+  sortRequired: "Sort order is required",
+  parentNode: "Parent Node",
+  roleManagement: "Role Management",
+  assignPermissions: "Assign Permissions",
+  roleName: "Role Name",
+  enterRoleName: "Please enter role name",
+  unlockLogin: "Unlock Login",
+  notice: "Notice",
+  confirmUnlock: "Are you sure you want to unlock this user's login?",
+  unlockSuccess: "Unlock successful",
+  enterUsername: "Please enter username",
+  modifyPasswordIfFilled: "Fill in to change the password",
+  emaila: "Email",
+  mobile: "Mobile",
+  avatar: "Avatar",
+  validTime: "Valid Time",
+  remark: "Remark",
+  roles: "Roles",
+  cnameTitle: "CNAME Service Configuration",
+  cnameDescription:
+    "The domain name configured here serves as a proxy for verifying other domains. When other domains apply for certificates, they map to this domain via CNAME for ownership verification. The advantage is that any domain can apply for a certificate this way without providing an AccessSecret.",
+  cnameLinkText: "CNAME principle and usage instructions",
+  confirmTitle: "Confirm",
+  confirmDeleteBatch: "Are you sure you want to delete these {count} records?",
+  selectRecordsFirst: "Please select records first",
+  cnameDomain: "CNAME Domain",
+  cnameDomainPlaceholder: "cname.handsfree.work",
+  cnameDomainHelper:
+    "Requires a domain registered with a DNS provider on the right (or you can transfer other domain DNS servers here).\nOnce the CNAME domain is set, it cannot be changed. It is recommended to use a first-level subdomain.",
+  dnsProvider: "DNS Provider",
+  dnsProviderAuthorization: "DNS Provider Authorization",
+  setDefault: "Set Default",
+  confirmSetDefault: "Are you sure to set as default?",
+  setAsDefault: "Set as Default",
+  disabledLabel: "Disabled",
+  confirmToggleStatus: "Are you sure to {action}?",
+};
diff --git a/packages/ui/certd-client/src/locales/langs/en-US/common.ts b/packages/ui/certd-client/src/locales/langs/en-US/common.ts
new file mode 100644
index 00000000..d461d909
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/en-US/common.ts
@@ -0,0 +1,22 @@
+export default {
+  back: "Back",
+  backToHome: "Back To Home",
+  login: "Login",
+  logout: "Logout",
+  prompt: "Prompt",
+  cancel: "Cancel",
+  confirm: "Confirm",
+  reset: "Reset",
+  noData: "No Data",
+  refresh: "Refresh",
+  loadingMenu: "Loading Menu",
+  query: "Search",
+  search: "Search",
+  enabled: "Enabled",
+  disabled: "Disabled",
+  edit: "Edit",
+  delete: "Delete",
+  create: "Create",
+  yes: "Yes",
+  no: "No",
+};
diff --git a/packages/ui/certd-client/src/locales/langs/en-US/guide.ts b/packages/ui/certd-client/src/locales/langs/en-US/guide.ts
new file mode 100644
index 00000000..97ac56a2
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/en-US/guide.ts
@@ -0,0 +1,71 @@
+export default {
+  createCertPipeline: {
+    title: "Create Certificate Application Pipeline",
+    description: "Demonstrate how to configure a certificate application task",
+    items: {
+      tutorialTitle: "Tutorial Demo Content",
+      tutorialDesc1: "This tutorial demonstrates how to automatically apply for a certificate and deploy it to Nginx",
+      tutorialDesc2: "Only 3 steps, fully automatic application and deployment",
+      createTitle: "Create Certificate Pipeline",
+      createDesc: "Click to add a certificate pipeline and fill in the certificate application information",
+      successTitle: "Pipeline Created Successfully",
+      successDesc: "Click manual trigger to apply for the certificate",
+      nextTitle: "Next, demonstrate how to automatically deploy the certificate",
+      nextDesc: "If you only need to apply for a certificate, you can stop here",
+    },
+  },
+  buttons: {
+    prev: "Previous Step",
+    next: "Next Step",
+  },
+  addDeployTask: {
+    title: "Add Deployment Certificate Task",
+    description: "Demonstrate deployment of certificate to Nginx",
+    items: {
+      addTaskTitle: "Add Certificate Deployment Task",
+      addTaskDesc1: "Demonstrate automatic deployment of certificate to nginx",
+      addTaskDesc2: "Our system provides numerous deployment plugins to meet your needs",
+      fillParamsTitle: "Fill Task Parameters",
+      fillParamsDesc1: "Fill in the certificate file path on the host",
+      fillParamsDesc2: "Select SSH login authorization for the host",
+      activateCertTitle: "Make New Certificate Effective",
+      activateCertDesc1: "Execute restart script",
+      activateCertDesc2: "Make the certificate effective",
+      taskSuccessTitle: "Deployment Task Added Successfully",
+      taskSuccessDesc: "Now you can run it",
+      pluginsTitle: "Our System Provides Numerous Deployment Plugins",
+      pluginsDesc: "You can deploy certificates to various applications and platforms according to your needs",
+    },
+  },
+  runAndTestTask: {
+    runAndTestTitle: "Run and Test",
+    runAndTestDescription: "Demonstrate pipeline running, view logs, skip on success, etc.",
+    runTestOnce: "Run a Test",
+    clickManualTriggerToTest: "Click the manual trigger button to test the run",
+    viewLogs: "View Logs",
+    clickTaskToViewStatusAndLogs: "Click the task to view status and logs",
+    howToTroubleshootFailure: "How to Troubleshoot Failure",
+    viewErrorLogs: "View error logs",
+    nginxContainerNotExistFix: "Shows nginx container not found error, fix by changing to correct nginx container name",
+    executionSuccess: "Execution Success",
+    retryAfterFix: "After fixing, click manual trigger again to rerun successfully",
+    autoSkipAfterSuccess: "Auto Skip After Success",
+    successSkipExplanation: "Successful runs will be skipped automatically, rerun only if parameters or certificates update",
+    viewCertDeploymentSuccess: "View Certificate Deployment Success",
+    visitNginxToSeeCert: "Visit website on nginx to see certificate deployed successfully",
+    downloadCertManualDeploy: "Download Certificate for Manual Deployment",
+    downloadIfNoAutoDeployPlugin: "If no deployment plugin available, download certificate for manual deployment",
+  },
+  scheduleAndEmailTask: {
+    title: "Set Scheduled Execution and Email Notifications",
+    description: "Automatic running",
+    setSchedule: "Set Scheduled Execution",
+    pipelineSuccessThenSchedule: "Pipeline tests succeed, then configure scheduled triggers so it runs automatically daily",
+    recommendDailyRun: "Recommend configuring to run once daily; new certs requested 35 days before expiry and auto-skipped otherwise",
+    setEmailNotification: "Set Email Notifications",
+    suggestErrorAndRecoveryEmails: "Suggest listening for 'On Error' and 'Error to Success' to quickly troubleshoot failures (basic version requires mail server setup)",
+    basicVersionNeedsMailServer: "(basic version requires configuring mail server)",
+    tutorialEndTitle: "Tutorial End",
+    thanksForWatching: "Thank you for watching, hope it helps you",
+  },
+};
diff --git a/packages/ui/certd-client/src/locales/langs/en-US/index.ts b/packages/ui/certd-client/src/locales/langs/en-US/index.ts
new file mode 100644
index 00000000..8e1e40be
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/en-US/index.ts
@@ -0,0 +1,19 @@
+import certd from "./certd";
+import authentication from "./authentication";
+import vip from "./vip";
+import tutorial from "./tutorial";
+import preferences from "./preferences";
+import ui from "./ui";
+import guide from "./guide";
+import common from "./common";
+
+export default {
+  certd,
+  authentication,
+  vip,
+  ui,
+  tutorial,
+  preferences,
+  guide,
+  common,
+};
diff --git a/packages/ui/certd-client/src/locales/langs/en-US/preferences.ts b/packages/ui/certd-client/src/locales/langs/en-US/preferences.ts
new file mode 100644
index 00000000..669a1e77
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/en-US/preferences.ts
@@ -0,0 +1,186 @@
+export default {
+  title: "Preferences",
+  subtitle: "Customize Preferences & Preview in Real Time",
+  resetTip: "Data has changed, click to reset",
+  resetTitle: "Reset Preferences",
+  resetSuccess: "Preferences reset successfully",
+  appearance: "Appearance",
+  layout: "Layout",
+  content: "Content",
+  other: "Other",
+  wide: "Wide",
+  compact: "Fixed",
+  followSystem: "Follow System",
+  vertical: "Vertical",
+  verticalTip: "Side vertical menu mode",
+  horizontal: "Horizontal",
+  horizontalTip: "Horizontal menu mode, all menus displayed at the top",
+  twoColumn: "Two Column",
+  twoColumnTip: "Vertical Two Column Menu Mode",
+  headerSidebarNav: "Header Vertical",
+  headerSidebarNavTip: "Header Full Width, Sidebar Navigation Mode",
+  headerTwoColumn: "Header Two Column",
+  headerTwoColumnTip: "Header Navigation & Sidebar Two Column co-exists",
+  mixedMenu: "Mixed Menu",
+  mixedMenuTip: "Vertical & Horizontal Menu Co-exists",
+  fullContent: "Full Content",
+  fullContentTip: "Only display content body, hide all menus",
+  normal: "Normal",
+  plain: "Plain",
+  rounded: "Rounded",
+  copyPreferences: "Copy Preferences",
+  copyPreferencesSuccessTitle: "Copy successful",
+  copyPreferencesSuccess: "Copy successful, please override in `src/preferences.ts` under app",
+  clearAndLogout: "Clear Cache & Logout",
+  mode: "Mode",
+  general: "General",
+  language: "Language",
+  dynamicTitle: "Dynamic Title",
+  watermark: "Watermark",
+  checkUpdates: "Periodic update check",
+  position: {
+    title: "Preferences Postion",
+    header: "Header",
+    auto: "Auto",
+    fixed: "Fixed",
+  },
+  sidebar: {
+    title: "Sidebar",
+    width: "Width",
+    visible: "Show Sidebar",
+    collapsed: "Collpase Menu",
+    collapsedShowTitle: "Show Menu Title",
+    autoActivateChild: "Auto Activate SubMenu",
+    autoActivateChildTip: "`Enabled` to automatically activate the submenu while click menu.",
+    expandOnHover: "Expand On Hover",
+    expandOnHoverTip: "When the mouse hovers over menu, \n `Enabled` to expand children menus \n `Disabled` to expand whole sidebar.",
+  },
+  tabbar: {
+    title: "Tabbar",
+    enable: "Enable Tab Bar",
+    icon: "Show Tabbar Icon",
+    showMore: "Show More Button",
+    showMaximize: "Show Maximize Button",
+    persist: "Persist Tabs",
+    maxCount: "Max Count of Tabs",
+    maxCountTip: "When the number of tabs exceeds the maximum,\nthe oldest tab will be closed.\n Set to 0 to disable count checking.",
+    draggable: "Enable Draggable Sort",
+    wheelable: "Support Mouse Wheel",
+    middleClickClose: "Close Tab when Mouse Middle Button Click",
+    wheelableTip: "When enabled, the Tabbar area responds to vertical scrolling events of the scroll wheel.",
+    styleType: {
+      title: "Tabs Style",
+      chrome: "Chrome",
+      card: "Card",
+      plain: "Plain",
+      brisk: "Brisk",
+    },
+    contextMenu: {
+      reload: "Reload",
+      close: "Close",
+      pin: "Pin",
+      unpin: "Unpin",
+      closeLeft: "Close Left Tabs",
+      closeRight: "Close Right Tabs",
+      closeOther: "Close Other Tabs",
+      closeAll: "Close All Tabs",
+      openInNewWindow: "Open in New Window",
+      maximize: "Maximize",
+      restoreMaximize: "Restore",
+    },
+  },
+  navigationMenu: {
+    title: "Navigation Menu",
+    style: "Navigation Menu Style",
+    accordion: "Sidebar Accordion Menu",
+    split: "Navigation Menu Separation",
+    splitTip: "When enabled, the sidebar displays the top bar's submenu",
+  },
+  breadcrumb: {
+    title: "Breadcrumb",
+    home: "Show Home Button",
+    enable: "Enable Breadcrumb",
+    icon: "Show Breadcrumb Icon",
+    background: "background",
+    style: "Breadcrumb Style",
+    hideOnlyOne: "Hidden when only one",
+  },
+  animation: {
+    title: "Animation",
+    loading: "Page Loading",
+    transition: "Page Transition",
+    progress: "Page Progress",
+  },
+  theme: {
+    title: "Theme",
+    radius: "Radius",
+    light: "Light",
+    dark: "Dark",
+    darkSidebar: "Semi Dark Sidebar",
+    darkHeader: "Semi Dark Header",
+    weakMode: "Weak Mode",
+    grayMode: "Gray Mode",
+    builtin: {
+      title: "Built-in",
+      default: "Default",
+      violet: "Violet",
+      pink: "Pink",
+      rose: "Rose",
+      skyBlue: "Sky Blue",
+      deepBlue: "Deep Blue",
+      green: "Green",
+      deepGreen: "Deep Green",
+      orange: "Orange",
+      yellow: "Yellow",
+      zinc: "Zinc",
+      neutral: "Neutral",
+      slate: "Slate",
+      gray: "Gray",
+      custom: "Custom",
+    },
+  },
+  header: {
+    title: "Header",
+    visible: "Show Header",
+    modeStatic: "Static",
+    modeFixed: "Fixed",
+    modeAuto: "Auto hide & Show",
+    modeAutoScroll: "Scroll to Hide & Show",
+    menuAlign: "Menu Align",
+    menuAlignStart: "Start",
+    menuAlignEnd: "End",
+    menuAlignCenter: "Center",
+  },
+  footer: {
+    title: "Footer",
+    visible: "Show Footer",
+    fixed: "Fixed at Bottom",
+  },
+  copyright: {
+    title: "Copyright",
+    enable: "Enable Copyright",
+    companyName: "Company Name",
+    companySiteLink: "Company Site Link",
+    date: "Date",
+    icp: "ICP License Number",
+    icpLink: "ICP Site Link",
+  },
+  shortcutKeys: {
+    title: "Shortcut Keys",
+    global: "Global",
+    search: "Global Search",
+    logout: "Logout",
+    preferences: "Preferences",
+  },
+  widget: {
+    title: "Widget",
+    globalSearch: "Enable Global Search",
+    fullscreen: "Enable Fullscreen",
+    themeToggle: "Enable Theme Toggle",
+    languageToggle: "Enable Language Toggle",
+    notification: "Enable Notification",
+    sidebarToggle: "Enable Sidebar Toggle",
+    lockScreen: "Enable Lock Screen",
+    refresh: "Enable Refresh",
+  },
+};
diff --git a/packages/ui/certd-client/src/locales/langs/en-US/tutorial.ts b/packages/ui/certd-client/src/locales/langs/en-US/tutorial.ts
new file mode 100644
index 00000000..3f5ade3f
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/en-US/tutorial.ts
@@ -0,0 +1,3 @@
+export default {
+  title: "Tutorial",
+};
diff --git a/packages/ui/certd-client/src/locales/langs/en-US/ui.ts b/packages/ui/certd-client/src/locales/langs/en-US/ui.ts
new file mode 100644
index 00000000..d9d5efc2
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/en-US/ui.ts
@@ -0,0 +1,104 @@
+export default {
+  formRules: {
+    required: "Please enter {0}",
+    selectRequired: "Please select {0}",
+    minLength: "{0} must be at least {1} characters",
+    maxLength: "{0} can be at most {1} characters",
+    length: "{0} must be {1} characters long",
+    alreadyExists: "{0} `{1}` already exists",
+    startWith: "{0} must start with `{1}`",
+    invalidURL: "Please input a valid URL",
+  },
+  actionTitle: {
+    edit: "Modify {0}",
+    create: "Create {0}",
+    delete: "Delete {0}",
+    view: "View {0}",
+  },
+  actionMessage: {
+    deleteConfirm: "Are you sure to delete {0}?",
+    deleting: "Deleting {0} ...",
+    deleteSuccess: "{0} deleted successfully",
+    operationSuccess: "Operation succeeded",
+    operationFailed: "Operation failed",
+  },
+  placeholder: {
+    input: "Please enter",
+    select: "Please select",
+  },
+  captcha: {
+    title: "Please complete the security verification",
+    sliderSuccessText: "Passed",
+    sliderDefaultText: "Slider and drag",
+    alt: "Supports img tag src attribute value",
+    sliderRotateDefaultTip: "Click picture to refresh",
+    sliderRotateFailTip: "Validation failed",
+    sliderRotateSuccessTip: "Validation successful, time {0} seconds",
+    refreshAriaLabel: "Refresh captcha",
+    confirmAriaLabel: "Confirm selection",
+    confirm: "Confirm",
+    pointAriaLabel: "Click point",
+    clickInOrder: "Please click in order",
+  },
+  iconPicker: {
+    placeholder: "Select an icon",
+    search: "Search icon...",
+  },
+  jsonViewer: {
+    copy: "Copy",
+    copied: "Copied",
+  },
+  fallback: {
+    pageNotFound: "Oops! Page Not Found",
+    pageNotFoundDesc: "Sorry, we couldn't find the page you were looking for.",
+    forbidden: "Oops! Access Denied",
+    forbiddenDesc: "Sorry, but you don't have permission to access this page.",
+    internalError: "Oops! Something Went Wrong",
+    internalErrorDesc: "Sorry, but the server encountered an error.",
+    offline: "Offline Page",
+    offlineError: "Oops! Network Error",
+    offlineErrorDesc: "Sorry, can't connect to the internet. Check your connection.",
+    comingSoon: "Coming Soon",
+    http: {
+      requestTimeout: "The request timed out. Please try again later.",
+      networkError: "A network error occurred. Please check your internet connection and try again.",
+      badRequest: "Bad Request. Please check your input and try again.",
+      unauthorized: "Unauthorized. Please log in to continue.",
+      forbidden: "Forbidden. You do not have permission to access this resource.",
+      notFound: "Not Found. The requested resource could not be found.",
+      internalServerError: "Internal Server Error. Something went wrong on our end. Please try again later.",
+    },
+  },
+  widgets: {
+    document: "Document",
+    qa: "Q&A",
+    setting: "Settings",
+    logoutTip: "Do you want to logout?",
+    viewAll: "View All Messages",
+    notifications: "Notifications",
+    markAllAsRead: "Make All as Read",
+    clearNotifications: "Clear",
+    checkUpdatesTitle: "New Version Available",
+    checkUpdatesDescription: "Click to refresh and get the latest version",
+    search: {
+      title: "Search",
+      searchNavigate: "Search Navigation",
+      select: "Select",
+      navigate: "Navigate",
+      close: "Close",
+      noResults: "No Search Results Found",
+      noRecent: "No Search History",
+      recent: "Search History",
+    },
+    lockScreen: {
+      title: "Lock Screen",
+      screenButton: "Locking",
+      password: "Password",
+      placeholder: "Please enter password",
+      unlock: "Click to unlock",
+      errorPasswordTip: "Password error, please re-enter",
+      backToLogin: "Back to login",
+      entry: "Enter the system",
+    },
+  },
+};
diff --git a/packages/ui/certd-client/src/locales/langs/en-US/vip.ts b/packages/ui/certd-client/src/locales/langs/en-US/vip.ts
new file mode 100644
index 00000000..b5658b02
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/en-US/vip.ts
@@ -0,0 +1,86 @@
+export default {
+  comm: {
+    name: "{vipLabel} Activated",
+    title: "Expires on: {expire}",
+    nav: "{vipLabel}",
+  },
+  plus: {
+    name: "Pro Features",
+    title: "Upgrade to Pro for commercial license",
+  },
+  free: {
+    comm: {
+      name: "Pro Features",
+      title: "Upgrade to Pro for commercial license",
+    },
+    button: {
+      name: "Advanced Features",
+      title: "Upgrade to Advanced for more VIP privileges",
+    },
+    nav: {
+      name: "Basic Version",
+      title: "Upgrade to Advanced for more VIP privileges",
+    },
+  },
+  enterCode: "Please enter the activation code",
+  successTitle: "Activation Successful",
+  successContent: "You have successfully activated {vipLabel}, valid until: {expireDate}",
+  bindAccountTitle: "Bind Your Account",
+  bindAccountContent: "Binding your account helps prevent license loss. Strongly recommended.",
+  congratulations_vip_trial: "Congratulations, you have received a Pro version {duration} days trial",
+  trial_modal_title: "7-day Pro version trial acquisition",
+  trial_modal_ok_text: "Get now",
+  trial_modal_thanks: "Thank you for supporting the open source project",
+  trial_modal_click_confirm: "Click confirm to get a 7-day Pro version trial",
+  get_7_day_pro_trial: "7-day professional version trial",
+  star_now: "Star Now",
+  please_help_star: "Could you please help by starring? Thanks a lot!",
+  admin_only_operation: "Admin operation only",
+  enter_activation_code: "Please enter the activation code",
+  activate_pro_business: "Activate Professional/Business Edition",
+  renew_business: "Renew Business Edition",
+  renew_pro_upgrade_business: "Renew Professional Edition / Upgrade to Business Edition",
+  basic_edition: "Basic Edition",
+  community_free_version: "Community Free Version",
+  unlimited_certificate_application: "Unlimited certificate applications",
+  unlimited_domain_count: "Unlimited domain count",
+  unlimited_certificate_pipelines: "Unlimited certificate pipelines",
+  common_deployment_plugins: "Common host, cloud platform, CDN, Baota, 1Panel deployment plugins",
+  email_webhook_notifications: "Email, webhook notification methods",
+
+  professional_edition: "Professional Edition",
+  open_source_support: "Open source requires your sponsorship support",
+  vip_group_priority: "Access to VIP group, your requests will have priority",
+  unlimited_site_certificate_monitoring: "Unlimited site certificate monitoring",
+  more_notification_methods: "More notification methods",
+  plugins_fully_open: "All plugins open, including Synology and more",
+  click_to_get_7_day_trial: "Click to get 7-day trial",
+  years: "years",
+  afdian_support_vip: 'Get a one-year professional activation code after supporting "VIP membership" on Afdian, open source needs your support',
+  get_after_support: "Get after sponsoring",
+
+  business_edition: "Business Edition",
+  commercial_license: "Commercial license, allowed for external operation",
+  all_pro_privileges: "All professional edition privileges",
+  allow_commercial_use_modify_logo_title: "Allows commercial use, can modify logo and title",
+  data_statistics: "Data statistics",
+  plugin_management: "Plugin management",
+  unlimited_multi_users: "Unlimited multi-users",
+  support_user_payment: "Supports user payments",
+  contact_author_for_trial: "Please contact the author for trial",
+  activate: "Activate",
+  get_pro_code_after_support: 'Get a one-year professional activation code after supporting "VIP membership" on Afdian',
+  business_contact_author: "Business edition please contact the author directly",
+  year: "year",
+  freee: "Free",
+  renew: "Renew",
+  activate_immediately: "Activate Immediately",
+  current: "Current",
+  activated_expire_time: " activated, expiration date: ",
+  site_id: "Site ID",
+  invite_code_optional: "Invite code [optional], can get extra 30 days for Professional / 15 days for Business",
+  no_activation_code: "No activation code?",
+  activation_code_one_use: "Activation code can only be used once. To change site, please ",
+  bind_account: "bind account",
+  transfer_vip: ' then "Transfer VIP"',
+};
diff --git a/packages/ui/certd-client/src/locales/langs/zh-CN/authentication.ts b/packages/ui/certd-client/src/locales/langs/zh-CN/authentication.ts
new file mode 100644
index 00000000..2bd39d05
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/zh-CN/authentication.ts
@@ -0,0 +1,85 @@
+export default {
+  welcomeBack: "欢迎回来",
+  pageTitle: "开箱即用的大型中后台管理系统",
+  pageDesc: "工程化、高性能、跨组件库的前端模版",
+  loginSuccess: "登录成功",
+  loginSuccessDesc: "欢迎回来",
+  loginSubtitle: "请输入您的帐户信息以开始管理您的项目",
+  selectAccount: "快速选择账号",
+  username: "账号",
+  password: "密码",
+  usernameTip: "请输入用户名",
+  passwordTip: "请输入密码",
+  verifyRequiredTip: "请先完成验证",
+  passwordErrorTip: "密码错误",
+  rememberMe: "记住账号",
+  createAnAccount: "创建一个账号",
+  createAccount: "创建账号",
+  alreadyHaveAccount: "已经有账号了?",
+  accountTip: "还没有账号?",
+  signUp: "注册",
+  signUpSubtitle: "让您的应用程序管理变得简单而有趣",
+  confirmPassword: "确认密码",
+  confirmPasswordTip: "两次输入的密码不一致",
+  agree: "我同意",
+  privacyPolicy: "隐私政策",
+  terms: "条款",
+  agreeTip: "请同意隐私政策和条款",
+  goToLogin: "去登录",
+  passwordStrength: "使用 8 个或更多字符，混合字母、数字和符号",
+  forgetPassword: "忘记密码?",
+  forgetPasswordSubtitle: "输入您的电子邮件，我们将向您发送重置密码的连接",
+  emailTip: "请输入邮箱",
+  emailValidErrorTip: "你输入的邮箱格式不正确",
+  sendResetLink: "发送重置链接",
+  email: "邮箱",
+  qrcodeSubtitle: "请用手机扫描二维码登录",
+  qrcodePrompt: "扫码后点击 '确认'，即可完成登录",
+  qrcodeLogin: "扫码登录",
+  codeSubtitle: "请输入您的手机号码以开始管理您的项目",
+  code: "验证码",
+  codeTip: "请输入{0}位验证码",
+  mobile: "手机号码",
+  mobileTip: "请输入手机号",
+  mobileErrortip: "手机号码格式错误",
+  mobileLogin: "手机号登录",
+  sendCode: "获取验证码",
+  sendText: "{0}秒后重新获取",
+  thirdPartyLogin: "其他登录方式",
+  loginAgainTitle: "重新登录",
+  loginAgainSubTitle: "您的登录状态已过期，请重新登录以继续。",
+  layout: {
+    center: "居中",
+    alignLeft: "居左",
+    alignRight: "居右",
+  },
+  usernamePlaceholder: "请输入用户名/邮箱/手机号",
+  passwordPlaceholder: "请输入密码",
+  mobilePlaceholder: "请输入手机号",
+  loginButton: "登录",
+  forgotAdminPassword: "忘记管理员密码？",
+  registerLink: "注册",
+
+  smsTab: "短信验证码登录",
+  passwordTab: "密码登录",
+
+  title: "修改密码",
+  weakPasswordWarning: "为了您的账户安全，请立即修改密码",
+  changeNow: "立即修改",
+  successMessage: "修改成功",
+  oldPassword: "旧密码",
+  oldPasswordRequired: "请输入旧密码",
+  newPassword: "新密码",
+  newPasswordRequired: "请输入新密码",
+  confirmNewPassword: "确认新密码",
+  confirmNewPasswordRequired: "请输入确认密码",
+  changePasswordButton: "修改密码",
+  enterPassword: "请输入密码",
+  newPasswordNotSameOld: "新密码不能和旧密码相同",
+  enterPasswordAgain: "请再次输入密码",
+  passwordsNotMatch: "两次输入密码不一致!",
+  avatar: "头像",
+  nickName: "昵称",
+  phoneNumber: "手机号",
+  changePassword: "修改密码",
+};
diff --git a/packages/ui/certd-client/src/locales/langs/zh-CN/certd.ts b/packages/ui/certd-client/src/locales/langs/zh-CN/certd.ts
new file mode 100644
index 00000000..7721d4da
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/zh-CN/certd.ts
@@ -0,0 +1,688 @@
+export default {
+  app: {
+    crud: {
+      i18n: {
+        name: "姓名",
+        city: "城市",
+        status: "状态",
+      },
+    },
+    login: {
+      logoutTip: "确认",
+      logoutMessage: "确定要注销登录吗？",
+    },
+  },
+  fs: {
+    rowHandle: {
+      title: "操作列",
+    },
+  },
+  order: {
+    confirmTitle: "订单确认",
+    package: "套餐",
+    description: "说明",
+    specifications: "规格",
+    pipeline: "流水线",
+    domain: "域名",
+    deployTimes: "部署次数",
+    duration: "时长",
+    price: "价格",
+    paymentMethod: "支付方式",
+    free: "免费",
+    unit: {
+      pieces: "条",
+      count: "个",
+      times: "次",
+    },
+  },
+  framework: {
+    title: "框架",
+    home: "首页",
+  },
+
+  title: "证书自动化",
+  pipeline: "证书自动化流水线",
+  pipelineEdit: "编辑流水线",
+  history: "执行历史记录",
+  certStore: "证书仓库",
+  siteMonitor: "站点证书监控",
+  settings: "设置",
+  accessManager: "授权管理",
+  cnameRecord: "CNAME记录管理",
+  subDomain: "子域名托管设置",
+  pipelineGroup: "流水线分组管理",
+  openKey: "开放接口密钥",
+  notification: "通知设置",
+  siteMonitorSetting: "站点监控设置",
+  userSecurity: "认证安全设置",
+  userProfile: "账号信息",
+  suite: "套餐",
+  mySuite: "我的套餐",
+  suiteBuy: "套餐购买",
+  myTrade: "我的订单",
+  paymentReturn: "支付返回",
+
+  user: {
+    greeting: "您好",
+    profile: "账号信息",
+    logout: "注销登录",
+  },
+  dashboard: {
+    greeting: "您好，{name}，欢迎使用 【{site}】",
+    latestVersion: "最新版本: {version}",
+    validUntil: "账户有效期：",
+    tutorialTooltip: "点击查看详细教程",
+    tutorialText: "仅需3步，全自动申请部署证书",
+    alertMessage: "证书和授权为敏感信息，不要使用来历不明的在线Certd服务和镜像，以免泄露；请务必私有化部署使用，认准官方版本发布渠道：",
+    helpDoc: "帮助文档",
+    pipelineCount: "证书流水线数量",
+    noPipeline: "您还没有证书流水线",
+    createNow: "立即创建",
+    managePipeline: "管理流水线",
+    pipelineStatus: "流水线状态",
+    recentRun: "最近运行统计",
+    runCount: "运行次数",
+    expiringCerts: "最快到期证书",
+    supportedTasks: "已支持的部署任务总览",
+  },
+  steps: {
+    createPipeline: "创建证书流水线",
+    addTask: "添加部署任务",
+    scheduledRun: "定时运行",
+  },
+  customPipeline: "自定义流水线",
+  createCertdPipeline: "创建证书流水线",
+  commercialCertHosting: "商用证书托管",
+  tooltip: {
+    manualUploadOwnCert: "手动上传自有证书，执行自动部署",
+    noAutoApplyCommercialCert: "并不能自动申请商业证书",
+    manualUploadOnUpdate: "证书有更新时，都需要手动上传一次",
+  },
+  table: {
+    confirmDeleteTitle: "确定要删除吗？",
+    confirmDeleteMessage: "将删除该流水线相关的所有数据，包括执行历史、证书文件、证书仓库记录等",
+  },
+  play: {
+    runPipeline: "运行流水线",
+    confirm: "确认",
+    confirmTrigger: "确定要触发运行吗？",
+    pipelineStarted: "管道已经开始运行",
+  },
+  actions: {
+    editPipeline: "编辑流水线",
+    editConfigGroup: "修改配置/分组",
+    viewCertificate: "查看证书",
+    downloadCertificate: "下载证书",
+  },
+  fields: {
+    userId: "用户Id",
+    pipelineName: "流水线名称",
+    keyword: "关键字",
+    required: "此项必填",
+    pipelineContent: "流水线内容",
+    scheduledTaskCount: "定时任务数",
+    deployTaskCount: "部署任务数",
+    remainingValidity: "到期剩余",
+    expiryTime: "过期时间",
+    status: "状态",
+    lastRun: "最后运行",
+    enabled: "启用",
+    enabledLabel: "启用",
+    disabledLabel: "禁用",
+    group: "分组",
+    type: "类型",
+    order: "排序号",
+    keepHistoryCount: "历史记录保持数",
+    keepHistoryHelper: "历史记录保持条数，多余的会被删除",
+    createTime: "创建时间",
+    updateTime: "更新时间",
+    triggerType: "触发类型",
+    pipelineId: "流水线Id",
+  },
+  types: {
+    certApply: "证书申请",
+    certUpload: "证书上传",
+    custom: "自定义",
+  },
+  myPipelines: "我的流水线",
+  selectedCount: "已选择 {count} 项",
+  batchDelete: "批量删除",
+  batchForceRerun: "强制重新运行",
+  applyCertificate: "申请证书",
+  pipelineExecutionRecords: "流水线执行记录",
+  confirm: "确认",
+  confirmBatchDeleteContent: "确定要批量删除这{count}条记录吗",
+  deleteSuccess: "删除成功",
+  pleaseSelectRecords: "请先勾选记录",
+  triggerTypes: {
+    manual: "手动执行",
+    timer: "定时执行",
+  },
+  sysResources: {
+    sysRoot: "系统管理",
+    sysConsole: "控制台",
+    sysSettings: "系统设置",
+    cnameSetting: "CNAME服务设置",
+    emailSetting: "邮件服务器设置",
+    siteSetting: "站点个性化",
+    headerMenus: "顶部菜单设置",
+    sysAccess: "系统级授权",
+    sysPlugin: "插件管理",
+    sysPluginEdit: "编辑插件",
+    sysPluginConfig: "证书插件配置",
+    accountBind: "账号绑定",
+    permissionManager: "权限管理",
+    roleManager: "角色管理",
+    userManager: "用户管理",
+    suiteManager: "套餐管理",
+    suiteSetting: "套餐设置",
+    orderManager: "订单管理",
+    userSuites: "用户套餐",
+  },
+  certificateRepo: {
+    title: "证书仓库",
+    sub: "从流水线生成的证书",
+  },
+
+  certificateNotGenerated: "证书还未生成，请先运行流水线",
+  viewCertificateTitle: "查看证书",
+  close: "关闭",
+  viewCert: {
+    title: "查看证书",
+  },
+  download: {
+    title: "下载证书",
+  },
+  source: "源码",
+  github: "github",
+  gitee: "gitee",
+  cron: {
+    clearTip: "清除选择",
+    nextTrigger: "下次触发时间",
+    tip: "请先设置正确的cron表达式",
+  },
+  cronForm: {
+    title: "定时脚本",
+    helper: "点击上面的按钮，选择每天几点定时执行。\n建议设置为每天触发一次，证书未到期之前任务会跳过，不会重复执行",
+    required: "此项必填",
+  },
+  email: {
+    title: "收件邮箱",
+    helper: "输入你的收件邮箱地址，支持多个邮箱",
+    required: "此项必填",
+  },
+  plugin: {
+    selectTitle: "证书申请插件",
+    jsAcme: "JS-ACME：使用简单方便，功能强大【推荐】",
+    legoAcme: "Lego-ACME：基于Lego实现，支持海量DNS提供商，熟悉LEGO的用户可以使用",
+  },
+  pipelineForm: {
+    createTitle: "创建证书流水线",
+    moreParams: "更多参数",
+    triggerCronTitle: "定时触发",
+    triggerCronHelper: "点击上面的按钮，选择每天几点定时执行。\n建议设置为每天触发一次，证书未到期之前任务会跳过，不会重复执行",
+    notificationTitle: "失败通知",
+    notificationHelper: "任务执行失败实时提醒",
+    groupIdTitle: "流水线分组",
+  },
+  notificationDefault: "使用默认通知",
+  monitor: {
+    title: "站点证书监控",
+    description: "每天0点，检查网站证书的过期时间，到期前10天时将发出提醒（使用默认通知渠道）;",
+    settingLink: "站点监控设置",
+    limitInfo: "基础版限制1条，专业版以上无限制，当前",
+    checkAll: "检查全部",
+    confirmTitle: "确认",
+    confirmContent: "确认触发检查全部站点证书吗?",
+    checkSubmitted: "检查任务已提交",
+    pleaseRefresh: "请稍后刷新页面查看结果",
+    siteName: "站点名称",
+    enterSiteName: "请输入站点名称",
+    domain: "网站域名",
+    enterDomain: "请输入域名",
+    enterValidDomain: "请输入正确的域名",
+    httpsPort: "HTTPS端口",
+    enterPort: "请输入端口",
+    certInfo: "证书信息",
+    issuer: "证书颁发机构",
+    certDomains: "证书域名",
+    certProvider: "颁发机构",
+    certStatus: "证书状态",
+    status: {
+      ok: "正常",
+      expired: "过期",
+    },
+    certExpiresTime: "证书到期时间",
+    expired: "过期",
+    days: "天",
+    lastCheckTime: "上次检查时间",
+    disabled: "禁用启用",
+    ipCheck: "开启IP检查",
+    selectRequired: "请选择",
+    ipCheckConfirm: "确定{status}IP检查？",
+    ipCount: "IP数量",
+    checkStatus: "检查状态",
+    pipelineId: "关联流水线ID",
+    certInfoId: "证书ID",
+    checkSubmittedRefresh: "检查任务已提交，请稍后刷新查看结果",
+    ipManagement: "IP管理",
+    bulkImport: "批量导入",
+    basicLimitError: "基础版只能添加一个监控站点，请赞助升级专业版",
+    limitExceeded: "对不起，您最多只能创建条{max}监控记录，请购买或升级套餐",
+  },
+  checkStatus: {
+    success: "成功",
+    checking: "检查中",
+    error: "异常",
+  },
+  domainList: {
+    title: "域名列表",
+    helper: "格式【域名:端口:名称】，一行一个，其中端口、名称可以省略\n比如：\nwww.baidu.com:443:百度\nwww.taobao.com::淘宝\nwww.google.com",
+    required: "请输入要导入的域名",
+    placeholder: "www.baidu.com:443:百度\nwww.taobao.com::淘宝\nwww.google.com\n",
+  },
+  accountInfo: "账号信息",
+  securitySettings: "认证安全设置",
+  confirmDisable2FA: "确定要关闭多重验证登录吗？",
+  disabledSuccess: "关闭成功",
+  saveSuccess: "保存成功",
+  twoFactorAuth: "2FA多重验证登录",
+  rebind: "重新绑定",
+  twoFactorAuthHelper: "是否开启多重验证登录",
+  bindDevice: "绑定设备",
+  step1: "1. 安装任意一款支持Authenticator的验证APP，比如：",
+  tooltipGoogleServiceError: "如果报没有找到谷歌服务的错误，您可以安装KK谷歌助手",
+  step2: "2. 扫描二维码添加账号",
+  step3: "3. 输入验证码",
+  inputVerifyCode: "请输入验证码",
+  cancel: "取消",
+  authorizationManagement: "授权管理",
+  manageThirdPartyAuth: "管理第三方系统授权信息",
+  name: "名称",
+  pleaseEnterName: "请填写名称",
+  nameHelper: "随便填，当多个相同类型的授权时，便于区分",
+  level: "级别",
+  system: "系统",
+  usera: "用户",
+  nickName: "昵称",
+  max50Chars: "最大50个字符",
+  myInfo: "我的信息",
+  siteMonitorSettings: "站点监控设置",
+  notificationChannel: "通知渠道",
+  setNotificationChannel: "设置通知渠道",
+  retryTimes: "重试次数",
+  monitorRetryTimes: "监控请求重试次数",
+  monitorCronSetting: "监控定时设置",
+  cronTrigger: "定时触发监控",
+  save: "保存",
+  editSchedule: "修改定时",
+  timerTrigger: "定时触发",
+  schedule: "定时",
+  selectCron: "请选择定时Cron",
+  batchEditSchedule: "批量修改定时",
+  editTrigger: "编辑触发器",
+  triggerName: "触发器名称",
+  requiredField: "此项必填",
+  type: "类型",
+  enterName: "请输入名称",
+  confirmDeleteTrigger: "确定要删除此触发器吗？",
+  notificationType: "通知类型",
+  selectNotificationType: "请选择通知类型",
+  notificationName: "通知名称",
+  helperNotificationName: "随便填，当多个相同类型的通知时，便于区分",
+  isDefault: "是否默认",
+  yes: "是",
+  no: "否",
+  selectIsDefault: "请选择是否默认",
+  prompt: "提示",
+  confirmSetDefaultNotification: "确定设置为默认通知？",
+  test: "测试",
+  scope: "权限范围",
+  scopeOpenApiOnly: "仅开放接口",
+  scopeFullAccount: "账户所有权限",
+  required: "此项必填",
+  scopeHelper: "仅开放接口只可以访问开放接口，账户所有权限可以访问所有接口",
+  add: "生成新的Key",
+  gen: {
+    text: "接口测试",
+    title: "x-certd-token",
+    okText: "确定",
+    contentPart1: "测试x-certd-token如下，您可以在3分钟内使用它进行",
+    openApi: "开放接口",
+    contentPart2: "请求测试",
+  },
+  pending_cname_setup: "待设置CNAME",
+  validating: "验证中",
+  validation_successful: "验证成功",
+  validation_failed: "验证失败",
+  validation_timed_out: "验证超时",
+  proxied_domain: "被代理域名",
+  host_record: "主机记录",
+  please_set_cname: "请设置CNAME",
+  cname_service: "CNAME服务",
+  default_public_cname: "默认提供公共CNAME服务，您还可以",
+  customize_cname: "自定义CNAME服务",
+  public_cname: "公共CNAME",
+  custom_cname: "自定义CNAME",
+  validate: "验证",
+  validation_started: "开始验证，请耐心等待",
+  click_to_validate: "点击验证",
+  all: "全部",
+  cname_feature_guide: "CNAME功能原理及使用说明",
+  batch_delete: "批量删除",
+  confirm_delete_count: "确定要批量删除这{count}条记录吗",
+  delete_successful: "删除成功",
+  please_select_records: "请先勾选记录",
+  edit_notification: "编辑通知",
+  other_notification_method: "其他通知方式",
+  trigger_time: "触发时机",
+  start_time: "开始时",
+  success_time: "成功时",
+  fail_to_success_time: "失败转成功时",
+  fail_time: "失败时",
+  helper_suggest_fail_only: "建议仅选择'失败时'和'失败转成功'两种即可",
+  notification_config: "通知配置",
+  please_select_notification: "请选择通知方式",
+  please_select_type: "请选择类型",
+  please_select_trigger_time: "请选择通知时机",
+  please_select_notification_config: "请选择通知配置",
+  confirm_delete_trigger: "确定要删除此触发器吗？",
+  gift_package: "赠送套餐",
+  package_name: "套餐名称",
+  click_to_select: "点击选择",
+  please_select_package: "请选择套餐",
+  package: "套餐",
+  addon_package: "加量包",
+  domain_count: "域名数量",
+  unit_count: "个",
+  field_required: "此项必填",
+  pipeline_count: "流水线数量",
+  unit_item: "条",
+  deploy_count: "部署次数",
+  unit_times: "次",
+  monitor_count: "证书监控数量",
+  duration: "时长",
+  status: "状态",
+  active_time: "激活时间",
+  expires_time: "过期时间",
+  is_present: "是否赠送",
+  is_present_yes: "是",
+  is_present_no: "否",
+  basicInfo: "基础信息",
+  titlea: "名称",
+  disabled: "是否禁用",
+  ordera: "排序",
+  supportBuy: "支持购买",
+  intro: "介绍",
+  packageContent: "套餐内容",
+  maxDomainCount: "最大域名数",
+  maxPipelineCount: "最大流水线数",
+  maxDeployCount: "最大部署数",
+  maxMonitorCount: "最大监控数",
+  price: "价格",
+  durationPrices: "时长价格",
+  packageName: "套餐名称",
+  addon: "加量包",
+  typeHelper: "套餐：同一时间只有最新购买的一个生效\n加量包：可购买多个，购买后立即生效，不影响套餐\n套餐和加量包数量可叠加",
+  domainCount: "域名数量",
+  pipelineCount: "流水线数量",
+  unitPipeline: "条",
+  deployCount: "部署次数",
+  unitDeploy: "次",
+  monitorCount: "证书监控数量",
+  unitCount: "个",
+  durationPriceTitle: "时长及价格",
+  selectDuration: "选择时长",
+  supportPurchase: "支持购买",
+  cannotPurchase: "不能购买",
+  shelfStatus: "上下架",
+  onShelf: "上架",
+  offShelf: "下架",
+  orderHelper: "越小越靠前",
+  description: "说明",
+  createTime: "创建时间",
+  updateTime: "更新时间",
+  edit: "编辑",
+  groupName: "分组名称",
+  enterGroupName: "请输入分组名称",
+  subdomainHosting: "子域名托管",
+  subdomainHostingHint: "当你的域名设置了子域名托管，需要在此处创建记录，否则申请证书将失败",
+  batchDeleteConfirm: "确定要批量删除这{count}条记录吗",
+  selectRecordFirst: "请先勾选记录",
+  subdomainHosted: "托管的子域名",
+  subdomainHelpText: "如果您不理解什么是子域托管，可以参考文档",
+  subdomainManagement: "子域管理",
+  isDisabled: "是否禁用",
+  enabled: "启用",
+  uploadCustomCert: "上传自定义证书",
+  sourcee: "来源",
+  sourcePipeline: "流水线",
+  sourceManualUpload: "手动上传",
+  domains: "域名",
+  enterDomain: "请输入域名",
+  validDays: "有效天数",
+  expires: "过期",
+  days: "天",
+  expireTime: "过期时间",
+  certIssuer: "证书颁发机构",
+  applyTime: "申请时间",
+  relatedPipeline: "关联流水线",
+  statusSuccess: "成功",
+  statusChecking: "检查中",
+  statusError: "异常",
+  actionImportBatch: "批量导入",
+  actionSyncIp: "同步IP",
+  modalTitleSyncIp: "同步IP",
+  modalContentSyncIp: "确定要同步IP吗？",
+  notificationSyncComplete: "同步完成",
+  actionCheckAll: "检查全部",
+  modalTitleConfirm: "确认",
+  modalContentCheckAll: "确认触发检查全部IP站点的证书吗?",
+  notificationCheckSubmitted: "检查任务已提交",
+  notificationCheckDescription: "请稍后刷新页面查看结果",
+  tooltipCheckNow: "立即检查",
+  notificationCheckSubmittedPleaseRefresh: "检查任务已提交，请稍后刷新查看结果",
+  columnId: "ID",
+  columnIp: "IP",
+  helperIpCname: "也支持填写CNAME域名",
+  ruleIpRequired: "请输入IP",
+  columnCertDomains: "证书域名",
+  columnCertProvider: "颁发机构",
+  columnCertStatus: "证书状态",
+  statusNormal: "正常",
+  statusExpired: "过期",
+  columnCertExpiresTime: "证书到期时间",
+  expired: "过期",
+  columnCheckStatus: "检查状态",
+  columnLastCheckTime: "上次检查时间",
+  columnSource: "来源",
+  sourceSync: "同步",
+  sourceManual: "手动",
+  sourceImport: "导入",
+  columnDisabled: "禁用启用",
+  columnRemark: "备注",
+  pluginFile: "插件文件",
+  selectPluginFile: "选择插件文件",
+  overrideSameName: "同名覆盖",
+  override: "覆盖",
+  noOverride: "不覆盖",
+  overrideHelper: "如果已有相同名称插件，直接覆盖",
+  importPlugin: "导入插件",
+  operationSuccess: "操作成功",
+  customPlugin: "自定义插件",
+  import: "导入",
+  export: "导出",
+  pluginType: "插件类型",
+  auth: "授权",
+  dns: "DNS",
+  deployPlugin: "部署插件",
+  icon: "图标",
+  pluginName: "插件名称",
+  pluginNameHelper: "必须为英文或数字，驼峰命名，类型作为前缀\n示例：AliyunDeployToCDN\n插件使用后，名称不可修改",
+  pluginNameRuleMsg: "必须为英文或数字，驼峰命名，类型作为前缀",
+  author: "作者",
+  authorHelper: "上传插件市场时作为前缀，如 greper/pluginName",
+  authorRuleMsg: "必须为英文或数字",
+  titleHelper: "插件中文名称",
+  descriptionHelper: "插件描述",
+  builtIn: "内置",
+  custom: "自定义",
+  store: "市场",
+  version: "版本",
+  pluginDependencies: "插件依赖",
+  pluginDependenciesHelper: "格式: [作者/]插件名[:版本]，需先安装依赖插件",
+  editableRunStrategy: "可编辑运行策略",
+  editable: "可编辑",
+  notEditable: "不可编辑",
+  runStrategy: "运行策略",
+  normalRun: "正常运行",
+  skipOnSuccess: "成功跳过（部署任务）",
+  defaultRunStrategyHelper: "默认运行策略",
+  enableDisable: "启用/禁用",
+  clickToToggle: "点击切换启用/禁用",
+  confirmToggle: "确认要",
+  disable: "禁用",
+  enable: "启用",
+  pluginGroup: "插件分组",
+  icpRegistrationNumber: "ICP备案号",
+  icpPlaceholder: "粤ICP备xxxxxxx号",
+  publicSecurityRegistrationNumber: "网安备案号",
+  publicSecurityPlaceholder: "京公网安备xxxxxxx号",
+  enableAssistant: "开启小助手",
+  allowCrawlers: "允许爬虫",
+  httpProxy: "HTTP代理",
+  httpProxyPlaceholder: "http://192.168.1.2:18010/",
+  httpProxyHelper: "当某些网站被墙时可以配置",
+  httpsProxy: "HTTPS代理",
+  httpsProxyPlaceholder: "http://192.168.1.2:18010/",
+  saveThenTestTitle: "保存后，再点击测试",
+  testButton: "测试",
+  httpsProxyHelper: "一般这两个代理填一样的，保存后再测试",
+  dualStackNetwork: "双栈网络",
+  default: "默认",
+  ipv4Priority: "IPV4优先",
+  ipv6Priority: "IPV6优先",
+  dualStackNetworkHelper: "如果选择IPv6优先，需要在docker-compose.yaml中启用ipv6",
+  enableCommonCnameService: "启用公共CNAME服务",
+  commonCnameHelper: "是否可以使用公共CNAME服务，如果禁用，且没有设置<router-link to='/sys/cname/provider'>自定义CNAME服务</router-link>，则无法使用CNAME代理方式申请证书",
+  saveButton: "保存",
+  stopSuccess: "停止成功",
+  google: "Google",
+  baidu: "百度",
+  success: "成功",
+  testFailed: "测试失败",
+  testCompleted: "测试完成",
+  manageOtherUserPipeline: "管理其他用户流水线",
+  limitUserPipelineCount: "限制用户流水线数量",
+  limitUserPipelineCountHelper: "0为不限制",
+  enableSelfRegistration: "开启自助注册",
+  enableUserValidityPeriod: "开启用户有效期",
+  userValidityPeriodHelper: "有效期内用户可正常使用，失效后流水线将被停用",
+  enableUsernameRegistration: "开启用户名注册",
+  enableEmailRegistration: "开启邮箱注册",
+  proFeature: "专业版功能",
+  emailServerSetup: "设置邮箱服务器",
+  enableSmsLoginRegister: "开启手机号登录、注册",
+  commFeature: "商业版功能",
+  smsProvider: "短信提供商",
+  aliyunSms: "阿里云短信",
+  yfySms: "易发云短信",
+  smsTest: "短信测试",
+  testMobilePlaceholder: "输入测试手机号",
+  saveThenTest: "保存后再点击测试",
+  enterTestMobile: "请输入测试手机号",
+  sendSuccess: "发送成功",
+  atLeastOneLoginRequired: "密码登录和手机号登录至少开启一个",
+  fieldRequired: "此项必填",
+  siteHide: "站点隐藏",
+  enableSiteHide: "启用站点隐藏",
+  siteHideDescription: "可以在平时关闭站点的可访问性，需要时再打开，增强站点安全性",
+  helpDoc: "帮助说明",
+  randomAddress: "随机地址",
+  siteHideUrlHelper: "站点被隐藏后，需要访问此URL解锁，才能正常访问",
+  fullUnlockUrl: "完整解除隐藏地址",
+  saveThisUrl: "请保存好此地址",
+  unlockPassword: "解除密码",
+  unlockPasswordHelper: "解除隐藏时需要输入密码，第一次需要设置密码，填写则重置密码",
+  autoHideTime: "自动隐藏时间",
+  autoHideTimeHelper: "多少分钟内无请求自动隐藏",
+  hideOpenApi: "隐藏开放接口",
+  hideOpenApiHelper: "是否隐藏开放接口，是否放开/api/v1开头的接口",
+  hideSiteImmediately: "立即隐藏站点",
+  hideImmediately: "立即隐藏",
+  confirmHideSiteTitle: "确定要立即隐藏站点吗？",
+  confirmHideSiteContent: "隐藏后，将无法访问站点，请谨慎操作",
+  siteHiddenSuccess: "站点已隐藏",
+  emailServerSettings: "邮件服务器设置",
+  setEmailSendingServer: "设置邮件发送服务器",
+  useCustomEmailServer: "使用自定义邮件服务器",
+  smtpDomain: "SMTP域名",
+  pleaseEnterSmtpDomain: "请输入smtp域名或ip",
+  smtpPort: "SMTP端口",
+  pleaseEnterSmtpPort: "请输入smtp端口号",
+  username: "用户名",
+  pleaseEnterUsername: "请输入用户名",
+  password: "密码",
+  pleaseEnterPassword: "请输入密码",
+  qqEmailAuthCodeHelper: "如果是qq邮箱，需要到qq邮箱的设置里面申请授权码作为密码",
+  senderEmail: "发件邮箱",
+  pleaseEnterSenderEmail: "请输入发件邮箱",
+  useSsl: "是否ssl",
+  sslPortNote: "ssl和非ssl的smtp端口是不一样的，注意修改端口",
+  ignoreCertValidation: "忽略证书校验",
+  useOfficialEmailServer: "使用官方邮件服务器",
+  useOfficialEmailServerHelper: "使用官方邮箱服务器直接发邮件，免除繁琐的配置",
+  testReceiverEmail: "测试收件邮箱",
+  pleaseEnterTestReceiverEmail: "请输入测试收件邮箱",
+  saveBeforeTest: "保存后再点击测试",
+  sendFailHelpDoc: "发送失败？？？",
+  emailConfigHelpDoc: "邮件配置帮助文档",
+  tryOfficialEmailServer: "您还可以试试使用官方邮件服务器↗↗↗↗↗↗↗↗",
+  pluginManagement: "插件管理",
+  pluginBetaWarning: "自定义插件处于BETA测试版，后续可能会有破坏性变更",
+  pleaseSelectRecord: "请先勾选记录",
+  permissionManagement: "权限管理",
+  adda: "添加",
+  rootNode: "根节点",
+  permissionName: "权限名称",
+  enterPermissionName: "请输入权限名称",
+  permissionCode: "权限代码",
+  enterPermissionCode: "请输入权限代码",
+  max100Chars: "最大100个字符",
+  examplePermissionCode: "例如:sys:user:view",
+  sortOrder: "排序",
+  sortRequired: "排序号必填",
+  parentNode: "父节点",
+  roleManagement: "角色管理",
+  assignPermissions: "分配权限",
+  roleName: "角色名称",
+  enterRoleName: "请输入角色名称",
+  unlockLogin: "解除登录锁定",
+  notice: "提示",
+  confirmUnlock: "确定要解除该用户的登录锁定吗？",
+  unlockSuccess: "解除成功",
+  enterUsername: "请输入用户名",
+  modifyPasswordIfFilled: "填写则修改密码",
+  emaila: "邮箱",
+  mobile: "手机号",
+  avatar: "头像",
+  validTime: "有效期",
+  remark: "备注",
+  roles: "角色",
+  cnameTitle: "CNAME服务配置",
+  cnameDescription: "此处配置的域名作为其他域名校验的代理，当别的域名需要申请证书时，通过CNAME映射到此域名上来验证所有权。好处是任何域名都可以通过此方式申请证书，也无需填写AccessSecret。",
+  cnameLinkText: "CNAME功能原理及使用说明",
+  confirmTitle: "确认",
+  confirmDeleteBatch: "确定要批量删除这{count}条记录吗",
+  selectRecordsFirst: "请先勾选记录",
+  cnameDomain: "CNAME域名",
+  cnameDomainPlaceholder: "cname.handsfree.work",
+  cnameDomainHelper: "需要一个右边DNS提供商注册的域名（也可以将其他域名的dns服务器转移到这几家来）。\nCNAME域名一旦确定不可修改，建议使用一级子域名",
+  dnsProvider: "DNS提供商",
+  dnsProviderAuthorization: "DNS提供商授权",
+  setDefault: "设置默认",
+  confirmSetDefault: "确定要设置为默认吗？",
+  setAsDefault: "设为默认",
+  disabledLabel: "禁用",
+  confirmToggleStatus: "确定要{action}吗？",
+};
diff --git a/packages/ui/certd-client/src/locales/langs/zh-CN/common.ts b/packages/ui/certd-client/src/locales/langs/zh-CN/common.ts
new file mode 100644
index 00000000..e9ba4012
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/zh-CN/common.ts
@@ -0,0 +1,22 @@
+export default {
+  back: "返回",
+  backToHome: "返回首页",
+  login: "登录",
+  logout: "退出登录",
+  prompt: "提示",
+  cancel: "取消",
+  confirm: "确认",
+  reset: "重置",
+  noData: "暂无数据",
+  refresh: "刷新",
+  loadingMenu: "加载菜单中",
+  query: "查询",
+  search: "搜索",
+  enabled: "已启用",
+  disabled: "已禁用",
+  edit: "修改",
+  delete: "删除",
+  create: "新增",
+  yes: "是",
+  no: "否",
+};
diff --git a/packages/ui/certd-client/src/locales/langs/zh-CN/guide.ts b/packages/ui/certd-client/src/locales/langs/zh-CN/guide.ts
new file mode 100644
index 00000000..07389477
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/zh-CN/guide.ts
@@ -0,0 +1,71 @@
+export default {
+  createCertPipeline: {
+    title: "创建证书申请流水线",
+    description: "演示证书申请任务如何配置",
+    items: {
+      tutorialTitle: "教程演示内容",
+      tutorialDesc1: "本教程演示如何自动申请证书并部署到Nginx上",
+      tutorialDesc2: "仅需3步，全自动申请部署证书",
+      createTitle: "创建证书流水线",
+      createDesc: "点击添加证书流水线，填写证书申请信息",
+      successTitle: "流水线创建成功",
+      successDesc: "点击手动触发即可申请证书",
+      nextTitle: "接下来演示如何自动部署证书",
+      nextDesc: "如果您只需要申请证书，那么到这一步就可以了",
+    },
+  },
+  buttons: {
+    prev: "上一步",
+    next: "下一步",
+  },
+  addDeployTask: {
+    title: "添加部署证书任务",
+    description: "这里演示部署证书到Nginx",
+    items: {
+      addTaskTitle: "添加证书部署任务",
+      addTaskDesc1: "这里演示自动部署证书到nginx",
+      addTaskDesc2: "本系统提供海量部署插件，满足您的各种部署需求",
+      fillParamsTitle: "填写任务参数",
+      fillParamsDesc1: "填写主机上证书文件的路径",
+      fillParamsDesc2: "选择主机ssh登录授权",
+      activateCertTitle: "让新证书生效",
+      activateCertDesc1: "执行重启脚本",
+      activateCertDesc2: "让证书生效",
+      taskSuccessTitle: "部署任务添加成功",
+      taskSuccessDesc: "现在可以运行",
+      pluginsTitle: "本系统提供茫茫多的部署插件",
+      pluginsDesc: "您可以根据自身需求将证书部署到各种应用和平台",
+    },
+  },
+  runAndTestTask: {
+    runAndTestTitle: "运行与测试",
+    runAndTestDescription: "演示流水线运行,查看日志，成功后跳过等",
+    runTestOnce: "运行测试一下",
+    clickManualTriggerToTest: "点击手动触发按钮，即可测试运行",
+    viewLogs: "查看日志",
+    clickTaskToViewStatusAndLogs: "点击任务可以查看状态和日志",
+    howToTroubleshootFailure: "执行失败如何排查",
+    viewErrorLogs: "查看错误日志",
+    nginxContainerNotExistFix: "这里报的是nginx容器不存在，修改命令，改成正确的nginx容器名称即可",
+    executionSuccess: "执行成功",
+    retryAfterFix: "修改正确后，重新点击手动触发，重新运行一次，执行成功",
+    autoSkipAfterSuccess: "成功后自动跳过",
+    successSkipExplanation: "可以看到成功过的将会自动跳过，不会重复执行，只有当参数变更或者证书更新了，才会重新运行",
+    viewCertDeploymentSuccess: "查看证书部署成功",
+    visitNginxToSeeCert: "访问nginx上的网站，可以看到证书已经部署成功",
+    downloadCertManualDeploy: "还可以下载证书，手动部署",
+    downloadIfNoAutoDeployPlugin: "如果还没有好用的部署插件，没办法自动部署，你还可以下载证书，手动部署",
+  },
+  scheduleAndEmailTask: {
+    title: "设置定时执行和邮件通知",
+    description: "自动运行",
+    setSchedule: "设置定时执行",
+    pipelineSuccessThenSchedule: "流水线测试成功，接下来配置定时触发，以后每天定时执行就不用管了",
+    recommendDailyRun: "推荐配置每天运行一次，在到期前35天才会重新申请新证书并部署，没到期前会自动跳过，不会重复申请。",
+    setEmailNotification: "设置邮件通知",
+    suggestErrorAndRecoveryEmails: "建议选择监听'错误时'和'错误转成功'两种即可，在意外失败时可以尽快去排查问题，（基础版需要配置邮件服务器）",
+    basicVersionNeedsMailServer: "（基础版需要配置邮件服务器）",
+    tutorialEndTitle: "教程结束",
+    thanksForWatching: "感谢观看，希望对你有所帮助",
+  },
+};
diff --git a/packages/ui/certd-client/src/locales/langs/zh-CN/index.ts b/packages/ui/certd-client/src/locales/langs/zh-CN/index.ts
new file mode 100644
index 00000000..8e1e40be
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/zh-CN/index.ts
@@ -0,0 +1,19 @@
+import certd from "./certd";
+import authentication from "./authentication";
+import vip from "./vip";
+import tutorial from "./tutorial";
+import preferences from "./preferences";
+import ui from "./ui";
+import guide from "./guide";
+import common from "./common";
+
+export default {
+  certd,
+  authentication,
+  vip,
+  ui,
+  tutorial,
+  preferences,
+  guide,
+  common,
+};
diff --git a/packages/ui/certd-client/src/locales/langs/zh-CN/preferences.ts b/packages/ui/certd-client/src/locales/langs/zh-CN/preferences.ts
new file mode 100644
index 00000000..404ec2e7
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/zh-CN/preferences.ts
@@ -0,0 +1,186 @@
+export default {
+  title: "偏好设置",
+  subtitle: "自定义偏好设置 & 实时预览",
+  resetTitle: "重置偏好设置",
+  resetTip: "数据有变化，点击可进行重置",
+  resetSuccess: "重置偏好设置成功",
+  appearance: "外观",
+  layout: "布局",
+  content: "内容",
+  other: "其它",
+  wide: "流式",
+  compact: "定宽",
+  followSystem: "跟随系统",
+  vertical: "垂直",
+  verticalTip: "侧边垂直菜单模式",
+  horizontal: "水平",
+  horizontalTip: "水平菜单模式，菜单全部显示在顶部",
+  twoColumn: "双列菜单",
+  twoColumnTip: "垂直双列菜单模式",
+  headerSidebarNav: "侧边导航",
+  headerSidebarNavTip: "顶部通栏，侧边导航模式",
+  headerTwoColumn: "混合双列",
+  headerTwoColumnTip: "双列、水平菜单共存模式",
+  mixedMenu: "混合垂直",
+  mixedMenuTip: "垂直水平菜单共存",
+  fullContent: "内容全屏",
+  fullContentTip: "不显示任何菜单，只显示内容主体",
+  normal: "常规",
+  plain: "朴素",
+  rounded: "圆润",
+  copyPreferences: "复制偏好设置",
+  copyPreferencesSuccessTitle: "复制成功",
+  copyPreferencesSuccess: "复制成功，请在 app 下的 `src/preferences.ts`内进行覆盖",
+  clearAndLogout: "清空缓存 & 退出登录",
+  mode: "模式",
+  general: "通用",
+  language: "语言",
+  dynamicTitle: "动态标题",
+  watermark: "水印",
+  checkUpdates: "定时检查更新",
+  position: {
+    title: "偏好设置位置",
+    header: "顶栏",
+    auto: "自动",
+    fixed: "固定",
+  },
+  sidebar: {
+    title: "侧边栏",
+    width: "宽度",
+    visible: "显示侧边栏",
+    collapsed: "折叠菜单",
+    collapsedShowTitle: "折叠显示菜单名",
+    autoActivateChild: "自动激活子菜单",
+    autoActivateChildTip: "点击顶层菜单时,自动激活第一个子菜单或者上一次激活的子菜单",
+    expandOnHover: "鼠标悬停展开",
+    expandOnHoverTip: "鼠标在折叠区域悬浮时，`启用`则展开当前子菜单，`禁用`则展开整个侧边栏",
+  },
+  tabbar: {
+    title: "标签栏",
+    enable: "启用标签栏",
+    icon: "显示标签栏图标",
+    showMore: "显示更多按钮",
+    showMaximize: "显示最大化按钮",
+    persist: "持久化标签页",
+    maxCount: "最大标签数",
+    maxCountTip: "每次打开新的标签时如果超过最大标签数，\n会自动关闭一个最先打开的标签\n设置为 0 则不限制",
+    draggable: "启动拖拽排序",
+    wheelable: "启用纵向滚轮响应",
+    middleClickClose: "点击鼠标中键关闭标签页",
+    wheelableTip: "开启后，标签栏区域可以响应滚轮的纵向滚动事件。\n关闭时，只能响应系统的横向滚动事件（需要按下Shift再滚动滚轮）",
+    styleType: {
+      title: "标签页风格",
+      chrome: "谷歌",
+      card: "卡片",
+      plain: "朴素",
+      brisk: "轻快",
+    },
+    contextMenu: {
+      reload: "重新加载",
+      close: "关闭",
+      pin: "固定",
+      unpin: "取消固定",
+      closeLeft: "关闭左侧标签页",
+      closeRight: "关闭右侧标签页",
+      closeOther: "关闭其它标签页",
+      closeAll: "关闭全部标签页",
+      openInNewWindow: "在新窗口打开",
+      maximize: "最大化",
+      restoreMaximize: "还原",
+    },
+  },
+  navigationMenu: {
+    title: "导航菜单",
+    style: "导航菜单风格",
+    accordion: "侧边导航菜单手风琴模式",
+    split: "导航菜单分离",
+    splitTip: "开启时，侧边栏显示顶栏对应菜单的子菜单",
+  },
+  breadcrumb: {
+    title: "面包屑导航",
+    enable: "开启面包屑导航",
+    icon: "显示面包屑图标",
+    home: "显示首页按钮",
+    style: "面包屑风格",
+    hideOnlyOne: "仅有一个时隐藏",
+    background: "背景",
+  },
+  animation: {
+    title: "动画",
+    loading: "页面切换 Loading",
+    transition: "页面切换动画",
+    progress: "页面切换进度条",
+  },
+  theme: {
+    title: "主题",
+    radius: "圆角",
+    light: "浅色",
+    dark: "深色",
+    darkSidebar: "深色侧边栏",
+    darkHeader: "深色顶栏",
+    weakMode: "色弱模式",
+    grayMode: "灰色模式",
+    builtin: {
+      title: "内置主题",
+      default: "默认",
+      violet: "紫罗兰",
+      pink: "樱花粉",
+      rose: "玫瑰红",
+      skyBlue: "天蓝色",
+      deepBlue: "深蓝色",
+      green: "浅绿色",
+      deepGreen: "深绿色",
+      orange: "橙黄色",
+      yellow: "柠檬黄",
+      zinc: "锌色灰",
+      neutral: "中性色",
+      slate: "石板灰",
+      gray: "中灰色",
+      custom: "自定义",
+    },
+  },
+  header: {
+    title: "顶栏",
+    modeStatic: "静止",
+    modeFixed: "固定",
+    modeAuto: "自动隐藏和显示",
+    modeAutoScroll: "滚动隐藏和显示",
+    visible: "显示顶栏",
+    menuAlign: "菜单位置",
+    menuAlignStart: "左侧",
+    menuAlignEnd: "右侧",
+    menuAlignCenter: "居中",
+  },
+  footer: {
+    title: "底栏",
+    visible: "显示底栏",
+    fixed: "固定在底部",
+  },
+  copyright: {
+    title: "版权",
+    enable: "启用版权",
+    companyName: "公司名",
+    companySiteLink: "公司主页",
+    date: "日期",
+    icp: "ICP 备案号",
+    icpLink: "ICP 网站链接",
+  },
+  shortcutKeys: {
+    title: "快捷键",
+    global: "全局",
+    search: "全局搜索",
+    logout: "退出登录",
+    preferences: "偏好设置",
+  },
+  widget: {
+    title: "小部件",
+    globalSearch: "启用全局搜索",
+    fullscreen: "启用全屏",
+    themeToggle: "启用主题切换",
+    languageToggle: "启用语言切换",
+    notification: "启用通知",
+    sidebarToggle: "启用侧边栏切换",
+    lockScreen: "启用锁屏",
+    refresh: "启用刷新",
+  },
+};
diff --git a/packages/ui/certd-client/src/locales/langs/zh-CN/tutorial.ts b/packages/ui/certd-client/src/locales/langs/zh-CN/tutorial.ts
new file mode 100644
index 00000000..dab6b1bd
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/zh-CN/tutorial.ts
@@ -0,0 +1,3 @@
+export default {
+  title: "使用教程",
+};
diff --git a/packages/ui/certd-client/src/locales/langs/zh-CN/ui.ts b/packages/ui/certd-client/src/locales/langs/zh-CN/ui.ts
new file mode 100644
index 00000000..83c76776
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/zh-CN/ui.ts
@@ -0,0 +1,104 @@
+export default {
+  formRules: {
+    required: "请输入{0}",
+    selectRequired: "请选择{0}",
+    minLength: "{0}至少{1}个字符",
+    maxLength: "{0}最多{1}个字符",
+    length: "{0}长度必须为{1}个字符",
+    alreadyExists: "{0} `{1}` 已存在",
+    startWith: "{0}必须以 {1} 开头",
+    invalidURL: "请输入有效的链接",
+  },
+  actionTitle: {
+    edit: "修改{0}",
+    create: "新增{0}",
+    delete: "删除{0}",
+    view: "查看{0}",
+  },
+  actionMessage: {
+    deleteConfirm: "确定删除 {0} 吗？",
+    deleting: "正在删除 {0} ...",
+    deleteSuccess: "{0} 删除成功",
+    operationSuccess: "操作成功",
+    operationFailed: "操作失败",
+  },
+  placeholder: {
+    input: "请输入",
+    select: "请选择",
+  },
+  captcha: {
+    title: "请完成安全验证",
+    sliderSuccessText: "验证通过",
+    sliderDefaultText: "请按住滑块拖动",
+    sliderRotateDefaultTip: "点击图片可刷新",
+    sliderRotateFailTip: "验证失败",
+    sliderRotateSuccessTip: "验证成功，耗时{0}秒",
+    alt: "支持img标签src属性值",
+    refreshAriaLabel: "刷新验证码",
+    confirmAriaLabel: "确认选择",
+    confirm: "确认",
+    pointAriaLabel: "点击点",
+    clickInOrder: "请依次点击",
+  },
+  iconPicker: {
+    placeholder: "选择一个图标",
+    search: "搜索图标...",
+  },
+  jsonViewer: {
+    copy: "复制",
+    copied: "已复制",
+  },
+  fallback: {
+    pageNotFound: "哎呀！未找到页面",
+    pageNotFoundDesc: "抱歉，我们无法找到您要找的页面。",
+    forbidden: "哎呀！访问被拒绝",
+    forbiddenDesc: "抱歉，您没有权限访问此页面。",
+    internalError: "哎呀！出错了",
+    internalErrorDesc: "抱歉，服务器遇到错误。",
+    offline: "离线页面",
+    offlineError: "哎呀！网络错误",
+    offlineErrorDesc: "抱歉，无法连接到互联网，请检查您的网络连接并重试。",
+    comingSoon: "即将推出",
+    http: {
+      requestTimeout: "请求超时，请稍后再试。",
+      networkError: "网络异常，请检查您的网络连接后重试。",
+      badRequest: "请求错误。请检查您的输入并重试。",
+      unauthorized: "登录认证过期，请重新登录后继续。",
+      forbidden: "禁止访问, 您没有权限访问此资源。",
+      notFound: "未找到, 请求的资源不存在。",
+      internalServerError: "内部服务器错误，请稍后再试。",
+    },
+  },
+  widgets: {
+    document: "文档",
+    qa: "问题 & 帮助",
+    setting: "设置",
+    logoutTip: "是否退出登录？",
+    viewAll: "查看所有消息",
+    notifications: "通知",
+    markAllAsRead: "全部标记为已读",
+    clearNotifications: "清空",
+    checkUpdatesTitle: "新版本可用",
+    checkUpdatesDescription: "点击刷新以获取最新版本",
+    search: {
+      title: "搜索",
+      searchNavigate: "搜索导航菜单",
+      select: "选择",
+      navigate: "导航",
+      close: "关闭",
+      noResults: "未找到搜索结果",
+      noRecent: "没有搜索历史",
+      recent: "搜索历史",
+    },
+    lockScreen: {
+      title: "锁定屏幕",
+      screenButton: "锁定",
+      password: "密码",
+      placeholder: "请输入锁屏密码",
+      unlock: "点击解锁",
+      errorPasswordTip: "密码错误，请重新输入",
+      backToLogin: "返回登录",
+      entry: "进入系统",
+    },
+  },
+};
diff --git a/packages/ui/certd-client/src/locales/langs/zh-CN/vip.ts b/packages/ui/certd-client/src/locales/langs/zh-CN/vip.ts
new file mode 100644
index 00000000..b056b9a4
--- /dev/null
+++ b/packages/ui/certd-client/src/locales/langs/zh-CN/vip.ts
@@ -0,0 +1,86 @@
+export default {
+  comm: {
+    name: "{vipLabel}已开通",
+    title: "到期时间：{expire}",
+    nav: "{vipLabel}",
+  },
+  plus: {
+    name: "商业版功能",
+    title: "升级商业版，获取商业授权",
+  },
+  free: {
+    comm: {
+      name: "商业版功能",
+      title: "升级商业版，获取商业授权",
+    },
+    button: {
+      name: "专业版功能",
+      title: "升级专业版，享受更多VIP特权",
+    },
+    nav: {
+      name: "基础版",
+      title: "升级专业版，享受更多VIP特权",
+    },
+  },
+  enterCode: "请输入激活码",
+  successTitle: "激活成功",
+  successContent: "您已成功激活{vipLabel},有效期至：{expireDate}",
+  bindAccountTitle: "是否绑定袖手账号",
+  bindAccountContent: "绑定账号后，可以避免License丢失，强烈建议绑定",
+  congratulations_vip_trial: "恭喜，您已获得专业版{duration}天试用",
+  trial_modal_title: "7天专业版试用获取",
+  trial_modal_ok_text: "立即获取",
+  trial_modal_thanks: "感谢您对开源项目的支持",
+  trial_modal_click_confirm: "点击确认，即可获取7天专业版试用",
+  get_7_day_pro_trial: "7天专业版试用获取",
+  star_now: "立即去Star",
+  please_help_star: "可以先请您帮忙点个star吗？感谢感谢",
+  admin_only_operation: "仅限管理员操作",
+  enter_activation_code: "请输入激活码",
+  activate_pro_business: "激活专业版/商业版",
+  renew_business: "续期商业版",
+  renew_pro_upgrade_business: "续期专业版/升级商业版",
+  basic_edition: "基础版",
+  community_free_version: "社区免费版",
+  unlimited_certificate_application: "证书申请无限制",
+  unlimited_domain_count: "域名数量无限制",
+  unlimited_certificate_pipelines: "证书流水线数量无限制",
+  common_deployment_plugins: "常用的主机、云平台、cdn、宝塔、1Panel等部署插件",
+  email_webhook_notifications: "邮件、webhook通知方式",
+
+  professional_edition: "专业版",
+  open_source_support: "开源需要您的赞助支持",
+  vip_group_priority: "可加VIP群，您的需求将优先实现",
+  unlimited_site_certificate_monitoring: "站点证书监控无限制",
+  more_notification_methods: "更多通知方式",
+  plugins_fully_open: "插件全开放，群辉等更多插件",
+  click_to_get_7_day_trial: "点击获取7天试用",
+  years: "年",
+  afdian_support_vip: "爱发电赞助“VIP会员”后获取一年期专业版激活码，开源需要您的支持",
+  get_after_support: "爱发电赞助后获取",
+
+  business_edition: "商业版",
+  commercial_license: "商业授权，可对外运营",
+  all_pro_privileges: "拥有专业版所有特权",
+  allow_commercial_use_modify_logo_title: "允许商用，可修改logo、标题",
+  data_statistics: "数据统计",
+  plugin_management: "插件管理",
+  unlimited_multi_users: "多用户无限制",
+  support_user_payment: "支持用户支付",
+  contact_author_for_trial: "请联系作者获取试用",
+  activate: "激活",
+  get_pro_code_after_support: "爱发电赞助“VIP会员”后获取一年期专业版激活码",
+  business_contact_author: "商业版请直接联系作者",
+  year: "年",
+  freee: "免费",
+  renew: "续期",
+  activate_immediately: "立刻激活",
+  current: "当前",
+  activated_expire_time: "已激活，到期时间：",
+  site_id: "站点ID",
+  invite_code_optional: "邀请码【选填】，可额外获得专业版30天/商业版15天时长",
+  no_activation_code: "没有激活码？",
+  activation_code_one_use: "激活码使用过一次之后，不可再次使用，如果要更换站点，请",
+  bind_account: "绑定账号",
+  transfer_vip: '，然后"转移VIP"即可',
+};
diff --git a/packages/ui/certd-client/src/vben/locales/typing.ts b/packages/ui/certd-client/src/locales/typing.ts
similarity index 100%
rename from packages/ui/certd-client/src/vben/locales/typing.ts
rename to packages/ui/certd-client/src/locales/typing.ts
diff --git a/packages/ui/certd-client/src/main.ts b/packages/ui/certd-client/src/main.ts
index e7fba4bf..bf2d5db6 100644
--- a/packages/ui/certd-client/src/main.ts
+++ b/packages/ui/certd-client/src/main.ts
@@ -3,8 +3,7 @@ import App from "./App.vue";
 // import Antd from "ant-design-vue";
 import Antd from "./plugin/antdv-async/index";
 import "./style/common.less";
-import { loadMessages } from "./i18n";
-import { i18n } from "/@/vben/locales";
+import { i18n, loadLocaleMessages } from "/@/locales"
 import components from "./components";
 import router from "./router";
 import plugin from "./plugin/";
@@ -16,15 +15,15 @@ import { initPreferences } from "/@/vben/preferences";
 // import "./components/code-editor/import-works";
 // @ts-ignore
 async function bootstrap() {
-  const app = createApp(App);
-  // app.use(Antd);
-  app.use(Antd);
-  await setupVben(app, { loadMessages, router });
-  app.use(router);
-  // app.use(i18n);
-  // app.use(store);
-  app.use(components);
-  app.use(plugin, { i18n });
+	const app = createApp(App);
+	// app.use(Antd);
+	app.use(Antd);
+	await setupVben(app, { loadLocaleMessages, router });
+	app.use(router);
+	// app.use(i18n);
+	// app.use(store);
+	app.use(components);
+	app.use(plugin, { i18n });
 
   const envMode = util.env.MODE;
   const namespace = `${import.meta.env.VITE_APP_NAMESPACE}-${envMode}`;
diff --git a/packages/ui/certd-client/src/router/access.ts b/packages/ui/certd-client/src/router/access.ts
index d96657fd..376bde71 100644
--- a/packages/ui/certd-client/src/router/access.ts
+++ b/packages/ui/certd-client/src/router/access.ts
@@ -12,7 +12,7 @@ async function generateAccess(options: GenerateMenuAndRoutesOptions) {
 
   const layoutMap: ComponentRecordType = {
     BasicLayout,
-    IFrameView
+    IFrameView,
   } as any;
 
   return await generateAccessible(preferences.app.accessMode, {
@@ -28,7 +28,7 @@ async function generateAccess(options: GenerateMenuAndRoutesOptions) {
     forbiddenComponent,
     // 如果 route.meta.menuVisibleWithForbidden = true
     layoutMap,
-    pageMap
+    pageMap,
   });
 }
 
diff --git a/packages/ui/certd-client/src/router/source/framework.ts b/packages/ui/certd-client/src/router/source/framework.ts
index 5805f9d4..29560b4b 100644
--- a/packages/ui/certd-client/src/router/source/framework.ts
+++ b/packages/ui/certd-client/src/router/source/framework.ts
@@ -1,6 +1,7 @@
 import LayoutBasic from "/@/layout/layout-basic.vue";
 
 import type { RouteRecordRaw } from "vue-router";
+import i18n from "/@/locales/i18n";
 
 import { mergeRouteModules } from "/@/vben/utils";
 const dynamicRouteFiles = import.meta.glob("./modules/**/*.ts*", {
@@ -11,7 +12,7 @@ const dynamicRouteFiles = import.meta.glob("./modules/**/*.ts*", {
 const dynamicRoutes: RouteRecordRaw[] = mergeRouteModules(dynamicRouteFiles);
 export const frameworkResource = [
   {
-    title: "框架",
+    title: "certd.framework.title",
     name: "root",
     path: "/",
     redirect: "/index",
@@ -22,7 +23,7 @@ export const frameworkResource = [
     },
     children: [
       {
-        title: "首页",
+        title: "certd.framework.home",
         name: "index",
         path: "/index",
         component: "/framework/home/index.vue",
@@ -39,4 +40,5 @@ export const frameworkResource = [
     ],
   },
 ];
+
 console.assert(frameworkResource.length === 1, "frameworkResource数组长度只能为1，你只能配置framework路由的子路由");
diff --git a/packages/ui/certd-client/src/router/source/header.ts b/packages/ui/certd-client/src/router/source/header.ts
index 26b96220..0debcd8c 100644
--- a/packages/ui/certd-client/src/router/source/header.ts
+++ b/packages/ui/certd-client/src/router/source/header.ts
@@ -1,33 +1,35 @@
+import i18n from "/@/locales/i18n";
+
 export const headerResource = [
   {
-    title: "文档",
+    title: "certd.helpDoc",
     path: "https://certd.docmirror.cn",
     meta: {
-      icon: "ion:document-text-outline"
-    }
+      icon: "ion:document-text-outline",
+    },
   },
   {
-    title: "源码",
+    title: "certd.source",
     name: "source",
     key: "source",
     meta: {
-      icon: "ion:git-branch-outline"
+      icon: "ion:git-branch-outline",
     },
     children: [
       {
-        title: "github",
+        title: "certd.github",
         path: "https://github.com/certd/certd",
         meta: {
-          icon: "ion:logo-github"
-        }
+          icon: "ion:logo-github",
+        },
       },
       {
-        title: "gitee",
+        title: "certd.gitee",
         path: "https://gitee.com/certd/certd",
         meta: {
-          icon: "ion:logo-octocat"
-        }
-      }
-    ]
-  }
+          icon: "ion:logo-octocat",
+        },
+      },
+    ],
+  },
 ];
diff --git a/packages/ui/certd-client/src/router/source/modules/about.tsx b/packages/ui/certd-client/src/router/source/modules/about.tsx
index a2ca004e..e4c40d41 100644
--- a/packages/ui/certd-client/src/router/source/modules/about.tsx
+++ b/packages/ui/certd-client/src/router/source/modules/about.tsx
@@ -2,16 +2,18 @@ import { IFrameView } from "/@/vben/layouts";
 import { useSettingStore } from "/@/store/settings";
 import { computed } from "vue";
 import TutorialButton from "/@/components/tutorial/index.vue";
+import i18n from "/@/locales/i18n";
+
 export const aboutResource = [
   {
-    title: "文档",
+    title: "certd.dashboard.helpDoc",
     name: "document",
     path: "/about/doc",
     component: IFrameView,
     meta: {
       icon: "lucide:book-open-text",
       link: "https://certd.docmirror.cn",
-      title: "文档",
+      title: "certd.dashboard.helpDoc",
       order: 9999,
       show: () => {
         const settingStore = useSettingStore();
diff --git a/packages/ui/certd-client/src/router/source/modules/certd.ts b/packages/ui/certd-client/src/router/source/modules/certd.ts
index 46b42361..cc255f8b 100644
--- a/packages/ui/certd-client/src/router/source/modules/certd.ts
+++ b/packages/ui/certd-client/src/router/source/modules/certd.ts
@@ -1,9 +1,10 @@
 import { useSettingStore } from "/@/store/settings";
 import aboutResource from "/@/router/source/modules/about";
+import i18n from "/@/locales/i18n";
 
 export const certdResources = [
   {
-    title: "证书自动化",
+    title: "certd.title",
     name: "CertdRoot",
     path: "/certd",
     redirect: "/certd/pipeline",
@@ -14,7 +15,7 @@ export const certdResources = [
     },
     children: [
       {
-        title: "证书自动化流水线",
+        title: "certd.pipeline",
         name: "PipelineManager",
         path: "/certd/pipeline",
         component: "/certd/pipeline/index.vue",
@@ -24,7 +25,7 @@ export const certdResources = [
         },
       },
       {
-        title: "编辑流水线",
+        title: "certd.pipelineEdit",
         name: "PipelineEdit",
         path: "/certd/pipeline/detail",
         component: "/certd/pipeline/detail.vue",
@@ -33,7 +34,7 @@ export const certdResources = [
         },
       },
       {
-        title: "执行历史记录",
+        title: "certd.history",
         name: "PipelineHistory",
         path: "/certd/history",
         component: "/certd/history/index.vue",
@@ -71,7 +72,7 @@ export const certdResources = [
         },
       },
       {
-        title: "证书仓库",
+        title: "certd.certStore",
         name: "CertStore",
         path: "/certd/monitor/cert",
         component: "/certd/monitor/cert/index.vue",
@@ -83,7 +84,7 @@ export const certdResources = [
         },
       },
       {
-        title: "站点证书监控",
+        title: "certd.siteMonitor",
         name: "SiteCertMonitor",
         path: "/certd/monitor/site",
         component: "/certd/monitor/site/index.vue",
@@ -94,7 +95,7 @@ export const certdResources = [
         },
       },
       {
-        title: "设置",
+        title: "certd.settings",
         name: "MineSetting",
         path: "/certd/setting",
         redirect: "/certd/access",
@@ -105,7 +106,7 @@ export const certdResources = [
         },
         children: [
           {
-            title: "授权管理",
+            title: "certd.accessManager",
             name: "AccessManager",
             path: "/certd/access",
             component: "/certd/access/index.vue",
@@ -116,7 +117,7 @@ export const certdResources = [
             },
           },
           {
-            title: "CNAME记录管理",
+            title: "certd.cnameRecord",
             name: "CnameRecord",
             path: "/certd/cname/record",
             component: "/certd/cname/record/index.vue",
@@ -127,7 +128,7 @@ export const certdResources = [
             },
           },
           {
-            title: "子域名托管设置",
+            title: "certd.subDomain",
             name: "SubDomain",
             path: "/certd/pipeline/subDomain",
             component: "/certd/pipeline/sub-domain/index.vue",
@@ -138,7 +139,7 @@ export const certdResources = [
             },
           },
           {
-            title: "流水线分组管理",
+            title: "certd.pipelineGroup",
             name: "PipelineGroupManager",
             path: "/certd/pipeline/group",
             component: "/certd/pipeline/group/index.vue",
@@ -148,9 +149,8 @@ export const certdResources = [
               keepAlive: true,
             },
           },
-
           {
-            title: "开放接口密钥",
+            title: "certd.openKey",
             name: "OpenKey",
             path: "/certd/open/openkey",
             component: "/certd/open/openkey/index.vue",
@@ -161,7 +161,7 @@ export const certdResources = [
             },
           },
           {
-            title: "通知设置",
+            title: "certd.notification",
             name: "NotificationManager",
             path: "/certd/notification",
             component: "/certd/notification/index.vue",
@@ -172,7 +172,7 @@ export const certdResources = [
             },
           },
           {
-            title: "站点监控设置",
+            title: "certd.siteMonitorSetting",
             name: "SiteMonitorSetting",
             path: "/certd/monitor/setting",
             component: "/certd/monitor/site/setting/index.vue",
@@ -183,7 +183,7 @@ export const certdResources = [
             },
           },
           {
-            title: "认证安全设置",
+            title: "certd.userSecurity",
             name: "UserSecurity",
             path: "/certd/mine/security",
             component: "/certd/mine/security/index.vue",
@@ -194,7 +194,7 @@ export const certdResources = [
             },
           },
           {
-            title: "账号信息",
+            title: "certd.userProfile",
             name: "UserProfile",
             path: "/certd/mine/user-profile",
             component: "/certd/mine/user-profile.vue",
@@ -206,9 +206,8 @@ export const certdResources = [
           },
         ],
       },
-
       {
-        title: "套餐",
+        title: "certd.suite",
         name: "SuiteProduct",
         path: "/certd/suite",
         redirect: "/certd/suite/mine",
@@ -222,7 +221,7 @@ export const certdResources = [
         },
         children: [
           {
-            title: "我的套餐",
+            title: "certd.mySuite",
             name: "MySuite",
             path: "/certd/suite/mine",
             component: "/certd/suite/mine/index.vue",
@@ -236,7 +235,7 @@ export const certdResources = [
             },
           },
           {
-            title: "套餐购买",
+            title: "certd.suiteBuy",
             name: "SuiteProductBuy",
             path: "/certd/suite/buy",
             component: "/certd/suite/buy.vue",
@@ -250,7 +249,7 @@ export const certdResources = [
             },
           },
           {
-            title: "我的订单",
+            title: "certd.myTrade",
             name: "MyTrade",
             path: "/certd/trade",
             component: "/certd/trade/index.vue",
@@ -265,7 +264,7 @@ export const certdResources = [
             },
           },
           {
-            title: "支付返回",
+            title: "certd.paymentReturn",
             name: "PaymentReturn",
             path: "/certd/payment/return/:type",
             component: "/certd/payment/return.vue",
@@ -277,17 +276,6 @@ export const certdResources = [
           },
         ],
       },
-
-      // {
-      //   title: "邮箱设置",
-      //   name: "EmailSetting",
-      //   path: "/sys/settings/email",
-      //   component: "/sys/settings/email-setting.vue",
-      //   meta: {
-      //     icon: "ion:mail-outline",
-      //     auth: true
-      //   }
-      // },
     ],
   },
 ];
diff --git a/packages/ui/certd-client/src/router/source/modules/sys.ts b/packages/ui/certd-client/src/router/source/modules/sys.ts
index fe290277..22937dd4 100644
--- a/packages/ui/certd-client/src/router/source/modules/sys.ts
+++ b/packages/ui/certd-client/src/router/source/modules/sys.ts
@@ -1,10 +1,11 @@
 import LayoutPass from "/@/layout/layout-pass.vue";
 import { useSettingStore } from "/@/store/settings";
 import aboutResource from "/@/router/source/modules/about";
+import i18n from "/@/locales/i18n";
 
 export const sysResources = [
   {
-    title: "系统管理",
+    title: "certd.sysResources.sysRoot",
     name: "SysRoot",
     path: "/sys",
     redirect: "/sys/settings",
@@ -15,7 +16,7 @@ export const sysResources = [
     },
     children: [
       {
-        title: "控制台",
+        title: "certd.sysResources.sysConsole",
         name: "SysConsole",
         path: "/sys/console",
         component: "/sys/console/index.vue",
@@ -30,7 +31,7 @@ export const sysResources = [
       },
 
       {
-        title: "系统设置",
+        title: "certd.sysResources.sysSettings",
         name: "SysSettings",
         path: "/sys/settings",
         component: "/sys/settings/index.vue",
@@ -40,7 +41,7 @@ export const sysResources = [
         },
       },
       {
-        title: "CNAME服务设置",
+        title: "certd.sysResources.cnameSetting",
         name: "CnameSetting",
         path: "/sys/cname/provider",
         component: "/sys/cname/provider/index.vue",
@@ -51,7 +52,7 @@ export const sysResources = [
         },
       },
       {
-        title: "邮件服务器设置",
+        title: "certd.sysResources.emailSetting",
         name: "EmailSetting",
         path: "/sys/settings/email",
         component: "/sys/settings/email/index.vue",
@@ -62,7 +63,7 @@ export const sysResources = [
         },
       },
       {
-        title: "站点个性化",
+        title: "certd.sysResources.siteSetting",
         name: "SiteSetting",
         path: "/sys/site",
         component: "/sys/site/index.vue",
@@ -76,7 +77,7 @@ export const sysResources = [
         },
       },
       {
-        title: "顶部菜单设置",
+        title: "certd.sysResources.headerMenus",
         name: "HeaderMenus",
         path: "/sys/settings/header-menus",
         component: "/sys/settings/header-menus/index.vue",
@@ -91,7 +92,7 @@ export const sysResources = [
         },
       },
       {
-        title: "系统级授权",
+        title: "certd.sysResources.sysAccess",
         name: "SysAccess",
         path: "/sys/access",
         component: "/sys/access/index.vue",
@@ -106,7 +107,7 @@ export const sysResources = [
         },
       },
       {
-        title: "插件管理",
+        title: "certd.sysResources.sysPlugin",
         name: "SysPlugin",
         path: "/sys/plugin",
         component: "/sys/plugin/index.vue",
@@ -117,7 +118,7 @@ export const sysResources = [
         },
       },
       {
-        title: "编辑插件",
+        title: "certd.sysResources.sysPluginEdit",
         name: "SysPluginEdit",
         path: "/sys/plugin/edit",
         component: "/sys/plugin/edit.vue",
@@ -129,7 +130,7 @@ export const sysResources = [
         },
       },
       {
-        title: "证书插件配置",
+        title: "certd.sysResources.sysPluginConfig",
         name: "SysPluginConfig",
         path: "/sys/plugin/config",
         component: "/sys/plugin/config.vue",
@@ -143,7 +144,7 @@ export const sysResources = [
         },
       },
       {
-        title: "账号绑定",
+        title: "certd.sysResources.accountBind",
         name: "AccountBind",
         path: "/sys/account",
         component: "/sys/account/index.vue",
@@ -154,19 +155,18 @@ export const sysResources = [
         },
       },
       {
-        title: "权限管理",
+        title: "certd.sysResources.permissionManager",
         name: "PermissionManager",
         path: "/sys/authority/permission",
         component: "/sys/authority/permission/index.vue",
         meta: {
           icon: "ion:list-outline",
-          //需要校验权限
           permission: "sys:auth:per:view",
           keepAlive: true,
         },
       },
       {
-        title: "角色管理",
+        title: "certd.sysResources.roleManager",
         name: "RoleManager",
         path: "/sys/authority/role",
         component: "/sys/authority/role/index.vue",
@@ -177,7 +177,7 @@ export const sysResources = [
         },
       },
       {
-        title: "用户管理",
+        title: "certd.sysResources.userManager",
         name: "UserManager",
         path: "/sys/authority/user",
         component: "/sys/authority/user/index.vue",
@@ -189,7 +189,7 @@ export const sysResources = [
       },
 
       {
-        title: "套餐管理",
+        title: "certd.sysResources.suiteManager",
         name: "SuiteManager",
         path: "/sys/suite",
         redirect: "/sys/suite/setting",
@@ -204,7 +204,7 @@ export const sysResources = [
         },
         children: [
           {
-            title: "套餐设置",
+            title: "certd.sysResources.suiteSetting",
             name: "SuiteSetting",
             path: "/sys/suite/setting",
             component: "/sys/suite/setting/index.vue",
@@ -218,7 +218,7 @@ export const sysResources = [
             },
           },
           {
-            title: "订单管理",
+            title: "certd.sysResources.orderManager",
             name: "OrderManager",
             path: "/sys/suite/trade",
             component: "/sys/suite/trade/index.vue",
@@ -233,7 +233,7 @@ export const sysResources = [
             },
           },
           {
-            title: "用户套餐",
+            title: "certd.sysResources.userSuites",
             name: "UserSuites",
             path: "/sys/suite/user-suite",
             component: "/sys/suite/user-suite/index.vue",
diff --git a/packages/ui/certd-client/src/router/source/outside.ts b/packages/ui/certd-client/src/router/source/outside.ts
index 2f521ab0..b86ddbdb 100644
--- a/packages/ui/certd-client/src/router/source/outside.ts
+++ b/packages/ui/certd-client/src/router/source/outside.ts
@@ -10,21 +10,21 @@ export const outsideResource = [
     children: [
       {
         meta: {
-          title: "登录"
+          title: "登录",
         },
         name: "login",
         path: "/login",
-        component: "/framework/login/index.vue"
+        component: "/framework/login/index.vue",
       },
       {
         meta: {
-          title: "注册"
+          title: "注册",
         },
         name: "register",
         path: "/register",
-        component: "/framework/register/index.vue"
-      }
-    ]
+        component: "/framework/register/index.vue",
+      },
+    ],
   },
-  ...errorPage
+  ...errorPage,
 ];
diff --git a/packages/ui/certd-client/src/store/plugin/index.ts b/packages/ui/certd-client/src/store/plugin/index.ts
index 17de169b..58cffb3b 100644
--- a/packages/ui/certd-client/src/store/plugin/index.ts
+++ b/packages/ui/certd-client/src/store/plugin/index.ts
@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import * as api from "./api.plugin";
 import { DynamicType, FormItemProps } from "@fast-crud/fast-crud";
-
+import { i18n } from "/src/locales/i18n";
 interface PluginState {
   group?: PluginGroups;
 }
@@ -31,8 +31,10 @@ export type PluginDefine = {
 export class PluginGroups {
   groups!: { [key: string]: PluginGroup };
   map!: { [key: string]: PluginDefine };
+  t: any;
   constructor(groups: { [key: string]: PluginGroup }) {
     this.groups = groups;
+    this.t = i18n.global.t;
     this.initGroup(groups);
     this.initMap();
   }
@@ -40,7 +42,7 @@ export class PluginGroups {
   private initGroup(groups: { [p: string]: PluginGroup }) {
     const all: PluginGroup = {
       key: "all",
-      title: "全部",
+      title: this.t("certd.all"),
       order: 0,
       plugins: [],
       icon: "material-symbols:border-all-rounded",
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/captcha/point-selection-captcha/index.vue b/packages/ui/certd-client/src/vben/common-ui/components/captcha/point-selection-captcha/index.vue
index 3a8d2a38..19e032e0 100644
--- a/packages/ui/certd-client/src/vben/common-ui/components/captcha/point-selection-captcha/index.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/components/captcha/point-selection-captcha/index.vue
@@ -2,7 +2,7 @@
 import type { CaptchaPoint, PointSelectionCaptchaProps } from '../types';
 
 import { RotateCw } from '/@/vben/icons';
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { VbenButton, VbenIconButton } from '/@/vben/shadcn-ui';
 
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/captcha/point-selection-captcha/point-selection-captcha-card.vue b/packages/ui/certd-client/src/vben/common-ui/components/captcha/point-selection-captcha/point-selection-captcha-card.vue
index 9bdf7d9c..27f2fd23 100644
--- a/packages/ui/certd-client/src/vben/common-ui/components/captcha/point-selection-captcha/point-selection-captcha-card.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/components/captcha/point-selection-captcha/point-selection-captcha-card.vue
@@ -3,7 +3,7 @@ import type { PointSelectionCaptchaCardProps } from '../types';
 
 import { computed } from 'vue';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import {
   Card,
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/index.vue b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/index.vue
index 5757fcb6..806702e6 100644
--- a/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/index.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/index.vue
@@ -7,7 +7,7 @@ import type {
 
 import { reactive, unref, useTemplateRef, watch, watchEffect } from 'vue';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { cn } from '/@/vben/shared/utils';
 
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-rotate-captcha/index.vue b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-rotate-captcha/index.vue
index 06f118ff..c5b899be 100644
--- a/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-rotate-captcha/index.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-rotate-captcha/index.vue
@@ -8,7 +8,7 @@ import type {
 
 import { computed, reactive, unref, useTemplateRef, watch } from 'vue';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { useTimeoutFn } from '@vueuse/core';
 
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/icon-picker/icon-picker.vue b/packages/ui/certd-client/src/vben/common-ui/components/icon-picker/icon-picker.vue
index cfc5152f..80f26c6e 100644
--- a/packages/ui/certd-client/src/vben/common-ui/components/icon-picker/icon-picker.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/components/icon-picker/icon-picker.vue
@@ -5,7 +5,7 @@ import { computed, ref, watch, watchEffect } from 'vue';
 
 import { usePagination } from '/@/vben/hooks';
 import { EmptyIcon, Grip, listIcons } from '/@/vben/icons';
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import {
   Button,
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/json-viewer/index.vue b/packages/ui/certd-client/src/vben/common-ui/components/json-viewer/index.vue
index 1ef6b833..cc3fe7af 100644
--- a/packages/ui/certd-client/src/vben/common-ui/components/json-viewer/index.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/components/json-viewer/index.vue
@@ -14,7 +14,7 @@ import { computed, useAttrs } from 'vue';
 // @ts-ignore
 import VueJsonViewer from 'vue-json-viewer';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { isBoolean } from '/@/vben/shared/utils';
 
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/code-login.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/code-login.vue
index e2e8b865..54b16f99 100644
--- a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/code-login.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/code-login.vue
@@ -6,7 +6,7 @@ import type { VbenFormSchema } from '/@/vben/form-ui';
 import { computed, reactive } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { useVbenForm } from '/@/vben/form-ui';
 import { VbenButton } from '/@/vben/shadcn-ui';
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/forget-password.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/forget-password.vue
index c1554a65..355fcc53 100644
--- a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/forget-password.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/forget-password.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { VbenFormSchema } from '/@/vben/form-ui';
+import type { VbenFormSchema } from "/@/vben/form-ui";
 
-import { computed, reactive } from 'vue';
-import { useRouter } from 'vue-router';
+import { computed, reactive } from "vue";
+import { useRouter } from "vue-router";
 
-import { $t } from '/@/vben/locales';
+import { $t } from "/@/locales";
 
-import { useVbenForm } from '/@/vben/form-ui';
-import { VbenButton } from '/@/vben/shadcn-ui';
+import { useVbenForm } from "/@/vben/form-ui";
+import { VbenButton } from "/@/vben/shadcn-ui";
 
-import Title from './auth-title.vue';
+import Title from "./auth-title.vue";
 
 interface Props {
   formSchema: VbenFormSchema[];
@@ -36,15 +36,15 @@ interface Props {
 }
 
 defineOptions({
-  name: 'ForgetPassword',
+  name: "ForgetPassword",
 });
 
 const props = withDefaults(defineProps<Props>(), {
   loading: false,
-  loginPath: '/auth/login',
-  submitButtonText: '',
-  subTitle: '',
-  title: '',
+  loginPath: "/auth/login",
+  submitButtonText: "",
+  subTitle: "",
+  title: "",
 });
 
 const emit = defineEmits<{
@@ -59,7 +59,7 @@ const [Form, formApi] = useVbenForm(
     },
     schema: computed(() => props.formSchema),
     showDefaultActions: false,
-  }),
+  })
 );
 
 const router = useRouter();
@@ -68,7 +68,7 @@ async function handleSubmit() {
   const { valid } = await formApi.validate();
   const values = await formApi.getValues();
   if (valid) {
-    emit('submit', values);
+    emit("submit", values);
   }
 }
 
@@ -84,12 +84,10 @@ defineExpose({
 <template>
   <div>
     <Title>
-      <slot name="title">
-        {{ title || $t('authentication.forgetPassword') }} 🤦🏻‍♂️
-      </slot>
+      <slot name="title"> {{ title || $t("authentication.forgetPassword") }} 🤦🏻‍♂️ </slot>
       <template #desc>
         <slot name="subTitle">
-          {{ subTitle || $t('authentication.forgetPasswordSubtitle') }}
+          {{ subTitle || $t("authentication.forgetPasswordSubtitle") }}
         </slot>
       </template>
     </Title>
@@ -105,11 +103,11 @@ defineExpose({
         @click="handleSubmit"
       >
         <slot name="submitButtonText">
-          {{ submitButtonText || $t('authentication.sendResetLink') }}
+          {{ submitButtonText || $t("authentication.sendResetLink") }}
         </slot>
       </VbenButton>
       <VbenButton class="mt-4 w-full" variant="outline" @click="goToLogin()">
-        {{ $t('common.back') }}
+        {{ $t("common.back") }}
       </VbenButton>
     </div>
   </div>
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login.vue
index a5f2bb06..98c0f3f3 100644
--- a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login.vue
@@ -8,7 +8,7 @@ import type { AuthenticationProps } from './types';
 import { computed, onMounted, reactive, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { useVbenForm } from '/@/vben/form-ui';
 import { VbenButton, VbenCheckbox } from '/@/vben/shadcn-ui';
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/register.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/register.vue
index 8ed35613..e7d3d59c 100644
--- a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/register.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/register.vue
@@ -6,7 +6,7 @@ import type { VbenFormSchema } from '/@/vben/form-ui';
 import { computed, reactive } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { useVbenForm } from '/@/vben/form-ui';
 import { VbenButton } from '/@/vben/shadcn-ui';
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/third-party-login.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/third-party-login.vue
index ff334200..9984610d 100644
--- a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/third-party-login.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/third-party-login.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { MdiGithub, MdiGoogle, MdiQqchat, MdiWechat } from '/@/vben/icons';
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { VbenIconButton } from '/@/vben/shadcn-ui';
 
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/fallback/fallback.vue b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/fallback.vue
index 0686c9b2..33eed3a6 100644
--- a/packages/ui/certd-client/src/vben/common-ui/ui/fallback/fallback.vue
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/fallback.vue
@@ -5,7 +5,7 @@ import { computed, defineAsyncComponent } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { ArrowLeft, RotateCw } from '/@/vben/icons';
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { VbenButton } from '/@/vben/shadcn-ui';
 
diff --git a/packages/ui/certd-client/src/vben/index.ts b/packages/ui/certd-client/src/vben/index.ts
index 2d1d8b86..89706941 100644
--- a/packages/ui/certd-client/src/vben/index.ts
+++ b/packages/ui/certd-client/src/vben/index.ts
@@ -9,7 +9,7 @@ import "./styles";
 import "./styles/antd/index.css";
 
 import { useTitle } from "@vueuse/core";
-import { setupI18n } from "/@/vben/locales";
+import { setupI18n } from "../locales";
 import { useSettingStore } from "/@/store/settings";
 
 export async function setupVben(app: any, { loadMessages, router }: any) {
diff --git a/packages/ui/certd-client/src/vben/layouts/basic/layout.vue b/packages/ui/certd-client/src/vben/layouts/basic/layout.vue
index 7ab1886b..bdd260a6 100644
--- a/packages/ui/certd-client/src/vben/layouts/basic/layout.vue
+++ b/packages/ui/certd-client/src/vben/layouts/basic/layout.vue
@@ -6,7 +6,7 @@ import type { MenuRecordRaw } from "../../types";
 import { computed, useSlots, watch } from "vue";
 
 import { useRefresh } from "../../hooks";
-import { $t, i18n } from "../../locales";
+import { $t, i18n } from "/@/locales";
 import { preferences, updatePreferences, usePreferences } from "../../preferences";
 import { useLockStore } from "../../stores";
 import { cloneDeep, mapTree } from "../../utils";
diff --git a/packages/ui/certd-client/src/vben/layouts/basic/tabbar/use-tabbar.ts b/packages/ui/certd-client/src/vben/layouts/basic/tabbar/use-tabbar.ts
index c0febc25..31225c26 100644
--- a/packages/ui/certd-client/src/vben/layouts/basic/tabbar/use-tabbar.ts
+++ b/packages/ui/certd-client/src/vben/layouts/basic/tabbar/use-tabbar.ts
@@ -9,7 +9,7 @@ import { useRoute, useRouter } from "vue-router";
 
 import { useContentMaximize, useTabs } from "../../../hooks";
 import { ArrowLeftToLine, ArrowRightLeft, ArrowRightToLine, ExternalLink, FoldHorizontal, Fullscreen, Minimize2, Pin, PinOff, RotateCw, X } from "../../../icons";
-import { $t, useI18n } from "../../../locales";
+import { $t, useI18n } from "/@/locales";
 import { useAccessStore, useTabbarStore } from "../../../stores";
 import { filterTree } from "../../../utils";
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/breadcrumb.vue b/packages/ui/certd-client/src/vben/layouts/widgets/breadcrumb.vue
index 6d2118f6..f2180a5f 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/breadcrumb.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/breadcrumb.vue
@@ -6,7 +6,7 @@ import type { IBreadcrumb } from "/@/vben//shadcn-ui";
 import { computed } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 
 import { VbenBreadcrumbView } from "/@/vben//shadcn-ui";
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/check-updates/check-updates.vue b/packages/ui/certd-client/src/vben/layouts/widgets/check-updates/check-updates.vue
index 00438c85..08df794b 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/check-updates/check-updates.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/check-updates/check-updates.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from "vue";
 
-import { $t } from "../../../locales";
+import { $t } from "/@/locales";
 
 import { useVbenModal } from "../../../popup-ui";
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/global-search/global-search.vue b/packages/ui/certd-client/src/vben/layouts/widgets/global-search/global-search.vue
index 5a98148b..a922a279 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/global-search/global-search.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/global-search/global-search.vue
@@ -4,7 +4,7 @@ import type { MenuRecordRaw } from "../../../types";
 import { nextTick, onMounted, onUnmounted, ref, watch } from "vue";
 
 import { ArrowDown, ArrowUp, CornerDownLeft, MdiKeyboardEsc, Search } from "../../../icons";
-import { $t } from "../../../locales";
+import { $t } from "/@/locales";
 import { isWindowsOs } from "../../../utils";
 
 import { useVbenModal } from "../../../popup-ui";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/global-search/search-panel.vue b/packages/ui/certd-client/src/vben/layouts/widgets/global-search/search-panel.vue
index 3561a977..87b92b6b 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/global-search/search-panel.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/global-search/search-panel.vue
@@ -5,7 +5,7 @@ import { nextTick, onMounted, ref, shallowRef, watch } from "vue";
 import { useRouter } from "vue-router";
 
 import { SearchX, X } from "../../../icons";
-import { $t } from "../../../locales";
+import { $t } from "/@/locales";
 import { mapTree, traverseTreeValues, uniqueByField } from "../../../utils";
 
 import { VbenIcon, VbenScrollbar } from "../../../shadcn-ui";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/index.ts b/packages/ui/certd-client/src/vben/layouts/widgets/index.ts
index f6a4a7ba..8968a841 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/index.ts
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/index.ts
@@ -1,11 +1,11 @@
-export { default as Breadcrumb } from './breadcrumb.vue';
-export * from './check-updates';
-export { default as AuthenticationColorToggle } from './color-toggle.vue';
-export * from './global-search';
-export { default as LanguageToggle } from './language-toggle.vue';
-export { default as AuthenticationLayoutToggle } from './layout-toggle.vue';
-export * from './lock-screen';
-export * from './notification';
-export * from './preferences';
-export * from './theme-toggle';
-export * from './user-dropdown';
+export { default as Breadcrumb } from "./breadcrumb.vue";
+export * from "./check-updates";
+export { default as AuthenticationColorToggle } from "./color-toggle.vue";
+export * from "./global-search";
+export { default as LanguageToggle } from "./language-toggle.vue";
+export { default as AuthenticationLayoutToggle } from "./layout-toggle.vue";
+export * from "./lock-screen";
+export * from "./notification";
+export * from "./preferences";
+export * from "./theme-toggle";
+export * from "./user-dropdown";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/language-toggle.vue b/packages/ui/certd-client/src/vben/layouts/widgets/language-toggle.vue
index bfcc9cb0..9d624b73 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/language-toggle.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/language-toggle.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { SupportedLanguagesType } from "/@/vben/locales";
+import type { SupportedLanguagesType } from "/@/locales";
 
 import { SUPPORT_LANGUAGES } from "/@/vben/constants";
 import { Languages } from "/@/vben/icons";
-import { loadLocaleMessages } from "/@/vben/locales";
+import { loadLocaleMessages } from "/@/locales";
 import { preferences, updatePreferences } from "/@/vben/preferences";
 
 import { VbenDropdownRadioMenu, VbenIconButton } from "/@/vben//shadcn-ui";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/layout-toggle.vue b/packages/ui/certd-client/src/vben/layouts/widgets/layout-toggle.vue
index 27c21f44..21af6844 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/layout-toggle.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/layout-toggle.vue
@@ -6,31 +6,31 @@ import type { VbenDropdownMenuItem } from "/@/vben//shadcn-ui";
 import { computed } from "vue";
 
 import { InspectionPanel, PanelLeft, PanelRight } from "/@/vben/icons";
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 import { preferences, updatePreferences, usePreferences } from "/@/vben/preferences";
 
 import { VbenDropdownRadioMenu, VbenIconButton } from "/@/vben//shadcn-ui";
 
 defineOptions({
-  name: "AuthenticationLayoutToggle"
+  name: "AuthenticationLayoutToggle",
 });
 
 const menus = computed((): VbenDropdownMenuItem[] => [
   {
     icon: PanelLeft,
     label: $t("authentication.layout.alignLeft"),
-    value: "panel-left"
+    value: "panel-left",
   },
   {
     icon: InspectionPanel,
     label: $t("authentication.layout.center"),
-    value: "panel-center"
+    value: "panel-center",
   },
   {
     icon: PanelRight,
     label: $t("authentication.layout.alignRight"),
-    value: "panel-right"
-  }
+    value: "panel-right",
+  },
 ]);
 
 const { authPanelCenter, authPanelLeft, authPanelRight } = usePreferences();
@@ -38,8 +38,8 @@ const { authPanelCenter, authPanelLeft, authPanelRight } = usePreferences();
 function handleUpdate(value: string) {
   updatePreferences({
     app: {
-      authPageLayout: value as AuthPageLayoutType
-    }
+      authPageLayout: value as AuthPageLayoutType,
+    },
   });
 }
 </script>
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/lock-screen/lock-screen-modal.vue b/packages/ui/certd-client/src/vben/layouts/widgets/lock-screen/lock-screen-modal.vue
index b676a6f7..15fa089e 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/lock-screen/lock-screen-modal.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/lock-screen/lock-screen-modal.vue
@@ -3,7 +3,7 @@ import type { Recordable } from "../../../types";
 
 import { computed, reactive } from "vue";
 
-import { $t } from "../../../locales";
+import { $t } from "/@/locales";
 
 import { useVbenForm, z } from "../../../form-ui";
 import { useVbenModal } from "../../../popup-ui";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/lock-screen/lock-screen.vue b/packages/ui/certd-client/src/vben/layouts/widgets/lock-screen/lock-screen.vue
index d2a78bd8..fede0024 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/lock-screen/lock-screen.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/lock-screen/lock-screen.vue
@@ -2,7 +2,7 @@
 import { computed, reactive, ref } from "vue";
 
 import { LockKeyhole } from "../../../icons";
-import { $t, useI18n } from "../../../locales";
+import { $t, useI18n } from "/@/locales";
 import { storeToRefs, useLockStore } from "../../../stores";
 
 import { useScrollLock } from "../../../composables";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/notification/notification.vue b/packages/ui/certd-client/src/vben/layouts/widgets/notification/notification.vue
index 02deffe0..e1e21f37 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/notification/notification.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/notification/notification.vue
@@ -2,7 +2,7 @@
 import type { NotificationItem } from "./types";
 
 import { Bell, MailCheck } from "/@/vben/icons";
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 
 import { VbenButton, VbenIconButton, VbenPopover, VbenScrollbar } from "/@/vben//shadcn-ui";
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/general/animation.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/general/animation.vue
index 4652ada6..96d72488 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/general/animation.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/general/animation.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 
 import SwitchItem from "../switch-item.vue";
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/general/general.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/general/general.vue
index ebbd39b1..e431c7fe 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/general/general.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/general/general.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { SUPPORT_LANGUAGES } from "/@/vben/constants";
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 
 import SelectItem from "../select-item.vue";
 import SwitchItem from "../switch-item.vue";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/breadcrumb.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/breadcrumb.vue
index 7bfd9b7a..3edc1bf2 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/breadcrumb.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/breadcrumb.vue
@@ -3,7 +3,7 @@ import type { SelectOption } from "/@/vben/types";
 
 import { computed } from "vue";
 
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 
 import SwitchItem from "../switch-item.vue";
 import ToggleItem from "../toggle-item.vue";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/content.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/content.vue
index aa6a0d79..c12a7b98 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/content.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/content.vue
@@ -3,7 +3,7 @@ import type { Component } from "vue";
 
 import { computed } from "vue";
 
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 
 import { ContentCompact, ContentWide } from "../../icons";
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/copyright.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/copyright.vue
index 9d4613ea..e1dcddae 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/copyright.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/copyright.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 
 import InputItem from "../input-item.vue";
 import SwitchItem from "../switch-item.vue";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/footer.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/footer.vue
index 1bdcc51b..289100bd 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/footer.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/footer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 
 import SwitchItem from "../switch-item.vue";
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/header.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/header.vue
index 1128ae95..ff56126f 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/header.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/header.vue
@@ -5,7 +5,7 @@ import type {
   SelectOption,
 } from '/@/vben/types';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import SelectItem from '../select-item.vue';
 import SwitchItem from '../switch-item.vue';
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/layout.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/layout.vue
index 2c975db6..b4790c58 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/layout.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/layout.vue
@@ -6,107 +6,102 @@ import type { LayoutType } from '/@/vben/types';
 import { computed } from 'vue';
 
 import { CircleHelp } from '/@/vben/icons';
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import { VbenTooltip } from '/@/vben//shadcn-ui';
 
 import {
-  FullContent,
-  HeaderMixedNav,
-  HeaderNav,
-  HeaderSidebarNav,
-  MixedNav,
-  SidebarMixedNav,
-  SidebarNav,
+	FullContent,
+	HeaderMixedNav,
+	HeaderNav,
+	HeaderSidebarNav,
+	MixedNav,
+	SidebarMixedNav,
+	SidebarNav,
 } from '../../icons';
 
 interface PresetItem {
-  name: string;
-  tip: string;
-  type: LayoutType;
+	name: string;
+	tip: string;
+	type: LayoutType;
 }
 
 defineOptions({
-  name: 'PreferenceLayout',
+	name: 'PreferenceLayout',
 });
 
 const modelValue = defineModel<LayoutType>({ default: 'sidebar-nav' });
 
 const components: Record<LayoutType, Component> = {
-  'full-content': FullContent,
-  'header-nav': HeaderNav,
-  'mixed-nav': MixedNav,
-  'sidebar-mixed-nav': SidebarMixedNav,
-  'sidebar-nav': SidebarNav,
-  'header-mixed-nav': HeaderMixedNav,
-  'header-sidebar-nav': HeaderSidebarNav,
+	'full-content': FullContent,
+	'header-nav': HeaderNav,
+	'mixed-nav': MixedNav,
+	'sidebar-mixed-nav': SidebarMixedNav,
+	'sidebar-nav': SidebarNav,
+	'header-mixed-nav': HeaderMixedNav,
+	'header-sidebar-nav': HeaderSidebarNav,
 };
 
 const PRESET = computed((): PresetItem[] => [
-  {
-    name: $t('preferences.vertical'),
-    tip: $t('preferences.verticalTip'),
-    type: 'sidebar-nav',
-  },
-  {
-    name: $t('preferences.twoColumn'),
-    tip: $t('preferences.twoColumnTip'),
-    type: 'sidebar-mixed-nav',
-  },
-  {
-    name: $t('preferences.horizontal'),
-    tip: $t('preferences.horizontalTip'),
-    type: 'header-nav',
-  },
-  {
-    name: $t('preferences.headerSidebarNav'),
-    tip: $t('preferences.headerSidebarNavTip'),
-    type: 'header-sidebar-nav',
-  },
-  {
-    name: $t('preferences.mixedMenu'),
-    tip: $t('preferences.mixedMenuTip'),
-    type: 'mixed-nav',
-  },
-  {
-    name: $t('preferences.headerTwoColumn'),
-    tip: $t('preferences.headerTwoColumnTip'),
-    type: 'header-mixed-nav',
-  },
-  {
-    name: $t('preferences.fullContent'),
-    tip: $t('preferences.fullContentTip'),
-    type: 'full-content',
-  },
+	{
+		name: $t('preferences.vertical'),
+		tip: $t('preferences.verticalTip'),
+		type: 'sidebar-nav',
+	},
+	{
+		name: $t('preferences.twoColumn'),
+		tip: $t('preferences.twoColumnTip'),
+		type: 'sidebar-mixed-nav',
+	},
+	{
+		name: $t('preferences.horizontal'),
+		tip: $t('preferences.horizontalTip'),
+		type: 'header-nav',
+	},
+	{
+		name: $t('preferences.headerSidebarNav'),
+		tip: $t('preferences.headerSidebarNavTip'),
+		type: 'header-sidebar-nav',
+	},
+	{
+		name: $t('preferences.mixedMenu'),
+		tip: $t('preferences.mixedMenuTip'),
+		type: 'mixed-nav',
+	},
+	{
+		name: $t('preferences.headerTwoColumn'),
+		tip: $t('preferences.headerTwoColumnTip'),
+		type: 'header-mixed-nav',
+	},
+	{
+		name: $t('preferences.fullContent'),
+		tip: $t('preferences.fullContentTip'),
+		type: 'full-content',
+	},
 ]);
 
 function activeClass(theme: string): string[] {
-  return theme === modelValue.value ? ['outline-box-active'] : [];
+	return theme === modelValue.value ? ['outline-box-active'] : [];
 }
 </script>
 
 <template>
-  <div class="flex w-full flex-wrap gap-5">
-    <template v-for="theme in PRESET" :key="theme.name">
-      <div
-        class="flex w-[100px] cursor-pointer flex-col"
-        @click="modelValue = theme.type"
-      >
-        <div :class="activeClass(theme.type)" class="outline-box flex-center">
-          <component :is="components[theme.type]" />
-        </div>
-        <div
-          class="text-muted-foreground flex-center hover:text-foreground mt-2 text-center text-xs"
-        >
-          {{ theme.name }}
-          <VbenTooltip v-if="theme.tip" side="bottom">
-            <template #trigger>
-              <CircleHelp class="ml-1 size-3 cursor-help" />
-            </template>
-            {{ theme.tip }}
-          </VbenTooltip>
-        </div>
-      </div>
-    </template>
-  </div>
+	<div class="flex w-full flex-wrap gap-5">
+		<template v-for="theme in PRESET" :key="theme.name">
+			<div class="flex w-[100px] cursor-pointer flex-col" @click="modelValue = theme.type">
+				<div :class="activeClass(theme.type)" class="outline-box flex-center">
+					<component :is="components[theme.type]" />
+				</div>
+				<div class="text-muted-foreground flex-center hover:text-foreground mt-2 text-center text-xs">
+					{{ theme.name }}
+					<VbenTooltip v-if="theme.tip" side="bottom">
+						<template #trigger>
+							<CircleHelp class="ml-1 size-3 cursor-help" />
+						</template>
+						{{ theme.tip }}
+					</VbenTooltip>
+				</div>
+			</div>
+		</template>
+	</div>
 </template>
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/navigation.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/navigation.vue
index 9ffe3a18..2f8e8906 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/navigation.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/navigation.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { SelectOption } from '/@/vben/types';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import SwitchItem from '../switch-item.vue';
 import ToggleItem from '../toggle-item.vue';
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/sidebar.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/sidebar.vue
index 9374686d..3da8eb0f 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/sidebar.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/sidebar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { LayoutType } from '/@/vben/types';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import NumberFieldItem from '../number-field-item.vue';
 import SwitchItem from '../switch-item.vue';
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/tabbar.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/tabbar.vue
index 8051c5b0..ec85ce5e 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/tabbar.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/tabbar.vue
@@ -3,7 +3,7 @@ import type { SelectOption } from '/@/vben/types';
 
 import { computed } from 'vue';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import NumberFieldItem from '../number-field-item.vue';
 import SelectItem from '../select-item.vue';
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/widget.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/widget.vue
index 8f8b209d..04dbf417 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/widget.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/layout/widget.vue
@@ -1,71 +1,69 @@
 <script setup lang="ts">
-import type { SelectOption } from '/@/vben/types';
+import type { SelectOption } from "/@/vben/types";
 
-import { computed } from 'vue';
+import { computed } from "vue";
 
-import { $t } from '/@/vben/locales';
+import { $t } from "/@/locales";
 
-import SelectItem from '../select-item.vue';
-import SwitchItem from '../switch-item.vue';
+import SelectItem from "../select-item.vue";
+import SwitchItem from "../switch-item.vue";
 
 defineOptions({
-  name: 'PreferenceInterfaceControl',
+  name: "PreferenceInterfaceControl",
 });
 
-const widgetGlobalSearch = defineModel<boolean>('widgetGlobalSearch');
-const widgetFullscreen = defineModel<boolean>('widgetFullscreen');
-const widgetLanguageToggle = defineModel<boolean>('widgetLanguageToggle');
-const widgetNotification = defineModel<boolean>('widgetNotification');
-const widgetThemeToggle = defineModel<boolean>('widgetThemeToggle');
-const widgetSidebarToggle = defineModel<boolean>('widgetSidebarToggle');
-const widgetLockScreen = defineModel<boolean>('widgetLockScreen');
-const appPreferencesButtonPosition = defineModel<string>(
-  'appPreferencesButtonPosition',
-);
-const widgetRefresh = defineModel<boolean>('widgetRefresh');
+const widgetGlobalSearch = defineModel<boolean>("widgetGlobalSearch");
+const widgetFullscreen = defineModel<boolean>("widgetFullscreen");
+const widgetLanguageToggle = defineModel<boolean>("widgetLanguageToggle");
+const widgetNotification = defineModel<boolean>("widgetNotification");
+const widgetThemeToggle = defineModel<boolean>("widgetThemeToggle");
+const widgetSidebarToggle = defineModel<boolean>("widgetSidebarToggle");
+const widgetLockScreen = defineModel<boolean>("widgetLockScreen");
+const appPreferencesButtonPosition = defineModel<string>("appPreferencesButtonPosition");
+const widgetRefresh = defineModel<boolean>("widgetRefresh");
 
 const positionItems = computed((): SelectOption[] => [
   {
-    label: $t('preferences.position.auto'),
-    value: 'auto',
+    label: $t("preferences.position.auto"),
+    value: "auto",
   },
   {
-    label: $t('preferences.position.header'),
-    value: 'header',
+    label: $t("preferences.position.header"),
+    value: "header",
   },
   {
-    label: $t('preferences.position.fixed'),
-    value: 'fixed',
+    label: $t("preferences.position.fixed"),
+    value: "fixed",
   },
 ]);
 </script>
 
 <template>
   <SwitchItem v-model="widgetGlobalSearch">
-    {{ $t('preferences.widget.globalSearch') }}
+    {{ $t("preferences.widget.globalSearch") }}
   </SwitchItem>
   <SwitchItem v-model="widgetThemeToggle">
-    {{ $t('preferences.widget.themeToggle') }}
+    {{ $t("preferences.widget.themeToggle") }}
   </SwitchItem>
   <SwitchItem v-model="widgetLanguageToggle">
-    {{ $t('preferences.widget.languageToggle') }}
+    {{ $t("preferences.widget.languageToggle") }}
   </SwitchItem>
   <SwitchItem v-model="widgetFullscreen">
-    {{ $t('preferences.widget.fullscreen') }}
+    {{ $t("preferences.widget.fullscreen") }}
   </SwitchItem>
   <SwitchItem v-model="widgetNotification">
-    {{ $t('preferences.widget.notification') }}
+    {{ $t("preferences.widget.notification") }}
   </SwitchItem>
   <SwitchItem v-model="widgetLockScreen">
-    {{ $t('preferences.widget.lockScreen') }}
+    {{ $t("preferences.widget.lockScreen") }}
   </SwitchItem>
   <SwitchItem v-model="widgetSidebarToggle">
-    {{ $t('preferences.widget.sidebarToggle') }}
+    {{ $t("preferences.widget.sidebarToggle") }}
   </SwitchItem>
   <SwitchItem v-model="widgetRefresh">
-    {{ $t('preferences.widget.refresh') }}
+    {{ $t("preferences.widget.refresh") }}
   </SwitchItem>
   <SelectItem v-model="appPreferencesButtonPosition" :items="positionItems">
-    {{ $t('preferences.position.title') }}
+    {{ $t("preferences.position.title") }}
   </SelectItem>
 </template>
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/shortcut-keys/global.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/shortcut-keys/global.vue
index 1845971b..f3dd8f16 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/shortcut-keys/global.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/shortcut-keys/global.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 import { isWindowsOs } from '/@/vben/utils';
 
 import SwitchItem from '../switch-item.vue';
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/builtin.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/builtin.vue
index ed43cad1..a1d24595 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/builtin.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/builtin.vue
@@ -5,7 +5,7 @@ import type { BuiltinThemeType } from '/@/vben/types';
 import { computed, ref, watch } from 'vue';
 
 import { UserRoundPen } from '/@/vben/icons';
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 import { BUILT_IN_THEME_PRESETS } from '/@/vben/preferences';
 import { convertToHsl, TinyColor } from '/@/vben/utils';
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/color-mode.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/color-mode.vue
index 971a5919..ec40b2bc 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/color-mode.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/color-mode.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import SwitchItem from '../switch-item.vue';
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/theme.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/theme.vue
index a15f871e..f42cfa45 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/theme.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/blocks/theme/theme.vue
@@ -4,7 +4,7 @@ import type { Component } from 'vue';
 import type { ThemeModeType } from '/@/vben/types';
 
 import { MoonStar, Sun, SunMoon } from '/@/vben/icons';
-import { $t } from '/@/vben/locales';
+import { $t } from '/@/locales';
 
 import SwitchItem from '../switch-item.vue';
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/preferences-drawer.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/preferences-drawer.vue
index ee753bbf..fc33e841 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/preferences-drawer.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/preferences-drawer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SupportedLanguagesType } from "/@/vben/locales";
+import type { SupportedLanguagesType } from "/@/locales";
 import type {
   BreadcrumbStyleType,
   BuiltinThemeType,
@@ -17,7 +17,7 @@ import type { SegmentedItem } from "/@/vben//shadcn-ui";
 import { computed, ref } from "vue";
 
 import { Copy, RotateCw, X } from "/@/vben/icons";
-import { $t, loadLocaleMessages } from "/@/vben/locales";
+import { $t, loadLocaleMessages } from "/@/locales";
 import { clearPreferencesCache, preferences, resetPreferences, usePreferences } from "/@/vben/preferences";
 
 import { useVbenDrawer } from "/@/vben//popup-ui";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/preferences.vue b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/preferences.vue
index 1cc739f6..10d757c1 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/preferences/preferences.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/preferences/preferences.vue
@@ -2,7 +2,7 @@
 import { computed } from "vue";
 
 import { Settings } from "/@/vben/icons";
-import { $t, loadLocaleMessages } from "/@/vben/locales";
+import { $t, loadLocaleMessages } from "/@/locales";
 import { preferences, updatePreferences } from "/@/vben/preferences";
 import { capitalizeFirstLetter } from "/@/vben/utils";
 
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/theme-toggle/theme-toggle.vue b/packages/ui/certd-client/src/vben/layouts/widgets/theme-toggle/theme-toggle.vue
index 41cc0060..a6cbca43 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/theme-toggle/theme-toggle.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/theme-toggle/theme-toggle.vue
@@ -2,7 +2,7 @@
 import type { ThemeModeType } from "/@/vben/types";
 
 import { MoonStar, Sun, SunMoon } from "/@/vben/icons";
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 import { preferences, updatePreferences, usePreferences } from "/@/vben/preferences";
 
 import { ToggleGroup, ToggleGroupItem, VbenTooltip } from "/@/vben//shadcn-ui";
diff --git a/packages/ui/certd-client/src/vben/layouts/widgets/user-dropdown/user-dropdown.vue b/packages/ui/certd-client/src/vben/layouts/widgets/user-dropdown/user-dropdown.vue
index 03baf8d5..0898a88d 100644
--- a/packages/ui/certd-client/src/vben/layouts/widgets/user-dropdown/user-dropdown.vue
+++ b/packages/ui/certd-client/src/vben/layouts/widgets/user-dropdown/user-dropdown.vue
@@ -7,7 +7,7 @@ import { computed, useTemplateRef, watch } from "vue";
 
 import { useHoverToggle } from "/@/vben/hooks";
 import { LockKeyhole, LogOut } from "/@/vben/icons";
-import { $t } from "/@/vben/locales";
+import { $t } from "/@/locales";
 import { preferences, usePreferences } from "/@/vben/preferences";
 import { useLockStore } from "/@/vben/stores";
 import { isWindowsOs } from "/@/vben/utils";
diff --git a/packages/ui/certd-client/src/vben/locales/langs/en-US/authentication.json b/packages/ui/certd-client/src/vben/locales/langs/en-US/authentication.json
deleted file mode 100644
index f294cdd8..00000000
--- a/packages/ui/certd-client/src/vben/locales/langs/en-US/authentication.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "welcomeBack": "Welcome Back",
-  "pageTitle": "Plug-and-play Admin system",
-  "pageDesc": "Efficient, versatile frontend template",
-  "loginSuccess": "Login Successful",
-  "loginSuccessDesc": "Welcome Back",
-  "loginSubtitle": "Enter your account details to manage your projects",
-  "selectAccount": "Quick Select Account",
-  "username": "Username",
-  "password": "Password",
-  "usernameTip": "Please enter username",
-  "passwordErrorTip": "Password is incorrect",
-  "passwordTip": "Please enter password",
-  "verifyRequiredTip": "Please complete the verification first",
-  "rememberMe": "Remember Me",
-  "createAnAccount": "Create an Account",
-  "createAccount": "Create Account",
-  "alreadyHaveAccount": "Already have an account?",
-  "accountTip": "Don't have an account?",
-  "signUp": "Sign Up",
-  "signUpSubtitle": "Make managing your applications simple and fun",
-  "confirmPassword": "Confirm Password",
-  "confirmPasswordTip": "The passwords do not match",
-  "agree": "I agree to",
-  "privacyPolicy": "Privacy-policy",
-  "terms": "Terms",
-  "agreeTip": "Please agree to the Privacy Policy and Terms",
-  "goToLogin": "Login instead",
-  "passwordStrength": "Use 8 or more characters with a mix of letters, numbers & symbols",
-  "forgetPassword": "Forget Password?",
-  "forgetPasswordSubtitle": "Enter your email and we'll send you instructions to reset your password",
-  "emailTip": "Please enter email",
-  "emailValidErrorTip": "The email format you entered is incorrect",
-  "sendResetLink": "Send Reset Link",
-  "email": "Email",
-  "qrcodeSubtitle": "Scan the QR code with your phone to login",
-  "qrcodePrompt": "Click 'Confirm' after scanning to complete login",
-  "qrcodeLogin": "QR Code Login",
-  "codeSubtitle": "Enter your phone number to start managing your project",
-  "code": "Security code",
-  "codeTip": "Security code required {0} characters",
-  "mobile": "Mobile",
-  "mobileLogin": "Mobile Login",
-  "mobileTip": "Please enter mobile number",
-  "mobileErrortip": "The phone number format is incorrect",
-  "sendCode": "Get Security code",
-  "sendText": "Resend in {0}s",
-  "thirdPartyLogin": "Or continue with",
-  "loginAgainTitle": "Please Log In Again",
-  "loginAgainSubTitle": "Your login session has expired. Please log in again to continue.",
-  "layout": {
-    "center": "Align Center",
-    "alignLeft": "Align Left",
-    "alignRight": "Align Right"
-  }
-}
diff --git a/packages/ui/certd-client/src/vben/locales/langs/en-US/common.json b/packages/ui/certd-client/src/vben/locales/langs/en-US/common.json
deleted file mode 100644
index 440af82b..00000000
--- a/packages/ui/certd-client/src/vben/locales/langs/en-US/common.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "back": "Back",
-  "backToHome": "Back To Home",
-  "login": "Login",
-  "logout": "Logout",
-  "prompt": "Prompt",
-  "cancel": "Cancel",
-  "confirm": "Confirm",
-  "reset": "Reset",
-  "noData": "No Data",
-  "refresh": "Refresh",
-  "loadingMenu": "Loading Menu",
-  "query": "Search",
-  "search": "Search",
-  "enabled": "Enabled",
-  "disabled": "Disabled",
-  "edit": "Edit",
-  "delete": "Delete",
-  "create": "Create",
-  "yes": "Yes",
-  "no": "No"
-}
diff --git a/packages/ui/certd-client/src/vben/locales/langs/en-US/preferences.json b/packages/ui/certd-client/src/vben/locales/langs/en-US/preferences.json
deleted file mode 100644
index 029a9a54..00000000
--- a/packages/ui/certd-client/src/vben/locales/langs/en-US/preferences.json
+++ /dev/null
@@ -1,186 +0,0 @@
-{
-  "title": "Preferences",
-  "subtitle": "Customize Preferences & Preview in Real Time",
-  "resetTip": "Data has changed, click to reset",
-  "resetTitle": "Reset Preferences",
-  "resetSuccess": "Preferences reset successfully",
-  "appearance": "Appearance",
-  "layout": "Layout",
-  "content": "Content",
-  "other": "Other",
-  "wide": "Wide",
-  "compact": "Fixed",
-  "followSystem": "Follow System",
-  "vertical": "Vertical",
-  "verticalTip": "Side vertical menu mode",
-  "horizontal": "Horizontal",
-  "horizontalTip": "Horizontal menu mode, all menus displayed at the top",
-  "twoColumn": "Two Column",
-  "twoColumnTip": "Vertical Two Column Menu Mode",
-  "headerSidebarNav": "Header Vertical",
-  "headerSidebarNavTip": "Header Full Width, Sidebar Navigation Mode",
-  "headerTwoColumn": "Header Two Column",
-  "headerTwoColumnTip": "Header Navigation & Sidebar Two Column co-exists",
-  "mixedMenu": "Mixed Menu",
-  "mixedMenuTip": "Vertical & Horizontal Menu Co-exists",
-  "fullContent": "Full Content",
-  "fullContentTip": "Only display content body, hide all menus",
-  "normal": "Normal",
-  "plain": "Plain",
-  "rounded": "Rounded",
-  "copyPreferences": "Copy Preferences",
-  "copyPreferencesSuccessTitle": "Copy successful",
-  "copyPreferencesSuccess": "Copy successful, please override in `src/preferences.ts` under app",
-  "clearAndLogout": "Clear Cache & Logout",
-  "mode": "Mode",
-  "general": "General",
-  "language": "Language",
-  "dynamicTitle": "Dynamic Title",
-  "watermark": "Watermark",
-  "checkUpdates": "Periodic update check",
-  "position": {
-    "title": "Preferences Postion",
-    "header": "Header",
-    "auto": "Auto",
-    "fixed": "Fixed"
-  },
-  "sidebar": {
-    "title": "Sidebar",
-    "width": "Width",
-    "visible": "Show Sidebar",
-    "collapsed": "Collpase Menu",
-    "collapsedShowTitle": "Show Menu Title",
-    "autoActivateChild": "Auto Activate SubMenu",
-    "autoActivateChildTip": "`Enabled` to automatically activate the submenu while click menu.",
-    "expandOnHover": "Expand On Hover",
-    "expandOnHoverTip": "When the mouse hovers over menu, \n `Enabled` to expand children menus \n `Disabled` to expand whole sidebar."
-  },
-  "tabbar": {
-    "title": "Tabbar",
-    "enable": "Enable Tab Bar",
-    "icon": "Show Tabbar Icon",
-    "showMore": "Show More Button",
-    "showMaximize": "Show Maximize Button",
-    "persist": "Persist Tabs",
-    "maxCount": "Max Count of Tabs",
-    "maxCountTip": "When the number of tabs exceeds the maximum,\nthe oldest tab will be closed.\n Set to 0 to disable count checking.",
-    "draggable": "Enable Draggable Sort",
-    "wheelable": "Support Mouse Wheel",
-    "middleClickClose": "Close Tab when Mouse Middle Button Click",
-    "wheelableTip": "When enabled, the Tabbar area responds to vertical scrolling events of the scroll wheel.",
-    "styleType": {
-      "title": "Tabs Style",
-      "chrome": "Chrome",
-      "card": "Card",
-      "plain": "Plain",
-      "brisk": "Brisk"
-    },
-    "contextMenu": {
-      "reload": "Reload",
-      "close": "Close",
-      "pin": "Pin",
-      "unpin": "Unpin",
-      "closeLeft": "Close Left Tabs",
-      "closeRight": "Close Right Tabs",
-      "closeOther": "Close Other Tabs",
-      "closeAll": "Close All Tabs",
-      "openInNewWindow": "Open in New Window",
-      "maximize": "Maximize",
-      "restoreMaximize": "Restore"
-    }
-  },
-  "navigationMenu": {
-    "title": "Navigation Menu",
-    "style": "Navigation Menu Style",
-    "accordion": "Sidebar Accordion Menu",
-    "split": "Navigation Menu Separation",
-    "splitTip": "When enabled, the sidebar displays the top bar's submenu"
-  },
-  "breadcrumb": {
-    "title": "Breadcrumb",
-    "home": "Show Home Button",
-    "enable": "Enable Breadcrumb",
-    "icon": "Show Breadcrumb Icon",
-    "background": "background",
-    "style": "Breadcrumb Style",
-    "hideOnlyOne": "Hidden when only one"
-  },
-  "animation": {
-    "title": "Animation",
-    "loading": "Page Loading",
-    "transition": "Page Transition",
-    "progress": "Page Progress"
-  },
-  "theme": {
-    "title": "Theme",
-    "radius": "Radius",
-    "light": "Light",
-    "dark": "Dark",
-    "darkSidebar": "Semi Dark Sidebar",
-    "darkHeader": "Semi Dark Header",
-    "weakMode": "Weak Mode",
-    "grayMode": "Gray Mode",
-    "builtin": {
-      "title": "Built-in",
-      "default": "Default",
-      "violet": "Violet",
-      "pink": "Pink",
-      "rose": "Rose",
-      "skyBlue": "Sky Blue",
-      "deepBlue": "Deep Blue",
-      "green": "Green",
-      "deepGreen": "Deep Green",
-      "orange": "Orange",
-      "yellow": "Yellow",
-      "zinc": "Zinc",
-      "neutral": "Neutral",
-      "slate": "Slate",
-      "gray": "Gray",
-      "custom": "Custom"
-    }
-  },
-  "header": {
-    "title": "Header",
-    "visible": "Show Header",
-    "modeStatic": "Static",
-    "modeFixed": "Fixed",
-    "modeAuto": "Auto hide & Show",
-    "modeAutoScroll": "Scroll to Hide & Show",
-    "menuAlign": "Menu Align",
-    "menuAlignStart": "Start",
-    "menuAlignEnd": "End",
-    "menuAlignCenter": "Center"
-  },
-  "footer": {
-    "title": "Footer",
-    "visible": "Show Footer",
-    "fixed": "Fixed at Bottom"
-  },
-  "copyright": {
-    "title": "Copyright",
-    "enable": "Enable Copyright",
-    "companyName": "Company Name",
-    "companySiteLink": "Company Site Link",
-    "date": "Date",
-    "icp": "ICP License Number",
-    "icpLink": "ICP Site Link"
-  },
-  "shortcutKeys": {
-    "title": "Shortcut Keys",
-    "global": "Global",
-    "search": "Global Search",
-    "logout": "Logout",
-    "preferences": "Preferences"
-  },
-  "widget": {
-    "title": "Widget",
-    "globalSearch": "Enable Global Search",
-    "fullscreen": "Enable Fullscreen",
-    "themeToggle": "Enable Theme Toggle",
-    "languageToggle": "Enable Language Toggle",
-    "notification": "Enable Notification",
-    "sidebarToggle": "Enable Sidebar Toggle",
-    "lockScreen": "Enable Lock Screen",
-    "refresh": "Enable Refresh"
-  }
-}
diff --git a/packages/ui/certd-client/src/vben/locales/langs/en-US/ui.json b/packages/ui/certd-client/src/vben/locales/langs/en-US/ui.json
deleted file mode 100644
index 5bfd5d07..00000000
--- a/packages/ui/certd-client/src/vben/locales/langs/en-US/ui.json
+++ /dev/null
@@ -1,104 +0,0 @@
-{
-  "formRules": {
-    "required": "Please enter {0}",
-    "selectRequired": "Please select {0}",
-    "minLength": "{0} must be at least {1} characters",
-    "maxLength": "{0} can be at most {1} characters",
-    "length": "{0} must be {1} characters long",
-    "alreadyExists": "{0} `{1}` already exists",
-    "startWith": "{0} must start with `{1}`",
-    "invalidURL": "Please input a valid URL"
-  },
-  "actionTitle": {
-    "edit": "Modify {0}",
-    "create": "Create {0}",
-    "delete": "Delete {0}",
-    "view": "View {0}"
-  },
-  "actionMessage": {
-    "deleteConfirm": "Are you sure to delete {0}?",
-    "deleting": "Deleting {0} ...",
-    "deleteSuccess": "{0} deleted successfully",
-    "operationSuccess": "Operation succeeded",
-    "operationFailed": "Operation failed"
-  },
-  "placeholder": {
-    "input": "Please enter",
-    "select": "Please select"
-  },
-  "captcha": {
-    "title": "Please complete the security verification",
-    "sliderSuccessText": "Passed",
-    "sliderDefaultText": "Slider and drag",
-    "alt": "Supports img tag src attribute value",
-    "sliderRotateDefaultTip": "Click picture to refresh",
-    "sliderRotateFailTip": "Validation failed",
-    "sliderRotateSuccessTip": "Validation successful, time {0} seconds",
-    "refreshAriaLabel": "Refresh captcha",
-    "confirmAriaLabel": "Confirm selection",
-    "confirm": "Confirm",
-    "pointAriaLabel": "Click point",
-    "clickInOrder": "Please click in order"
-  },
-  "iconPicker": {
-    "placeholder": "Select an icon",
-    "search": "Search icon..."
-  },
-  "jsonViewer": {
-    "copy": "Copy",
-    "copied": "Copied"
-  },
-  "fallback": {
-    "pageNotFound": "Oops! Page Not Found",
-    "pageNotFoundDesc": "Sorry, we couldn't find the page you were looking for.",
-    "forbidden": "Oops! Access Denied",
-    "forbiddenDesc": "Sorry, but you don't have permission to access this page.",
-    "internalError": "Oops! Something Went Wrong",
-    "internalErrorDesc": "Sorry, but the server encountered an error.",
-    "offline": "Offline Page",
-    "offlineError": "Oops! Network Error",
-    "offlineErrorDesc": "Sorry, can't connect to the internet. Check your connection.",
-    "comingSoon": "Coming Soon",
-    "http": {
-      "requestTimeout": "The request timed out. Please try again later.",
-      "networkError": "A network error occurred. Please check your internet connection and try again.",
-      "badRequest": "Bad Request. Please check your input and try again.",
-      "unauthorized": "Unauthorized. Please log in to continue.",
-      "forbidden": "Forbidden. You do not have permission to access this resource.",
-      "notFound": "Not Found. The requested resource could not be found.",
-      "internalServerError": "Internal Server Error. Something went wrong on our end. Please try again later."
-    }
-  },
-  "widgets": {
-    "document": "Document",
-    "qa": "Q&A",
-    "setting": "Settings",
-    "logoutTip": "Do you want to logout?",
-    "viewAll": "View All Messages",
-    "notifications": "Notifications",
-    "markAllAsRead": "Make All as Read",
-    "clearNotifications": "Clear",
-    "checkUpdatesTitle": "New Version Available",
-    "checkUpdatesDescription": "Click to refresh and get the latest version",
-    "search": {
-      "title": "Search",
-      "searchNavigate": "Search Navigation",
-      "select": "Select",
-      "navigate": "Navigate",
-      "close": "Close",
-      "noResults": "No Search Results Found",
-      "noRecent": "No Search History",
-      "recent": "Search History"
-    },
-    "lockScreen": {
-      "title": "Lock Screen",
-      "screenButton": "Locking",
-      "password": "Password",
-      "placeholder": "Please enter password",
-      "unlock": "Click to unlock",
-      "errorPasswordTip": "Password error, please re-enter",
-      "backToLogin": "Back to login",
-      "entry": "Enter the system"
-    }
-  }
-}
diff --git a/packages/ui/certd-client/src/vben/locales/langs/zh-CN/authentication.json b/packages/ui/certd-client/src/vben/locales/langs/zh-CN/authentication.json
deleted file mode 100644
index 147da632..00000000
--- a/packages/ui/certd-client/src/vben/locales/langs/zh-CN/authentication.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "welcomeBack": "欢迎回来",
-  "pageTitle": "开箱即用的大型中后台管理系统",
-  "pageDesc": "工程化、高性能、跨组件库的前端模版",
-  "loginSuccess": "登录成功",
-  "loginSuccessDesc": "欢迎回来",
-  "loginSubtitle": "请输入您的帐户信息以开始管理您的项目",
-  "selectAccount": "快速选择账号",
-  "username": "账号",
-  "password": "密码",
-  "usernameTip": "请输入用户名",
-  "passwordTip": "请输入密码",
-  "verifyRequiredTip": "请先完成验证",
-  "passwordErrorTip": "密码错误",
-  "rememberMe": "记住账号",
-  "createAnAccount": "创建一个账号",
-  "createAccount": "创建账号",
-  "alreadyHaveAccount": "已经有账号了?",
-  "accountTip": "还没有账号?",
-  "signUp": "注册",
-  "signUpSubtitle": "让您的应用程序管理变得简单而有趣",
-  "confirmPassword": "确认密码",
-  "confirmPasswordTip": "两次输入的密码不一致",
-  "agree": "我同意",
-  "privacyPolicy": "隐私政策",
-  "terms": "条款",
-  "agreeTip": "请同意隐私政策和条款",
-  "goToLogin": "去登录",
-  "passwordStrength": "使用 8 个或更多字符，混合字母、数字和符号",
-  "forgetPassword": "忘记密码?",
-  "forgetPasswordSubtitle": "输入您的电子邮件，我们将向您发送重置密码的连接",
-  "emailTip": "请输入邮箱",
-  "emailValidErrorTip": "你输入的邮箱格式不正确",
-  "sendResetLink": "发送重置链接",
-  "email": "邮箱",
-  "qrcodeSubtitle": "请用手机扫描二维码登录",
-  "qrcodePrompt": "扫码后点击 '确认'，即可完成登录",
-  "qrcodeLogin": "扫码登录",
-  "codeSubtitle": "请输入您的手机号码以开始管理您的项目",
-  "code": "验证码",
-  "codeTip": "请输入{0}位验证码",
-  "mobile": "手机号码",
-  "mobileTip": "请输入手机号",
-  "mobileErrortip": "手机号码格式错误",
-  "mobileLogin": "手机号登录",
-  "sendCode": "获取验证码",
-  "sendText": "{0}秒后重新获取",
-  "thirdPartyLogin": "其他登录方式",
-  "loginAgainTitle": "重新登录",
-  "loginAgainSubTitle": "您的登录状态已过期，请重新登录以继续。",
-  "layout": {
-    "center": "居中",
-    "alignLeft": "居左",
-    "alignRight": "居右"
-  }
-}
diff --git a/packages/ui/certd-client/src/vben/locales/langs/zh-CN/common.json b/packages/ui/certd-client/src/vben/locales/langs/zh-CN/common.json
deleted file mode 100644
index 95ec5f7d..00000000
--- a/packages/ui/certd-client/src/vben/locales/langs/zh-CN/common.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "back": "返回",
-  "backToHome": "返回首页",
-  "login": "登录",
-  "logout": "退出登录",
-  "prompt": "提示",
-  "cancel": "取消",
-  "confirm": "确认",
-  "reset": "重置",
-  "noData": "暂无数据",
-  "refresh": "刷新",
-  "loadingMenu": "加载菜单中",
-  "query": "查询",
-  "search": "搜索",
-  "enabled": "已启用",
-  "disabled": "已禁用",
-  "edit": "修改",
-  "delete": "删除",
-  "create": "新增",
-  "yes": "是",
-  "no": "否"
-}
diff --git a/packages/ui/certd-client/src/vben/locales/langs/zh-CN/preferences.json b/packages/ui/certd-client/src/vben/locales/langs/zh-CN/preferences.json
deleted file mode 100644
index fde3368a..00000000
--- a/packages/ui/certd-client/src/vben/locales/langs/zh-CN/preferences.json
+++ /dev/null
@@ -1,186 +0,0 @@
-{
-  "title": "偏好设置",
-  "subtitle": "自定义偏好设置 & 实时预览",
-  "resetTitle": "重置偏好设置",
-  "resetTip": "数据有变化，点击可进行重置",
-  "resetSuccess": "重置偏好设置成功",
-  "appearance": "外观",
-  "layout": "布局",
-  "content": "内容",
-  "other": "其它",
-  "wide": "流式",
-  "compact": "定宽",
-  "followSystem": "跟随系统",
-  "vertical": "垂直",
-  "verticalTip": "侧边垂直菜单模式",
-  "horizontal": "水平",
-  "horizontalTip": "水平菜单模式，菜单全部显示在顶部",
-  "twoColumn": "双列菜单",
-  "twoColumnTip": "垂直双列菜单模式",
-  "headerSidebarNav": "侧边导航",
-  "headerSidebarNavTip": "顶部通栏，侧边导航模式",
-  "headerTwoColumn": "混合双列",
-  "headerTwoColumnTip": "双列、水平菜单共存模式",
-  "mixedMenu": "混合垂直",
-  "mixedMenuTip": "垂直水平菜单共存",
-  "fullContent": "内容全屏",
-  "fullContentTip": "不显示任何菜单，只显示内容主体",
-  "normal": "常规",
-  "plain": "朴素",
-  "rounded": "圆润",
-  "copyPreferences": "复制偏好设置",
-  "copyPreferencesSuccessTitle": "复制成功",
-  "copyPreferencesSuccess": "复制成功，请在 app 下的 `src/preferences.ts`内进行覆盖",
-  "clearAndLogout": "清空缓存 & 退出登录",
-  "mode": "模式",
-  "general": "通用",
-  "language": "语言",
-  "dynamicTitle": "动态标题",
-  "watermark": "水印",
-  "checkUpdates": "定时检查更新",
-  "position": {
-    "title": "偏好设置位置",
-    "header": "顶栏",
-    "auto": "自动",
-    "fixed": "固定"
-  },
-  "sidebar": {
-    "title": "侧边栏",
-    "width": "宽度",
-    "visible": "显示侧边栏",
-    "collapsed": "折叠菜单",
-    "collapsedShowTitle": "折叠显示菜单名",
-    "autoActivateChild": "自动激活子菜单",
-    "autoActivateChildTip": "点击顶层菜单时,自动激活第一个子菜单或者上一次激活的子菜单",
-    "expandOnHover": "鼠标悬停展开",
-    "expandOnHoverTip": "鼠标在折叠区域悬浮时，`启用`则展开当前子菜单，`禁用`则展开整个侧边栏"
-  },
-  "tabbar": {
-    "title": "标签栏",
-    "enable": "启用标签栏",
-    "icon": "显示标签栏图标",
-    "showMore": "显示更多按钮",
-    "showMaximize": "显示最大化按钮",
-    "persist": "持久化标签页",
-    "maxCount": "最大标签数",
-    "maxCountTip": "每次打开新的标签时如果超过最大标签数，\n会自动关闭一个最先打开的标签\n设置为 0 则不限制",
-    "draggable": "启动拖拽排序",
-    "wheelable": "启用纵向滚轮响应",
-    "middleClickClose": "点击鼠标中键关闭标签页",
-    "wheelableTip": "开启后，标签栏区域可以响应滚轮的纵向滚动事件。\n关闭时，只能响应系统的横向滚动事件（需要按下Shift再滚动滚轮）",
-    "styleType": {
-      "title": "标签页风格",
-      "chrome": "谷歌",
-      "card": "卡片",
-      "plain": "朴素",
-      "brisk": "轻快"
-    },
-    "contextMenu": {
-      "reload": "重新加载",
-      "close": "关闭",
-      "pin": "固定",
-      "unpin": "取消固定",
-      "closeLeft": "关闭左侧标签页",
-      "closeRight": "关闭右侧标签页",
-      "closeOther": "关闭其它标签页",
-      "closeAll": "关闭全部标签页",
-      "openInNewWindow": "在新窗口打开",
-      "maximize": "最大化",
-      "restoreMaximize": "还原"
-    }
-  },
-  "navigationMenu": {
-    "title": "导航菜单",
-    "style": "导航菜单风格",
-    "accordion": "侧边导航菜单手风琴模式",
-    "split": "导航菜单分离",
-    "splitTip": "开启时，侧边栏显示顶栏对应菜单的子菜单"
-  },
-  "breadcrumb": {
-    "title": "面包屑导航",
-    "enable": "开启面包屑导航",
-    "icon": "显示面包屑图标",
-    "home": "显示首页按钮",
-    "style": "面包屑风格",
-    "hideOnlyOne": "仅有一个时隐藏",
-    "background": "背景"
-  },
-  "animation": {
-    "title": "动画",
-    "loading": "页面切换 Loading",
-    "transition": "页面切换动画",
-    "progress": "页面切换进度条"
-  },
-  "theme": {
-    "title": "主题",
-    "radius": "圆角",
-    "light": "浅色",
-    "dark": "深色",
-    "darkSidebar": "深色侧边栏",
-    "darkHeader": "深色顶栏",
-    "weakMode": "色弱模式",
-    "grayMode": "灰色模式",
-    "builtin": {
-      "title": "内置主题",
-      "default": "默认",
-      "violet": "紫罗兰",
-      "pink": "樱花粉",
-      "rose": "玫瑰红",
-      "skyBlue": "天蓝色",
-      "deepBlue": "深蓝色",
-      "green": "浅绿色",
-      "deepGreen": "深绿色",
-      "orange": "橙黄色",
-      "yellow": "柠檬黄",
-      "zinc": "锌色灰",
-      "neutral": "中性色",
-      "slate": "石板灰",
-      "gray": "中灰色",
-      "custom": "自定义"
-    }
-  },
-  "header": {
-    "title": "顶栏",
-    "modeStatic": "静止",
-    "modeFixed": "固定",
-    "modeAuto": "自动隐藏和显示",
-    "modeAutoScroll": "滚动隐藏和显示",
-    "visible": "显示顶栏",
-    "menuAlign": "菜单位置",
-    "menuAlignStart": "左侧",
-    "menuAlignEnd": "右侧",
-    "menuAlignCenter": "居中"
-  },
-  "footer": {
-    "title": "底栏",
-    "visible": "显示底栏",
-    "fixed": "固定在底部"
-  },
-  "copyright": {
-    "title": "版权",
-    "enable": "启用版权",
-    "companyName": "公司名",
-    "companySiteLink": "公司主页",
-    "date": "日期",
-    "icp": "ICP 备案号",
-    "icpLink": "ICP 网站链接"
-  },
-  "shortcutKeys": {
-    "title": "快捷键",
-    "global": "全局",
-    "search": "全局搜索",
-    "logout": "退出登录",
-    "preferences": "偏好设置"
-  },
-  "widget": {
-    "title": "小部件",
-    "globalSearch": "启用全局搜索",
-    "fullscreen": "启用全屏",
-    "themeToggle": "启用主题切换",
-    "languageToggle": "启用语言切换",
-    "notification": "启用通知",
-    "sidebarToggle": "启用侧边栏切换",
-    "lockScreen": "启用锁屏",
-    "refresh": "启用刷新"
-  }
-}
diff --git a/packages/ui/certd-client/src/vben/locales/langs/zh-CN/ui.json b/packages/ui/certd-client/src/vben/locales/langs/zh-CN/ui.json
deleted file mode 100644
index c0679581..00000000
--- a/packages/ui/certd-client/src/vben/locales/langs/zh-CN/ui.json
+++ /dev/null
@@ -1,104 +0,0 @@
-{
-  "formRules": {
-    "required": "请输入{0}",
-    "selectRequired": "请选择{0}",
-    "minLength": "{0}至少{1}个字符",
-    "maxLength": "{0}最多{1}个字符",
-    "length": "{0}长度必须为{1}个字符",
-    "alreadyExists": "{0} `{1}` 已存在",
-    "startWith": "{0}必须以 {1} 开头",
-    "invalidURL": "请输入有效的链接"
-  },
-  "actionTitle": {
-    "edit": "修改{0}",
-    "create": "新增{0}",
-    "delete": "删除{0}",
-    "view": "查看{0}"
-  },
-  "actionMessage": {
-    "deleteConfirm": "确定删除 {0} 吗？",
-    "deleting": "正在删除 {0} ...",
-    "deleteSuccess": "{0} 删除成功",
-    "operationSuccess": "操作成功",
-    "operationFailed": "操作失败"
-  },
-  "placeholder": {
-    "input": "请输入",
-    "select": "请选择"
-  },
-  "captcha": {
-    "title": "请完成安全验证",
-    "sliderSuccessText": "验证通过",
-    "sliderDefaultText": "请按住滑块拖动",
-    "sliderRotateDefaultTip": "点击图片可刷新",
-    "sliderRotateFailTip": "验证失败",
-    "sliderRotateSuccessTip": "验证成功，耗时{0}秒",
-    "alt": "支持img标签src属性值",
-    "refreshAriaLabel": "刷新验证码",
-    "confirmAriaLabel": "确认选择",
-    "confirm": "确认",
-    "pointAriaLabel": "点击点",
-    "clickInOrder": "请依次点击"
-  },
-  "iconPicker": {
-    "placeholder": "选择一个图标",
-    "search": "搜索图标..."
-  },
-  "jsonViewer": {
-    "copy": "复制",
-    "copied": "已复制"
-  },
-  "fallback": {
-    "pageNotFound": "哎呀！未找到页面",
-    "pageNotFoundDesc": "抱歉，我们无法找到您要找的页面。",
-    "forbidden": "哎呀！访问被拒绝",
-    "forbiddenDesc": "抱歉，您没有权限访问此页面。",
-    "internalError": "哎呀！出错了",
-    "internalErrorDesc": "抱歉，服务器遇到错误。",
-    "offline": "离线页面",
-    "offlineError": "哎呀！网络错误",
-    "offlineErrorDesc": "抱歉，无法连接到互联网，请检查您的网络连接并重试。",
-    "comingSoon": "即将推出",
-    "http": {
-      "requestTimeout": "请求超时，请稍后再试。",
-      "networkError": "网络异常，请检查您的网络连接后重试。",
-      "badRequest": "请求错误。请检查您的输入并重试。",
-      "unauthorized": "登录认证过期，请重新登录后继续。",
-      "forbidden": "禁止访问, 您没有权限访问此资源。",
-      "notFound": "未找到, 请求的资源不存在。",
-      "internalServerError": "内部服务器错误，请稍后再试。"
-    }
-  },
-  "widgets": {
-    "document": "文档",
-    "qa": "问题 & 帮助",
-    "setting": "设置",
-    "logoutTip": "是否退出登录？",
-    "viewAll": "查看所有消息",
-    "notifications": "通知",
-    "markAllAsRead": "全部标记为已读",
-    "clearNotifications": "清空",
-    "checkUpdatesTitle": "新版本可用",
-    "checkUpdatesDescription": "点击刷新以获取最新版本",
-    "search": {
-      "title": "搜索",
-      "searchNavigate": "搜索导航菜单",
-      "select": "选择",
-      "navigate": "导航",
-      "close": "关闭",
-      "noResults": "未找到搜索结果",
-      "noRecent": "没有搜索历史",
-      "recent": "搜索历史"
-    },
-    "lockScreen": {
-      "title": "锁定屏幕",
-      "screenButton": "锁定",
-      "password": "密码",
-      "placeholder": "请输入锁屏密码",
-      "unlock": "点击解锁",
-      "errorPasswordTip": "密码错误，请重新输入",
-      "backToLogin": "返回登录",
-      "entry": "进入系统"
-    }
-  }
-}
diff --git a/packages/ui/certd-client/src/vben/preferences/config.ts b/packages/ui/certd-client/src/vben/preferences/config.ts
index 25404657..4df6ae30 100644
--- a/packages/ui/certd-client/src/vben/preferences/config.ts
+++ b/packages/ui/certd-client/src/vben/preferences/config.ts
@@ -108,7 +108,7 @@ const defaultPreferences: Preferences = {
   widget: {
     fullscreen: true,
     globalSearch: true,
-    languageToggle: false,
+    languageToggle: true,
     lockScreen: true,
     notification: false,
     refresh: true,
diff --git a/packages/ui/certd-client/src/vben/preferences/index.ts b/packages/ui/certd-client/src/vben/preferences/index.ts
index 33444e13..ea5abfb4 100644
--- a/packages/ui/certd-client/src/vben/preferences/index.ts
+++ b/packages/ui/certd-client/src/vben/preferences/index.ts
@@ -1,35 +1,23 @@
-import type { Preferences } from './types';
+import type { Preferences } from "./types";
 
-import { preferencesManager } from './preferences';
+import { preferencesManager } from "./preferences";
 
 // 偏好设置（带有层级关系）
-const preferences: Preferences =
-  preferencesManager.getPreferences.apply(preferencesManager);
+const preferences: Preferences = preferencesManager.getPreferences.apply(preferencesManager);
 
 // 更新偏好设置
-const updatePreferences =
-  preferencesManager.updatePreferences.bind(preferencesManager);
+const updatePreferences = preferencesManager.updatePreferences.bind(preferencesManager);
 
 // 重置偏好设置
-const resetPreferences =
-  preferencesManager.resetPreferences.bind(preferencesManager);
+const resetPreferences = preferencesManager.resetPreferences.bind(preferencesManager);
 
-const clearPreferencesCache =
-  preferencesManager.clearCache.bind(preferencesManager);
+const clearPreferencesCache = preferencesManager.clearCache.bind(preferencesManager);
 
 // 初始化偏好设置
-const initPreferences =
-  preferencesManager.initPreferences.bind(preferencesManager);
+const initPreferences = preferencesManager.initPreferences.bind(preferencesManager);
 
-export {
-  clearPreferencesCache,
-  initPreferences,
-  preferences,
-  preferencesManager,
-  resetPreferences,
-  updatePreferences,
-};
+export { clearPreferencesCache, initPreferences, preferences, preferencesManager, resetPreferences, updatePreferences };
 
-export * from './constants';
-export type * from './types';
-export * from './use-preferences';
+export * from "./constants";
+export type * from "./types";
+export * from "./use-preferences";
diff --git a/packages/ui/certd-client/src/vben/preferences/preferences.ts b/packages/ui/certd-client/src/vben/preferences/preferences.ts
index 1cf00870..dc944bae 100644
--- a/packages/ui/certd-client/src/vben/preferences/preferences.ts
+++ b/packages/ui/certd-client/src/vben/preferences/preferences.ts
@@ -1,22 +1,18 @@
-import type { DeepPartial } from '/@/vben/typings';
+import type { DeepPartial } from "/@/vben/typings";
 
-import type { InitialOptions, Preferences } from './types';
+import type { InitialOptions, Preferences } from "./types";
 
-import { markRaw, reactive, readonly, watch } from 'vue';
+import { markRaw, reactive, readonly, watch } from "vue";
 
-import { StorageManager } from '/@/vben/shared/cache';
-import { isMacOs, merge } from '/@/vben/shared/utils';
+import { StorageManager } from "/@/vben/shared/cache";
+import { isMacOs, merge } from "/@/vben/shared/utils";
 
-import {
-  breakpointsTailwind,
-  useBreakpoints,
-  useDebounceFn,
-} from '@vueuse/core';
+import { breakpointsTailwind, useBreakpoints, useDebounceFn } from "@vueuse/core";
 
-import { defaultPreferences } from './config';
-import { updateCSSVariables } from './update-css-variables';
+import { defaultPreferences } from "./config";
+import { updateCSSVariables } from "./update-css-variables";
 
-const STORAGE_KEY = 'preferences';
+const STORAGE_KEY = "preferences";
 const STORAGE_KEY_LOCALE = `${STORAGE_KEY}-locale`;
 const STORAGE_KEY_THEME = `${STORAGE_KEY}-theme`;
 
@@ -33,14 +29,11 @@ class PreferenceManager {
     this.cache = new StorageManager();
 
     // 避免频繁的操作缓存
-    this.savePreferences = useDebounceFn(
-      (preference: Preferences) => this._savePreferences(preference),
-      150,
-    );
+    this.savePreferences = useDebounceFn((preference: Preferences) => this._savePreferences(preference), 150);
   }
 
   clearCache() {
-    [STORAGE_KEY, STORAGE_KEY_LOCALE, STORAGE_KEY_THEME].forEach((key) => {
+    [STORAGE_KEY, STORAGE_KEY_LOCALE, STORAGE_KEY_THEME].forEach(key => {
       this.cache?.removeItem(key);
     });
   }
@@ -73,7 +66,7 @@ class PreferenceManager {
       {},
       // overrides,
       this.loadCachedPreferences() || {},
-      this.initialPreferences,
+      this.initialPreferences
     );
 
     // 更新偏好设置
@@ -103,7 +96,7 @@ class PreferenceManager {
     // 保存重置后的偏好设置
     this.savePreferences(this.state);
     // 从存储中移除偏好设置项
-    [STORAGE_KEY, STORAGE_KEY_THEME, STORAGE_KEY_LOCALE].forEach((key) => {
+    [STORAGE_KEY, STORAGE_KEY_THEME, STORAGE_KEY_LOCALE].forEach(key => {
       this.cache?.removeItem(key);
     });
     this.updatePreferences(this.state);
@@ -145,17 +138,14 @@ class PreferenceManager {
       updateCSSVariables(this.state);
     }
 
-    if (
-      Reflect.has(appUpdates, 'colorGrayMode') ||
-      Reflect.has(appUpdates, 'colorWeakMode')
-    ) {
+    if (Reflect.has(appUpdates, "colorGrayMode") || Reflect.has(appUpdates, "colorWeakMode")) {
       this.updateColorMode(this.state);
     }
   }
 
   private initPlatform() {
     const dom = document.documentElement;
-    dom.dataset.platform = isMacOs() ? 'macOs' : 'window';
+    dom.dataset.platform = isMacOs() ? "macOs" : "window";
   }
 
   /**
@@ -183,25 +173,23 @@ class PreferenceManager {
 
     // 监听断点，判断是否移动端
     const breakpoints = useBreakpoints(breakpointsTailwind);
-    const isMobile = breakpoints.smaller('md');
+    const isMobile = breakpoints.smaller("md");
     watch(
       () => isMobile.value,
-      (val) => {
+      val => {
         this.updatePreferences({
           app: { isMobile: val },
         });
       },
-      { immediate: true },
+      { immediate: true }
     );
 
     // 监听系统主题偏好设置变化
-    window
-      .matchMedia('(prefers-color-scheme: dark)')
-      .addEventListener('change', ({ matches: isDark }) => {
-        this.updatePreferences({
-          theme: { mode: isDark ? 'dark' : 'light' },
-        });
+    window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", ({ matches: isDark }) => {
+      this.updatePreferences({
+        theme: { mode: isDark ? "dark" : "light" },
       });
+    });
   }
 
   /**
@@ -212,14 +200,10 @@ class PreferenceManager {
     if (preference.app) {
       const { colorGrayMode, colorWeakMode } = preference.app;
       const dom = document.documentElement;
-      const COLOR_WEAK = 'invert-mode';
-      const COLOR_GRAY = 'grayscale-mode';
-      colorWeakMode
-        ? dom.classList.add(COLOR_WEAK)
-        : dom.classList.remove(COLOR_WEAK);
-      colorGrayMode
-        ? dom.classList.add(COLOR_GRAY)
-        : dom.classList.remove(COLOR_GRAY);
+      const COLOR_WEAK = "invert-mode";
+      const COLOR_GRAY = "grayscale-mode";
+      colorWeakMode ? dom.classList.add(COLOR_WEAK) : dom.classList.remove(COLOR_WEAK);
+      colorGrayMode ? dom.classList.add(COLOR_GRAY) : dom.classList.remove(COLOR_GRAY);
     }
   }
 }
diff --git a/packages/ui/certd-client/src/vben/preferences/update-css-variables.ts b/packages/ui/certd-client/src/vben/preferences/update-css-variables.ts
index 2b00bce1..3b9312b0 100644
--- a/packages/ui/certd-client/src/vben/preferences/update-css-variables.ts
+++ b/packages/ui/certd-client/src/vben/preferences/update-css-variables.ts
@@ -1,9 +1,9 @@
-import type { Preferences } from './types';
+import type { Preferences } from "./types";
 
-import { generatorColorVariables } from '/@/vben/shared/color';
-import { updateCSSVariables as executeUpdateCSSVariables } from '/@/vben/shared/utils';
+import { generatorColorVariables } from "/@/vben/shared/color";
+import { updateCSSVariables as executeUpdateCSSVariables } from "/@/vben/shared/utils";
 
-import { BUILT_IN_THEME_PRESETS } from './constants';
+import { BUILT_IN_THEME_PRESETS } from "./constants";
 
 /**
  * 更新主题的 CSS 变量以及其他 CSS 变量
@@ -21,13 +21,13 @@ function updateCSSVariables(preferences: Preferences) {
   const { builtinType, mode, radius } = theme;
 
   // html 设置 dark 类
-  if (Reflect.has(theme, 'mode')) {
+  if (Reflect.has(theme, "mode")) {
     const dark = isDarkTheme(mode);
-    root.classList.toggle('dark', dark);
+    root.classList.toggle("dark", dark);
   }
 
   // html 设置 data-theme=[builtinType]
-  if (Reflect.has(theme, 'builtinType')) {
+  if (Reflect.has(theme, "builtinType")) {
     const rootTheme = root.dataset.theme;
     if (rootTheme !== builtinType) {
       root.dataset.theme = builtinType;
@@ -35,36 +35,26 @@ function updateCSSVariables(preferences: Preferences) {
   }
 
   // 获取当前的内置主题
-  const currentBuiltType = [...BUILT_IN_THEME_PRESETS].find(
-    (item) => item.type === builtinType,
-  );
+  const currentBuiltType = [...BUILT_IN_THEME_PRESETS].find(item => item.type === builtinType);
 
-  let builtinTypeColorPrimary: string | undefined = '';
+  let builtinTypeColorPrimary: string | undefined = "";
 
   if (currentBuiltType) {
     const isDark = isDarkTheme(preferences.theme.mode);
     // 设置不同主题的主要颜色
-    const color = isDark
-      ? currentBuiltType.darkPrimaryColor || currentBuiltType.primaryColor
-      : currentBuiltType.primaryColor;
+    const color = isDark ? currentBuiltType.darkPrimaryColor || currentBuiltType.primaryColor : currentBuiltType.primaryColor;
     builtinTypeColorPrimary = color || currentBuiltType.color;
   }
 
   // 如果内置主题颜色和自定义颜色都不存在，则不更新主题颜色
-  if (
-    builtinTypeColorPrimary ||
-    Reflect.has(theme, 'colorPrimary') ||
-    Reflect.has(theme, 'colorDestructive') ||
-    Reflect.has(theme, 'colorSuccess') ||
-    Reflect.has(theme, 'colorWarning')
-  ) {
+  if (builtinTypeColorPrimary || Reflect.has(theme, "colorPrimary") || Reflect.has(theme, "colorDestructive") || Reflect.has(theme, "colorSuccess") || Reflect.has(theme, "colorWarning")) {
     // preferences.theme.colorPrimary = builtinTypeColorPrimary || colorPrimary;
     updateMainColorVariables(preferences);
   }
 
   // 更新圆角
-  if (Reflect.has(theme, 'radius')) {
-    document.documentElement.style.setProperty('--radius', `${radius}rem`);
+  if (Reflect.has(theme, "radius")) {
+    document.documentElement.style.setProperty("--radius", `${radius}rem`);
   }
 }
 
@@ -76,22 +66,21 @@ function updateMainColorVariables(preference: Preferences) {
   if (!preference.theme) {
     return;
   }
-  const { colorDestructive, colorPrimary, colorSuccess, colorWarning } =
-    preference.theme;
+  const { colorDestructive, colorPrimary, colorSuccess, colorWarning } = preference.theme;
 
   const colorVariables = generatorColorVariables([
-    { color: colorPrimary, name: 'primary' },
-    { alias: 'warning', color: colorWarning, name: 'yellow' },
-    { alias: 'success', color: colorSuccess, name: 'green' },
-    { alias: 'destructive', color: colorDestructive, name: 'red' },
+    { color: colorPrimary, name: "primary" },
+    { alias: "warning", color: colorWarning, name: "yellow" },
+    { alias: "success", color: colorSuccess, name: "green" },
+    { alias: "destructive", color: colorDestructive, name: "red" },
   ]);
 
   // 要设置的 CSS 变量映射
   const colorMappings = {
-    '--green-500': '--success',
-    '--primary-500': '--primary',
-    '--red-500': '--destructive',
-    '--yellow-500': '--warning',
+    "--green-500": "--success",
+    "--primary-500": "--primary",
+    "--red-500": "--destructive",
+    "--yellow-500": "--warning",
   };
 
   // 统一处理颜色变量的更新
@@ -106,9 +95,9 @@ function updateMainColorVariables(preference: Preferences) {
 }
 
 function isDarkTheme(theme: string) {
-  let dark = theme === 'dark';
-  if (theme === 'auto') {
-    dark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+  let dark = theme === "dark";
+  if (theme === "auto") {
+    dark = window.matchMedia("(prefers-color-scheme: dark)").matches;
   }
   return dark;
 }
diff --git a/packages/ui/certd-client/src/vben/preferences/use-preferences.ts b/packages/ui/certd-client/src/vben/preferences/use-preferences.ts
index f6b14224..b64ac2d8 100644
--- a/packages/ui/certd-client/src/vben/preferences/use-preferences.ts
+++ b/packages/ui/certd-client/src/vben/preferences/use-preferences.ts
@@ -166,7 +166,7 @@ function usePreferences() {
     if (!enablePreferences) {
       return {
         fixed: false,
-        header: false
+        header: false,
       };
     }
 
@@ -182,7 +182,7 @@ function usePreferences() {
     if (preferencesButtonPosition !== "auto") {
       return {
         fixed: preferencesButtonPosition === "fixed",
-        header: isHeaderPosition
+        header: isHeaderPosition,
       };
     }
 
@@ -191,7 +191,7 @@ function usePreferences() {
 
     return {
       fixed,
-      header: !fixed
+      header: !fixed,
     };
   });
 
@@ -219,7 +219,7 @@ function usePreferences() {
     locale,
     preferencesButtonPosition,
     sidebarCollapsed,
-    theme
+    theme,
   };
 }
 
diff --git a/packages/ui/certd-client/src/views/certd/access/access-selector/access/crud.tsx b/packages/ui/certd-client/src/views/certd/access/access-selector/access/crud.tsx
index 23bbb1f8..9093eeb5 100644
--- a/packages/ui/certd-client/src/views/certd/access/access-selector/access/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/access/access-selector/access/crud.tsx
@@ -2,8 +2,10 @@
 import { ref } from "vue";
 import { getCommonColumnDefine } from "/@/views/certd/access/common";
 import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
+import { useI18n } from "vue-i18n";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+  const { t } = useI18n();
   const { crudBinding } = crudExpose;
   const { props, ctx, api } = context;
   const lastResRef = ref();
@@ -95,26 +97,26 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
           },
         },
         name: {
-          title: "名称",
+          title: t("certd.name"),
           search: {
             show: true,
           },
           type: ["text"],
           form: {
-            rules: [{ required: true, message: "请填写名称" }],
-            helper: "随便填，当多个相同类型的授权时，便于区分",
+            rules: [{ required: true, message: t("certd.pleaseEnterName") }],
+            helper: t("certd.nameHelper"),
           },
           column: {
             width: 200,
           },
         },
         from: {
-          title: "级别",
+          title: t("certd.level"),
           type: "dict-select",
           dict: dict({
             data: [
-              { label: "系统", value: "sys" },
-              { label: "用户", value: "user" },
+              { label: t("certd.system"), value: "sys" },
+              { label: t("certd.usera"), value: "user" },
             ],
           }),
           search: {
diff --git a/packages/ui/certd-client/src/views/certd/access/access-selector/access/index.vue b/packages/ui/certd-client/src/views/certd/access/access-selector/access/index.vue
index 9472faaa..f42be221 100644
--- a/packages/ui/certd-client/src/views/certd/access/access-selector/access/index.vue
+++ b/packages/ui/certd-client/src/views/certd/access/access-selector/access/index.vue
@@ -15,13 +15,13 @@ export default defineComponent({
   props: {
     type: {
       type: String,
-      default: "aliyun"
+      default: "aliyun",
     },
     from: {
       type: String, //user | sys
-      default: "user"
+      default: "user",
     },
-    modelValue: {}
+    modelValue: {},
   },
   emits: ["update:modelValue"],
   setup(props, ctx) {
@@ -39,7 +39,7 @@ export default defineComponent({
       () => {
         return props.type;
       },
-      (value) => {
+      value => {
         console.log("access type changed:", value);
         onTypeChanged(value);
       }
@@ -51,9 +51,9 @@ export default defineComponent({
 
     return {
       crudBinding,
-      crudRef
+      crudRef,
     };
-  }
+  },
 });
 </script>
 <style lang="less">
diff --git a/packages/ui/certd-client/src/views/certd/access/access-selector/access/secret-plain-getter.vue b/packages/ui/certd-client/src/views/certd/access/access-selector/access/secret-plain-getter.vue
index ab2facd8..fcb0ff9f 100644
--- a/packages/ui/certd-client/src/views/certd/access/access-selector/access/secret-plain-getter.vue
+++ b/packages/ui/certd-client/src/views/certd/access/access-selector/access/secret-plain-getter.vue
@@ -6,7 +6,7 @@
 <script lang="ts" setup>
 import { computed, inject, ref } from "vue";
 defineOptions({
-  name: "SecretPlainGetter"
+  name: "SecretPlainGetter",
 });
 
 const props = defineProps<{
diff --git a/packages/ui/certd-client/src/views/certd/access/access-selector/index.vue b/packages/ui/certd-client/src/views/certd/access/access-selector/index.vue
index 092ba361..f4bdf999 100644
--- a/packages/ui/certd-client/src/views/certd/access/access-selector/index.vue
+++ b/packages/ui/certd-client/src/views/certd/access/access-selector/index.vue
@@ -28,28 +28,28 @@ export default defineComponent({
   props: {
     modelValue: {
       type: [Number, String],
-      default: null
+      default: null,
     },
     type: {
       type: String,
-      default: "aliyun"
+      default: "aliyun",
     },
     placeholder: {
       type: String,
-      default: "请选择"
+      default: "请选择",
     },
     size: {
       type: String,
-      default: "middle"
+      default: "middle",
     },
     from: {
       type: String, //user | sys
-      default: "user"
+      default: "user",
     },
     disabled: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   emits: ["update:modelValue", "change", "selectedChange"],
   setup(props, ctx) {
@@ -92,7 +92,7 @@ export default defineComponent({
       () => {
         return props.modelValue;
       },
-      async (value) => {
+      async value => {
         selectedId.value = null;
         target.value = null;
         if (value == null) {
@@ -101,7 +101,7 @@ export default defineComponent({
         await refreshTarget(value);
       },
       {
-        immediate: true
+        immediate: true,
       }
     );
 
@@ -114,11 +114,11 @@ export default defineComponent({
       () => {
         return props.type;
       },
-      async (value) => {
+      async value => {
         await refreshProviderDefine(value);
       },
       {
-        immediate: true
+        immediate: true,
       }
     );
 
@@ -134,7 +134,7 @@ export default defineComponent({
         console.log("choose ok:", selectedId.value);
         emitValue(selectedId.value);
         chooseForm.show = false;
-      }
+      },
     });
 
     return {
@@ -142,9 +142,9 @@ export default defineComponent({
       target,
       selectedId,
       providerDefine,
-      chooseForm
+      chooseForm,
     };
-  }
+  },
 });
 </script>
 <style lang="less">
diff --git a/packages/ui/certd-client/src/views/certd/access/common.tsx b/packages/ui/certd-client/src/views/certd/access/common.tsx
index 60590eba..55ce6fe8 100644
--- a/packages/ui/certd-client/src/views/certd/access/common.tsx
+++ b/packages/ui/certd-client/src/views/certd/access/common.tsx
@@ -95,9 +95,12 @@ export function getCommonColumnDefine(crudExpose: any, typeRef: any, api: any) {
           },
           renderLabel(item: any) {
             return (
-              <span class={"flex-o"}>
-                <fs-icon icon={item.icon} class={"mr-5 fs-16 color-blue"} />
-                {item.label}
+              <span class={"flex flex-between items-center"}>
+                <span class={"flex items-center"}>
+                  <fs-icon icon={item.icon} class={"mr-5 fs-16 color-blue"} />
+                  {item.label}
+                </span>
+                <span>{item.value}</span>
               </span>
             );
           },
diff --git a/packages/ui/certd-client/src/views/certd/access/index.vue b/packages/ui/certd-client/src/views/certd/access/index.vue
index 79d6164f..9bf9a750 100644
--- a/packages/ui/certd-client/src/views/certd/access/index.vue
+++ b/packages/ui/certd-client/src/views/certd/access/index.vue
@@ -1,13 +1,13 @@
 <template>
-  <fs-page>
-    <template #header>
-      <div class="title">
-        授权管理
-        <span class="sub">管理第三方系统授权信息</span>
-      </div>
-    </template>
-    <fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
-  </fs-page>
+	<fs-page>
+		<template #header>
+			<div class="title">
+				{{ t("certd.authorizationManagement") }}
+				<span class="sub">{{ t("certd.manageThirdPartyAuth") }}</span>
+			</div>
+		</template>
+		<fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
+	</fs-page>
 </template>
 
 <script lang="ts">
@@ -15,25 +15,29 @@ import { defineComponent, onActivated, onMounted } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
 import { createAccessApi } from "/@/views/certd/access/api";
+import { useI18n } from "vue-i18n";
+
 
 export default defineComponent({
-  name: "AccessManager",
-  setup() {
-    const api = createAccessApi("user");
-    const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: { api } });
+	name: "AccessManager",
+	setup() {
+		const { t } = useI18n();
+		const api = createAccessApi("user");
+		const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: { api } });
 
-    // 页面打开后获取列表数据
-    onMounted(() => {
-      crudExpose.doRefresh();
-    });
-    onActivated(() => {
-      crudExpose.doRefresh();
-    });
+		// 页面打开后获取列表数据
+		onMounted(() => {
+			crudExpose.doRefresh();
+		});
+		onActivated(() => {
+			crudExpose.doRefresh();
+		});
 
-    return {
-      crudBinding,
-      crudRef,
-    };
-  },
+		return {
+			crudBinding,
+			crudRef,
+			t
+		};
+	},
 });
 </script>
diff --git a/packages/ui/certd-client/src/views/certd/cname/record/crud.tsx b/packages/ui/certd-client/src/views/certd/cname/record/crud.tsx
index c25d0faa..50385055 100644
--- a/packages/ui/certd-client/src/views/certd/cname/record/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/cname/record/crud.tsx
@@ -8,271 +8,272 @@ import { useSettingStore } from "/@/store/settings";
 import { message } from "ant-design-vue";
 import CnameTip from "/@/components/plugins/cert/domains-verify-plan-editor/cname-tip.vue";
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const router = useRouter();
-  const { t } = useI18n();
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    return await api.DelObj(row.id);
-  };
+	const router = useRouter();
+	const { t } = useI18n();
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async ({ form }: AddReq) => {
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  const userStore = useUserStore();
-  const settingStore = useSettingStore();
-  const selectedRowKeys: Ref<any[]> = ref([]);
-  context.selectedRowKeys = selectedRowKeys;
-  const dictRef = dict({
-    data: [
-      { label: "待设置CNAME", value: "cname", color: "warning" },
-      { label: "验证中", value: "validating", color: "blue" },
-      { label: "验证成功", value: "valid", color: "green" },
-      { label: "验证失败", value: "failed", color: "red" },
-      { label: "验证超时", value: "timeout", color: "red" },
-    ],
-  });
-  return {
-    crudOptions: {
-      settings: {
-        plugins: {
-          //这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
-          rowSelection: {
-            enabled: true,
-            order: -2,
-            before: true,
-            // handle: (pluginProps,useCrudProps)=>CrudOptions,
-            props: {
-              multiple: true,
-              crossPage: true,
-              selectedRowKeys,
-            },
-          },
-        },
-      },
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      tabs: {
-        name: "status",
-        show: true,
-      },
-      rowHandle: {
-        minWidth: 200,
-        fixed: "right",
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          column: {
-            width: 80,
-          },
-          form: {
-            show: false,
-          },
-        },
-        domain: {
-          title: "被代理域名",
-          type: "text",
-          search: {
-            show: true,
-          },
-          editForm: {
-            component: {
-              disabled: true,
-            },
-          },
-        },
-        hostRecord: {
-          title: "主机记录",
-          type: "text",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 250,
-            cellRender: ({ value }) => {
-              return <fs-copyable v-model={value} />;
-            },
-          },
-        },
-        recordValue: {
-          title: "请设置CNAME",
-          type: "copyable",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 500,
-          },
-        },
-        cnameProviderId: {
-          title: "CNAME服务",
-          type: "dict-select",
-          dict: dict({
-            url: "/cname/provider/list",
-            value: "id",
-            label: "domain",
-          }),
-          form: {
-            component: {
-              onDictChange: ({ form, dict }: any) => {
-                if (!form.cnameProviderId) {
-                  const list = dict.data.filter((item: any) => {
-                    return !item.disabled;
-                  });
-                  let item = list.find((item: any) => item.isDefault);
-                  if (!item && list.length > 0) {
-                    item = list[0];
-                  }
-                  if (item) {
-                    form.cnameProviderId = item.id;
-                  }
-                }
-              },
-              renderLabel(item: any) {
-                if (item.title) {
-                  return `${item.domain}<${item.title}>`;
-                } else {
-                  return item.domain;
-                }
-              },
-            },
-            helper: {
-              render() {
-                const closeForm = () => {
-                  crudExpose.getFormWrapperRef().close();
-                };
-                return (
-                  <div>
-                    默认提供公共CNAME服务，您还可以
-                    <router-link to={"/sys/cname/provider"} onClick={closeForm}>
-                      自定义CNAME服务
-                    </router-link>
-                  </div>
-                );
-              },
-            },
-          },
-          column: {
-            width: 120,
-            align: "center",
-            cellRender({ value }) {
-              if (value < 0) {
-                return <a-tag color={"green"}>公共CNAME</a-tag>;
-              } else {
-                return <a-tag color={"blue"}>自定义CNAME</a-tag>;
-              }
-            },
-          },
-        },
-        status: {
-          title: "状态",
-          type: "dict-select",
-          dict: dictRef,
-          addForm: {
-            show: false,
-          },
-          column: {
-            width: 120,
-            align: "center",
-            cellRender({ value, row }) {
-              return (
-                <div class={"flex flex-center"}>
-                  <fs-values-format modelValue={value} dict={dictRef}></fs-values-format>
-                  {row.error && (
-                    <a-tooltip title={row.error}>
-                      <fs-icon class={"ml-5 color-red"} icon="ion:warning-outline"></fs-icon>
-                    </a-tooltip>
-                  )}
-                </div>
-              );
-            },
-          },
-        },
-        triggerValidate: {
-          title: "验证",
-          type: "text",
-          form: {
-            show: false,
-          },
-          column: {
-            conditionalRenderDisabled: true,
-            width: 130,
-            align: "center",
-            cellRender({ row, value }) {
-              if (row.status === "valid") {
-                return "-";
-              }
+	const userStore = useUserStore();
+	const settingStore = useSettingStore();
+	const selectedRowKeys: Ref<any[]> = ref([]);
+	context.selectedRowKeys = selectedRowKeys;
+	const dictRef = dict({
+		data: [
+			{ label: t('certd.pending_cname_setup'), value: "cname", color: "warning" },
+			{ label: t('certd.validating'), value: "validating", color: "blue" },
+			{ label: t('certd.validation_successful'), value: "valid", color: "green" },
+			{ label: t('certd.validation_failed'), value: "failed", color: "red" },
+			{ label: t('certd.validation_timed_out'), value: "timeout", color: "red" },
+		],
+	});
+	return {
+		crudOptions: {
+			settings: {
+				plugins: {
+					//这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
+					rowSelection: {
+						enabled: true,
+						order: -2,
+						before: true,
+						// handle: (pluginProps,useCrudProps)=>CrudOptions,
+						props: {
+							multiple: true,
+							crossPage: true,
+							selectedRowKeys,
+						},
+					},
+				},
+			},
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			tabs: {
+				name: "status",
+				show: true,
+			},
+			rowHandle: {
+				minWidth: 200,
+				fixed: "right",
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					column: {
+						width: 80,
+					},
+					form: {
+						show: false,
+					},
+				},
+				domain: {
+					title: t('certd.proxied_domain'),
+					type: "text",
+					search: {
+						show: true,
+					},
+					editForm: {
+						component: {
+							disabled: true,
+						},
+					},
+				},
+				hostRecord: {
+					title: t('certd.host_record'),
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 250,
+						cellRender: ({ value }) => {
+							return <fs-copyable v-model={value} />;
+						},
+					},
+				},
+				recordValue: {
+					title: t('certd.please_set_cname'),
+					type: "copyable",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 500,
+					},
+				},
+				cnameProviderId: {
+					title: t('certd.cname_service'),
+					type: "dict-select",
+					dict: dict({
+						url: "/cname/provider/list",
+						value: "id",
+						label: "domain",
+					}),
+					form: {
+						component: {
+							onDictChange: ({ form, dict }: any) => {
+								if (!form.cnameProviderId) {
+									const list = dict.data.filter((item: any) => {
+										return !item.disabled;
+									});
+									let item = list.find((item: any) => item.isDefault);
+									if (!item && list.length > 0) {
+										item = list[0];
+									}
+									if (item) {
+										form.cnameProviderId = item.id;
+									}
+								}
+							},
+							renderLabel(item: any) {
+								if (item.title) {
+									return `${item.domain}<${item.title}>`;
+								} else {
+									return item.domain;
+								}
+							},
+						},
+						helper: {
+							render() {
+								const closeForm = () => {
+									crudExpose.getFormWrapperRef().close();
+								};
+								return (
+									<div>
+										{t('certd.default_public_cname')}
+										<router-link to={"/sys/cname/provider"} onClick={closeForm}>
+											{t('certd.customize_cname')}
+										</router-link>
+									</div>
+								);
+							},
+						},
+					},
+					column: {
+						width: 120,
+						align: "center",
+						cellRender({ value }) {
+							if (value < 0) {
+								return <a-tag color={"green"}>{t('certd.public_cname')}</a-tag>;
+							} else {
+								return <a-tag color={"blue"}>{t('certd.custom_cname')}</a-tag>;
+							}
+						},
+					},
+				},
+				status: {
+					title: t('certd.fields.status'),
+					type: "dict-select",
+					dict: dictRef,
+					addForm: {
+						show: false,
+					},
+					column: {
+						width: 120,
+						align: "center",
+						cellRender({ value, row }) {
+							return (
+								<div class={"flex flex-center"}>
+									<fs-values-format modelValue={value} dict={dictRef}></fs-values-format>
+									{row.error && (
+										<a-tooltip title={row.error}>
+											<fs-icon class={"ml-5 color-red"} icon="ion:warning-outline"></fs-icon>
+										</a-tooltip>
+									)}
+								</div>
+							);
+						},
+					},
+				},
+				triggerValidate: {
+					title: t('certd.validate'),
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						conditionalRenderDisabled: true,
+						width: 130,
+						align: "center",
+						cellRender({ row, value }) {
+							if (row.status === "valid") {
+								return "-";
+							}
 
-              async function doVerify() {
-                row._validating_ = true;
-                try {
-                  const res = await api.DoVerify(row.id);
-                  if (res === true) {
-                    message.success("验证成功");
-                    row.status = "valid";
-                  } else if (res === false) {
-                    message.success("验证超时");
-                    row.status = "timeout";
-                  } else {
-                    message.success("开始验证，请耐心等待");
-                  }
-                  await crudExpose.doRefresh();
-                } catch (e: any) {
-                  console.error(e);
-                  message.error(e.message);
-                } finally {
-                  row._validating_ = false;
-                }
-              }
-              return (
-                <div>
-                  <a-button onClick={doVerify} loading={row._validating_} size={"small"} type={"primary"}>
-                    点击验证
-                  </a-button>
-                  <CnameTip record={row} />
-                </div>
-              );
-            },
-          },
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 160,
-            align: "center",
-          },
-        },
-        updateTime: {
-          title: "更新时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            show: true,
-          },
-        },
-      },
-    },
-  };
+							async function doVerify() {
+								row._validating_ = true;
+								try {
+									const res = await api.DoVerify(row.id);
+									if (res === true) {
+										message.success(t('certd.validation_successful'));
+										row.status = "valid";
+									} else if (res === false) {
+										message.success(t('certd.validation_timed_out'));
+										row.status = "timeout";
+									} else {
+										message.success(t('certd.validation_started'));
+									}
+									await crudExpose.doRefresh();
+								} catch (e: any) {
+									console.error(e);
+									message.error(e.message);
+								} finally {
+									row._validating_ = false;
+								}
+							}
+
+							return (
+								<div>
+									<a-button onClick={doVerify} loading={row._validating_} size={"small"} type={"primary"}>
+										{t('certd.click_to_validate')}
+									</a-button>
+									<CnameTip record={row} />
+								</div>
+							);
+						},
+					},
+				},
+				createTime: {
+					title: t('certd.create_time'),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 160,
+						align: "center",
+					},
+				},
+				updateTime: {
+					title: t('certd.update_time'),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						show: true,
+					},
+				},
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/cname/record/index.vue b/packages/ui/certd-client/src/views/certd/cname/record/index.vue
index 8452b82a..73ad342f 100644
--- a/packages/ui/certd-client/src/views/certd/cname/record/index.vue
+++ b/packages/ui/certd-client/src/views/certd/cname/record/index.vue
@@ -1,59 +1,66 @@
 <template>
-  <fs-page class="page-cert">
-    <template #header>
-      <div class="title">
-        CNAME记录管理
-        <span class="sub">
-          <a href="https://certd.docmirror.cn/guide/feature/cname/" target="_blank">CNAME功能原理及使用说明</a>
-        </span>
-      </div>
-    </template>
-    <fs-crud ref="crudRef" v-bind="crudBinding">
-      <template #pagination-left>
-        <a-tooltip title="批量删除">
-          <fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>
-        </a-tooltip>
-      </template>
-    </fs-crud>
-  </fs-page>
+	<fs-page class="page-cert">
+		<template #header>
+			<div class="title">
+				{{ t('certd.cnameRecord') }}
+				<span class="sub">
+					<a href="https://certd.docmirror.cn/guide/feature/cname/" target="_blank">
+						{{ t('certd.cname_feature_guide') }}
+					</a>
+				</span>
+			</div>
+		</template>
+		<fs-crud ref="crudRef" v-bind="crudBinding">
+			<template #pagination-left>
+				<a-tooltip :title="t('certd.batch_delete')">
+					<fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>
+				</a-tooltip>
+			</template>
+		</fs-crud>
+	</fs-page>
 </template>
 
+
 <script lang="ts" setup>
 import { onActivated, onMounted } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
 import { message, Modal } from "ant-design-vue";
 import { DeleteBatch } from "./api";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
-  name: "CnameRecord",
+	name: "CnameRecord",
 });
 const { crudBinding, crudRef, crudExpose, context } = useFs({ createCrudOptions });
 
 const selectedRowKeys = context.selectedRowKeys;
 const handleBatchDelete = () => {
-  if (selectedRowKeys.value?.length > 0) {
-    Modal.confirm({
-      title: "确认",
-      content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
-      async onOk() {
-        await DeleteBatch(selectedRowKeys.value);
-        message.info("删除成功");
-        crudExpose.doRefresh();
-        selectedRowKeys.value = [];
-      },
-    });
-  } else {
-    message.error("请先勾选记录");
-  }
+	if (selectedRowKeys.value?.length > 0) {
+		Modal.confirm({
+			title: t('certd.confirm'),
+			content: t('certd.confirm_delete_count', { count: selectedRowKeys.value.length }),
+			async onOk() {
+				await DeleteBatch(selectedRowKeys.value);
+				message.info(t('certd.delete_successful'));
+				crudExpose.doRefresh();
+				selectedRowKeys.value = [];
+			},
+		});
+	} else {
+		message.error(t('certd.please_select_records'));
+	}
 };
 
+
 // 页面打开后获取列表数据
 onMounted(() => {
-  crudExpose.doRefresh();
+	crudExpose.doRefresh();
 });
 onActivated(async () => {
-  await crudExpose.doRefresh();
+	await crudExpose.doRefresh();
 });
 </script>
 <style lang="less"></style>
diff --git a/packages/ui/certd-client/src/views/certd/history/crud.tsx b/packages/ui/certd-client/src/views/certd/history/crud.tsx
index 8b1c1abb..04bc04e6 100644
--- a/packages/ui/certd-client/src/views/certd/history/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/history/crud.tsx
@@ -8,209 +8,209 @@ import { useSettingStore } from "/@/store/settings";
 import { statusUtil } from "/@/views/certd/pipeline/pipeline/utils/util.status";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const router = useRouter();
-  const { t } = useI18n();
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    return await api.DelObj(row.id);
-  };
+	const router = useRouter();
+	const { t } = useI18n();
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async ({ form }: AddReq) => {
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  const userStore = useUserStore();
-  const settingStore = useSettingStore();
-  const selectedRowKeys: Ref<any[]> = ref([]);
-  context.selectedRowKeys = selectedRowKeys;
+	const userStore = useUserStore();
+	const settingStore = useSettingStore();
+	const selectedRowKeys: Ref<any[]> = ref([]);
+	context.selectedRowKeys = selectedRowKeys;
 
-  return {
-    crudOptions: {
-      settings: {
-        plugins: {
-          //这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
-          rowSelection: {
-            enabled: true,
-            order: -2,
-            before: true,
-            // handle: (pluginProps,useCrudProps)=>CrudOptions,
-            props: {
-              multiple: true,
-              crossPage: true,
-              selectedRowKeys,
-            },
-          },
-        },
-      },
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      actionbar: {
-        buttons: {
-          add: {
-            show: false,
-          },
-        },
-      },
-      search: {
-        formItem: {
-          labelCol: {
-            style: {
-              // width: "100px"
-            },
-          },
-          wrapperCol: {
-            style: {
-              width: "50%",
-            },
-          },
-        },
-      },
-      rowHandle: {
-        minWidth: 200,
-        fixed: "right",
-        buttons: {
-          edit: {
-            show: false,
-          },
-        },
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          column: {
-            width: 100,
-          },
-          form: {
-            show: false,
-          },
-        },
-        userId: {
-          title: "用户Id",
-          type: "number",
-          search: {
-            show: computed(() => {
-              return userStore.isAdmin && settingStore.sysPublic.managerOtherUserPipeline;
-            }),
-          },
-          form: {
-            show: false,
-          },
-          column: {
-            show: computed(() => {
-              return userStore.isAdmin && settingStore.sysPublic.managerOtherUserPipeline;
-            }),
-            width: 100,
-          },
-        },
-        pipelineId: {
-          title: "流水线Id",
-          type: "number",
-          search: {
-            show: true,
-          },
-          form: {
-            show: false,
-          },
-          column: {
-            width: 100,
-          },
-        },
-        pipelineTitle: {
-          title: "流水线名称",
-          type: "text",
-          search: {
-            show: true,
-          },
-          column: {
-            width: 300,
-            tooltip: true,
-            ellipsis: true,
-            cellRender: ({ row, value }) => {
-              return <router-link to={{ path: "/certd/pipeline/detail", query: { id: row.pipelineId, editMode: false, historyId: row.id } }}>{value}</router-link>;
-            },
-          },
-        },
-        triggerType: {
-          title: "触发类型",
-          type: "dict-select",
-          search: {
-            show: true,
-          },
-          dict: dict({
-            data: [
-              { value: "user", label: "手动执行" },
-              { value: "timer", label: "定时执行" },
-            ],
-          }),
-          form: {
-            show: false,
-            value: "custom",
-          },
-          column: {
-            sorter: true,
-            width: 90,
-            align: "center",
-            show: true,
-            component: {
-              color: "auto",
-            },
-          },
-        },
-        status: {
-          title: "状态",
-          type: "dict-select",
-          search: {
-            show: true,
-          },
-          dict: dict({
-            data: statusUtil.getOptions(),
-          }),
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 120,
-            align: "center",
-          },
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 160,
-            align: "center",
-          },
-        },
-        updateTime: {
-          title: "更新时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            show: true,
-          },
-        },
-      },
-    },
-  };
+	return {
+		crudOptions: {
+			settings: {
+				plugins: {
+					//这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
+					rowSelection: {
+						enabled: true,
+						order: -2,
+						before: true,
+						// handle: (pluginProps,useCrudProps)=>CrudOptions,
+						props: {
+							multiple: true,
+							crossPage: true,
+							selectedRowKeys,
+						},
+					},
+				},
+			},
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			actionbar: {
+				buttons: {
+					add: {
+						show: false,
+					},
+				},
+			},
+			search: {
+				formItem: {
+					labelCol: {
+						style: {
+							// width: "100px"
+						},
+					},
+					wrapperCol: {
+						style: {
+							width: "50%",
+						},
+					},
+				},
+			},
+			rowHandle: {
+				minWidth: 200,
+				fixed: "right",
+				buttons: {
+					edit: {
+						show: false,
+					},
+				},
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					column: {
+						width: 100,
+					},
+					form: {
+						show: false,
+					},
+				},
+				userId: {
+					title: t("certd.fields.userId"),
+					type: "number",
+					search: {
+						show: computed(() => {
+							return userStore.isAdmin && settingStore.sysPublic.managerOtherUserPipeline;
+						}),
+					},
+					form: {
+						show: false,
+					},
+					column: {
+						show: computed(() => {
+							return userStore.isAdmin && settingStore.sysPublic.managerOtherUserPipeline;
+						}),
+						width: 100,
+					},
+				},
+				pipelineId: {
+					title: t("certd.fields.pipelineId"),
+					type: "number",
+					search: {
+						show: true,
+					},
+					form: {
+						show: false,
+					},
+					column: {
+						width: 100,
+					},
+				},
+				pipelineTitle: {
+					title: t('certd.fields.pipelineName'),
+					type: "text",
+					search: {
+						show: true,
+					},
+					column: {
+						width: 300,
+						tooltip: true,
+						ellipsis: true,
+						cellRender: ({ row, value }) => {
+							return <router-link to={{ path: "/certd/pipeline/detail", query: { id: row.pipelineId, editMode: false, historyId: row.id } }}>{value}</router-link>;
+						},
+					},
+				},
+				triggerType: {
+					title: t("certd.fields.triggerType"),
+					type: "dict-select",
+					search: {
+						show: true,
+					},
+					dict: dict({
+						data: [
+							{ value: "user", label: t("certd.triggerTypes.manual") },
+							{ value: "timer", label: t("certd.triggerTypes.timer") },
+						],
+					}),
+					form: {
+						show: false,
+						value: "custom",
+					},
+					column: {
+						sorter: true,
+						width: 90,
+						align: "center",
+						show: true,
+						component: {
+							color: "auto",
+						},
+					},
+				},
+				status: {
+					title: t("certd.fields.status"),
+					type: "dict-select",
+					search: {
+						show: true,
+					},
+					dict: dict({
+						data: statusUtil.getOptions(),
+					}),
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 120,
+						align: "center",
+					},
+				},
+				createTime: {
+					title: t("certd.fields.createTime"),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 160,
+						align: "center",
+					},
+				},
+				updateTime: {
+					title: t("certd.fields.updateTime"),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						show: true,
+					},
+				},
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/history/index.vue b/packages/ui/certd-client/src/views/certd/history/index.vue
index 6df7ed42..e6232d26 100644
--- a/packages/ui/certd-client/src/views/certd/history/index.vue
+++ b/packages/ui/certd-client/src/views/certd/history/index.vue
@@ -1,11 +1,11 @@
 <template>
   <fs-page class="page-cert">
     <template #header>
-      <div class="title">流水线执行记录</div>
+      <div class="title">{{ t("certd.pipelineExecutionRecords") }}</div>
     </template>
     <fs-crud ref="crudRef" v-bind="crudBinding">
       <template #pagination-left>
-        <a-tooltip title="批量删除">
+        <a-tooltip :title="t('certd.batchDelete')">
           <fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>
         </a-tooltip>
       </template>
@@ -13,12 +13,16 @@
   </fs-page>
 </template>
 
+
 <script lang="ts" setup>
 import { onActivated, onMounted } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
 import { message, Modal } from "ant-design-vue";
 import { DeleteBatch } from "./api";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
   name: "PipelineHistory",
@@ -29,17 +33,17 @@ const selectedRowKeys = context.selectedRowKeys;
 const handleBatchDelete = () => {
   if (selectedRowKeys.value?.length > 0) {
     Modal.confirm({
-      title: "确认",
-      content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
+      title: t("certd.confirm"),
+      content: t("certd.confirmBatchDeleteContent", { count: selectedRowKeys.value.length }),
       async onOk() {
         await DeleteBatch(selectedRowKeys.value);
-        message.info("删除成功");
+        message.info(t("certd.deleteSuccess"));
         crudExpose.doRefresh();
         selectedRowKeys.value = [];
       },
     });
   } else {
-    message.error("请先勾选记录");
+    message.error(t("certd.pleaseSelectRecords"));
   }
 };
 
diff --git a/packages/ui/certd-client/src/views/certd/mine/change-password-button.vue b/packages/ui/certd-client/src/views/certd/mine/change-password-button.vue
index 3bc71f26..920afe71 100644
--- a/packages/ui/certd-client/src/views/certd/mine/change-password-button.vue
+++ b/packages/ui/certd-client/src/views/certd/mine/change-password-button.vue
@@ -1,105 +1,114 @@
 <template>
-  <a-button v-if="showButton" type="primary" @click="open">修改密码</a-button>
+	<a-button v-if="showButton" type="primary" @click="open">
+		{{ $t("authentication.changePasswordButton") }}
+	</a-button>
 </template>
 
 <script setup lang="ts">
 import { ref } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 import { CrudOptions, useColumns, useFormWrapper } from "@fast-crud/fast-crud";
 import * as api from "/@/views/certd/mine/api";
 import { notification } from "ant-design-vue";
 import { useUserStore } from "/@/store/user";
 
 defineProps<{
-  showButton: boolean;
+	showButton: boolean;
 }>();
 
 let passwordFormRef = ref();
 
 const validatePass1 = async (rule: any, value: any) => {
-  if (value === "") {
-    throw new Error("请输入密码");
-  }
-  const formData = passwordFormRef.value.getFormData();
-  if (formData.confirmNewPassword !== "") {
-    passwordFormRef.value.formRef.formRef.validateFields(["confirmNewPassword"]);
-  }
-  if (formData.password === formData.newPassword) {
-    throw new Error("新密码不能和旧密码相同");
-  }
+	if (value === "") {
+		throw new Error(t("authentication.enterPassword"));
+	}
+	const formData = passwordFormRef.value.getFormData();
+	if (formData.confirmNewPassword !== "") {
+		passwordFormRef.value.formRef.formRef.validateFields(["confirmNewPassword"]);
+	}
+	if (formData.password === formData.newPassword) {
+		throw new Error(t("authentication.newPasswordNotSameOld"));
+	}
 };
 const validatePass2 = async (rule: any, value: any) => {
-  if (value === "") {
-    throw new Error("请再次输入密码");
-  } else if (value !== passwordFormRef.value.getFormData().newPassword) {
-    throw new Error("两次输入密码不一致!");
-  }
+	if (value === "") {
+		throw new Error(t("authentication.enterPasswordAgain"));
+	} else if (value !== passwordFormRef.value.getFormData().newPassword) {
+		throw new Error(t("authentication.passwordsNotMatch"));
+	}
 };
+
 const userStore = useUserStore();
 const { openDialog } = useFormWrapper();
 const { buildFormOptions } = useColumns();
 const passwordFormOptions: CrudOptions = {
-  form: {
-    col: {
-      span: 24,
-    },
-    wrapper: {
-      title: "修改密码",
-      width: "500px",
-    },
-    async doSubmit({ form }) {
-      await api.changePassword(form);
-      //重新加载用户信息
-      await userStore.loadUserInfo();
-    },
-    async afterSubmit() {
-      notification.success({ message: "修改成功" });
-    },
-  },
-  columns: {
-    password: {
-      title: "旧密码",
-      type: "password",
-      form: {
-        rules: [{ required: true, message: "请输入旧密码" }],
-      },
-    },
-    newPassword: {
-      title: "新密码",
-      type: "password",
-      form: {
-        rules: [
-          { required: true, message: "请输入确认密码" },
-          //@ts-ignore
-          { validator: validatePass1, trigger: "blur" },
-        ],
-      },
-    },
-    confirmNewPassword: {
-      title: "确认新密码",
-      type: "password",
-      form: {
-        rules: [
-          { required: true, message: "请输入确认密码" },
-          //@ts-ignore
-          { validator: validatePass2, trigger: "blur" },
-        ],
-      },
-    },
-  },
+	form: {
+		col: {
+			span: 24,
+		},
+		wrapper: {
+			title: t("authentication.title"),
+			width: "500px",
+		},
+		async doSubmit({ form }) {
+			await api.changePassword(form);
+			//重新加载用户信息
+			await userStore.loadUserInfo();
+		},
+		async afterSubmit() {
+			notification.success({ message: t("authentication.successMessage") });
+		},
+	},
+	columns: {
+		password: {
+			title: t("authentication.oldPassword"),
+			type: "password",
+			form: {
+				rules: [{ required: true, message: t("authentication.oldPasswordRequired") }],
+			},
+		},
+		newPassword: {
+			title: t("authentication.newPassword"),
+			type: "password",
+			form: {
+				rules: [
+					{ required: true, message: t("authentication.newPasswordRequired") },
+					//@ts-ignore
+					{ validator: validatePass1, trigger: "blur" },
+				],
+			},
+		},
+		confirmNewPassword: {
+			title: t("authentication.confirmNewPassword"),
+			type: "password",
+			form: {
+				rules: [
+					{
+						required: true,
+						message: t("authentication.confirmNewPasswordRequired"),
+					},
+					//@ts-ignore
+					{ validator: validatePass2, trigger: "blur" },
+				],
+			},
+		},
+	},
 };
 
 async function open(opts: { password: "" }) {
-  const formOptions = buildFormOptions(passwordFormOptions);
-  formOptions.newInstance = true; //新实例打开
-  passwordFormRef.value = await openDialog(formOptions);
-  passwordFormRef.value.setFormData({
-    password: opts.password,
-  });
-  console.log(passwordFormRef.value);
+	const formOptions = buildFormOptions(passwordFormOptions);
+	formOptions.newInstance = true; //新实例打开
+	passwordFormRef.value = await openDialog(formOptions);
+	passwordFormRef.value.setFormData({
+		password: opts.password,
+	});
+	console.log(passwordFormRef.value);
 }
 
 const scope = ref({
-  open: open,
+	open: open,
 });
 
 defineExpose(scope.value);
diff --git a/packages/ui/certd-client/src/views/certd/mine/security/index.vue b/packages/ui/certd-client/src/views/certd/mine/security/index.vue
index 0a4ccf6a..0e0ff348 100644
--- a/packages/ui/certd-client/src/views/certd/mine/security/index.vue
+++ b/packages/ui/certd-client/src/views/certd/mine/security/index.vue
@@ -1,73 +1,82 @@
 <template>
-  <fs-page class="page-user-settings page-two-factor">
-    <template #header>
-      <div class="title">认证安全设置</div>
-    </template>
-    <div class="user-settings-form settings-form">
-      <a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off">
-        <a-form-item label="2FA多重验证登录" :name="['authenticator', 'enabled']">
-          <div class="flex mt-5">
-            <a-switch v-model:checked="formState.authenticator.enabled" :disabled="!settingsStore.isPlus" @change="onAuthenticatorEnabledChanged" />
+	<fs-page class="page-user-settings page-two-factor">
+		<template #header>
+			<div class="title">{{ t("certd.securitySettings") }}</div>
+		</template>
 
-            <a-button
-              v-if="formState.authenticator.enabled && formState.authenticator.verified"
-              :disabled="authenticatorOpenRef || !settingsStore.isPlus"
-              size="small"
-              class="ml-5"
-              type="primary"
-              @click="authenticatorForm.open = true"
-            >
-              重新绑定
-            </a-button>
+		<div class="user-settings-form settings-form">
+			<a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }"
+				autocomplete="off">
+				<a-form-item :label="t('certd.twoFactorAuth')" :name="['authenticator', 'enabled']">
+					<div class="flex mt-5">
+						<a-switch v-model:checked="formState.authenticator.enabled" :disabled="!settingsStore.isPlus"
+							@change="onAuthenticatorEnabledChanged" />
 
-            <vip-button class="ml-5" mode="button"></vip-button>
-          </div>
+						<a-button v-if="formState.authenticator.enabled && formState.authenticator.verified"
+							:disabled="authenticatorOpenRef || !settingsStore.isPlus" size="small" class="ml-5"
+							type="primary" @click="authenticatorForm.open = true">
+							{{ t('certd.rebind') }}
+						</a-button>
 
-          <div class="helper">是否开启多重验证登录</div>
-        </a-form-item>
-        <a-form-item v-if="authenticatorOpenRef" label="绑定设备" class="authenticator-config">
-          <h3 class="font-bold m-5">1. 安装任意一款支持Authenticator的验证APP，比如：</h3>
-          <div class="ml-20">
-            <ul>
-              <li>
-                <a-tooltip title="如果报没有找到谷歌服务的错误，您可以安装KK谷歌助手">
-                  <a href="https://appgallery.huawei.com/app/C100262999" target="_blank"> Microsoft Authenticator</a>
-                </a-tooltip>
-              </li>
-              <li>
-                <a href="https://sj.qq.com/appdetail/com.tencent.authenticator" target="_blank">腾讯身份验证器</a>
-              </li>
-              <li>
-                <a href="https://www.synology.cn/zh-cn/dsm/feature/authentication" target="_blank">群晖身份验证器</a>
-              </li>
-              <li>
-                <a-tooltip title="如果报没有找到谷歌服务的错误，您可以安装KK谷歌助手">
-                  <a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" target="_blank">Google Authenticator</a>
-                </a-tooltip>
-              </li>
-              <li>
-                <a href="https://play.google.com/store/apps/details?id=com.authy.authy" target="_blank">Authy</a>
-              </li>
-            </ul>
-          </div>
-          <h3 class="font-bold m-10">2. 扫描二维码添加账号</h3>
-          <div v-if="authenticatorForm.qrcodeSrc" class="qrcode">
-            <div class="ml-20">
-              <img class="full-w" :src="authenticatorForm.qrcodeSrc" />
-            </div>
-          </div>
-          <h3 class="font-bold m-10">3. 输入验证码</h3>
-          <div class="ml-20">
-            <a-input v-model:value="authenticatorForm.verifyCode" placeholder="请输入验证码" />
-          </div>
-          <div class="ml-20 flex mt-10">
-            <loading-button type="primary" html-type="button" :click="doAuthenticatorSave">确认</loading-button>
-            <a-button class="ml-1" @click="authenticatorForm.open = false">取消</a-button>
-          </div>
-        </a-form-item>
-      </a-form>
-    </div>
-  </fs-page>
+						<vip-button class="ml-5" mode="button"></vip-button>
+					</div>
+
+					<div class="helper">{{ t('certd.twoFactorAuthHelper') }}</div>
+				</a-form-item>
+
+				<a-form-item v-if="authenticatorOpenRef" :label="t('certd.bindDevice')" class="authenticator-config">
+					<h3 class="font-bold m-5">{{ t('certd.step1') }}</h3>
+					<div class="ml-20">
+						<ul>
+							<li>
+								<a-tooltip :title="t('certd.tooltipGoogleServiceError')">
+									<a href="https://appgallery.huawei.com/app/C100262999" target="_blank">Microsoft
+										Authenticator</a>
+								</a-tooltip>
+							</li>
+							<li>
+								<a href="https://sj.qq.com/appdetail/com.tencent.authenticator"
+									target="_blank">腾讯身份验证器</a>
+							</li>
+							<li>
+								<a href="https://www.synology.cn/zh-cn/dsm/feature/authentication"
+									target="_blank">群晖身份验证器</a>
+							</li>
+							<li>
+								<a-tooltip :title="t('certd.tooltipGoogleServiceError')">
+									<a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2"
+										target="_blank">Google Authenticator</a>
+								</a-tooltip>
+							</li>
+							<li>
+								<a href="https://play.google.com/store/apps/details?id=com.authy.authy"
+									target="_blank">Authy</a>
+							</li>
+						</ul>
+					</div>
+					<h3 class="font-bold m-10">{{ t('certd.step2') }}</h3>
+					<div v-if="authenticatorForm.qrcodeSrc" class="qrcode">
+						<div class="ml-20">
+							<img class="full-w" :src="authenticatorForm.qrcodeSrc" />
+						</div>
+					</div>
+					<h3 class="font-bold m-10">{{ t('certd.step3') }}</h3>
+					<div class="ml-20">
+						<a-input v-model:value="authenticatorForm.verifyCode"
+							:placeholder="t('certd.inputVerifyCode')" />
+					</div>
+					<div class="ml-20 flex mt-10">
+						<loading-button type="primary" html-type="button" :click="doAuthenticatorSave">{{
+							t('certd.confirm')
+							}}</loading-button>
+						<a-button class="ml-1" @click="authenticatorForm.open = false">{{ t('certd.cancel')
+							}}</a-button>
+					</div>
+				</a-form-item>
+
+			</a-form>
+		</div>
+	</fs-page>
 </template>
 
 <script setup lang="tsx">
@@ -77,87 +86,92 @@ import { UserTwoFactorSetting } from "./api";
 import { Modal, notification } from "ant-design-vue";
 import { merge } from "lodash-es";
 import { useSettingStore } from "/@/store/settings";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 const settingsStore = useSettingStore();
 defineOptions({
-  name: "UserSecurity",
+	name: "UserSecurity",
 });
 
 const formState = reactive<Partial<UserTwoFactorSetting>>({
-  authenticator: {
-    enabled: false,
-    verified: false,
-  },
+	authenticator: {
+		enabled: false,
+		verified: false,
+	},
 });
 
 const authenticatorForm = reactive({
-  qrcodeSrc: "",
-  verifyCode: "",
-  open: false,
+	qrcodeSrc: "",
+	verifyCode: "",
+	open: false,
 });
 
 const authenticatorOpenRef = computed(() => {
-  return formState.authenticator.enabled && (authenticatorForm.open || !formState.authenticator.verified);
+	return formState.authenticator.enabled && (authenticatorForm.open || !formState.authenticator.verified);
 });
 watch(
-  () => {
-    return authenticatorOpenRef.value;
-  },
-  async open => {
-    if (open) {
-      //base64 转图片
-      authenticatorForm.qrcodeSrc = await api.TwoFactorAuthenticatorGet();
-    } else {
-      authenticatorForm.qrcodeSrc = "";
-      authenticatorForm.verifyCode = "";
-    }
-  }
+	() => {
+		return authenticatorOpenRef.value;
+	},
+	async open => {
+		if (open) {
+			//base64 转图片
+			authenticatorForm.qrcodeSrc = await api.TwoFactorAuthenticatorGet();
+		} else {
+			authenticatorForm.qrcodeSrc = "";
+			authenticatorForm.verifyCode = "";
+		}
+	}
 );
 
 async function loadUserSettings() {
-  const data: any = await api.TwoFactorSettingsGet();
-  merge(formState, data);
+	const data: any = await api.TwoFactorSettingsGet();
+	merge(formState, data);
 }
 
 loadUserSettings();
 const doAuthenticatorSave = async (form: any) => {
-  await api.TwoFactorAuthenticatorSave({
-    verifyCode: authenticatorForm.verifyCode,
-  });
-  notification.success({
-    message: "保存成功",
-  });
-  authenticatorForm.open = false;
-  formState.authenticator.verified = true;
+	await api.TwoFactorAuthenticatorSave({
+		verifyCode: authenticatorForm.verifyCode,
+	});
+	notification.success({
+		message: t("certd.saveSuccess"),
+	});
+	authenticatorForm.open = false;
+	formState.authenticator.verified = true;
 };
 
+
 function onAuthenticatorEnabledChanged(value: any) {
-  if (!value) {
-    //要关闭
-    if (formState.authenticator.verified) {
-      Modal.confirm({
-        title: "确认",
-        content: `确定要关闭多重验证登录吗？`,
-        async onOk() {
-          await api.TwoFactorAuthenticatorOff();
-          notification.success({
-            message: "关闭成功",
-          });
-          loadUserSettings();
-        },
-        onCancel() {
-          formState.authenticator.enabled = true;
-        },
-      });
-    }
-  }
+	if (!value) {
+		//要关闭
+		if (formState.authenticator.verified) {
+			Modal.confirm({
+				title: t("certd.confirm"),
+				content: t("certd.confirmDisable2FA"),
+				async onOk() {
+					await api.TwoFactorAuthenticatorOff();
+					notification.success({
+						message: t("certd.disabledSuccess"),
+					});
+					loadUserSettings();
+				},
+				onCancel() {
+					formState.authenticator.enabled = true;
+				},
+			});
+		}
+	}
 }
+
 </script>
 
 <style lang="less">
 .page-user-settings {
-  .user-settings-form {
-    width: 600px;
-    margin: 20px;
-  }
+	.user-settings-form {
+		width: 600px;
+		margin: 20px;
+	}
 }
 </style>
diff --git a/packages/ui/certd-client/src/views/certd/mine/user-profile.vue b/packages/ui/certd-client/src/views/certd/mine/user-profile.vue
index 72d048bd..244db826 100644
--- a/packages/ui/certd-client/src/views/certd/mine/user-profile.vue
+++ b/packages/ui/certd-client/src/views/certd/mine/user-profile.vue
@@ -1,41 +1,50 @@
 <template>
-  <fs-page class="page-user-profile">
-    <template #header>
-      <div class="title">我的信息</div>
-    </template>
-    <div class="p-10">
-      <a-descriptions title="" bordered>
-        <a-descriptions-item label="用户名">{{ userInfo.username }}</a-descriptions-item>
-        <a-descriptions-item label="头像">
-          <a-avatar v-if="userInfo.avatar" size="large" :src="'api/basic/file/download?&key=' + userInfo.avatar" style="background-color: #eee"> </a-avatar>
-          <a-avatar v-else size="large" style="background-color: #00b4f5">
-            {{ userInfo.username }}
-          </a-avatar>
-        </a-descriptions-item>
-        <a-descriptions-item label="昵称">{{ userInfo.nickName }}</a-descriptions-item>
-        <a-descriptions-item label="邮箱">{{ userInfo.email }}</a-descriptions-item>
-        <a-descriptions-item label="手机号">{{ userInfo.phoneCode }}{{ userInfo.mobile }}</a-descriptions-item>
-        <a-descriptions-item label="修改密码">
-          <change-password-button :show-button="true"> </change-password-button>
-        </a-descriptions-item>
-      </a-descriptions>
-    </div>
-  </fs-page>
+	<fs-page class="page-user-profile">
+		<template #header>
+			<div class="title">{{ t("certd.myInfo") }}</div>
+		</template>
+		<div class="p-10">
+			<a-descriptions title="" bordered :column="1">
+				<a-descriptions-item :label="t('authentication.username')">{{ userInfo.username }}</a-descriptions-item>
+				<a-descriptions-item :label="t('authentication.avatar')">
+					<a-avatar v-if="userInfo.avatar" size="large"
+						:src="'api/basic/file/download?&key=' + userInfo.avatar" style="background-color: #eee">
+					</a-avatar>
+					<a-avatar v-else size="large" style="background-color: #00b4f5">
+						{{ userInfo.username }}
+					</a-avatar>
+				</a-descriptions-item>
+				<a-descriptions-item :label="t('authentication.nickName')">{{ userInfo.nickName }}</a-descriptions-item>
+				<a-descriptions-item :label="t('authentication.email')">{{ userInfo.email }}</a-descriptions-item>
+				<a-descriptions-item :label="t('authentication.phoneNumber')">{{ userInfo.phoneCode }}{{ userInfo.mobile
+					}}</a-descriptions-item>
+				<a-descriptions-item :label="t('authentication.changePassword')">
+					<change-password-button :show-button="true"> </change-password-button>
+				</a-descriptions-item>
+			</a-descriptions>
+
+		</div>
+	</fs-page>
 </template>
 
+
+
 <script lang="ts" setup>
 import * as api from "./api";
 import { Ref, ref } from "vue";
 import ChangePasswordButton from "/@/views/certd/mine/change-password-button.vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
-  name: "UserProfile"
+	name: "UserProfile"
 });
 
 const userInfo: Ref = ref({});
 
 const getUserInfo = async () => {
-  userInfo.value = await api.getMineInfo();
+	userInfo.value = await api.getMineInfo();
 };
 getUserInfo();
 </script>
diff --git a/packages/ui/certd-client/src/views/certd/monitor/cert/crud.tsx b/packages/ui/certd-client/src/views/certd/monitor/cert/crud.tsx
index 65dc4f9c..88f3bce9 100644
--- a/packages/ui/certd-client/src/views/certd/monitor/cert/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/monitor/cert/crud.tsx
@@ -1,5 +1,6 @@
 // @ts-ignore
 import { useI18n } from "vue-i18n";
+//
 import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, useFormWrapper, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
 import { certInfoApi } from "./api";
 import dayjs from "dayjs";
@@ -10,285 +11,288 @@ import CertView from "/@/views/certd/pipeline/cert-view.vue";
 import { useCertUpload } from "/@/views/certd/pipeline/cert-upload/use";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const api = certInfoApi;
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async (req: EditReq) => {
-    const { form, row } = req;
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async (req: DelReq) => {
-    const { row } = req;
-    return await api.DelObj(row.id);
-  };
+	const { t } = useI18n();
+	const api = certInfoApi;
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async (req: EditReq) => {
+		const { form, row } = req;
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async (req: DelReq) => {
+		const { row } = req;
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async (req: AddReq) => {
-    const { form } = req;
-    const res = await api.AddObj(form);
-    return res;
-  };
-  const { openCrudFormDialog } = useFormWrapper();
-  const router = useRouter();
+	const addRequest = async (req: AddReq) => {
+		const { form } = req;
+		const res = await api.AddObj(form);
+		return res;
+	};
+	const { openCrudFormDialog } = useFormWrapper();
+	const router = useRouter();
 
-  const model = useModal();
-  const viewCert = async (row: any) => {
-    const cert = await api.GetCert(row.id);
-    if (!cert) {
-      notification.error({ message: "证书还未生成，请先运行流水线" });
-      return;
-    }
+	const model = useModal();
+	const viewCert = async (row: any) => {
+		const cert = await api.GetCert(row.id);
+		if (!cert) {
+			notification.error({ message: t("certd.certificateNotGenerated") });
+			return;
+		}
 
-    model.success({
-      title: "查看证书",
-      maskClosable: true,
-      okText: "关闭",
-      width: 800,
-      content: () => {
-        return <CertView cert={cert}></CertView>;
-      },
-    });
-  };
+		model.success({
+			title: t("certd.modal.viewCertificateTitle"),
+			maskClosable: true,
+			okText: t("certd.modal.close"),
+			width: 800,
+			content: () => {
+				return <CertView cert={cert}></CertView>;
+			},
+		});
+	};
 
-  const { openUploadCreateDialog, openUpdateCertDialog } = useCertUpload();
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      form: {
-        labelCol: {
-          //固定label宽度
-          span: null,
-          style: {
-            width: "100px",
-          },
-        },
-        col: {
-          span: 22,
-        },
-        wrapper: {
-          width: 600,
-        },
-      },
-      actionbar: {
-        show: true,
-        buttons: {
-          add: {
-            text: "上传自定义证书",
-            type: "primary",
-            show: false,
-            async click() {
-              await openUploadCreateDialog();
-            },
-          },
-        },
-      },
-      tabs: {
-        name: "fromType",
-        show: true,
-      },
-      rowHandle: {
-        width: 100,
-        fixed: "right",
-        buttons: {
-          view: { show: false },
-          viewCert: {
-            order: 3,
-            title: "查看证书",
-            type: "link",
-            icon: "ph:certificate",
-            async click({ row }) {
-              await viewCert(row);
-            },
-          },
-          copy: { show: false },
-          edit: { show: false },
-          remove: {
-            order: 10,
-            show: false,
-          },
-          download: {
-            order: 9,
-            title: "下载证书",
-            type: "link",
-            icon: "ant-design:download-outlined",
-            async click({ row }) {
-              if (!row.certFile) {
-                notification.error({ message: "证书还未生成，请先运行流水线" });
-                return;
-              }
-              window.open("/api/monitor/cert/download?id=" + row.id);
-            },
-          },
-        },
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          search: {
-            show: false,
-          },
-          column: {
-            width: 100,
-            editable: {
-              disabled: true,
-            },
-          },
-          form: {
-            show: false,
-          },
-        },
-        fromType: {
-          title: "来源",
-          search: {
-            show: true,
-          },
-          type: "dict-select",
-          dict: dict({
-            data: [
-              { label: "流水线", value: "pipeline" },
-              { label: "手动上传", value: "upload" },
-            ],
-          }),
-          form: {
-            show: false,
-          },
-          column: {
-            width: 100,
-            sorter: true,
-            component: {
-              color: "auto",
-            },
-            conditionalRender: false,
-          },
-          valueBuilder({ value, row, key }) {
-            if (!value) {
-              row[key] = "pipeline";
-            }
-          },
-        },
-        domains: {
-          title: "域名",
-          search: {
-            show: true,
-          },
-          type: "text",
-          form: {
-            rules: [{ required: true, message: "请输入域名" }],
-          },
-          column: {
-            width: 450,
-            sorter: true,
-            component: {
-              name: "fs-values-format",
-              color: "auto",
-            },
-          },
-        },
-        domainCount: {
-          title: "域名数量",
-          type: "number",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 120,
-            sorter: true,
-            show: false,
-          },
-        },
-        expiresLeft: {
-          title: "有效天数",
-          search: {
-            show: false,
-          },
-          type: "date",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            conditionalRender: false,
-            cellRender({ row }) {
-              const value = row.expiresTime;
-              if (!value) {
-                return "-";
-              }
-              const expireDate = dayjs(value).format("YYYY-MM-DD");
-              const leftDays = dayjs(value).diff(dayjs(), "day");
-              const color = leftDays < 20 ? "red" : "#389e0d";
-              const percent = (leftDays / 90) * 100;
-              return <a-progress title={expireDate + "过期"} percent={percent} strokeColor={color} format={(percent: number) => `${leftDays}天`} />;
-            },
-          },
-        },
-        expiresTime: {
-          title: "过期时间",
-          search: {
-            show: false,
-          },
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-          },
-        },
-        certProvider: {
-          title: "证书颁发机构",
-          search: {
-            show: false,
-          },
-          type: "text",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 200,
-          },
-        },
-        applyTime: {
-          title: "申请时间",
-          search: {
-            show: false,
-          },
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-          },
-        },
-        "pipeline.title": {
-          title: "关联流水线",
-          search: { show: false },
-          type: "link",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 350,
-            sorter: true,
-            component: {
-              on: {
-                onClick({ row }) {
-                  router.push({ path: "/certd/pipeline/detail", query: { id: row.pipelineId, editMode: "false" } });
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-  };
+	const { openUploadCreateDialog, openUpdateCertDialog } = useCertUpload();
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			form: {
+				labelCol: {
+					//固定label宽度
+					span: null,
+					style: {
+						width: "100px",
+					},
+				},
+				col: {
+					span: 22,
+				},
+				wrapper: {
+					width: 600,
+				},
+			},
+			actionbar: {
+				show: true,
+				buttons: {
+					add: {
+						text: t('certd.uploadCustomCert'),
+						type: "primary",
+						show: false,
+						async click() {
+							await openUploadCreateDialog();
+						},
+					},
+				},
+			},
+			tabs: {
+				name: "fromType",
+				show: true,
+			},
+			rowHandle: {
+				width: 100,
+				fixed: "right",
+				buttons: {
+					view: { show: false },
+					viewCert: {
+						order: 3,
+						title: t("certd.viewCert.title"),
+						type: "link",
+						icon: "ph:certificate",
+						async click({ row }) {
+							await viewCert(row);
+						},
+					},
+					copy: { show: false },
+					edit: { show: false },
+					remove: {
+						order: 10,
+						show: false,
+					},
+					download: {
+						order: 9,
+						title: t("certd.download.title"),
+						type: "link",
+						icon: "ant-design:download-outlined",
+						async click({ row }) {
+							if (!row.certFile) {
+								notification.error({ message: t("certd.certificateNotGenerated") });
+								return;
+							}
+							window.open("/api/monitor/cert/download?id=" + row.id);
+						},
+					},
+
+				},
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					search: {
+						show: false,
+					},
+					column: {
+						width: 100,
+						editable: {
+							disabled: true,
+						},
+					},
+					form: {
+						show: false,
+					},
+				},
+				fromType: {
+					title: t('certd.sourcee'),
+					search: {
+						show: true,
+					},
+					type: "dict-select",
+					dict: dict({
+						data: [
+							{ label: t('certd.sourcePipeline'), value: "pipeline" },
+							{ label: t('certd.sourceManualUpload'), value: "upload" },
+						],
+					}),
+					form: {
+						show: false,
+					},
+					column: {
+						width: 100,
+						sorter: true,
+						component: {
+							color: "auto",
+						},
+						conditionalRender: false,
+					},
+					valueBuilder({ value, row, key }) {
+						if (!value) {
+							row[key] = "pipeline";
+						}
+					},
+				},
+				domains: {
+					title: t('certd.domains'),
+					search: {
+						show: true,
+					},
+					type: "text",
+					form: {
+						rules: [{ required: true, message: t('certd.enterDomain') }],
+					},
+					column: {
+						width: 450,
+						sorter: true,
+						component: {
+							name: "fs-values-format",
+							color: "auto",
+						},
+					},
+				},
+				domainCount: {
+					title: t('certd.domainCount'),
+					type: "number",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 120,
+						sorter: true,
+						show: false,
+					},
+				},
+				expiresLeft: {
+					title: t('certd.validDays'),
+					search: {
+						show: false,
+					},
+					type: "date",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						conditionalRender: false,
+						cellRender({ row }) {
+							const value = row.expiresTime;
+							if (!value) {
+								return "-";
+							}
+							const expireDate = dayjs(value).format("YYYY-MM-DD");
+							const leftDays = dayjs(value).diff(dayjs(), "day");
+							const color = leftDays < 20 ? "red" : "#389e0d";
+							const percent = (leftDays / 90) * 100;
+							return <a-progress title={expireDate + t('certd.expires')} percent={percent} strokeColor={color} format={(percent: number) => `${leftDays}${t('certd.days')}`} />;
+						},
+					},
+				},
+				expiresTime: {
+					title: t('certd.expireTime'),
+					search: {
+						show: false,
+					},
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+					},
+				},
+				certProvider: {
+					title: t('certd.certIssuer'),
+					search: {
+						show: false,
+					},
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 200,
+					},
+				},
+				applyTime: {
+					title: t('certd.applyTime'),
+					search: {
+						show: false,
+					},
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+					},
+				},
+				"pipeline.title": {
+					title: t('certd.relatedPipeline'),
+					search: { show: false },
+					type: "link",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 350,
+						sorter: true,
+						component: {
+							on: {
+								onClick({ row }) {
+									router.push({ path: "/certd/pipeline/detail", query: { id: row.pipelineId, editMode: "false" } });
+								},
+							},
+						},
+					},
+				},
+
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/monitor/cert/index.vue b/packages/ui/certd-client/src/views/certd/monitor/cert/index.vue
index ad696cb4..d2bf6ea7 100644
--- a/packages/ui/certd-client/src/views/certd/monitor/cert/index.vue
+++ b/packages/ui/certd-client/src/views/certd/monitor/cert/index.vue
@@ -1,30 +1,33 @@
 <template>
-  <fs-page>
-    <template #header>
-      <div class="title">
-        证书仓库
-        <span class="sub">从流水线生成的证书</span>
-      </div>
-    </template>
-    <fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
-  </fs-page>
+	<fs-page>
+		<template #header>
+			<div class="title">
+				{{ t("certd.certificateRepo.title") }}
+				<span class="sub">{{ t("certd.certificateRepo.sub") }}</span>
+			</div>
+		</template>
+		<fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
+	</fs-page>
 </template>
 
 <script lang="ts" setup>
 import { onActivated, onMounted } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
-  name: "CertStore",
+	name: "CertStore",
 });
 const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: {} });
 
 // 页面打开后获取列表数据
 onMounted(() => {
-  crudExpose.doRefresh();
+	crudExpose.doRefresh();
 });
 onActivated(() => {
-  crudExpose.doRefresh();
+	crudExpose.doRefresh();
 });
 </script>
diff --git a/packages/ui/certd-client/src/views/certd/monitor/site/crud.tsx b/packages/ui/certd-client/src/views/certd/monitor/site/crud.tsx
index 5607d9c9..27b1fab3 100644
--- a/packages/ui/certd-client/src/views/certd/monitor/site/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/monitor/site/crud.tsx
@@ -11,505 +11,513 @@ import { useSiteIpMonitor } from "./ip/use";
 import { useSiteImport } from "/@/views/certd/monitor/site/use";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const { t } = useI18n();
-  const api = siteInfoApi;
-  const { crudBinding } = crudExpose;
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async (req: EditReq) => {
-    const { form, row } = req;
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async (req: DelReq) => {
-    const { row } = req;
-    return await api.DelObj(row.id);
-  };
+	const { t } = useI18n();
+	const api = siteInfoApi;
+	const { crudBinding } = crudExpose;
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async (req: EditReq) => {
+		const { form, row } = req;
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async (req: DelReq) => {
+		const { row } = req;
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async (req: AddReq) => {
-    const { form } = req;
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async (req: AddReq) => {
+		const { form } = req;
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  const settingsStore = useSettingStore();
+	const settingsStore = useSettingStore();
 
-  const checkStatusDict = dict({
-    data: [
-      { label: "成功", value: "ok", color: "green" },
-      { label: "检查中", value: "checking", color: "blue" },
-      { label: "异常", value: "error", color: "red" },
-    ],
-  });
+	const checkStatusDict = dict({
+		data: [
+			{ label: t("checkStatus.success"), value: "ok", color: "green" },
+			{ label: t("checkStatus.checking"), value: "checking", color: "blue" },
+			{ label: t("checkStatus.error"), value: "error", color: "red" },
+		],
+	});
 
-  const { openSiteIpMonitorDialog } = useSiteIpMonitor();
-  const { openSiteImportDialog } = useSiteImport();
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      form: {
-        labelCol: {
-          //固定label宽度
-          span: null,
-          style: {
-            width: "100px",
-          },
-        },
-        col: {
-          span: 22,
-        },
-        wrapper: {
-          width: 600,
-        },
-      },
-      actionbar: {
-        buttons: {
-          add: {
-            async click() {
-              if (!settingsStore.isPlus) {
-                //非plus
-                if (crudBinding.value.data.length >= 1) {
-                  notification.error({
-                    message: "基础版只能添加一个监控站点，请赞助升级专业版",
-                  });
-                  mitter.emit("openVipModal");
-                  return;
-                }
-              }
 
-              //检查是否监控站点数量超出限制
-              if (settingsStore.isComm && settingsStore.suiteSetting.enabled) {
-                //检查数量是否超限
-                const suiteDetail = await mySuiteApi.SuiteDetailGet();
-                const max = suiteDetail.monitorCount.max;
-                if (max != -1 && max <= suiteDetail.monitorCount.used) {
-                  notification.error({
-                    message: `对不起，您最多只能创建条${max}监控记录，请购买或升级套餐`,
-                  });
-                  return;
-                }
-              }
-              await crudExpose.openAdd({});
-            },
-          },
-          //导入按钮
-          import: {
-            show: true,
-            text: "批量导入",
-            type: "primary",
-            async click() {
-              openSiteImportDialog({
-                afterSubmit() {
-                  crudExpose.doRefresh();
-                },
-              });
-            },
-          },
-        },
-      },
-      rowHandle: {
-        fixed: "right",
-        width: 240,
-        buttons: {
-          check: {
-            order: 0,
-            type: "link",
-            text: null,
-            tooltip: {
-              title: "立即检查",
-            },
-            icon: "ion:play-sharp",
-            click: async ({ row }) => {
-              await api.DoCheck(row.id);
-              await crudExpose.doRefresh();
-              notification.success({
-                message: "检查任务已提交，请稍后刷新查看结果",
-              });
-            },
-          },
-          ipCheck: {
-            order: 10,
-            type: "link",
-            text: null,
-            show: compute(({ row }) => {
-              return row.ipCheck === true;
-            }),
-            tooltip: {
-              title: "IP管理",
-            },
-            icon: "entypo:address",
-            click: async ({ row }) => {
-              openSiteIpMonitorDialog({ siteId: row.id });
-            },
-          },
-        },
-      },
-      tabs: {
-        name: "disabled",
-        show: true,
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          search: {
-            show: false,
-          },
-          column: {
-            width: 80,
-            align: "center",
-          },
-          form: {
-            show: false,
-          },
-        },
-        name: {
-          title: "站点名称",
-          search: {
-            show: true,
-          },
-          type: "text",
-          form: {
-            rules: [{ required: true, message: "请输入站点名称" }],
-          },
-          column: {
-            width: 160,
-          },
-        },
-        domain: {
-          title: "网站域名",
-          search: {
-            show: true,
-          },
-          type: "text",
-          form: {
-            rules: [
-              { required: true, message: "请输入域名" },
-              //@ts-ignore
-              { type: "domains", message: "请输入正确的域名" },
-            ],
-          },
-          column: {
-            width: 230,
-            sorter: true,
-            cellRender({ value, row }) {
-              const url = `https://${value}:${row.httpsPort}`;
-              return (
-                <a-tooltip title={value} placement="left">
-                  <fs-copyable modelValue={value}>
-                    <a target="_blank" href={url}>
-                      {value}:{row.httpsPort}
-                    </a>
-                  </fs-copyable>
-                </a-tooltip>
-              );
-            },
-          },
-        },
-        httpsPort: {
-          title: "HTTPS端口",
-          search: {
-            show: false,
-          },
-          type: "number",
-          form: {
-            value: 443,
-            rules: [{ required: true, message: "请输入端口" }],
-          },
-          column: {
-            width: 100,
-            show: false,
-          },
-        },
-        certInfo: {
-          title: "证书信息",
-          type: "text",
-          form: { show: false },
-          column: {
-            width: 200,
-            sorter: false,
-            show: true,
-            conditionalRender: false,
-            cellRender({ value, row }) {
-              const slots = {
-                content() {
-                  return (
-                    <div>
-                      <div>证书颁发机构：{row.certProvider}</div>
-                      <div>证书域名：{row.certDomains}</div>
-                    </div>
-                  );
-                },
-              };
-              return (
-                <a-popover placement={"left"} v-slots={slots} overlayStyle={{ maxWidth: "30%" }}>
-                  {row.certDomains}
-                </a-popover>
-              );
-            },
-          },
-        },
-        certDomains: {
-          title: "证书域名",
-          search: {
-            show: true,
-          },
-          type: "text",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 200,
-            sorter: true,
-            show: false,
-            cellRender({ value }) {
-              return (
-                <a-tooltip title={value} placement="left">
-                  {value}
-                </a-tooltip>
-              );
-            },
-          },
-        },
-        certProvider: {
-          title: "颁发机构",
-          search: {
-            show: false,
-          },
-          type: "text",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 200,
-            sorter: true,
-            show: false,
-            cellRender({ value }) {
-              return <a-tooltip title={value}>{value}</a-tooltip>;
-            },
-          },
-        },
-        certStatus: {
-          title: "证书状态",
-          search: {
-            show: true,
-          },
-          type: "dict-select",
-          dict: dict({
-            data: [
-              { label: "正常", value: "ok", color: "green" },
-              { label: "过期", value: "expired", color: "red" },
-            ],
-          }),
-          form: {
-            show: false,
-          },
-          column: {
-            width: 100,
-            sorter: true,
-            show: true,
-            align: "center",
-          },
-        },
-        certExpiresTime: {
-          title: "证书到期时间",
-          search: {
-            show: false,
-          },
-          type: "date",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            cellRender({ value }) {
-              if (!value) {
-                return "-";
-              }
-              const expireDate = dayjs(value).format("YYYY-MM-DD");
-              const leftDays = dayjs(value).diff(dayjs(), "day");
-              const color = leftDays < 20 ? "red" : "#389e0d";
-              const percent = (leftDays / 90) * 100;
-              return <a-progress title={expireDate + "过期"} percent={percent} strokeColor={color} format={(percent: number) => `${leftDays}天`} />;
-            },
-          },
-        },
-        lastCheckTime: {
-          title: "上次检查时间",
-          search: {
-            show: false,
-          },
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 155,
-          },
-        },
-        disabled: {
-          title: "禁用启用",
-          search: {
-            show: false,
-          },
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "启用", value: false, color: "green" },
-              { label: "禁用", value: true, color: "red" },
-            ],
-          }),
-          form: {
-            value: false,
-          },
-          column: {
-            width: 100,
-            sorter: true,
-            align: "center",
-            component: {
-              name: "fs-dict-switch",
-              vModel: "checked",
-              on: {
-                async change({ row, $event }) {
-                  await api.DisabledChange(row.id, $event);
-                  await crudExpose.doRefresh();
-                },
-              },
-            },
-          },
-        },
-        ipCheck: {
-          title: "开启IP检查",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "启用", value: true, color: "green" },
-              { label: "禁用", value: false, color: "gray" },
-            ],
-          }),
-          form: {
-            value: false,
-            rules: [{ required: true, message: "请选择" }],
-          },
-          column: {
-            align: "center",
-            width: 100,
-            conditionalRender: false,
-            component: {
-              name: "fs-dict-switch",
-              vModel: "checked",
-              on: {
-                change({ row, $event }) {
-                  Modal.confirm({
-                    title: "提示",
-                    content: `确定${$event ? "开启" : "关闭"}IP检查？`,
-                    onOk: async () => {
-                      await api.IpCheckChange(row.id, $event);
-                      await crudExpose.doRefresh();
-                      if ($event) {
-                        openSiteIpMonitorDialog({ siteId: row.id });
-                      }
-                    },
-                    onCancel: async () => {
-                      await crudExpose.doRefresh();
-                    },
-                  });
-                },
-              },
-            },
-          },
-        } as ColumnCompositionProps,
-        ipCount: {
-          title: "IP数量",
-          search: {
-            show: false,
-          },
-          type: "text",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 100,
-            sorter: true,
-            align: "center",
-          },
-        },
-        checkStatus: {
-          title: "检查状态",
-          search: {
-            show: false,
-          },
-          type: "dict-select",
-          dict: checkStatusDict,
-          form: {
-            show: false,
-          },
-          column: {
-            width: 100,
-            align: "center",
-            sorter: true,
-            cellRender({ value, row, key }) {
-              return (
-                <a-tooltip title={row.error}>
-                  <fs-values-format v-model={value} dict={checkStatusDict}></fs-values-format>
-                </a-tooltip>
-              );
-            },
-          },
-        },
-        // error: {
-        //   title: "错误信息",
-        //   search: {
-        //     show: false
-        //   },
-        //   type: "text",
-        //   form: {
-        //     show: false
-        //   },
-        //   column: {
-        //     width: 200,
-        //     sorter: true,
-        //     cellRender({ value }) {
-        //       return <a-tooltip title={value}>{value}</a-tooltip>;
-        //     }
-        //   }
-        // },
-        pipelineId: {
-          title: "关联流水线id",
-          search: {
-            show: false,
-          },
-          form: { show: false },
-          type: "number",
-          column: {
-            width: 200,
-            sorter: true,
-            show: false,
-          },
-        },
-        certInfoId: {
-          title: "证书id",
-          search: {
-            show: false,
-          },
-          type: "number",
-          form: { show: false },
-          column: {
-            width: 100,
-            sorter: true,
-            show: false,
-          },
-        },
-      },
-    },
-  };
+	const { openSiteIpMonitorDialog } = useSiteIpMonitor();
+	const { openSiteImportDialog } = useSiteImport();
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			form: {
+				labelCol: {
+					//固定label宽度
+					span: null,
+					style: {
+						width: "100px",
+					},
+				},
+				col: {
+					span: 22,
+				},
+				wrapper: {
+					width: 600,
+				},
+			},
+			actionbar: {
+				buttons: {
+					add: {
+						async click() {
+							if (!settingsStore.isPlus) {
+								// 非plus
+								if (crudBinding.value.data.length >= 1) {
+									notification.error({
+										message: t("certd.monitor.basicLimitError"),
+									});
+									mitter.emit("openVipModal");
+									return;
+								}
+							}
+
+
+							//检查是否监控站点数量超出限制
+							if (settingsStore.isComm && settingsStore.suiteSetting.enabled) {
+								// 检查数量是否超限
+								const suiteDetail = await mySuiteApi.SuiteDetailGet();
+								const max = suiteDetail.monitorCount.max;
+								if (max != -1 && max <= suiteDetail.monitorCount.used) {
+									notification.error({
+										message: t("certd.monitor.limitExceeded", { max }),
+									});
+									return;
+								}
+							}
+
+							await crudExpose.openAdd({});
+						},
+					},
+					//导入按钮
+					import: {
+						show: true,
+						text: t("certd.monitor.bulkImport"),
+						type: "primary",
+						async click() {
+							openSiteImportDialog({
+								afterSubmit() {
+									crudExpose.doRefresh();
+								},
+							});
+						},
+					},
+				},
+			},
+			rowHandle: {
+				fixed: "right",
+				width: 240,
+				buttons: {
+					check: {
+						order: 0,
+						type: "link",
+						text: null,
+						tooltip: {
+							title: "立即检查",
+						},
+						icon: "ion:play-sharp",
+						click: async ({ row }) => {
+							await api.DoCheck(row.id);
+							await crudExpose.doRefresh();
+							notification.success({
+								message: t("certd.monitor.checkSubmittedRefresh"),
+							});
+						},
+					},
+					ipCheck: {
+						order: 10,
+						type: "link",
+						text: null,
+						show: compute(({ row }) => row.ipCheck === true),
+						tooltip: {
+							title: t("certd.monitor.ipManagement"),
+						},
+						icon: "entypo:address",
+						click: async ({ row }) => {
+							openSiteIpMonitorDialog({ siteId: row.id });
+						},
+					},
+				},
+			},
+			tabs: {
+				name: "disabled",
+				show: true,
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					search: {
+						show: false,
+					},
+					column: {
+						width: 80,
+						align: "center",
+					},
+					form: {
+						show: false,
+					},
+				},
+				name: {
+					title: t("certd.monitor.siteName"),
+					search: {
+						show: true,
+					},
+					type: "text",
+					form: {
+						rules: [{ required: true, message: t("certd.monitor.enterSiteName") }],
+					},
+					column: {
+						width: 160,
+					},
+				},
+				domain: {
+					title: t("certd.monitor.domain"),
+					search: {
+						show: true,
+					},
+					type: "text",
+					form: {
+						rules: [
+							{ required: true, message: t("certd.monitor.enterDomain") },
+							// @ts-ignore
+							{ type: "domains", message: t("certd.monitor.enterValidDomain") },
+						],
+					},
+					column: {
+						width: 230,
+						sorter: true,
+						cellRender({ value, row }) {
+							const url = `https://${value}:${row.httpsPort}`;
+							return (
+								<a-tooltip title={value} placement="left">
+									<fs-copyable modelValue={value}>
+										<a target="_blank" href={url}>
+											{value}:{row.httpsPort}
+										</a>
+									</fs-copyable>
+								</a-tooltip>
+							);
+						},
+					},
+				},
+				httpsPort: {
+					title: t("certd.monitor.httpsPort"),
+					search: {
+						show: false,
+					},
+					type: "number",
+					form: {
+						value: 443,
+						rules: [{ required: true, message: t("certd.monitor.enterPort") }],
+					},
+					column: {
+						width: 100,
+						show: false,
+					},
+				},
+				certInfo: {
+					title: t("certd.monitor.certInfo"),
+					type: "text",
+					form: { show: false },
+					column: {
+						width: 200,
+						sorter: false,
+						show: true,
+						conditionalRender: false,
+						cellRender({ value, row }) {
+							const slots = {
+								content() {
+									return (
+										<div>
+											<div>{t("certd.monitor.issuer")}: {row.certProvider}</div>
+											<div>{t("certd.monitor.certDomains")}: {row.certDomains}</div>
+										</div>
+									);
+								},
+							};
+							return (
+								<a-popover placement={"left"} v-slots={slots} overlayStyle={{ maxWidth: "30%" }}>
+									{row.certDomains}
+								</a-popover>
+							);
+						},
+					},
+				},
+				certDomains: {
+					title: t("certd.monitor.certDomains"),
+					search: {
+						show: true,
+					},
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 200,
+						sorter: true,
+						show: false,
+						cellRender({ value }) {
+							return (
+								<a-tooltip title={value} placement="left">
+									{value}
+								</a-tooltip>
+							);
+						},
+					},
+				},
+				certProvider: {
+					title: t("certd.monitor.certProvider"),
+					search: {
+						show: false,
+					},
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 200,
+						sorter: true,
+						show: false,
+						cellRender({ value }) {
+							return <a-tooltip title={value}>{value}</a-tooltip>;
+						},
+					},
+				},
+				certStatus: {
+					title: t("certd.monitor.certStatus"),
+					search: {
+						show: true,
+					},
+					type: "dict-select",
+					dict: dict({
+						data: [
+							{ label: t("certd.monitor.status.ok"), value: "ok", color: "green" },
+							{ label: t("certd.monitor.status.expired"), value: "expired", color: "red" },
+						],
+					}),
+					form: {
+						show: false,
+					},
+					column: {
+						width: 100,
+						sorter: true,
+						show: true,
+						align: "center",
+					},
+				},
+				certExpiresTime: {
+					title: t("certd.monitor.certExpiresTime"),
+					search: {
+						show: false,
+					},
+					type: "date",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						cellRender({ value }) {
+							if (!value) {
+								return "-";
+							}
+							const expireDate = dayjs(value).format("YYYY-MM-DD");
+							const leftDays = dayjs(value).diff(dayjs(), "day");
+							const color = leftDays < 20 ? "red" : "#389e0d";
+							const percent = (leftDays / 90) * 100;
+							return (
+								<a-progress
+									title={expireDate + t("certd.monitor.expired")}
+									percent={percent}
+									strokeColor={color}
+									format={(percent: number) => `${leftDays}${t("certd.monitor.days")}`}
+								/>
+							);
+						},
+					},
+				},
+				lastCheckTime: {
+					title: t("certd.monitor.lastCheckTime"),
+					search: {
+						show: false,
+					},
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 155,
+					},
+				},
+				disabled: {
+					title: t("certd.monitor.disabled"),
+					search: {
+						show: false,
+					},
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t("common.enabled"), value: false, color: "green" },
+							{ label: t("common.disabled"), value: true, color: "red" },
+						],
+					}),
+					form: {
+						value: false,
+					},
+					column: {
+						width: 100,
+						sorter: true,
+						align: "center",
+						component: {
+							name: "fs-dict-switch",
+							vModel: "checked",
+							on: {
+								async change({ row, $event }) {
+									await api.DisabledChange(row.id, $event);
+									await crudExpose.doRefresh();
+								},
+							},
+						},
+					},
+				},
+				ipCheck: {
+					title: t("certd.monitor.ipCheck"),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t("common.enabled"), value: true, color: "green" },
+							{ label: t("common.disabled"), value: false, color: "gray" },
+						],
+					}),
+					form: {
+						value: false,
+						rules: [{ required: true, message: t("certd.monitor.selectRequired") }],
+					},
+					column: {
+						align: "center",
+						width: 100,
+						conditionalRender: false,
+						component: {
+							name: "fs-dict-switch",
+							vModel: "checked",
+							on: {
+								change({ row, $event }) {
+									Modal.confirm({
+										title: t("common.confirm"),
+										content: t("certd.monitor.ipCheckConfirm", { status: $event ? t("common.enabled") : t("common.disabled") }),
+										onOk: async () => {
+											await api.IpCheckChange(row.id, $event);
+											await crudExpose.doRefresh();
+											if ($event) {
+												openSiteIpMonitorDialog({ siteId: row.id });
+											}
+										},
+										onCancel: async () => {
+											await crudExpose.doRefresh();
+										},
+									});
+								},
+							},
+						},
+					}
+				} as ColumnCompositionProps,
+				ipCount: {
+					title: t("certd.monitor.ipCount"),
+					search: {
+						show: false,
+					},
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 100,
+						sorter: true,
+						align: "center",
+					},
+				},
+				checkStatus: {
+					title: t("certd.monitor.checkStatus"),
+					search: {
+						show: false,
+					},
+					type: "dict-select",
+					dict: checkStatusDict,
+					form: {
+						show: false,
+					},
+					column: {
+						width: 100,
+						align: "center",
+						sorter: true,
+						cellRender({ value, row }) {
+							return (
+								<a-tooltip title={row.error}>
+									<fs-values-format v-model={value} dict={checkStatusDict}></fs-values-format>
+								</a-tooltip>
+							);
+						},
+					},
+				},
+				// error: {
+				//   title: "错误信息",
+				//   search: {
+				//     show: false
+				//   },
+				//   type: "text",
+				//   form: {
+				//     show: false
+				//   },
+				//   column: {
+				//     width: 200,
+				//     sorter: true,
+				//     cellRender({ value }) {
+				//       return <a-tooltip title={value}>{value}</a-tooltip>;
+				//     }
+				//   }
+				// },
+				pipelineId: {
+					title: t("certd.monitor.pipelineId"),
+					search: {
+						show: false,
+					},
+					form: { show: false },
+					type: "number",
+					column: {
+						width: 200,
+						sorter: true,
+						show: false,
+					},
+				},
+				certInfoId: {
+					title: t("certd.monitor.certInfoId"),
+					search: {
+						show: false,
+					},
+					type: "number",
+					form: { show: false },
+					column: {
+						width: 100,
+						sorter: true,
+						show: false,
+					},
+				},
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/monitor/site/index.vue b/packages/ui/certd-client/src/views/certd/monitor/site/index.vue
index b3521df3..1da7404d 100644
--- a/packages/ui/certd-client/src/views/certd/monitor/site/index.vue
+++ b/packages/ui/certd-client/src/views/certd/monitor/site/index.vue
@@ -1,53 +1,61 @@
 <template>
-  <fs-page>
-    <template #header>
-      <div class="title flex items-center">
-        站点证书监控
-        <div class="sub flex-1">
-          <div>
-            每天0点，检查网站证书的过期时间，到期前10天时将发出提醒（使用默认通知渠道）;
-            <router-link to="/certd/monitor/setting">站点监控设置</router-link>
-          </div>
-          <div class="flex items-center">基础版限制1条，专业版以上无限制，当前<vip-button class="ml-5" mode="nav"></vip-button></div>
-        </div>
-      </div>
-      <div class="more">
-        <a-button type="primary" @click="checkAll">检查全部</a-button>
-      </div>
-    </template>
-    <fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
-  </fs-page>
+	<fs-page>
+		<template #header>
+			<div class="title flex items-center">
+				{{ t("certd.monitor.title") }}
+				<div class="sub flex-1">
+					<div>
+						{{ t("certd.monitor.description") }}
+						<router-link to="/certd/monitor/setting">{{ t("certd.monitor.settingLink") }}</router-link>
+					</div>
+					<div class="flex items-center">
+						{{ t("certd.monitor.limitInfo") }}
+						<vip-button class="ml-5" mode="nav"></vip-button>
+					</div>
+				</div>
+			</div>
+			<div class="more">
+				<a-button type="primary" @click="checkAll">{{ t("certd.monitor.checkAll") }}</a-button>
+			</div>
+		</template>
+		<fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
+	</fs-page>
 </template>
 
+
 <script lang="ts" setup>
 import { onActivated, onMounted } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
 import { siteInfoApi } from "./api";
 import { Modal, notification } from "ant-design-vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 defineOptions({
-  name: "SiteCertMonitor",
+	name: "SiteCertMonitor",
 });
 const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: {} });
 function checkAll() {
-  Modal.confirm({
-    title: "确认",
-    content: "确认触发检查全部站点证书吗?",
-    onOk: async () => {
-      await siteInfoApi.CheckAll();
-      notification.success({
-        message: "检查任务已提交",
-        description: "请稍后刷新页面查看结果",
-      });
-    },
-  });
+	Modal.confirm({
+		title: t("certd.monitor.confirmTitle"), // "确认"
+		content: t("certd.monitor.confirmContent"), // "确认触发检查全部站点证书吗?"
+		onOk: async () => {
+			await siteInfoApi.CheckAll();
+			notification.success({
+				message: t("certd.monitor.checkSubmitted"), // "检查任务已提交"
+				description: t("certd.monitor.pleaseRefresh"), // "请稍后刷新页面查看结果"
+			});
+		},
+	});
 }
 
+
 // 页面打开后获取列表数据
 onMounted(() => {
-  crudExpose.doRefresh();
+	crudExpose.doRefresh();
 });
 onActivated(() => {
-  crudExpose.doRefresh();
+	crudExpose.doRefresh();
 });
 </script>
diff --git a/packages/ui/certd-client/src/views/certd/monitor/site/ip/crud.tsx b/packages/ui/certd-client/src/views/certd/monitor/site/ip/crud.tsx
index 1fb77a2a..f600adb4 100644
--- a/packages/ui/certd-client/src/views/certd/monitor/site/ip/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/monitor/site/ip/crud.tsx
@@ -7,353 +7,354 @@ import { Modal, notification } from "ant-design-vue";
 import { useSiteIpMonitor } from "/@/views/certd/monitor/site/ip/use";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const api = siteIpApi;
+	const { t } = useI18n();
+	const api = siteIpApi;
 
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    if (!query.query) {
-      query.query = {};
-    }
-    query.query.siteId = context.props.siteId;
-    return await api.GetList(query);
-  };
-  const editRequest = async (req: EditReq) => {
-    const { form, row } = req;
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async (req: DelReq) => {
-    const { row } = req;
-    return await api.DelObj(row.id);
-  };
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		if (!query.query) {
+			query.query = {};
+		}
+		query.query.siteId = context.props.siteId;
+		return await api.GetList(query);
+	};
+	const editRequest = async (req: EditReq) => {
+		const { form, row } = req;
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async (req: DelReq) => {
+		const { row } = req;
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async (req: AddReq) => {
-    const { form } = req;
-    form.siteId = context.props.siteId;
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async (req: AddReq) => {
+		const { form } = req;
+		form.siteId = context.props.siteId;
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  const checkStatusDict = dict({
-    data: [
-      { label: "成功", value: "ok", color: "green" },
-      { label: "检查中", value: "checking", color: "blue" },
-      { label: "异常", value: "error", color: "red" },
-    ],
-  });
-  const { openSiteIpImportDialog } = useSiteIpMonitor();
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      form: {
-        labelCol: {
-          //固定label宽度
-          span: null,
-          style: {
-            width: "100px",
-          },
-        },
-        col: {
-          span: 22,
-        },
-        wrapper: {
-          width: 600,
-        },
-      },
-      actionbar: {
-        buttons: {
-          add: {
-            async click() {
-              await crudExpose.openAdd({});
-            },
-          },
-          import: {
-            show: true,
-            text: "批量导入",
-            type: "primary",
-            async click() {
-              openSiteIpImportDialog({
-                siteId: context.props.siteId,
-                afterSubmit() {
-                  crudExpose.doRefresh();
-                },
-              });
-            },
-          },
-          load: {
-            text: "同步IP",
-            type: "primary",
-            async click() {
-              Modal.confirm({
-                title: "同步IP",
-                content: "确定要同步IP吗？",
-                onOk: async () => {
-                  await api.DoSync(context.props.siteId);
-                  await crudExpose.doRefresh();
-                  notification.success({
-                    message: "同步完成",
-                  });
-                },
-              });
-            },
-          },
-          checkAll: {
-            text: "检查全部",
-            type: "primary",
-            click: () => {
-              Modal.confirm({
-                title: "确认",
-                content: "确认触发检查全部IP站点的证书吗?",
-                onOk: async () => {
-                  await siteIpApi.CheckAll(context.props.siteId);
-                  notification.success({
-                    message: "检查任务已提交",
-                    description: "请稍后刷新页面查看结果",
-                  });
-                },
-              });
-            },
-          },
-        },
-      },
-      rowHandle: {
-        fixed: "right",
-        width: 240,
-        buttons: {
-          check: {
-            order: 0,
-            type: "link",
-            text: null,
-            tooltip: {
-              title: "立即检查",
-            },
-            icon: "ion:play-sharp",
-            click: async ({ row }) => {
-              await api.DoCheck(row.id);
-              await crudExpose.doRefresh();
-              notification.success({
-                message: "检查任务已提交，请稍后刷新查看结果",
-              });
-            },
-          },
-        },
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          search: {
-            show: false,
-          },
-          column: {
-            width: 80,
-            align: "center",
-          },
-          form: {
-            show: false,
-          },
-        },
-        ipAddress: {
-          title: "IP",
-          search: {
-            show: true,
-          },
-          type: "text",
-          helper: "也支持填写CNAME域名",
-          form: {
-            rules: [{ required: true, message: "请输入IP" }],
-          },
-          column: {
-            width: 160,
-          },
-        },
-        certDomains: {
-          title: "证书域名",
-          search: {
-            show: false,
-          },
-          type: "text",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 200,
-            sorter: true,
-            show: false,
-            cellRender({ value }) {
-              return (
-                <a-tooltip title={value} placement="left">
-                  {value}
-                </a-tooltip>
-              );
-            },
-          },
-        },
-        certProvider: {
-          title: "颁发机构",
-          search: {
-            show: false,
-          },
-          type: "text",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 200,
-            show: false,
-            sorter: true,
-            cellRender({ value }) {
-              return <a-tooltip title={value}>{value}</a-tooltip>;
-            },
-          },
-        },
-        certStatus: {
-          title: "证书状态",
-          search: {
-            show: true,
-          },
-          type: "dict-select",
-          dict: dict({
-            data: [
-              { label: "正常", value: "ok", color: "green" },
-              { label: "过期", value: "expired", color: "red" },
-            ],
-          }),
-          form: {
-            show: false,
-          },
-          column: {
-            width: 100,
-            sorter: true,
-            show: true,
-            align: "center",
-          },
-        },
-        certExpiresTime: {
-          title: "证书到期时间",
-          search: {
-            show: false,
-          },
-          type: "date",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            cellRender({ value }) {
-              if (!value) {
-                return "-";
-              }
-              const expireDate = dayjs(value).format("YYYY-MM-DD");
-              const leftDays = dayjs(value).diff(dayjs(), "day");
-              const color = leftDays < 20 ? "red" : "#389e0d";
-              const percent = (leftDays / 90) * 100;
-              return <a-progress title={expireDate + "过期"} percent={percent} strokeColor={color} format={(percent: number) => `${leftDays}天`} />;
-            },
-          },
-        },
-        checkStatus: {
-          title: "检查状态",
-          search: {
-            show: false,
-          },
-          type: "dict-select",
-          dict: checkStatusDict,
-          form: {
-            show: false,
-          },
-          column: {
-            width: 100,
-            align: "center",
-            sorter: true,
-            cellRender({ value, row, key }) {
-              return (
-                <a-tooltip title={row.error}>
-                  <fs-values-format v-model={value} dict={checkStatusDict}></fs-values-format>
-                </a-tooltip>
-              );
-            },
-          },
-        },
-        lastCheckTime: {
-          title: "上次检查时间",
-          search: {
-            show: false,
-          },
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 155,
-          },
-        },
-        from: {
-          title: "来源",
-          search: {
-            show: false,
-          },
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "同步", value: "sync", color: "green" },
-              { label: "手动", value: "manual", color: "blue" },
-              { label: "导入", value: "import", color: "blue" },
-            ],
-          }),
-          form: {
-            value: false,
-          },
-          column: {
-            width: 100,
-            sorter: true,
-            align: "center",
-          },
-        },
-        disabled: {
-          title: "禁用启用",
-          search: {
-            show: false,
-          },
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "启用", value: false, color: "green" },
-              { label: "禁用", value: true, color: "red" },
-            ],
-          }),
-          form: {
-            value: false,
-          },
-          column: {
-            width: 100,
-            sorter: true,
-            align: "center",
-          },
-        },
-        remark: {
-          title: "备注",
-          search: {
-            show: false,
-          },
-          type: "text",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 200,
-            sorter: true,
-            tooltip: true,
-          },
-        },
-      },
-    },
-  };
+	const checkStatusDict = dict({
+		data: [
+			{ label: t("certd.statusSuccess"), value: "ok", color: "green" },
+			{ label: t("certd.statusChecking"), value: "checking", color: "blue" },
+			{ label: t("certd.statusError"), value: "error", color: "red" },
+		],
+	});
+	const { openSiteIpImportDialog } = useSiteIpMonitor();
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			form: {
+				labelCol: {
+					//固定label宽度
+					span: null,
+					style: {
+						width: "100px",
+					},
+				},
+				col: {
+					span: 22,
+				},
+				wrapper: {
+					width: 600,
+				},
+			},
+			actionbar: {
+				buttons: {
+					add: {
+						async click() {
+							await crudExpose.openAdd({});
+						},
+					},
+					import: {
+						show: true,
+						text: t("certd.actionImportBatch"),
+						type: "primary",
+						async click() {
+							openSiteIpImportDialog({
+								siteId: context.props.siteId,
+								afterSubmit() {
+									crudExpose.doRefresh();
+								},
+							});
+						},
+					},
+					load: {
+						text: t("certd.actionSyncIp"),
+						type: "primary",
+						async click() {
+							Modal.confirm({
+								title: t("certd.modalTitleSyncIp"),
+								content: t("certd.modalContentSyncIp"),
+								onOk: async () => {
+									await api.DoSync(context.props.siteId);
+									await crudExpose.doRefresh();
+									notification.success({
+										message: t("certd.notificationSyncComplete"),
+									});
+								},
+							});
+						},
+					},
+					checkAll: {
+						text: t("certd.actionCheckAll"),
+						type: "primary",
+						click: () => {
+							Modal.confirm({
+								title: t("certd.modalTitleConfirm"),
+								content: t("certd.modalContentCheckAll"),
+								onOk: async () => {
+									await siteIpApi.CheckAll(context.props.siteId);
+									notification.success({
+										message: t("certd.notificationCheckSubmitted"),
+										description: t("certd.notificationCheckDescription"),
+									});
+								},
+							});
+						},
+					},
+				},
+			},
+			rowHandle: {
+				fixed: "right",
+				width: 240,
+				buttons: {
+					check: {
+						order: 0,
+						type: "link",
+						text: null,
+						tooltip: {
+							title: t("certd.tooltipCheckNow"),
+						},
+						icon: "ion:play-sharp",
+						click: async ({ row }) => {
+							await api.DoCheck(row.id);
+							await crudExpose.doRefresh();
+							notification.success({
+								message: t("certd.notificationCheckSubmittedPleaseRefresh"),
+							});
+						},
+					},
+				},
+			},
+			columns: {
+				id: {
+					title: t("certd.columnId"),
+					key: "id",
+					type: "number",
+					search: {
+						show: false,
+					},
+					column: {
+						width: 80,
+						align: "center",
+					},
+					form: {
+						show: false,
+					},
+				},
+				ipAddress: {
+					title: t("certd.columnIp"),
+					search: {
+						show: true,
+					},
+					type: "text",
+					helper: t("certd.helperIpCname"),
+					form: {
+						rules: [{ required: true, message: t("certd.ruleIpRequired") }],
+					},
+					column: {
+						width: 160,
+					},
+				},
+				certDomains: {
+					title: t("certd.columnCertDomains"),
+					search: {
+						show: false,
+					},
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 200,
+						sorter: true,
+						show: false,
+						cellRender({ value }) {
+							return (
+								<a-tooltip title={value} placement="left">
+									{value}
+								</a-tooltip>
+							);
+						},
+					},
+				},
+				certProvider: {
+					title: t("certd.columnCertProvider"),
+					search: {
+						show: false,
+					},
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 200,
+						show: false,
+						sorter: true,
+						cellRender({ value }) {
+							return <a-tooltip title={value}>{value}</a-tooltip>;
+						},
+					},
+				},
+				certStatus: {
+					title: t("certd.columnCertStatus"),
+					search: {
+						show: true,
+					},
+					type: "dict-select",
+					dict: dict({
+						data: [
+							{ label: t("certd.statusNormal"), value: "ok", color: "green" },
+							{ label: t("certd.statusExpired"), value: "expired", color: "red" },
+						],
+					}),
+					form: {
+						show: false,
+					},
+					column: {
+						width: 100,
+						sorter: true,
+						show: true,
+						align: "center",
+					},
+				},
+				certExpiresTime: {
+					title: t("certd.columnCertExpiresTime"),
+					search: {
+						show: false,
+					},
+					type: "date",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						cellRender({ value }) {
+							if (!value) {
+								return "-";
+							}
+							const expireDate = dayjs(value).format("YYYY-MM-DD");
+							const leftDays = dayjs(value).diff(dayjs(), "day");
+							const color = leftDays < 20 ? "red" : "#389e0d";
+							const percent = (leftDays / 90) * 100;
+							return <a-progress title={expireDate + " " + t("certd.expired")} percent={percent} strokeColor={color} format={(percent: number) => `${leftDays} ${t("certd.days")}`} />;
+						},
+					},
+				},
+				checkStatus: {
+					title: t("certd.columnCheckStatus"),
+					search: {
+						show: false,
+					},
+					type: "dict-select",
+					dict: checkStatusDict,
+					form: {
+						show: false,
+					},
+					column: {
+						width: 100,
+						align: "center",
+						sorter: true,
+						cellRender({ value, row, key }) {
+							return (
+								<a-tooltip title={row.error}>
+									<fs-values-format v-model={value} dict={checkStatusDict}></fs-values-format>
+								</a-tooltip>
+							);
+						},
+					},
+				},
+				lastCheckTime: {
+					title: t("certd.columnLastCheckTime"),
+					search: {
+						show: false,
+					},
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 155,
+					},
+				},
+				from: {
+					title: t("certd.columnSource"),
+					search: {
+						show: false,
+					},
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t("certd.sourceSync"), value: "sync", color: "green" },
+							{ label: t("certd.sourceManual"), value: "manual", color: "blue" },
+							{ label: t("certd.sourceImport"), value: "import", color: "blue" },
+						],
+					}),
+					form: {
+						value: false,
+					},
+					column: {
+						width: 100,
+						sorter: true,
+						align: "center",
+					},
+				},
+				disabled: {
+					title: t("certd.columnDisabled"),
+					search: {
+						show: false,
+					},
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t("certd.enabled"), value: false, color: "green" },
+							{ label: t("certd.disabled"), value: true, color: "red" },
+						],
+					}),
+					form: {
+						value: false,
+					},
+					column: {
+						width: 100,
+						sorter: true,
+						align: "center",
+					},
+				},
+				remark: {
+					title: t("certd.columnRemark"),
+					search: {
+						show: false,
+					},
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 200,
+						sorter: true,
+						tooltip: true,
+					},
+				},
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/monitor/site/setting/index.vue b/packages/ui/certd-client/src/views/certd/monitor/site/setting/index.vue
index 57a6bc2d..0c5c3934 100644
--- a/packages/ui/certd-client/src/views/certd/monitor/site/setting/index.vue
+++ b/packages/ui/certd-client/src/views/certd/monitor/site/setting/index.vue
@@ -1,37 +1,41 @@
 <template>
-  <fs-page class="page-user-settings page-site-monitor-setting">
-    <template #header>
-      <div class="title">站点监控设置</div>
-    </template>
-    <div class="user-settings-form settings-form">
-      <a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off">
-        <a-form-item label="通知渠道" :name="['notificationId']">
-          <div class="flex">
-            <NotificationSelector v-model="formState.notificationId" />
-          </div>
-          <div class="helper">设置通知渠道</div>
-        </a-form-item>
-        <a-form-item label="重试次数" :name="['retryTimes']">
-          <div class="flex">
-            <a-input-number v-model:value="formState.retryTimes" />
-          </div>
-          <div class="helper">监控请求重试次数</div>
-        </a-form-item>
-        <a-form-item label="监控定时设置" :name="['cron']">
-          <div class="flex flex-baseline">
-            <cron-editor v-model="formState.cron" :disabled="!settingsStore.isPlus" :allow-every-min="userStore.isAdmin" />
-            <vip-button class="ml-5" mode="button"></vip-button>
-          </div>
-          <div class="helper">定时触发监控</div>
-        </a-form-item>
-        <a-form-item label=" " :colon="false" :wrapper-col="{ span: 16 }">
-          <loading-button type="primary" html-type="button" :click="doSave">保存</loading-button>
-        </a-form-item>
-      </a-form>
-    </div>
-  </fs-page>
+	<fs-page class="page-user-settings page-site-monitor-setting">
+		<template #header>
+			<div class="title">{{ t("certd.siteMonitorSettings") }}</div>
+		</template>
+		<div class="user-settings-form settings-form">
+			<a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }"
+				autocomplete="off">
+				<a-form-item :label="t('certd.notificationChannel')" :name="['notificationId']">
+					<div class="flex">
+						<NotificationSelector v-model="formState.notificationId" />
+					</div>
+					<div class="helper">{{ t('certd.setNotificationChannel') }}</div>
+				</a-form-item>
+				<a-form-item :label="t('certd.retryTimes')" :name="['retryTimes']">
+					<div class="flex">
+						<a-input-number v-model:value="formState.retryTimes" />
+					</div>
+					<div class="helper">{{ t('certd.monitorRetryTimes') }}</div>
+				</a-form-item>
+				<a-form-item :label="t('certd.monitorCronSetting')" :name="['cron']">
+					<div class="flex flex-baseline">
+						<cron-editor v-model="formState.cron" :disabled="!settingsStore.isPlus"
+							:allow-every-min="userStore.isAdmin" />
+						<vip-button class="ml-5" mode="button"></vip-button>
+					</div>
+					<div class="helper">{{ t('certd.cronTrigger') }}</div>
+				</a-form-item>
+				<a-form-item label=" " :colon="false" :wrapper-col="{ span: 16 }">
+					<loading-button type="primary" html-type="button" :click="doSave">{{ t('certd.save')
+					}}</loading-button>
+				</a-form-item>
+			</a-form>
+		</div>
+	</fs-page>
 </template>
 
+
 <script setup lang="tsx">
 import { reactive } from "vue";
 import * as api from "./api";
@@ -41,38 +45,41 @@ import { merge } from "lodash-es";
 import { useSettingStore } from "/src/store/settings";
 import NotificationSelector from "/@/views/certd/notification/notification-selector/index.vue";
 import { useUserStore } from "/@/store/user";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const settingsStore = useSettingStore();
 const userStore = useUserStore();
 defineOptions({
-  name: "UserSecurity",
+	name: "UserSecurity",
 });
 
 const formState = reactive<Partial<UserSiteMonitorSetting>>({
-  notificationId: 0,
+	notificationId: 0,
 });
 
 async function loadUserSettings() {
-  const data: any = await api.SiteMonitorSettingsGet();
-  merge(formState, data);
+	const data: any = await api.SiteMonitorSettingsGet();
+	merge(formState, data);
 }
 
 loadUserSettings();
 const doSave = async (form: any) => {
-  await api.SiteMonitorSettingsSave({
-    ...formState,
-  });
-  notification.success({
-    message: "保存成功",
-  });
+	await api.SiteMonitorSettingsSave({
+		...formState,
+	});
+	notification.success({
+		message: t("certd.saveSuccess"),
+	});
 };
 </script>
 
 <style lang="less">
 .page-user-settings {
-  .user-settings-form {
-    width: 700px;
-    margin: 20px;
-  }
+	.user-settings-form {
+		width: 700px;
+		margin: 20px;
+	}
 }
 </style>
diff --git a/packages/ui/certd-client/src/views/certd/monitor/site/use.tsx b/packages/ui/certd-client/src/views/certd/monitor/site/use.tsx
index a4b913b7..32b0efc3 100644
--- a/packages/ui/certd-client/src/views/certd/monitor/site/use.tsx
+++ b/packages/ui/certd-client/src/views/certd/monitor/site/use.tsx
@@ -1,41 +1,44 @@
 import { useFormWrapper } from "@fast-crud/fast-crud";
 import { siteInfoApi } from "./api";
+import { useI18n } from "vue-i18n";
 
 export function useSiteImport() {
-  const { openCrudFormDialog } = useFormWrapper();
+	const { t } = useI18n();
+	const { openCrudFormDialog } = useFormWrapper();
 
-  async function openSiteImportDialog(opts: { afterSubmit: any }) {
-    const { afterSubmit } = opts;
-    await openCrudFormDialog<any>({
-      crudOptions: {
-        columns: {
-          text: {
-            type: "textarea",
-            title: "域名列表",
-            form: {
-              helper: "格式【域名:端口:名称】，一行一个，其中端口、名称可以省略\n比如：\nwww.baidu.com:443:百度\nwww.taobao.com::淘宝\nwww.google.com",
-              rules: [{ required: true, message: "请输入要导入的域名" }],
-              component: {
-                placeholder: "www.baidu.com:443:百度\nwww.taobao.com::淘宝\nwww.google.com\n",
-                rows: 8,
-              },
-              col: {
-                span: 24,
-              },
-            },
-          },
-        },
-        form: {
-          async doSubmit({ form }) {
-            return siteInfoApi.Import(form);
-          },
-          afterSubmit,
-        },
-      },
-    });
-  }
+	async function openSiteImportDialog(opts: { afterSubmit: any }) {
+		const { afterSubmit } = opts;
+		await openCrudFormDialog<any>({
+			crudOptions: {
+				columns: {
+					text: {
+						type: "textarea",
+						title: t("certd.domainList.title"), // 域名列表
+						form: {
+							helper: t("certd.domainList.helper"),
+							rules: [{ required: true, message: t("certd.domainList.required") }],
+							component: {
+								placeholder: t("certd.domainList.placeholder"),
+								rows: 8,
+							},
+							col: {
+								span: 24,
+							},
+						},
+					},
+				},
 
-  return {
-    openSiteImportDialog,
-  };
+				form: {
+					async doSubmit({ form }) {
+						return siteInfoApi.Import(form);
+					},
+					afterSubmit,
+				},
+			},
+		});
+	}
+
+	return {
+		openSiteImportDialog,
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/notification/common.tsx b/packages/ui/certd-client/src/views/certd/notification/common.tsx
index 18e061cd..196adcdd 100644
--- a/packages/ui/certd-client/src/views/certd/notification/common.tsx
+++ b/packages/ui/certd-client/src/views/certd/notification/common.tsx
@@ -5,238 +5,241 @@ import { forEach, get, merge, set } from "lodash-es";
 import { Modal } from "ant-design-vue";
 import * as api from "/@/views/sys/cname/provider/api";
 import { mitter } from "/@/utils/util.mitt";
+import { useI18n } from "vue-i18n";
 
 export function notificationProvide(api: any) {
-  provide("notificationApi", api);
-  provide("get:plugin:type", () => {
-    return "notification";
-  });
+	provide("notificationApi", api);
+	provide("get:plugin:type", () => {
+		return "notification";
+	});
 }
 
 export function getCommonColumnDefine(crudExpose: any, typeRef: any, api: any) {
-  const notificationTypeDictRef = dict({
-    url: "/pi/notification/getTypeDict",
-  });
-  const defaultPluginConfig = {
-    component: {
-      name: "a-input",
-      vModel: "value",
-    },
-  };
+	const { t } = useI18n();
 
-  function buildDefineFields(define: any, form: any, mode: string) {
-    const formWrapperRef = crudExpose.getFormWrapperRef();
-    const columnsRef = toRef(formWrapperRef.formOptions, "columns");
+	const notificationTypeDictRef = dict({
+		url: "/pi/notification/getTypeDict",
+	});
+	const defaultPluginConfig = {
+		component: {
+			name: "a-input",
+			vModel: "value",
+		},
+	};
 
-    for (const key in columnsRef.value) {
-      if (key.indexOf(".") >= 0) {
-        delete columnsRef.value[key];
-      }
-    }
-    console.log('crudBinding.value[mode + "Form"].columns', columnsRef.value);
-    forEach(define.input, (value: any, mapKey: any) => {
-      const key = "body." + mapKey;
-      const field = {
-        ...value,
-        key,
-      };
-      const column = merge({ title: key }, defaultPluginConfig, field);
-      //eval
-      useReference(column);
+	function buildDefineFields(define: any, form: any, mode: string) {
+		const formWrapperRef = crudExpose.getFormWrapperRef();
+		const columnsRef = toRef(formWrapperRef.formOptions, "columns");
 
-      if (column.required) {
-        if (!column.rules) {
-          column.rules = [];
-        }
-        column.rules.push({ required: true, message: "此项必填" });
-      }
+		for (const key in columnsRef.value) {
+			if (key.indexOf(".") >= 0) {
+				delete columnsRef.value[key];
+			}
+		}
+		console.log('crudBinding.value[mode + "Form"].columns', columnsRef.value);
+		forEach(define.input, (value: any, mapKey: any) => {
+			const key = "body." + mapKey;
+			const field = {
+				...value,
+				key,
+			};
+			const column = merge({ title: key }, defaultPluginConfig, field);
+			//eval
+			useReference(column);
 
-      //设置默认值
-      if (column.value != null && get(form, key) == null) {
-        set(form, key, column.value);
-      }
-      //字段配置赋值
-      columnsRef.value[key] = column;
-      console.log("form", columnsRef.value, form);
-    });
-  }
+			if (column.required) {
+				if (!column.rules) {
+					column.rules = [];
+				}
+				column.rules.push({ required: true, message: t("certd.requiredField") });
+			}
 
-  const currentDefine = ref();
+			//设置默认值
+			if (column.value != null && get(form, key) == null) {
+				set(form, key, column.value);
+			}
+			//字段配置赋值
+			columnsRef.value[key] = column;
+			console.log("form", columnsRef.value, form);
+		});
+	}
 
-  return {
-    id: {
-      title: "ID",
-      key: "id",
-      type: "number",
-      column: {
-        width: 100,
-      },
-      form: {
-        show: false,
-      },
-    },
-    type: {
-      title: "通知类型",
-      type: "dict-select",
-      dict: notificationTypeDictRef,
-      search: {
-        show: false,
-      },
-      column: {
-        width: 200,
-        component: {
-          color: "auto",
-        },
-      },
-      editForm: {
-        component: {
-          disabled: false,
-        },
-      },
-      form: {
-        component: {
-          disabled: false,
-          showSearch: true,
-          filterOption: (input: string, option: any) => {
-            input = input?.toLowerCase();
-            return option.value.toLowerCase().indexOf(input) >= 0 || option.label.toLowerCase().indexOf(input) >= 0;
-          },
-          renderLabel(item: any) {
-            return (
-              <span class={"flex-o flex-between"}>
-                {item.label}
-                {item.needPlus && <fs-icon icon={"mingcute:vip-1-line"} className={"color-plus"}></fs-icon>}
-              </span>
-            );
-          },
-        },
-        rules: [{ required: true, message: "请选择通知类型" }],
-        valueChange: {
-          immediate: true,
-          async handle({ value, mode, form, immediate }) {
-            if (value == null) {
-              return;
-            }
-            const lastTitle = currentDefine.value?.title;
-            const define = await api.GetProviderDefine(value);
-            currentDefine.value = define;
-            console.log("define", define);
+	const currentDefine = ref();
 
-            if (!immediate) {
-              form.body = {};
-              if (define.needPlus) {
-                mitter.emit("openVipModal");
-              }
-            }
+	return {
+		id: {
+			title: "ID",
+			key: "id",
+			type: "number",
+			column: {
+				width: 100,
+			},
+			form: {
+				show: false,
+			},
+		},
+		type: {
+			title: t("certd.notificationType"),
+			type: "dict-select",
+			dict: notificationTypeDictRef,
+			search: {
+				show: false,
+			},
+			column: {
+				width: 200,
+				component: {
+					color: "auto",
+				},
+			},
+			editForm: {
+				component: {
+					disabled: false,
+				},
+			},
+			form: {
+				component: {
+					disabled: false,
+					showSearch: true,
+					filterOption: (input: string, option: any) => {
+						input = input?.toLowerCase();
+						return option.value.toLowerCase().indexOf(input) >= 0 || option.label.toLowerCase().indexOf(input) >= 0;
+					},
+					renderLabel(item: any) {
+						return (
+							<span class={"flex-o flex-between"}>
+								{item.label}
+								{item.needPlus && <fs-icon icon={"mingcute:vip-1-line"} className={"color-plus"}></fs-icon>}
+							</span>
+						);
+					},
+				},
+				rules: [{ required: true, message: t("certd.selectNotificationType") }],
+				valueChange: {
+					immediate: true,
+					async handle({ value, mode, form, immediate }) {
+						if (value == null) {
+							return;
+						}
+						const lastTitle = currentDefine.value?.title;
+						const define = await api.GetProviderDefine(value);
+						currentDefine.value = define;
+						console.log("define", define);
 
-            if (!form.name || form.name === lastTitle) {
-              form.name = define.title;
-            }
-            buildDefineFields(define, form, mode);
-          },
-        },
-        helper: computed(() => {
-          const define = currentDefine.value;
-          if (define == null) {
-            return "";
-          }
-          return define.desc;
-        }),
-      },
-    } as ColumnCompositionProps,
-    name: {
-      title: "通知名称",
-      search: {
-        show: true,
-      },
-      type: ["text"],
-      form: {
-        rules: [{ required: true, message: "请填写名称" }],
-        helper: "随便填，当多个相同类型的通知时，便于区分",
-      },
-      column: {
-        width: 200,
-      },
-    },
-    isDefault: {
-      title: "是否默认",
-      type: "dict-switch",
-      dict: dict({
-        data: [
-          { label: "是", value: true, color: "success" },
-          { label: "否", value: false, color: "default" },
-        ],
-      }),
-      form: {
-        value: false,
-        rules: [{ required: true, message: "请选择是否默认" }],
-        order: 999,
-      },
-      column: {
-        align: "center",
-        width: 100,
-        component: {
-          name: "a-switch",
-          vModel: "checked",
-          disabled: compute(({ value }) => {
-            return value === true;
-          }),
-          on: {
-            change({ row }) {
-              Modal.confirm({
-                title: "提示",
-                content: "确定设置为默认通知？",
-                onOk: async () => {
-                  await api.SetDefault(row.id);
-                  await crudExpose.doRefresh();
-                },
-                onCancel: async () => {
-                  await crudExpose.doRefresh();
-                },
-              });
-            },
-          },
-        },
-      },
-    } as ColumnCompositionProps,
-    test: {
-      title: "测试",
-      form: {
-        show: compute(({ form }) => {
-          return !!form.type;
-        }),
-        component: {
-          name: "api-test",
-          action: "TestRequest",
-        },
-        order: 990,
-        col: {
-          span: 24,
-        },
-      },
-      column: {
-        show: false,
-      },
-    },
-    setting: {
-      column: { show: false },
-      form: {
-        show: false,
-        valueBuilder({ value, form }) {
-          form.body = {};
-          if (!value) {
-            return;
-          }
-          const setting = JSON.parse(value);
-          for (const key in setting) {
-            form.body[key] = setting[key];
-          }
-        },
-        valueResolve({ form }) {
-          const setting = form.body;
-          form.setting = JSON.stringify(setting);
-        },
-      },
-    } as ColumnCompositionProps,
-  };
+						if (!immediate) {
+							form.body = {};
+							if (define.needPlus) {
+								mitter.emit("openVipModal");
+							}
+						}
+
+						if (!form.name || form.name === lastTitle) {
+							form.name = define.title;
+						}
+						buildDefineFields(define, form, mode);
+					},
+				},
+				helper: computed(() => {
+					const define = currentDefine.value;
+					if (define == null) {
+						return "";
+					}
+					return define.desc;
+				}),
+			},
+		} as ColumnCompositionProps,
+		name: {
+			title: t("certd.notificationName"),
+			search: {
+				show: true,
+			},
+			type: ["text"],
+			form: {
+				rules: [{ required: true, message: t("certd.enterName") }],
+				helper: t("certd.helperNotificationName"),
+			},
+			column: {
+				width: 200,
+			},
+		},
+		isDefault: {
+			title: t("certd.isDefault"),
+			type: "dict-switch",
+			dict: dict({
+				data: [
+					{ label: t("certd.yes"), value: true, color: "success" },
+					{ label: t("certd.no"), value: false, color: "default" },
+				],
+			}),
+			form: {
+				value: false,
+				rules: [{ required: true, message: t("certd.selectIsDefault") }],
+				order: 999,
+			},
+			column: {
+				align: "center",
+				width: 100,
+				component: {
+					name: "a-switch",
+					vModel: "checked",
+					disabled: compute(({ value }) => {
+						return value === true;
+					}),
+					on: {
+						change({ row }) {
+							Modal.confirm({
+								title: t("certd.prompt"),
+								content: t("certd.confirmSetDefaultNotification"),
+								onOk: async () => {
+									await api.SetDefault(row.id);
+									await crudExpose.doRefresh();
+								},
+								onCancel: async () => {
+									await crudExpose.doRefresh();
+								},
+							});
+						},
+					},
+				},
+			},
+		} as ColumnCompositionProps,
+		test: {
+			title: t("certd.test"),
+			form: {
+				show: compute(({ form }) => {
+					return !!form.type;
+				}),
+				component: {
+					name: "api-test",
+					action: "TestRequest",
+				},
+				order: 990,
+				col: {
+					span: 24,
+				},
+			},
+			column: {
+				show: false,
+			},
+		},
+		setting: {
+			column: { show: false },
+			form: {
+				show: false,
+				valueBuilder({ value, form }) {
+					form.body = {};
+					if (!value) {
+						return;
+					}
+					const setting = JSON.parse(value);
+					for (const key in setting) {
+						form.body[key] = setting[key];
+					}
+				},
+				valueResolve({ form }) {
+					const setting = form.body;
+					form.setting = JSON.stringify(setting);
+				},
+			},
+		} as ColumnCompositionProps,
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/notification/notification-selector/index.vue b/packages/ui/certd-client/src/views/certd/notification/notification-selector/index.vue
index 1ac58c86..cc10c45b 100644
--- a/packages/ui/certd-client/src/views/certd/notification/notification-selector/index.vue
+++ b/packages/ui/certd-client/src/views/certd/notification/notification-selector/index.vue
@@ -1,36 +1,26 @@
 <template>
-  <div class="notification-selector">
-    <div class="flex-o w-100">
-      <fs-dict-select class="flex-1" :value="modelValue" :dict="optionsDictRef" :disabled="disabled" :render-label="renderLabel" :slots="selectSlots" :allow-clear="true" v-bind="select" @update:value="onChange" />
-      <fs-table-select
-        ref="tableSelectRef"
-        class="flex-0"
-        :model-value="modelValue"
-        :dict="optionsDictRef"
-        :create-crud-options="createCrudOptions"
-        :crud-options-override="{
-          search: { show: false },
-          table: {
-            scroll: {
-              x: 540,
-            },
-          },
-        }"
-        :show-current="false"
-        :show-select="false"
-        :dialog="{ width: 960 }"
-        :destroy-on-close="false"
-        height="400px"
-        v-bind="tableSelect"
-        @update:model-value="onChange"
-        @dialog-closed="doRefresh"
-      >
-        <template #default="scope">
-          <fs-button class="ml-5" :disabled="disabled" :size="size" type="primary" icon="ant-design:edit-outlined" @click="scope.open"></fs-button>
-        </template>
-      </fs-table-select>
-    </div>
-  </div>
+	<div class="notification-selector">
+		<div class="flex-o w-100">
+			<fs-dict-select class="flex-1" :value="modelValue" :dict="optionsDictRef" :disabled="disabled"
+				:render-label="renderLabel" :slots="selectSlots" :allow-clear="true" v-bind="select"
+				@update:value="onChange" />
+			<fs-table-select ref="tableSelectRef" class="flex-0" :model-value="modelValue" :dict="optionsDictRef"
+				:create-crud-options="createCrudOptions" :crud-options-override="{
+					search: { show: false },
+					table: {
+						scroll: {
+							x: 540,
+						},
+					},
+				}" :show-current="false" :show-select="false" :dialog="{ width: 960 }" :destroy-on-close="false" height="400px"
+				v-bind="tableSelect" @update:model-value="onChange" @dialog-closed="doRefresh">
+				<template #default="scope">
+					<fs-button class="ml-5" :disabled="disabled" :size="size" type="primary"
+						icon="ant-design:edit-outlined" @click="scope.open"></fs-button>
+				</template>
+			</fs-table-select>
+		</div>
+	</div>
 </template>
 
 <script lang="tsx" setup>
@@ -41,23 +31,26 @@ import { dict } from "@fast-crud/fast-crud";
 import createCrudOptions from "../crud";
 import { notificationProvide } from "/@/views/certd/notification/common";
 import { useUserStore } from "/@/store/user";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
-  name: "NotificationSelector",
+	name: "NotificationSelector",
 });
 
 const props = defineProps<{
-  modelValue?: number | string | number[] | string[];
-  type?: string;
-  placeholder?: string;
-  size?: string;
-  disabled?: boolean;
-  select?: any;
-  tableSelect?: any;
+	modelValue?: number | string | number[] | string[];
+	type?: string;
+	placeholder?: string;
+	size?: string;
+	disabled?: boolean;
+	select?: any;
+	tableSelect?: any;
 }>();
 
 const onChange = async (value: number) => {
-  await emitValue(value);
+	await emitValue(value);
 };
 
 const emit = defineEmits(["update:modelValue", "selectedChange", "change"]);
@@ -76,89 +69,90 @@ notificationProvide(api);
 // loadNotificationTypes();
 const tableSelectRef = ref();
 const optionsDictRef = dict({
-  url: "/pi/notification/options",
-  value: "id",
-  label: "name",
-  onReady: ({ dict }) => {
-    const data = [
-      {
-        id: 0,
-        name: "使用默认通知",
-        icon: "ion:notifications",
-      },
-      ...dict.data,
-    ];
-    dict.setData(data);
-  },
+	url: "/pi/notification/options",
+	value: "id",
+	label: "name",
+	onReady: ({ dict }) => {
+		const data = [
+			{
+				id: 0,
+				name: t("certd.notificationDefault"),
+				icon: "ion:notifications",
+			},
+			...dict.data,
+		];
+		dict.setData(data);
+	},
 });
+
 const renderLabel = (option: any) => {
-  return <span>{option.name}</span>;
+	return <span>{option.name}</span>;
 };
 
 async function openTableSelectDialog() {
-  selectOpened.value = false;
-  await tableSelectRef.value.open({});
-  await tableSelectRef.value.crudExpose.openAdd({});
+	selectOpened.value = false;
+	await tableSelectRef.value.open({});
+	await tableSelectRef.value.crudExpose.openAdd({});
 }
 
 const selectOpened = ref(false);
 const selectSlots = ref({
-  dropdownRender({ menuNode, props }: any) {
-    const res = [];
-    res.push(menuNode);
-    // res.push(<a-divider style="margin: 4px 0" />);
-    // res.push(<a-space style="padding: 4px 8px" />);
-    // res.push(<fs-button class="w-100" type="text" icon="plus-outlined" text="新建通知渠道" onClick={openTableSelectDialog}></fs-button>);
-    return res;
-  },
+	dropdownRender({ menuNode, props }: any) {
+		const res = [];
+		res.push(menuNode);
+		// res.push(<a-divider style="margin: 4px 0" />);
+		// res.push(<a-space style="padding: 4px 8px" />);
+		// res.push(<fs-button class="w-100" type="text" icon="plus-outlined" text="新建通知渠道" onClick={openTableSelectDialog}></fs-button>);
+		return res;
+	},
 });
 
 const target: Ref<any> = ref({});
 
 function clear() {
-  if (props.disabled) {
-    return;
-  }
-  emitValue(null);
+	if (props.disabled) {
+		return;
+	}
+	emitValue(null);
 }
 
 const userStore = useUserStore();
 
 async function emitValue(value: any) {
-  // target.value = optionsDictRef.dataMap[value];
-  const userId = userStore.userInfo.id;
-  if (pipeline?.value && pipeline.value.userId !== userId) {
-    message.error("对不起，您不能修改他人流水线的通知");
-    return;
-  }
-  emit("change", value);
-  emit("update:modelValue", value);
+	// target.value = optionsDictRef.dataMap[value];
+	const userId = userStore.userInfo.id;
+	if (pipeline?.value && pipeline.value.userId !== userId) {
+		message.error("对不起，您不能修改他人流水线的通知");
+		return;
+	}
+	emit("change", value);
+	emit("update:modelValue", value);
 }
 
 watch(
-  () => {
-    return props.modelValue;
-  },
-  async value => {
-    await optionsDictRef.loadDict();
-    //@ts-ignore
-    target.value = optionsDictRef.dataMap[value];
-    emit("selectedChange", target.value);
-  },
-  {
-    immediate: true,
-  }
+	() => {
+		return props.modelValue;
+	},
+	async value => {
+		await optionsDictRef.loadDict();
+		//@ts-ignore
+		target.value = optionsDictRef.dataMap[value];
+		emit("selectedChange", target.value);
+	},
+	{
+		immediate: true,
+	}
 );
 
 //当不在pipeline中编辑时，可能为空
 const pipeline = inject("pipeline", null);
 
 async function doRefresh() {
-  await optionsDictRef.reloadDict();
+	await optionsDictRef.reloadDict();
 }
 </script>
 <style lang="less">
 .notification-selector {
-  width: 100%;
+	width: 100%;
 }
 </style>
diff --git a/packages/ui/certd-client/src/views/certd/open/openkey/crud.tsx b/packages/ui/certd-client/src/views/certd/open/openkey/crud.tsx
index 040624e0..a98133ed 100644
--- a/packages/ui/certd-client/src/views/certd/open/openkey/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/open/openkey/crud.tsx
@@ -5,181 +5,182 @@ import { OPEN_API_DOC, openkeyApi } from "./api";
 import { useModal } from "/@/use/use-modal";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const { t } = useI18n();
-  const api = openkeyApi;
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async (req: EditReq) => {
-    const { form, row } = req;
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async (req: DelReq) => {
-    const { row } = req;
-    return await api.DelObj(row.id);
-  };
+	const { t } = useI18n();
+	const api = openkeyApi;
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async (req: EditReq) => {
+		const { form, row } = req;
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async (req: DelReq) => {
+		const { row } = req;
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async (req: AddReq) => {
-    const { form } = req;
-    const res = await api.AddObj(form);
-    return res;
-  };
-  const model = useModal();
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      search: {
-        show: false,
-      },
-      form: {
-        labelCol: {
-          //固定label宽度
-          span: null,
-          style: {
-            width: "100px",
-          },
-        },
-        col: {
-          span: 22,
-        },
-        wrapper: {
-          width: 600,
-        },
-      },
-      actionbar: {
-        buttons: {
-          add: {
-            text: "生成新的Key",
-          },
-        },
-      },
-      rowHandle: {
-        width: 300,
-        fixed: "right",
-        buttons: {
-          view: { show: true },
-          copy: { show: false },
-          edit: { show: false },
-          remove: { show: true },
-          gen: {
-            text: "接口测试",
-            size: "mini",
-            icon: "devicon-plain:vitest",
-            type: "primary",
-            async click({ row }) {
-              const apiToken = await api.GetApiToken(row.id);
+	const addRequest = async (req: AddReq) => {
+		const { form } = req;
+		const res = await api.AddObj(form);
+		return res;
+	};
+	const model = useModal();
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			search: {
+				show: false,
+			},
+			form: {
+				labelCol: {
+					//固定label宽度
+					span: null,
+					style: {
+						width: "100px",
+					},
+				},
+				col: {
+					span: 22,
+				},
+				wrapper: {
+					width: 600,
+				},
+			},
+			actionbar: {
+				buttons: {
+					add: {
+						text: t("certd.actionbar.add"),
+					},
+				},
+			},
+			rowHandle: {
+				width: 300,
+				fixed: "right",
+				buttons: {
+					view: { show: true },
+					copy: { show: false },
+					edit: { show: false },
+					remove: { show: true },
+					gen: {
+						text: t("certd.gen.text"),
+						size: "mini",
+						icon: "devicon-plain:vitest",
+						type: "primary",
+						async click({ row }) {
+							const apiToken = await api.GetApiToken(row.id);
 
-              model.success({
-                title: "x-certd-token",
-                maskClosable: true,
-                okText: "确定",
-                width: 600,
-                content: () => {
-                  return (
-                    <div>
-                      <div class={"m-10 p-10"}>
-                        测试x-certd-token如下，您可以在3分钟内使用它进行
-                        <a href={OPEN_API_DOC} target={"_blank"}>
-                          开放接口
-                        </a>
-                        请求测试
-                      </div>
-                      <div class={"m-10 p-10"} style={{ border: "1px solid #333" }}>
-                        <fs-copyable model-value={apiToken}></fs-copyable>
-                      </div>
-                    </div>
-                  );
-                },
-              });
-            },
-          },
-        },
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          search: {
-            show: false,
-          },
-          column: {
-            width: 100,
-            editable: {
-              disabled: true,
-            },
-          },
-          form: {
-            show: false,
-          },
-        },
-        keyId: {
-          title: "KeyId",
-          type: ["text", "copyable"],
-          search: {
-            show: true,
-          },
-          form: {
-            show: false,
-          },
-          column: {
-            width: 250,
-            sorter: true,
-          },
-        },
-        keySecret: {
-          title: "KeySecret",
-          type: ["text", "copyable"],
-          form: {
-            show: false,
-          },
-          column: {
-            width: 580,
-            sorter: true,
-          },
-        },
-        scope: {
-          title: "权限范围",
-          type: "dict-radio",
-          dict: dict({
-            data: [
-              { label: "仅开放接口", value: "open", color: "blue" },
-              { label: "账户所有权限", value: "user", color: "red" },
-            ],
-          }),
-          form: {
-            value: "open",
-            show: true,
-            rules: [{ required: true, message: "此项必填" }],
-            helper: "仅开放接口只可以访问开放接口，账户所有权限可以访问所有接口",
-            component: {
-              vModel: "value",
-            },
-          },
-          column: {
-            width: 120,
-            align: "center",
-            sorter: true,
-          },
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          search: {
-            show: false,
-          },
-          form: {
-            show: false,
-          },
-        },
-      },
-    },
-  };
+							model.success({
+								title: t("certd.gen.title"),
+								maskClosable: true,
+								okText: t("certd.gen.okText"),
+								width: 600,
+								content: () => {
+									return (
+										<div>
+											<div class={"m-10 p-10"}>
+												{t("certd.gen.contentPart1")}
+												<a href={OPEN_API_DOC} target={"_blank"}>
+													{t("certd.gen.openApi")}
+												</a>
+												{t("certd.gen.contentPart2")}
+											</div>
+											<div class={"m-10 p-10"} style={{ border: "1px solid #333" }}>
+												<fs-copyable model-value={apiToken}></fs-copyable>
+											</div>
+										</div>
+									);
+								},
+							});
+						},
+					},
+				},
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					search: {
+						show: false,
+					},
+					column: {
+						width: 100,
+						editable: {
+							disabled: true,
+						},
+					},
+					form: {
+						show: false,
+					},
+				},
+				keyId: {
+					title: "KeyId",
+					type: ["text", "copyable"],
+					search: {
+						show: true,
+					},
+					form: {
+						show: false,
+					},
+					column: {
+						width: 250,
+						sorter: true,
+					},
+				},
+				keySecret: {
+					title: "KeySecret",
+					type: ["text", "copyable"],
+					form: {
+						show: false,
+					},
+					column: {
+						width: 580,
+						sorter: true,
+					},
+				},
+				scope: {
+					title: t("certd.scope"),
+					type: "dict-radio",
+					dict: dict({
+						data: [
+							{ label: t("certd.scopeOpenApiOnly"), value: "open", color: "blue" },
+							{ label: t("certd.scopeFullAccount"), value: "user", color: "red" },
+						],
+					}),
+					form: {
+						value: "open",
+						show: true,
+						rules: [{ required: true, message: t("certd.required") }],
+						helper: t("certd.scopeHelper"),
+						component: {
+							vModel: "value",
+						},
+					},
+					column: {
+						width: 120,
+						align: "center",
+						sorter: true,
+					},
+				},
+				createTime: {
+					title: t("certd.fields.createTime"),
+					type: "datetime",
+					search: {
+						show: false,
+					},
+					form: {
+						show: false,
+					},
+				},
+
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/certd-form/use.tsx b/packages/ui/certd-client/src/views/certd/pipeline/certd-form/use.tsx
index 9238e2fd..a02dbfc8 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/certd-form/use.tsx
+++ b/packages/ui/certd-client/src/views/certd/pipeline/certd-form/use.tsx
@@ -11,6 +11,8 @@ import * as api from "../api";
 import { PluginGroup, usePluginStore } from "/@/store/plugin";
 import { createNotificationApi } from "/@/views/certd/notification/api";
 import GroupSelector from "../group/group-selector.vue";
+import { useI18n } from "vue-i18n";
+
 
 export function fillPipelineByDefaultForm(pipeline: any, form: any) {
   const triggers = [];
@@ -32,238 +34,241 @@ export function fillPipelineByDefaultForm(pipeline: any, form: any) {
 }
 
 export function setRunnableIds(pipeline: any) {
-  const idMap: any = {};
-  function createId(oldId: any) {
-    if (oldId == null) {
-      return nanoid();
-    }
-    const newId = nanoid();
-    idMap[oldId] = newId;
-    return newId;
-  }
-  if (pipeline.stages) {
-    for (const stage of pipeline.stages) {
-      stage.id = createId(stage.id);
-      if (stage.tasks) {
-        for (const task of stage.tasks) {
-          task.id = createId(task.id);
-          if (task.steps) {
-            for (const step of task.steps) {
-              step.id = createId(step.id);
-            }
-          }
-        }
-      }
-    }
-  }
+	const { t } = useI18n();
+	const idMap: any = {};
+	function createId(oldId: any) {
+		if (oldId == null) {
+			return nanoid();
+		}
+		const newId = nanoid();
+		idMap[oldId] = newId;
+		return newId;
+	}
+	if (pipeline.stages) {
+		for (const stage of pipeline.stages) {
+			stage.id = createId(stage.id);
+			if (stage.tasks) {
+				for (const task of stage.tasks) {
+					task.id = createId(task.id);
+					if (task.steps) {
+						for (const step of task.steps) {
+							step.id = createId(step.id);
+						}
+					}
+				}
+			}
+		}
+	}
 
-  for (const trigger of pipeline.triggers) {
-    trigger.id = nanoid();
-  }
-  for (const notification of pipeline.notifications) {
-    notification.id = nanoid();
-  }
+	for (const trigger of pipeline.triggers) {
+		trigger.id = nanoid();
+	}
+	for (const notification of pipeline.notifications) {
+		notification.id = nanoid();
+	}
 
-  let content = JSON.stringify(pipeline);
-  for (const key in idMap) {
-    content = content.replaceAll(key, idMap[key]);
-  }
-  return JSON.parse(content);
+	let content = JSON.stringify(pipeline);
+	for (const key in idMap) {
+		content = content.replaceAll(key, idMap[key]);
+	}
+	return JSON.parse(content);
 }
 
 export function useCertPipelineCreator() {
-  const { openCrudFormDialog } = useFormWrapper();
+	const { t } = useI18n();
+	const { openCrudFormDialog } = useFormWrapper();
 
-  const pluginStore = usePluginStore();
-  const router = useRouter();
+	const pluginStore = usePluginStore();
+	const router = useRouter();
 
-  function createCrudOptions(certPlugins: any[], getFormData: any, doSubmit: any): CreateCrudOptionsRet {
-    const inputs: any = {};
-    const moreParams = [];
-    for (const plugin of certPlugins) {
-      for (const inputKey in plugin.input) {
-        if (inputs[inputKey]) {
-          //如果两个插件有的字段，直接显示
-          inputs[inputKey].form.show = true;
-          continue;
-        }
-        const inputDefine = cloneDeep(plugin.input[inputKey]);
-        if (!inputDefine.required && !inputDefine.maybeNeed) {
-          moreParams.push(inputKey);
-          // continue;
-        }
-        useReference(inputDefine);
-        inputs[inputKey] = {
-          title: inputDefine.title,
-          form: {
-            ...inputDefine,
-            show: compute(ctx => {
-              const form = getFormData();
-              if (!form) {
-                return false;
-              }
+	function createCrudOptions(certPlugins: any[], getFormData: any, doSubmit: any): CreateCrudOptionsRet {
+		const inputs: any = {};
+		const moreParams = [];
+		for (const plugin of certPlugins) {
+			for (const inputKey in plugin.input) {
+				if (inputs[inputKey]) {
+					//如果两个插件有的字段，直接显示
+					inputs[inputKey].form.show = true;
+					continue;
+				}
+				const inputDefine = cloneDeep(plugin.input[inputKey]);
+				if (!inputDefine.required && !inputDefine.maybeNeed) {
+					moreParams.push(inputKey);
+					// continue;
+				}
+				useReference(inputDefine);
+				inputs[inputKey] = {
+					title: inputDefine.title,
+					form: {
+						...inputDefine,
+						show: compute(ctx => {
+							const form = getFormData();
+							if (!form) {
+								return false;
+							}
 
-              let inputDefineShow = true;
-              if (inputDefine.show != null) {
-                const computeShow = inputDefine.show as any;
-                if (computeShow === false) {
-                  inputDefineShow = false;
-                } else if (computeShow && computeShow.computeFn) {
-                  inputDefineShow = computeShow.computeFn({ form });
-                }
-              }
-              return form?.certApplyPlugin === plugin.name && inputDefineShow;
-            }),
-          },
-        };
-      }
-    }
+							let inputDefineShow = true;
+							if (inputDefine.show != null) {
+								const computeShow = inputDefine.show as any;
+								if (computeShow === false) {
+									inputDefineShow = false;
+								} else if (computeShow && computeShow.computeFn) {
+									inputDefineShow = computeShow.computeFn({ form });
+								}
+							}
+							return form?.certApplyPlugin === plugin.name && inputDefineShow;
+						}),
+					},
+				};
+			}
+		}
 
-    const pluginStore = usePluginStore();
-    const randomHour = Math.floor(Math.random() * 6);
-    const randomMin = Math.floor(Math.random() * 60);
+		const pluginStore = usePluginStore();
+		const randomHour = Math.floor(Math.random() * 6);
+		const randomMin = Math.floor(Math.random() * 60);
 
-    const groupDictRef = dict({
-      url: "/pi/pipeline/group/all",
-      value: "id",
-      label: "name",
-    });
+		const groupDictRef = dict({
+			url: "/pi/pipeline/group/all",
+			value: "id",
+			label: "name",
+		});
 
-    return {
-      crudOptions: {
-        form: {
-          doSubmit,
-          wrapper: {
-            width: 1350,
-            saveRemind: false,
-            title: "创建证书流水线",
-          },
-          group: {
-            groups: {
-              more: {
-                header: "更多参数",
-                columns: moreParams,
-                collapsed: true,
-              },
-            },
-          },
-        },
-        columns: {
-          certApplyPlugin: {
-            title: "证书申请插件",
-            type: "dict-select",
-            dict: dict({
-              data: [
-                { value: "CertApply", label: "JS-ACME" },
-                { value: "CertApplyLego", label: "Lego-ACME" },
-              ],
-            }),
-            form: {
-              order: 0,
-              value: "CertApply",
-              helper: {
-                render: () => {
-                  return (
-                    <ul>
-                      <li>JS-ACME：使用简单方便，功能强大【推荐】</li>
-                      <li>Lego-ACME：基于Lego实现，支持海量DNS提供商，熟悉LEGO的用户可以使用</li>
-                    </ul>
-                  );
-                },
-              },
-              valueChange: {
-                handle: async ({ form, value }) => {
-                  const config = await pluginStore.getPluginConfig({
-                    name: value,
-                    type: "builtIn",
-                  });
-                  if (config.sysSetting?.input) {
-                    merge(form, config.sysSetting.input);
-                  }
-                },
-                immediate: true,
-              },
-            },
-          },
-          ...inputs,
-          triggerCron: {
-            title: "定时触发",
-            type: "text",
-            form: {
-              value: `0 ${randomMin} ${randomHour} * * *`,
-              component: {
-                name: "cron-editor",
-                vModel: "modelValue",
-                placeholder: "0 0 4 * * *",
-              },
-              helper: "点击上面的按钮，选择每天几点定时执行。\n建议设置为每天触发一次，证书未到期之前任务会跳过，不会重复执行",
-              order: 100,
-            },
-          },
-          notification: {
-            title: "失败通知",
-            type: "text",
-            form: {
-              value: 0,
-              component: {
-                name: NotificationSelector,
-                vModel: "modelValue",
-                on: {
-                  selectedChange({ $event, form }) {
-                    form.notificationTarget = $event;
-                  },
-                },
-              },
-              order: 101,
-              helper: "任务执行失败实时提醒",
-            },
-          },
-          groupId: {
-            title: "流水线分组",
-            type: "dict-select",
-            dict: groupDictRef,
-            form: {
-              component: {
-                name: GroupSelector,
-                vModel: "modelValue",
-              },
-              order: 9999,
-            },
-          },
-        },
-      },
-    };
-  }
+		return {
+			crudOptions: {
+				form: {
+					doSubmit,
+					wrapper: {
+						width: 1350,
+						saveRemind: false,
+						title: t("certd.pipelineForm.createTitle"),
+					},
+					group: {
+						groups: {
+							more: {
+								header: t("certd.pipelineForm.moreParams"),
+								columns: moreParams,
+								collapsed: true,
+							},
+						},
+					},
+				},
+				columns: {
+					certApplyPlugin: {
+						title: t("certd.plugin.selectTitle"),
+						type: "dict-select",
+						dict: dict({
+							data: [
+								{ value: "CertApply", label: "JS-ACME" },
+								{ value: "CertApplyLego", label: "Lego-ACME" },
+							],
+						}),
+						form: {
+							order: 0,
+							value: "CertApply",
+							helper: {
+								render: () => {
+									return (
+										<ul>
+											<li>{t("certd.plugin.jsAcme")}</li>
+											<li>{t("certd.plugin.legoAcme")}</li>
+										</ul>
+									);
+								},
+							},
+							valueChange: {
+								handle: async ({ form, value }) => {
+									const config = await pluginStore.getPluginConfig({
+										name: value,
+										type: "builtIn",
+									});
+									if (config.sysSetting?.input) {
+										merge(form, config.sysSetting.input);
+									}
+								},
+								immediate: true,
+							},
+						},
+					},
+					...inputs,
+					triggerCron: {
+						title: t("certd.pipelineForm.triggerCronTitle"),
+						type: "text",
+						form: {
+							value: `0 ${randomMin} ${randomHour} * * *`,
+							component: {
+								name: "cron-editor",
+								vModel: "modelValue",
+								placeholder: "0 0 4 * * *",
+							},
+							helper: t("certd.pipelineForm.triggerCronHelper"),
+							order: 100,
+						},
+					},
+					notification: {
+						title: t("certd.pipelineForm.notificationTitle"),
+						type: "text",
+						form: {
+							value: 0,
+							component: {
+								name: NotificationSelector,
+								vModel: "modelValue",
+								on: {
+									selectedChange({ $event, form }) {
+										form.notificationTarget = $event;
+									},
+								},
+							},
+							order: 101,
+							helper: t("certd.pipelineForm.notificationHelper"),
+						},
+					},
+					groupId: {
+						title: t("certd.pipelineForm.groupIdTitle"),
+						type: "dict-select",
+						dict: groupDictRef,
+						form: {
+							component: {
+								name: GroupSelector,
+								vModel: "modelValue",
+							},
+							order: 9999,
+						},
+					}
 
-  async function getCertPlugins() {
-    const pluginGroup = await pluginStore.getGroups();
-    const pluginGroups: { [key: string]: PluginGroup } = pluginGroup.groups;
-    const certPluginGroup = pluginGroups.cert;
+				},
+			},
+		};
+	}
 
-    const certPlugins = [];
-    for (const plugin of certPluginGroup.plugins) {
-      const detail: any = await pluginStore.getPluginDefine(plugin.name);
-      certPlugins.push(detail);
-    }
-    return certPlugins;
-  }
+	async function getCertPlugins() {
+		const pluginGroup = await pluginStore.getGroups();
+		const pluginGroups: { [key: string]: PluginGroup } = pluginGroup.groups;
+		const certPluginGroup = pluginGroups.cert;
 
-  async function openAddCertdPipelineDialog(req: { defaultGroupId?: number }) {
-    //检查是否流水线数量超出限制
-    await checkPipelineLimit();
+		const certPlugins = [];
+		for (const plugin of certPluginGroup.plugins) {
+			const detail: any = await pluginStore.getPluginDefine(plugin.name);
+			certPlugins.push(detail);
+		}
+		return certPlugins;
+	}
 
-    const wrapperRef = ref();
-    function getFormData() {
-      if (!wrapperRef.value) {
-        return null;
-      }
-      return wrapperRef.value.getFormData();
-    }
+	async function openAddCertdPipelineDialog(req: { defaultGroupId?: number }) {
+		//检查是否流水线数量超出限制
+		await checkPipelineLimit();
 
-    async function doSubmit({ form }: any) {
-      // const certDetail = readCertDetail(form.cert.crt);
-      // 添加certd pipeline
-      const pluginInput = omit(form, ["triggerCron", "notification", "notificationTarget", "certApplyPlugin", "groupId"]);
+		const wrapperRef = ref();
+		function getFormData() {
+			if (!wrapperRef.value) {
+				return null;
+			}
+			return wrapperRef.value.getFormData();
+		}
+
+		async function doSubmit({ form }: any) {
+			// const certDetail = readCertDetail(form.cert.crt);
+			// 添加certd pipeline
+			const pluginInput = omit(form, ["triggerCron", "notification", "notificationTarget", "certApplyPlugin", "groupId"]);
       let pipeline: any = {
         title: form.domains[0] + "证书自动化",
         runnableType: "pipeline",
@@ -296,38 +301,38 @@ export function useCertPipelineCreator() {
         ],
       };
 
-      pipeline = fillPipelineByDefaultForm(pipeline, form);
+			pipeline = fillPipelineByDefaultForm(pipeline, form);
 
       pipeline = setRunnableIds(pipeline);
-      const groupId = form.groupId;
-      const id = await api.Save({
-        title: pipeline.title,
-        content: JSON.stringify(pipeline),
-        keepHistoryCount: 30,
-        type: "cert",
-        groupId,
-      });
-      if (form.email) {
-        try {
-          //创建一个默认的邮件通知
-          const notificationApi = createNotificationApi();
-          await notificationApi.GetOrCreateDefault({ email: form.email });
-        } catch (e) {
-          console.error(e);
-        }
-      }
-      message.success("创建成功,请添加证书部署任务");
-      router.push({ path: "/certd/pipeline/detail", query: { id, editMode: "true" } });
-    }
-    const certPlugins = await getCertPlugins();
-    const { crudOptions } = createCrudOptions(certPlugins, getFormData, doSubmit);
-    //@ts-ignore
-    crudOptions.columns.groupId.form.value = req.defaultGroupId || undefined;
-    const wrapper = await openCrudFormDialog({ crudOptions });
-    wrapperRef.value = wrapper;
-  }
+			const groupId = form.groupId;
+			const id = await api.Save({
+				title: pipeline.title,
+				content: JSON.stringify(pipeline),
+				keepHistoryCount: 30,
+				type: "cert",
+				groupId,
+			});
+			if (form.email) {
+				try {
+					//创建一个默认的邮件通知
+					const notificationApi = createNotificationApi();
+					await notificationApi.GetOrCreateDefault({ email: form.email });
+				} catch (e) {
+					console.error(e);
+				}
+			}
+			message.success("创建成功,请添加证书部署任务");
+			router.push({ path: "/certd/pipeline/detail", query: { id, editMode: "true" } });
+		}
+		const certPlugins = await getCertPlugins();
+		const { crudOptions } = createCrudOptions(certPlugins, getFormData, doSubmit);
+		//@ts-ignore
+		crudOptions.columns.groupId.form.value = req.defaultGroupId || undefined;
+		const wrapper = await openCrudFormDialog({ crudOptions });
+		wrapperRef.value = wrapper;
+	}
 
-  return {
-    openAddCertdPipelineDialog,
-  };
+	return {
+		openAddCertdPipelineDialog,
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/components/change-trigger.vue b/packages/ui/certd-client/src/views/certd/pipeline/components/change-trigger.vue
index 8f754712..4e4fb599 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/components/change-trigger.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/components/change-trigger.vue
@@ -1,62 +1,70 @@
 <template>
-  <fs-button icon="mdi:format-list-group" type="link" text="修改定时" @click="openFormDialog"></fs-button>
+	<fs-button icon="mdi:format-list-group" type="link" :text="t('certd.editSchedule')"
+		@click="openFormDialog"></fs-button>
 </template>
+
+
 <script setup lang="ts">
 import * as api from "../api";
 import { useFormWrapper } from "@fast-crud/fast-crud";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps<{
-  selectedRowKeys: any[];
+	selectedRowKeys: any[];
 }>();
 
 const emit = defineEmits<{
-  change: any;
+	change: any;
 }>();
 async function batchUpdateRequest(form: any) {
-  await api.BatchUpdateTrigger(props.selectedRowKeys, {
-    title: "定时触发",
-    type: "timer",
-    props: form.props,
-  });
-  emit("change");
+	await api.BatchUpdateTrigger(props.selectedRowKeys, {
+		title: "定时触发",
+		type: "timer",
+		props: form.props,
+	});
+	emit("change");
 }
 
+
 const { openCrudFormDialog } = useFormWrapper();
 
 async function openFormDialog() {
-  const crudOptions: any = {
-    columns: {
-      "props.cron": {
-        title: "定时",
-        form: {
-          component: {
-            name: "cron-editor",
-            vModel: "modelValue",
-          },
-          rules: [{ required: true, message: "请选择定时Cron" }],
-        },
-      },
-    },
-    form: {
-      mode: "edit",
-      //@ts-ignore
-      async doSubmit({ form }) {
-        await batchUpdateRequest(form);
-      },
-      col: {
-        span: 22,
-      },
-      labelCol: {
-        style: {
-          width: "100px",
-        },
-      },
-      wrapper: {
-        title: "批量修改定时",
-        width: 600,
-      },
-    },
-  } as any;
-  await openCrudFormDialog({ crudOptions });
+	const crudOptions: any = {
+		columns: {
+			"props.cron": {
+				title: t("certd.schedule"),
+				form: {
+					component: {
+						name: "cron-editor",
+						vModel: "modelValue",
+					},
+					rules: [{ required: true, message: t("certd.selectCron") }],
+				},
+			},
+		},
+		form: {
+			mode: "edit",
+			//@ts-ignore
+			async doSubmit({ form }) {
+				await batchUpdateRequest(form);
+			},
+			col: {
+				span: 22,
+			},
+			labelCol: {
+				style: {
+					width: "100px",
+				},
+			},
+			wrapper: {
+				title: t("certd.batchEditSchedule"),
+				width: 600,
+			},
+		},
+
+	} as any;
+	await openCrudFormDialog({ crudOptions });
 }
 </script>
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/crud.tsx b/packages/ui/certd-client/src/views/certd/pipeline/crud.tsx
index 1ee1864a..3a82cd4d 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/pipeline/crud.tsx
@@ -16,470 +16,469 @@ import GroupSelector from "/@/views/certd/pipeline/group/group-selector.vue";
 import { useCertViewer } from "/@/views/certd/pipeline/use";
 
 export default function ({ crudExpose, context: { groupDictRef, selectedRowKeys } }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const router = useRouter();
-  const lastResRef = ref();
+	const router = useRouter();
+	const lastResRef = ref();
 
-  const { openAddCertdPipelineDialog } = useCertPipelineCreator();
-  const { openUploadCreateDialog } = useCertUpload();
+	const { openAddCertdPipelineDialog } = useCertPipelineCreator();
+	const { openUploadCreateDialog } = useCertUpload();
 
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    lastResRef.value = res;
-    return res;
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    return await api.DelObj(row.id);
-  };
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		lastResRef.value = res;
+		return res;
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    if (form.content == null) {
-      form.content = JSON.stringify({
-        title: form.title,
-      });
-    } else {
-      //复制的流水线
-      delete form.status;
-      delete form.lastHistoryTime;
-      delete form.lastVars;
-      delete form.createTime;
-      delete form.id;
-      let pipeline = JSON.parse(form.content);
-      pipeline.title = form.title;
-      pipeline = setRunnableIds(pipeline);
-      form.content = JSON.stringify(pipeline);
-    }
+	const addRequest = async ({ form }: AddReq) => {
+		if (form.content == null) {
+			form.content = JSON.stringify({
+				title: form.title,
+			});
+		} else {
+			//复制的流水线
+			delete form.status;
+			delete form.lastHistoryTime;
+			delete form.lastVars;
+			delete form.createTime;
+			delete form.id;
+			let pipeline = JSON.parse(form.content);
+			pipeline.title = form.title;
+			pipeline = setRunnableIds(pipeline);
+			form.content = JSON.stringify(pipeline);
+		}
 
-    const res = await api.AddObj(form);
-    lastResRef.value = res;
-    return res;
-  };
+		const res = await api.AddObj(form);
+		lastResRef.value = res;
+		return res;
+	};
 
-  const { viewCert, downloadCert } = useCertViewer();
-  const userStore = useUserStore();
-  const settingStore = useSettingStore();
+	const { viewCert, downloadCert } = useCertViewer();
+	const userStore = useUserStore();
+	const settingStore = useSettingStore();
 
-  function onDialogOpen(opt: any) {
-    const searchForm = crudExpose.getSearchValidatedFormData();
-    opt.initialForm = {
-      ...opt.initialForm,
-      groupId: searchForm.groupId,
-    };
-  }
+	function onDialogOpen(opt: any) {
+		const searchForm = crudExpose.getSearchValidatedFormData();
+		opt.initialForm = {
+			...opt.initialForm,
+			groupId: searchForm.groupId,
+		};
+	}
 
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      settings: {
-        plugins: {
-          //行选择插件，内置插件
-          rowSelection: {
-            //是否启用本插件
-            enabled: true,
-            order: -2,
-            //合并在用户配置crudOptions之前还是之后
-            before: true,
-            props: {
-              multiple: true,
-              crossPage: false,
-              selectedRowKeys,
-              onSelectedChanged(selected) {
-                console.log("已选择变化：", selected);
-              },
-            },
-          },
-        },
-      },
-      actionbar: {
-        buttons: {
-          add: {
-            order: 5,
-            icon: "ion:ios-add-circle-outline",
-            text: "自定义流水线",
-          },
-          addCertd: {
-            order: 1,
-            text: "创建证书流水线",
-            type: "primary",
-            icon: "ion:ios-add-circle-outline",
-            click() {
-              const searchForm = crudExpose.getSearchValidatedFormData();
-              const defaultGroupId = searchForm.groupId;
-              openAddCertdPipelineDialog({ defaultGroupId });
-            },
-          },
-          uploadCert: {
-            order: 2,
-            text: "商用证书托管",
-            type: "primary",
-            tooltip: {
-              slots: {
-                title() {
-                  return (
-                    <ul>
-                      <li>手动上传自有证书，执行自动部署</li>
-                      <li>并不能自动申请商业证书</li>
-                      <li>证书有更新时，都需要手动上传一次</li>
-                    </ul>
-                  );
-                },
-              },
-            },
-            icon: "ion:cloud-upload-outline",
-            click() {
-              const searchForm = crudExpose.getSearchValidatedFormData();
-              openUploadCreateDialog({ defaultGroupId: searchForm.groupId });
-            },
-          },
-        },
-      },
-      form: {
-        afterSubmit({ form, res, mode }) {
-          if (mode === "add") {
-            router.push({ path: "/certd/pipeline/detail", query: { id: res.id, editMode: "true" } });
-          }
-        },
-        wrapper: {
-          onOpen: onDialogOpen,
-        },
-      },
-      table: {
-        scroll: { x: 1500 },
-        remove: {
-          confirmTitle: "确定要删除吗？",
-          confirmMessage: "将删除该流水线相关的所有数据，包括执行历史、证书文件、证书仓库记录等",
-        },
-      },
-      tabs: {
-        name: "groupId",
-        show: true,
-      },
-      rowHandle: {
-        width: 200,
-        fixed: "right",
-        dropdown: {
-          show: true,
-        },
-        buttons: {
-          play: {
-            order: -999,
-            title: "运行流水线",
-            tooltip: { title: "运行流水线" },
-            type: "link",
-            icon: "ant-design:play-circle-outlined",
-            click({ row }) {
-              Modal.confirm({
-                title: "确认",
-                content: `确定要触发运行吗？`,
-                async onOk() {
-                  await api.Trigger(row.id);
-                  notification.success({ message: "管道已经开始运行" });
-                },
-              });
-            },
-          },
-          view: {
-            show: false,
-            click({ row }) {
-              router.push({ path: "/certd/pipeline/detail", query: { id: row.id, editMode: "false" } });
-            },
-          },
-          copy: {
-            click: async context => {
-              settingStore.checkPlus();
-              const { ui } = useUi();
-              // @ts-ignore
-              let row = context[ui.tableColumn.row];
-              row = cloneDeep(row);
-              row.title = row.title + "_copy";
-              await crudExpose.openCopy({
-                row: row,
-                index: context.index,
-              });
-            },
-            class: "need-plus",
-          },
-          config: {
-            order: 1,
-            title: "编辑流水线",
-            type: "link",
-            dropdown: true,
-            icon: "ant-design:edit-outlined",
-            click({ row }) {
-              router.push({ path: "/certd/pipeline/detail", query: { id: row.id, editMode: "true" } });
-            },
-          },
-          edit: {
-            order: 2,
-            title: "修改配置/分组",
-            icon: "ant-design:setting-outlined",
-            dropdown: true,
-          },
-          viewCert: {
-            order: 3,
-            title: "查看证书",
-            tooltip: { title: "查看证书" },
-            type: "link",
-            icon: "ph:certificate",
-            async click({ row }) {
-              await viewCert(row.id);
-            },
-          },
-          download: {
-            order: 4,
-            type: "link",
-            title: "下载证书",
-            tooltip: { title: "下载证书" },
-            icon: "ant-design:download-outlined",
-            async click({ row }) {
-              await downloadCert(row.id);
-            },
-          },
-          remove: {
-            order: 5,
-            dropdown: true,
-          },
-        },
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          search: {
-            show: true,
-          },
-          column: {
-            width: 100,
-          },
-          form: {
-            show: false,
-          },
-        },
-        userId: {
-          title: "用户Id",
-          type: "number",
-          search: {
-            show: computed(() => {
-              return userStore.isAdmin && settingStore.sysPublic.managerOtherUserPipeline;
-            }),
-          },
-          form: {
-            show: false,
-          },
-          column: {
-            show: computed(() => {
-              return userStore.isAdmin && settingStore.sysPublic.managerOtherUserPipeline;
-            }),
-            width: 100,
-          },
-        },
-        title: {
-          title: "流水线名称",
-          type: "link",
-          search: {
-            show: true,
-            title: "关键字",
-            component: {
-              name: "a-input",
-            },
-          },
-          form: {
-            rules: [{ required: true, message: "此项必填" }],
-          },
-          column: {
-            width: 350,
-            // tooltip: true,
-            ellipsis: true,
-            sorter: true,
-            showTitle: true,
-            cellRender: ({ row, value }) => {
-              return <router-link to={{ path: "/certd/pipeline/detail", query: { id: row.id, editMode: false } }}>{value}</router-link>;
-            },
-          },
-        },
-        content: {
-          title: "流水线内容",
-          form: { show: false },
-          column: {
-            show: false,
-          },
-          valueBuilder({ row }) {
-            if (row.content) {
-              row.content = JSON.parse(row.content);
-              const pipeline = row.content;
-              let stepCount = 0;
-              eachStages(pipeline.stages, (item, runnableType) => {
-                if (runnableType === "step") {
-                  stepCount++;
-                }
-              });
-              row._stepCount = stepCount;
-              if (pipeline.triggers) {
-                row._triggerCount = pipeline.triggers?.length > 0 ? pipeline.triggers.length : "-";
-              }
-            }
-          },
-          valueResolve({ row }) {
-            if (row.content) {
-              row.content = JSON.stringify(row.content);
-            }
-          },
-        },
-        _triggerCount: {
-          title: "定时任务数",
-          type: "number",
-          column: {
-            align: "center",
-            width: 100,
-          },
-          form: {
-            show: false,
-          },
-        },
-        _stepCount: {
-          title: "部署任务数",
-          type: "number",
-          form: { show: false },
-          column: {
-            align: "center",
-            width: 100,
-          },
-        },
-        lastVars: {
-          title: "到期剩余",
-          type: "number",
-          form: {
-            show: false,
-          },
-          column: {
-            cellRender({ row }) {
-              if (!row.lastVars?.certExpiresTime) {
-                return "-";
-              }
-              const leftDays = dayjs(row.lastVars.certExpiresTime).diff(dayjs(), "day");
-              const color = leftDays < 20 ? "red" : "#389e0d";
-              const percent = (leftDays / 90) * 100;
-              return <a-progress percent={percent} strokeColor={color} format={(percent: number) => `${leftDays} 天`} />;
-            },
-            width: 150,
-          },
-        },
-        "lastVars.certExpiresTime": {
-          title: "过期时间",
-          search: {
-            show: false,
-          },
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: false,
-            width: 150,
-            align: "center",
-          },
-        },
-        status: {
-          title: "状态",
-          type: "dict-select",
-          search: {
-            show: true,
-          },
-          dict: dict({
-            data: statusUtil.getOptions(),
-          }),
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 120,
-            align: "center",
-          },
-        },
-        lastHistoryTime: {
-          title: "最后运行",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 150,
-            align: "center",
-          },
-        },
-        disabled: {
-          title: "启用",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { value: false, label: "启用" },
-              { value: true, label: "禁用" },
-            ],
-          }),
-          form: {
-            value: false,
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 80,
-            align: "center",
-            component: {
-              name: "fs-dict-switch",
-              vModel: "checked",
-            },
-            async valueChange({ row, key, value }) {
-              return await api.UpdateObj({
-                id: row.id,
-                disabled: row[key],
-              });
-            },
-          },
-        },
-        groupId: {
-          title: "分组",
-          type: "dict-select",
-          search: {
-            show: true,
-          },
-          dict: groupDictRef,
-          form: {
-            component: {
-              name: GroupSelector,
-              vModel: "modelValue",
-            },
-          },
-          column: {
-            width: 130,
-            align: "center",
-            component: {
-              color: "auto",
-            },
-            sorter: true,
-          },
-        },
-        type: {
-          title: "类型",
-          type: "dict-select",
-          search: {
-            show: true,
-          },
-          dict: dict({
-            data: [
-              { value: "cert", label: "证书申请" },
-              { value: "cert_upload", label: "证书上传" },
-              { value: "custom", label: "自定义" },
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			settings: {
+				plugins: {
+					//行选择插件，内置插件
+					rowSelection: {
+						//是否启用本插件
+						enabled: true,
+						order: -2,
+						//合并在用户配置crudOptions之前还是之后
+						before: true,
+						props: {
+							multiple: true,
+							crossPage: false,
+							selectedRowKeys,
+							onSelectedChanged(selected) {
+								console.log("已选择变化：", selected);
+							},
+						},
+					},
+				},
+			},
+			actionbar: {
+				buttons: {
+					add: {
+						order: 5,
+						icon: "ion:ios-add-circle-outline",
+						text: t("certd.customPipeline"),
+					},
+					addCertd: {
+						order: 1,
+						text: t("certd.createCertdPipeline"),
+						type: "primary",
+						icon: "ion:ios-add-circle-outline",
+						click() {
+							const searchForm = crudExpose.getSearchValidatedFormData();
+							const defaultGroupId = searchForm.groupId;
+							openAddCertdPipelineDialog({ defaultGroupId });
+						},
+					},
+					uploadCert: {
+						order: 2,
+						text: t("certd.commercialCertHosting"),
+						type: "primary",
+						tooltip: {
+							slots: {
+								title() {
+									return (
+										<ul>
+											<li>{t("certd.tooltip.manualUploadOwnCert")}</li>
+											<li>{t("certd.tooltip.noAutoApplyCommercialCert")}</li>
+											<li>{t("certd.tooltip.manualUploadOnUpdate")}</li>
+										</ul>
+									);
+								},
+							},
+						},
+						icon: "ion:cloud-upload-outline",
+						click() {
+							const searchForm = crudExpose.getSearchValidatedFormData();
+							openUploadCreateDialog({ defaultGroupId: searchForm.groupId });
+						},
+					},
+				},
+			},
+			form: {
+				afterSubmit({ form, res, mode }) {
+					if (mode === "add") {
+						router.push({ path: "/certd/pipeline/detail", query: { id: res.id, editMode: "true" } });
+					}
+				},
+				wrapper: {
+					onOpen: onDialogOpen,
+				},
+			},
+			table: {
+				scroll: { x: 1500 },
+				remove: {
+					confirmTitle: t("certd.table.confirmDeleteTitle"),
+					confirmMessage: t("certd.table.confirmDeleteMessage"),
+				},
+			},
+			tabs: {
+				name: "groupId",
+				show: true,
+			},
+			rowHandle: {
+				width: 200,
+				fixed: "right",
+				dropdown: {
+					show: true,
+				},
+				buttons: {
+					play: {
+						order: -999,
+						title: t("certd.play.runPipeline"),
+						tooltip: { title: t("certd.play.runPipeline") },
+						type: "link",
+						icon: "ant-design:play-circle-outlined",
+						click({ row }) {
+							Modal.confirm({
+								title: t("certd.play.confirm"),
+								content: t("certd.play.confirmTrigger"),
+								async onOk() {
+									await api.Trigger(row.id);
+									notification.success({ message: t("certd.play.pipelineStarted") });
+								},
+							});
+						},
+					},
+					view: {
+						show: false,
+						click({ row }) {
+							router.push({ path: "/certd/pipeline/detail", query: { id: row.id, editMode: "false" } });
+						},
+					},
+					copy: {
+						click: async context => {
+							settingStore.checkPlus();
+							const { ui } = useUi();
+							// @ts-ignore
+							let row = context[ui.tableColumn.row];
+							row = cloneDeep(row);
+							row.title = row.title + "_copy";
+							await crudExpose.openCopy({
+								row: row,
+								index: context.index,
+							});
+						},
+						class: "need-plus",
+					},
+					config: {
+						order: 1,
+						title: t("certd.actions.editPipeline"),
+						type: "link",
+						dropdown: true,
+						icon: "ant-design:edit-outlined",
+						click({ row }) {
+							router.push({ path: "/certd/pipeline/detail", query: { id: row.id, editMode: "true" } });
+						},
+					},
+					edit: {
+						order: 2,
+						title: t("certd.actions.editConfigGroup"),
+						icon: "ant-design:setting-outlined",
+						dropdown: true,
+					},
+					viewCert: {
+						order: 3,
+						title: t("certd.actions.viewCertificate"),
+						tooltip: { title: t("certd.actions.viewCertificate") },
+						type: "link",
+						icon: "ph:certificate",
+						async click({ row }) {
+							await viewCert(row.id);
+						},
+					},
+					download: {
+						order: 4,
+						type: "link",
+						title: t("certd.actions.downloadCertificate"),
+						tooltip: { title: t("certd.actions.downloadCertificate") },
+						icon: "ant-design:download-outlined",
+						async click({ row }) {
+							await downloadCert(row.id);
+						},
+					},
+					remove: {
+						order: 5,
+						dropdown: true,
+					},
+				},
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					search: {
+						show: true,
+					},
+					column: {
+						width: 100,
+					},
+					form: {
+						show: false,
+					},
+				},
+				userId: {
+					title: t("certd.fields.userId"),
+					type: "number",
+					search: {
+						show: computed(() => {
+							return userStore.isAdmin && settingStore.sysPublic.managerOtherUserPipeline;
+						}),
+					},
+					form: {
+						show: false,
+					},
+					column: {
+						show: computed(() => {
+							return userStore.isAdmin && settingStore.sysPublic.managerOtherUserPipeline;
+						}),
+						width: 100,
+					},
+				},
+				title: {
+					title: t("certd.fields.pipelineName"),
+					type: "link",
+					search: {
+						show: true,
+						title: t("certd.fields.keyword"),
+						component: {
+							name: "a-input",
+						},
+					},
+					form: {
+						rules: [{ required: true, message: t("certd.fields.required") }],
+					},
+					column: {
+						width: 350,
+						ellipsis: true,
+						sorter: true,
+						showTitle: true,
+						cellRender: ({ row, value }) => {
+							return <router-link to={{ path: "/certd/pipeline/detail", query: { id: row.id, editMode: false } }}>{value}</router-link>;
+						},
+					},
+				},
+				content: {
+					title: t("certd.fields.pipelineContent"),
+					form: { show: false },
+					column: {
+						show: false,
+					},
+					valueBuilder({ row }) {
+						if (row.content) {
+							row.content = JSON.parse(row.content);
+							const pipeline = row.content;
+							let stepCount = 0;
+							eachStages(pipeline.stages, (item, runnableType) => {
+								if (runnableType === "step") {
+									stepCount++;
+								}
+							});
+							row._stepCount = stepCount;
+							if (pipeline.triggers) {
+								row._triggerCount = pipeline.triggers?.length > 0 ? pipeline.triggers.length : "-";
+							}
+						}
+					},
+					valueResolve({ row }) {
+						if (row.content) {
+							row.content = JSON.stringify(row.content);
+						}
+					},
+				},
+				_triggerCount: {
+					title: t("certd.fields.scheduledTaskCount"),
+					type: "number",
+					column: {
+						align: "center",
+						width: 100,
+					},
+					form: {
+						show: false,
+					},
+				},
+				_stepCount: {
+					title: t("certd.fields.deployTaskCount"),
+					type: "number",
+					form: { show: false },
+					column: {
+						align: "center",
+						width: 100,
+					},
+				},
+				lastVars: {
+					title: t("certd.fields.remainingValidity"),
+					type: "number",
+					form: {
+						show: false,
+					},
+					column: {
+						cellRender({ row }) {
+							if (!row.lastVars?.certExpiresTime) {
+								return "-";
+							}
+							const leftDays = dayjs(row.lastVars.certExpiresTime).diff(dayjs(), "day");
+							const color = leftDays < 20 ? "red" : "#389e0d";
+							const percent = (leftDays / 90) * 100;
+							return <a-progress percent={percent} strokeColor={color} format={(percent) => `${leftDays} 天`} />;
+						},
+						width: 150,
+					},
+				},
+				"lastVars.certExpiresTime": {
+					title: t("certd.fields.expiryTime"),
+					search: {
+						show: false,
+					},
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: false,
+						width: 150,
+						align: "center",
+					},
+				},
+				status: {
+					title: t("certd.fields.status"),
+					type: "dict-select",
+					search: {
+						show: true,
+					},
+					dict: dict({
+						data: statusUtil.getOptions(),
+					}),
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 120,
+						align: "center",
+					},
+				},
+				lastHistoryTime: {
+					title: t("certd.fields.lastRun"),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 150,
+						align: "center",
+					},
+				},
+				disabled: {
+					title: t("certd.fields.enabled"),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ value: false, label: t("certd.fields.enabledLabel") },
+							{ value: true, label: t("certd.fields.disabledLabel") },
+						],
+					}),
+					form: {
+						value: false,
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 80,
+						align: "center",
+						component: {
+							name: "fs-dict-switch",
+							vModel: "checked",
+						},
+						async valueChange({ row, key, value }) {
+							return await api.UpdateObj({
+								id: row.id,
+								disabled: row[key],
+							});
+						},
+					},
+				},
+				groupId: {
+					title: t("certd.fields.group"),
+					type: "dict-select",
+					search: {
+						show: true,
+					},
+					dict: groupDictRef,
+					form: {
+						component: {
+							name: GroupSelector,
+							vModel: "modelValue",
+						},
+					},
+					column: {
+						width: 130,
+						align: "center",
+						component: {
+							color: "auto",
+						},
+						sorter: true,
+					},
+				},
+				type: {
+					title: t("certd.fields.type"),
+					type: "dict-select",
+					search: {
+						show: true,
+					},
+					dict: dict({
+						data: [
+							{ value: "cert", label: t("certd.types.certApply") },
+							{ value: "cert_upload", label: t("certd.types.certUpload") },
+							{ value: "custom", label: t("certd.types.custom") },
               { value: "template", label: "模版" },
             ],
           }),
@@ -498,55 +497,56 @@ export default function ({ crudExpose, context: { groupDictRef, selectedRowKeys
           },
         },
         order: {
-          title: "排序号",
-          type: "number",
-          column: {
-            sorter: true,
-            align: "center",
-            width: 80,
-          },
-          form: {
-            value: 0,
-          },
-        },
-        keepHistoryCount: {
-          title: "历史记录保持数",
-          type: "number",
-          form: {
-            value: 20,
-            helper: "历史记录保持条数，多余的会被删除",
-          },
-          column: {
-            width: 130,
-            show: false,
-            sorter: true,
-          },
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 155,
-            align: "center",
-          },
-        },
-        updateTime: {
-          title: "更新时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            width: 125,
-            show: false,
-            sorter: true,
-          },
-        },
-      },
-    },
-  };
+          title: t("certd.fields.order"),
+					type: "number",
+					column: {
+						sorter: true,
+						align: "center",
+						width: 80,
+					},
+					form: {
+						value: 0,
+					},
+				},
+				keepHistoryCount: {
+					title: t("certd.fields.keepHistoryCount"),
+					type: "number",
+					form: {
+						value: 20,
+						helper: t("certd.fields.keepHistoryHelper"),
+					},
+					column: {
+						width: 130,
+						show: false,
+						sorter: true,
+					},
+				},
+				createTime: {
+					title: t("certd.fields.createTime"),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 155,
+						align: "center",
+					},
+				},
+				updateTime: {
+					title: t("certd.fields.updateTime"),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 125,
+						show: false,
+						sorter: true,
+					},
+				},
+
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/group/crud.tsx b/packages/ui/certd-client/src/views/certd/pipeline/group/crud.tsx
index 225b1b42..8392b54d 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/group/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/pipeline/group/crud.tsx
@@ -5,130 +5,131 @@ import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, Edi
 import { pipelineGroupApi } from "./api";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const api = pipelineGroupApi;
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async (req: EditReq) => {
-    const { form, row } = req;
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async (req: DelReq) => {
-    const { row } = req;
-    return await api.DelObj(row.id);
-  };
+	const { t } = useI18n();
+	const api = pipelineGroupApi;
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async (req: EditReq) => {
+		const { form, row } = req;
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async (req: DelReq) => {
+		const { row } = req;
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async (req: AddReq) => {
-    const { form } = req;
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async (req: AddReq) => {
+		const { form } = req;
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  return {
-    crudOptions: {
-      settings: {
-        plugins: {
-          mobile: {
-            props: {
-              rowHandle: {
-                width: 160,
-              },
-            },
-          },
-        },
-      },
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      form: {
-        labelCol: {
-          //固定label宽度
-          span: null,
-          style: {
-            width: "100px",
-          },
-        },
-        col: {
-          span: 22,
-        },
-        wrapper: {
-          width: 600,
-        },
-      },
-      rowHandle: {
-        width: 200,
-        group: {
-          editable: {
-            edit: {
-              text: "编辑",
-              order: -1,
-              type: "primary",
-              click({ row, index }) {
-                crudExpose.openEdit({
-                  index,
-                  row,
-                });
-              },
-            },
-          },
-        },
-      },
-      table: {
-        editable: {
-          enabled: true,
-          mode: "cell",
-          exclusive: true,
-          //排他式激活效果，将其他行的编辑状态触发保存
-          exclusiveEffect: "save", //自动保存其他行编辑状态，cancel = 自动关闭其他行编辑状态
-          async updateCell(opts) {
-            const { row, key, value } = opts;
-            //如果是添加，需要返回{[rowKey]:xxx},比如:{id:2}
-            return await api.UpdateObj({ id: row.id, [key]: value });
-          },
-        },
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          search: {
-            show: true,
-          },
-          column: {
-            width: 100,
-            editable: {
-              disabled: true,
-            },
-          },
-          form: {
-            show: false,
-          },
-        },
-        name: {
-          title: "分组名称",
-          search: {
-            show: true,
-          },
-          type: "text",
-          form: {
-            rules: [
-              {
-                required: true,
-                message: "请输入分组名称",
-              },
-            ],
-          },
-          column: {
-            width: 400,
-          },
-        },
-      },
-    },
-  };
+	return {
+		crudOptions: {
+			settings: {
+				plugins: {
+					mobile: {
+						props: {
+							rowHandle: {
+								width: 160,
+							},
+						},
+					},
+				},
+			},
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			form: {
+				labelCol: {
+					//固定label宽度
+					span: null,
+					style: {
+						width: "100px",
+					},
+				},
+				col: {
+					span: 22,
+				},
+				wrapper: {
+					width: 600,
+				},
+			},
+			rowHandle: {
+				width: 200,
+				group: {
+					editable: {
+						edit: {
+							text: t('certd.edit'),
+							order: -1,
+							type: "primary",
+							click({ row, index }) {
+								crudExpose.openEdit({
+									index,
+									row,
+								});
+							},
+						},
+					},
+				},
+			},
+			table: {
+				editable: {
+					enabled: true,
+					mode: "cell",
+					exclusive: true,
+					//排他式激活效果，将其他行的编辑状态触发保存
+					exclusiveEffect: "save", //自动保存其他行编辑状态，cancel = 自动关闭其他行编辑状态
+					async updateCell(opts) {
+						const { row, key, value } = opts;
+						//如果是添加，需要返回{[rowKey]:xxx},比如:{id:2}
+						return await api.UpdateObj({ id: row.id, [key]: value });
+					},
+				},
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					search: {
+						show: true,
+					},
+					column: {
+						width: 100,
+						editable: {
+							disabled: true,
+						},
+					},
+					form: {
+						show: false,
+					},
+				},
+				name: {
+					title: t('certd.groupName'),
+					search: {
+						show: true,
+					},
+					type: "text",
+					form: {
+						rules: [
+							{
+								required: true,
+								message: t('certd.enterGroupName'),
+							},
+						],
+					},
+					column: {
+						width: 400,
+					},
+				}
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/index.vue
index 727d7f19..01a77c1c 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/index.vue
@@ -1,14 +1,14 @@
 <template>
   <fs-page class="page-cert">
     <template #header>
-      <div class="title">我的流水线</div>
+      <div class="title">{{ t("certd.myPipelines") }}</div>
     </template>
     <fs-crud ref="crudRef" v-bind="crudBinding">
       <div v-if="selectedRowKeys.length > 0" class="batch-actions">
         <div class="batch-actions-inner">
-          <span> 已选择 {{ selectedRowKeys.length }} 项 </span>
-          <fs-button icon="ion:trash-outline" class="color-red" type="link" text="批量删除" @click="batchDelete"></fs-button>
-          <fs-button icon="icon-park-outline:replay-music" class="need-plus" type="link" text="强制重新运行" @click="batchRerun"></fs-button>
+          <span>{{ t("certd.selectedCount", { count: selectedRowKeys.length }) }}</span>
+          <fs-button icon="ion:trash-outline" class="color-red" type="link" :text="t('certd.batchDelete')" @click="batchDelete"></fs-button>
+          <fs-button icon="icon-park-outline:replay-music" class="need-plus" type="link" :text="t('certd.batchForceRerun')" @click="batchRerun"></fs-button>
           <change-group class="color-green" :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-group>
           <change-notification class="color-green" :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-notification>
           <change-trigger class="color-green" :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-trigger>
@@ -16,12 +16,13 @@
       </div>
       <template #actionbar-right> </template>
       <template #form-bottom>
-        <div>申请证书</div>
+        <div>{{ t("certd.applyCertificate") }}</div>
       </template>
     </fs-crud>
   </fs-page>
 </template>
 
+
 <script lang="ts" setup>
 import { onActivated, onMounted, ref } from "vue";
 import { dict, useFs } from "@fast-crud/fast-crud";
@@ -31,6 +32,9 @@ import ChangeGroup from "./components/change-group.vue";
 import ChangeTrigger from "./components/change-trigger.vue";
 import { Modal, notification } from "ant-design-vue";
 import * as api from "./api";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 import ChangeNotification from "/@/views/certd/pipeline/components/change-notification.vue";
 
 defineOptions({
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/notification-form/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/notification-form/index.vue
index 0fb4d7c3..c58c53d9 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/notification-form/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/notification-form/index.vue
@@ -2,9 +2,11 @@
   <a-drawer v-model:open="notificationDrawerVisible" placement="right" :closable="true" width="600px" class="pi-notification-form" @after-open-change="notificationDrawerOnAfterVisibleChange">
     <template #title>
       <div>
-        编辑通知
+        {{ t("certd.edit_notification") }}
         <a-button v-if="mode === 'edit'" @click="notificationDelete()">
-          <template #icon><DeleteOutlined /></template>
+          <template #icon>
+            <DeleteOutlined />
+          </template>
         </a-button>
       </div>
     </template>
@@ -15,7 +17,7 @@
             v-if="currentNotification.type === 'email'"
             v-model="currentNotification.type"
             :item="{
-              title: '类型',
+              title: t('certd.type'),
               key: 'type',
               value: 'email',
               component: {
@@ -23,17 +25,17 @@
                 vModel: 'value',
                 disabled: !editMode,
                 options: [
-                  { value: 'email', label: '邮件' },
-                  { value: 'other', label: '其他通知方式' },
+                  { value: 'email', label: t('certd.email') },
+                  { value: 'other', label: t('certd.other_notification_method') },
                 ],
               },
-              rules: [{ required: true, message: '此项必填' }],
+              rules: [{ required: true, message: t('certd.required') }],
             }"
           />
           <fs-form-item
             v-model="currentNotification.when"
             :item="{
-              title: '触发时机',
+              title: t('certd.trigger_time'),
               key: 'when',
               value: ['error'],
               component: {
@@ -42,14 +44,14 @@
                 disabled: !editMode,
                 mode: 'multiple',
                 options: [
-                  { value: 'start', label: '开始时' },
-                  { value: 'success', label: '成功时' },
-                  { value: 'turnToSuccess', label: '失败转成功时' },
-                  { value: 'error', label: '失败时' },
+                  { value: 'start', label: t('certd.start_time') },
+                  { value: 'success', label: t('certd.success_time') },
+                  { value: 'turnToSuccess', label: t('certd.fail_to_success_time') },
+                  { value: 'error', label: t('certd.fail_time') },
                 ],
               },
-              helper: `建议仅选择'失败时'和'失败转成功'两种即可`,
-              rules: [{ required: true, message: '此项必填' }],
+              helper: t('certd.helper_suggest_fail_only'),
+              rules: [{ required: true, message: t('certd.required') }],
             }"
           />
           <pi-notification-form-email v-if="currentNotification.type === 'email'" ref="optionsRef" v-model:options="currentNotification.options"></pi-notification-form-email>
@@ -58,22 +60,22 @@
             v-else
             v-model="currentNotification.notificationId"
             :item="{
-              title: '通知配置',
+              title: t('certd.notification_config'),
               key: 'notificationId',
               component: {
                 disabled: !editMode,
                 name: NotificationSelector,
                 onSelectedChange,
               },
-              helper: '请选择通知方式',
-              rules: [{ required: true, message: '此项必填' }],
+              helper: t('certd.please_select_notification'),
+              rules: [{ required: true, message: t('certd.required') }],
             }"
           />
         </a-form>
 
         <template #footer>
           <a-form-item v-if="editMode" :wrapper-col="{ span: 14, offset: 4 }">
-            <a-button type="primary" @click="notificationSave"> 确定 </a-button>
+            <a-button type="primary" @click="notificationSave"> {{ t("certd.confirm") }} </a-button>
           </a-form-item>
         </template>
       </pi-container>
@@ -81,163 +83,133 @@
   </a-drawer>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
 import { Modal } from "ant-design-vue";
 import { ref, Ref } from "vue";
 import * as _ from "lodash-es";
 import { nanoid } from "nanoid";
 import PiNotificationFormEmail from "./pi-notification-form-email.vue";
 import NotificationSelector from "/@/views/certd/notification/notification-selector/index.vue";
+import { useI18n } from "vue-i18n";
 
-export default {
+const { t } = useI18n();
+
+defineOptions({
   name: "PiNotificationForm",
-  // eslint-disable-next-line vue/no-unused-components
-  components: { NotificationSelector, PiNotificationFormEmail },
-  props: {
-    editMode: {
-      type: Boolean,
-      default: true,
+});
+
+const props = defineProps<{
+  editMode: boolean;
+}>();
+
+const emit = defineEmits(["update"]);
+
+/**
+ *  notification drawer
+ * @returns
+ */
+const mode = ref("add");
+const callback = ref();
+const currentNotification: Ref<any> = ref({ type: undefined, when: [], options: {}, notificationId: undefined, title: "" });
+const currentPlugin = ref({});
+const notificationFormRef = ref(null);
+const notificationDrawerVisible = ref(false);
+const optionsRef = ref();
+const rules = ref({
+  type: [
+    {
+      type: "string",
+      required: true,
+      message: t("certd.please_select_type"),
     },
-  },
-  emits: ["update"],
-  setup(props: any, context: any) {
-    /**
-     *  notification drawer
-     * @returns
-     */
-    function useNotificationForm() {
-      const mode = ref("add");
-      const callback = ref();
-      const currentNotification: Ref<any> = ref({ type: undefined, when: [], options: {}, notificationId: undefined, title: "" });
-      const currentPlugin = ref({});
-      const notificationFormRef = ref(null);
-      const notificationDrawerVisible = ref(false);
-      const optionsRef = ref();
-      const rules = ref({
-        type: [
-          {
-            type: "string",
-            required: true,
-            message: "请选择类型",
-          },
-        ],
-        when: [
-          {
-            type: "string",
-            required: true,
-            message: "请选择通知时机",
-          },
-        ],
-        notificationId: [
-          {
-            type: "number",
-            required: true,
-            message: "请选择通知配置",
-          },
-        ],
-      });
-
-      const notificationDrawerShow = () => {
-        notificationDrawerVisible.value = true;
-      };
-      const notificationDrawerClose = () => {
-        notificationDrawerVisible.value = false;
-      };
-
-      const notificationDrawerOnAfterVisibleChange = (val: any) => {
-        console.log("notificationDrawerOnAfterVisibleChange", val);
-      };
-
-      const notificationOpen = (notification: any, emit: any) => {
-        callback.value = emit;
-        currentNotification.value = _.cloneDeep(notification);
-        console.log("currentNotificationOpen", currentNotification.value);
-        notificationDrawerShow();
-      };
-
-      const notificationAdd = (emit: any) => {
-        mode.value = "add";
-        const notification = { id: nanoid(), type: "custom", when: ["error", "turnToSuccess"] };
-        notificationOpen(notification, emit);
-      };
-
-      const notificationEdit = (notification: any, emit: any) => {
-        mode.value = "edit";
-        notificationOpen(notification, emit);
-      };
-
-      const notificationView = (notification: any, emit: any) => {
-        mode.value = "view";
-        notificationOpen(notification, emit);
-      };
-
-      const notificationSave = async (e: any) => {
-        if (optionsRef.value) {
-          currentNotification.value.options = await optionsRef.value.getValue();
-        }
-
-        console.log("currentNotificationSave", currentNotification.value);
-        try {
-          await notificationFormRef.value.validate();
-        } catch (e) {
-          console.error("表单验证失败:", e);
-          return;
-        }
-
-        callback.value("save", currentNotification.value);
-        notificationDrawerClose();
-      };
-
-      const notificationDelete = () => {
-        Modal.confirm({
-          title: "确认",
-          content: `确定要删除此触发器吗？`,
-          async onOk() {
-            callback.value("delete");
-            notificationDrawerClose();
-          },
-        });
-      };
-
-      const blankFn = () => {
-        return {};
-      };
-
-      function onSelectedChange(node: any) {
-        currentNotification.value.title = node?.name || null;
-      }
-      return {
-        notificationFormRef,
-        onSelectedChange,
-        mode,
-        notificationAdd,
-        notificationEdit,
-        notificationView,
-        notificationDrawerShow,
-        notificationDrawerVisible,
-        notificationDrawerOnAfterVisibleChange,
-        currentNotification,
-        currentPlugin,
-        notificationSave,
-        notificationDelete,
-        rules,
-        blankFn,
-        optionsRef,
-      };
-    }
-
-    return {
-      ...useNotificationForm(),
-      labelCol: { span: 6 },
-      wrapperCol: { span: 16 },
-    };
-  },
-  computed: {
-    NotificationSelector() {
-      return NotificationSelector;
+  ],
+  when: [
+    {
+      type: "string",
+      required: true,
+      message: t("certd.please_select_trigger_time"),
     },
-  },
+  ],
+  notificationId: [
+    {
+      type: "number",
+      required: true,
+      message: t("certd.please_select_notification_config"),
+    },
+  ],
+});
+const notificationDrawerShow = () => {
+  notificationDrawerVisible.value = true;
 };
+const notificationDrawerClose = () => {
+  notificationDrawerVisible.value = false;
+};
+
+const notificationDrawerOnAfterVisibleChange = (val: any) => {
+  console.log("notificationDrawerOnAfterVisibleChange", val);
+};
+
+const notificationOpen = (notification: any, emit: any) => {
+  callback.value = emit;
+  currentNotification.value = _.cloneDeep(notification);
+  console.log("currentNotificationOpen", currentNotification.value);
+  notificationDrawerShow();
+};
+
+const notificationAdd = (emit: any) => {
+  mode.value = "add";
+  const notification = { id: nanoid(), type: "custom", when: ["error", "turnToSuccess"] };
+  notificationOpen(notification, emit);
+};
+
+const notificationEdit = (notification: any, emit: any) => {
+  mode.value = "edit";
+  notificationOpen(notification, emit);
+};
+
+const notificationView = (notification: any, emit: any) => {
+  mode.value = "view";
+  notificationOpen(notification, emit);
+};
+
+const notificationSave = async (e: any) => {
+  if (optionsRef.value) {
+    currentNotification.value.options = await optionsRef.value.getValue();
+  }
+
+  console.log("currentNotificationSave", currentNotification.value);
+  try {
+    await notificationFormRef.value.validate();
+  } catch (e) {
+    console.error("表单验证失败:", e);
+    return;
+  }
+
+  callback.value("save", currentNotification.value);
+  notificationDrawerClose();
+};
+
+const notificationDelete = () => {
+  Modal.confirm({
+    title: t("certd.confirm"),
+    content: t("certd.confirm_delete_trigger"),
+    async onOk() {
+      callback.value("delete");
+      notificationDrawerClose();
+    },
+  });
+};
+
+const blankFn = () => {
+  return {};
+};
+
+function onSelectedChange(node: any) {
+  currentNotification.value.title = node?.name || null;
+}
+
+const labelCol = { span: 6 };
+const wrapperCol = { span: 16 };
 </script>
 
 <style lang="less">
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/notification-form/pi-notification-form-email.vue b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/notification-form/pi-notification-form-email.vue
index 63320a85..ae0fd926 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/notification-form/pi-notification-form-email.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/notification-form/pi-notification-form-email.vue
@@ -1,36 +1,37 @@
 <template>
-  <div>
-    <fs-form-item
-      v-model="optionsFormState.receivers"
-      :item="{
-        title: '收件邮箱',
-        key: 'type',
-        component: {
-          name: 'a-select',
-          vModel: 'value',
-          mode: 'tags',
-          open: false
-        },
-        helper: '输入你的收件邮箱地址，支持多个邮箱',
-        rules: [{ required: true, message: '此项必填' }]
-      }"
-    />
+	<div>
+		<fs-form-item v-model="optionsFormState.receivers" :item="{
+			title: t('certd.email.title'),
+			key: 'type',
+			component: {
+				name: 'a-select',
+				vModel: 'value',
+				mode: 'tags',
+				open: false
+			},
+			helper: t('certd.email.helper'),
+			rules: [{ required: true, message: t('certd.email.required') }]
+		}" />
 
-    <a-alert v-if="!settingStore.isPlus" class="m-1" type="info">
-      <template #message> 还没有配置邮件服务器？<router-link :to="{ path: '/sys/settings/email' }">现在就去</router-link> </template>
-    </a-alert>
-  </div>
+		<a-alert v-if="!settingStore.isPlus" class="m-1" type="info">
+			<template #message> 还没有配置邮件服务器？<router-link :to="{ path: '/sys/settings/email' }">现在就去</router-link>
+			</template>
+		</a-alert>
+	</div>
 </template>
 <script lang="ts" setup>
 import { Ref, ref, watch } from "vue";
 import { useUserStore } from "/@/store/user";
 import { useSettingStore } from "/@/store/settings";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps({
-  options: {
-    type: Object as PropType<any>,
-    default: () => {}
-  }
+	options: {
+		type: Object as PropType<any>,
+		default: () => { }
+	}
 });
 
 const settingStore = useSettingStore();
@@ -38,30 +39,30 @@ const settingStore = useSettingStore();
 const optionsFormState: Ref<any> = ref({});
 
 watch(
-  () => {
-    return props.options;
-  },
-  () => {
-    optionsFormState.value = {
-      ...props.options
-    };
-  },
-  {
-    immediate: true
-  }
+	() => {
+		return props.options;
+	},
+	() => {
+		optionsFormState.value = {
+			...props.options
+		};
+	},
+	{
+		immediate: true
+	}
 );
 
 const emit = defineEmits(["change"]);
 function doEmit() {
-  emit("change", { ...optionsFormState.value });
+	emit("change", { ...optionsFormState.value });
 }
 
 function getValue() {
-  return { ...optionsFormState.value };
+	return { ...optionsFormState.value };
 }
 
 defineExpose({
-  doEmit,
-  getValue
+	doEmit,
+	getValue
 });
 </script>
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/trigger-form/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/trigger-form/index.vue
index ed97f8e0..bcfe41ef 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/trigger-form/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/trigger-form/index.vue
@@ -2,9 +2,11 @@
   <a-drawer v-model:open="triggerDrawerVisible" placement="right" :closable="true" width="650px" class="pi-trigger-form" @after-open-change="triggerDrawerOnAfterVisibleChange">
     <template #title>
       <div>
-        编辑触发器
+        {{ t("certd.editTrigger") }}
         <a-button v-if="mode === 'edit'" @click="triggerDelete()">
-          <template #icon><DeleteOutlined /></template>
+          <template #icon>
+            <DeleteOutlined />
+          </template>
         </a-button>
       </div>
     </template>
@@ -14,45 +16,45 @@
           <fs-form-item
             v-model="currentTrigger.title"
             :item="{
-              title: '触发器名称',
+              title: t('certd.triggerName'),
               key: 'title',
               component: {
                 name: 'a-input',
                 vModel: 'value',
                 disabled: !editMode,
               },
-              rules: [{ required: true, message: '此项必填' }],
+              rules: [{ required: true, message: t('certd.requiredField') }],
             }"
           />
 
           <fs-form-item
             v-model="currentTrigger.type"
             :item="{
-              title: '类型',
+              title: t('certd.type'),
               key: 'type',
               value: 'timer',
               component: {
                 name: 'a-select',
                 vModel: 'value',
                 disabled: !editMode,
-                options: [{ value: 'timer', label: '定时' }],
+                options: [{ value: 'timer', label: t('certd.schedule') }],
               },
-              rules: [{ required: true, message: '此项必填' }],
+              rules: [{ required: true, message: t('certd.requiredField') }],
             }"
           />
 
           <fs-form-item
             v-model="currentTrigger.props.cron"
             :item="{
-              title: '定时脚本',
+              title: t('certd.cronForm.title'),
               key: 'props.cron',
               component: {
                 disabled: !editMode,
                 name: 'cron-editor',
                 vModel: 'modelValue',
               },
-              helper: '点击上面的按钮，选择每天几点定时执行。\n建议设置为每天触发一次，证书未到期之前任务会跳过，不会重复执行',
-              rules: [{ required: true, message: '此项必填' }],
+              helper: t('certd.cronForm.helper'),
+              rules: [{ required: true, message: t('certd.cronForm.required') }],
             }"
           />
         </a-form>
@@ -71,6 +73,7 @@
 import { message, Modal } from "ant-design-vue";
 import { inject, ref } from "vue";
 import * as _ from "lodash-es";
+import { useI18n } from "/src/locales/";
 import { nanoid } from "nanoid";
 export default {
   name: "PiTriggerForm",
@@ -86,6 +89,7 @@ export default {
      *  trigger drawer
      * @returns
      */
+    const { t } = useI18n();
     function useTriggerForm() {
       const mode = ref("add");
       const callback = ref();
@@ -98,7 +102,7 @@ export default {
           {
             type: "string",
             required: true,
-            message: "请输入名称",
+            message: t("certd.enterName"),
           },
         ],
       });
@@ -123,7 +127,7 @@ export default {
 
       const triggerAdd = emit => {
         mode.value = "add";
-        const trigger = { id: nanoid(), title: "定时触发", type: "timer", props: {} };
+        const trigger = { id: nanoid(), title: t("certd.timerTrigger"), type: "timer", props: {} };
         triggerOpen(trigger, emit);
       };
 
@@ -152,8 +156,8 @@ export default {
 
       const triggerDelete = () => {
         Modal.confirm({
-          title: "确认",
-          content: `确定要删除此触发器吗？`,
+          title: t("certd.confirm"),
+          content: t("certd.confirmDeleteTrigger"),
           async onOk() {
             callback.value("delete");
             triggerDrawerClose();
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/sub-domain/crud.tsx b/packages/ui/certd-client/src/views/certd/pipeline/sub-domain/crud.tsx
index f9fcf072..36aa6ed3 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/sub-domain/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/pipeline/sub-domain/crud.tsx
@@ -1,137 +1,139 @@
 import * as api from "./api";
 import { Ref, ref } from "vue";
 import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
+import { useI18n } from "vue-i18n";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    return await api.DelObj(row.id);
-  };
+	const { t } = useI18n();
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async ({ form }: AddReq) => {
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  const selectedRowKeys: Ref<any[]> = ref([]);
-  context.selectedRowKeys = selectedRowKeys;
+	const selectedRowKeys: Ref<any[]> = ref([]);
+	context.selectedRowKeys = selectedRowKeys;
 
-  return {
-    crudOptions: {
-      settings: {
-        plugins: {
-          //这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
-          rowSelection: {
-            enabled: true,
-            order: -2,
-            before: true,
-            // handle: (pluginProps,useCrudProps)=>CrudOptions,
-            props: {
-              multiple: true,
-              crossPage: true,
-              selectedRowKeys,
-            },
-          },
-        },
-      },
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      // tabs: {
-      //   name: "status",
-      //   show: true,
-      // },
-      rowHandle: {
-        minWidth: 200,
-        fixed: "right",
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          column: {
-            width: 80,
-          },
-          form: {
-            show: false,
-          },
-        },
-        domain: {
-          title: "托管的子域名",
-          type: "text",
-          search: {
-            show: true,
-          },
-          form: {
-            helper: {
-              render() {
-                return (
-                  <div>
-                    如果您不理解什么是子域托管，可以参考文档
-                    <a href={"https://help.aliyun.com/zh/dns/subdomain-management"} target={"_blank"}>
-                      子域管理
-                    </a>
-                  </div>
-                );
-              },
-            },
-          },
-          editForm: {
-            component: {
-              disabled: true,
-            },
-          },
-        },
-        disabled: {
-          title: "是否禁用",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { value: false, label: "启用", color: "green" },
-              { value: true, label: "禁用", color: "gray" },
-            ],
-          }),
-          search: {
-            show: true,
-          },
-          form: {
-            value: false,
-          },
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 160,
-            align: "center",
-          },
-        },
-        updateTime: {
-          title: "更新时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            show: true,
-          },
-        },
-      },
-    },
-  };
+	return {
+		crudOptions: {
+			settings: {
+				plugins: {
+					//这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
+					rowSelection: {
+						enabled: true,
+						order: -2,
+						before: true,
+						// handle: (pluginProps,useCrudProps)=>CrudOptions,
+						props: {
+							multiple: true,
+							crossPage: true,
+							selectedRowKeys,
+						},
+					},
+				},
+			},
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			// tabs: {
+			//   name: "status",
+			//   show: true,
+			// },
+			rowHandle: {
+				minWidth: 200,
+				fixed: "right",
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					column: {
+						width: 80,
+					},
+					form: {
+						show: false,
+					},
+				},
+				domain: {
+					title: t('certd.subdomainHosted'),
+					type: "text",
+					search: {
+						show: true,
+					},
+					form: {
+						helper: {
+							render() {
+								return (
+									<div>
+										{t('certd.subdomainHelpText')}
+										<a href={"https://help.aliyun.com/zh/dns/subdomain-management"} target={"_blank"}>
+											{t('certd.subdomainManagement')}
+										</a>
+									</div>
+								);
+							},
+						},
+					},
+					editForm: {
+						component: {
+							disabled: true,
+						},
+					},
+				},
+				disabled: {
+					title: t('certd.isDisabled'),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ value: false, label: t('certd.enabled'), color: "green" },
+							{ value: true, label: t('certd.disabled'), color: "gray" },
+						],
+					}),
+					search: {
+						show: true,
+					},
+					form: {
+						value: false,
+					},
+				},
+				createTime: {
+					title: t('certd.createTime'),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 160,
+						align: "center",
+					},
+				},
+				updateTime: {
+					title: t('certd.updateTime'),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						show: true,
+					},
+				},
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/sub-domain/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/sub-domain/index.vue
index d7eeb7a9..bd2cf6ed 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/sub-domain/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/sub-domain/index.vue
@@ -1,19 +1,19 @@
 <template>
-  <fs-page class="page-cert">
-    <template #header>
-      <div class="title">
-        子域名托管
-        <span class="sub"> 当你的域名设置了子域名托管，需要在此处创建记录，否则申请证书将失败 </span>
-      </div>
-    </template>
-    <fs-crud ref="crudRef" v-bind="crudBinding">
-      <template #pagination-left>
-        <a-tooltip title="批量删除">
-          <fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>
-        </a-tooltip>
-      </template>
-    </fs-crud>
-  </fs-page>
+	<fs-page class="page-cert">
+		<template #header>
+			<div class="title">
+				{{ t('certd.subdomainHosting') }}
+				<span class="sub">{{ t('certd.subdomainHostingHint') }}</span>
+			</div>
+		</template>
+		<fs-crud ref="crudRef" v-bind="crudBinding">
+			<template #pagination-left>
+				<a-tooltip :title="t('certd.batchDelete')">
+					<fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>
+				</a-tooltip>
+			</template>
+		</fs-crud>
+	</fs-page>
 </template>
 
 <script lang="ts" setup>
@@ -22,36 +22,40 @@ import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
 import { message, Modal } from "ant-design-vue";
 import { DeleteBatch } from "./api";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
-  name: "CnameRecord",
+	name: "CnameRecord",
 });
 const { crudBinding, crudRef, crudExpose, context } = useFs({ createCrudOptions });
 
 const selectedRowKeys = context.selectedRowKeys;
 const handleBatchDelete = () => {
-  if (selectedRowKeys.value?.length > 0) {
-    Modal.confirm({
-      title: "确认",
-      content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
-      async onOk() {
-        await DeleteBatch(selectedRowKeys.value);
-        message.info("删除成功");
-        crudExpose.doRefresh();
-        selectedRowKeys.value = [];
-      },
-    });
-  } else {
-    message.error("请先勾选记录");
-  }
+	if (selectedRowKeys.value?.length > 0) {
+		Modal.confirm({
+			title: t('certd.confirm'),
+			content: t('certd.batchDeleteConfirm', { count: selectedRowKeys.value.length }),
+			async onOk() {
+				await DeleteBatch(selectedRowKeys.value);
+				message.info(t('certd.deleteSuccess'));
+				crudExpose.doRefresh();
+				selectedRowKeys.value = [];
+			},
+		});
+	} else {
+		message.error(t('certd.selectRecordFirst'));
+	}
 };
 
+
 // 页面打开后获取列表数据
 onMounted(() => {
-  crudExpose.doRefresh();
+	crudExpose.doRefresh();
 });
 onActivated(async () => {
-  await crudExpose.doRefresh();
+	await crudExpose.doRefresh();
 });
 </script>
 <style lang="less"></style>
diff --git a/packages/ui/certd-client/src/views/certd/suite/mine/crud.tsx b/packages/ui/certd-client/src/views/certd/suite/mine/crud.tsx
index a2948e00..295ff2fc 100644
--- a/packages/ui/certd-client/src/views/certd/suite/mine/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/suite/mine/crud.tsx
@@ -7,310 +7,310 @@ import DurationValue from "/@/views/sys/suite/product/duration-value.vue";
 import UserSuiteStatus from "/@/views/certd/suite/mine/user-suite-status.vue";
 import dayjs from "dayjs";
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async (req: EditReq) => {
-    const { form, row } = req;
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async (req: DelReq) => {
-    const { row } = req;
-    return await api.DelObj(row.id);
-  };
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async (req: EditReq) => {
+		const { form, row } = req;
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async (req: DelReq) => {
+		const { row } = req;
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async (req: AddReq) => {
-    const { form } = req;
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async (req: AddReq) => {
+		const { form } = req;
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  const router = useRouter();
+	const router = useRouter();
 
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest
-      },
-      form: {
-        labelCol: {
-          //固定label宽度
-          span: null,
-          style: {
-            width: "100px"
-          }
-        },
-        col: {
-          span: 22
-        },
-        wrapper: {
-          width: 600
-        }
-      },
-      actionbar: {
-        buttons: {
-          add: { show: false },
-          buy: {
-            text: "购买",
-            type: "primary",
-            click() {
-              router.push({
-                path: "/certd/suite/buy"
-              });
-            }
-          }
-        }
-      },
-      rowHandle: {
-        width: 200,
-        fixed: "right",
-        buttons: {
-          view: { show: false },
-          copy: { show: false },
-          edit: { show: false },
-          remove: { show: false }
-          // continue:{
-          //   text:"续期",
-          //   type:"link",
-          //   click(){
-          //     console.log("续期");
-          //   }
-          // }
-        }
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          search: {
-            show: false
-          },
-          column: {
-            width: 100,
-            editable: {
-              disabled: true
-            }
-          },
-          form: {
-            show: false
-          }
-        },
-        title: {
-          title: "套餐名称",
-          type: "text",
-          search: {
-            show: true
-          },
-          form: {
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 200
-          }
-        },
-        productType: {
-          title: "类型",
-          type: "dict-select",
-          editForm: {
-            component: {
-              disabled: true
-            }
-          },
-          dict: dict({
-            data: [
-              { label: "套餐", value: "suite", color: "green" },
-              { label: "加量包", value: "addon", color: "blue" }
-            ]
-          }),
-          form: {
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 80,
-            align: "center"
-          },
-          valueBuilder: ({ row }) => {
-            if (row.content) {
-              row.content = JSON.parse(row.content);
-            }
-          },
-          valueResolve: ({ form }) => {
-            if (form.content) {
-              form.content = JSON.stringify(form.content);
-            }
-          }
-        },
-        "content.maxDomainCount": {
-          title: "域名数量",
-          type: "text",
-          form: {
-            key: ["content", "maxDomainCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 100,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            align: "center"
-          }
-        },
-        "content.maxPipelineCount": {
-          title: "流水线数量",
-          type: "text",
-          form: {
-            key: ["content", "maxPipelineCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "条"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 100,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "条"
-            },
-            align: "center"
-          }
-        },
-        "content.maxDeployCount": {
-          title: "部署次数",
-          type: "text",
-          form: {
-            key: ["content", "maxDeployCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "次"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 100,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "次",
-              used: compute(({ row }) => {
-                return row.deployCountUsed;
-              })
-            },
-            align: "center"
-          }
-        },
-        "content.maxMonitorCount": {
-          title: "证书监控数量",
-          type: "text",
-          form: {
-            key: ["content", "maxMonitorCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 120,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            align: "center"
-          }
-        },
-        duration: {
-          title: "时长",
-          type: "text",
-          form: {},
-          column: {
-            component: {
-              name: DurationValue,
-              vModel: "modelValue"
-            },
-            width: 100,
-            align: "center"
-          }
-        },
-        status: {
-          title: "状态",
-          type: "text",
-          form: { show: false },
-          column: {
-            width: 100,
-            align: "center",
-            component: {
-              name: UserSuiteStatus,
-              userSuite: compute(({ row }) => {
-                return row;
-              }),
-              currentSuite: context.currentSuite
-            },
-            conditionalRender: {
-              match() {
-                return false;
-              }
-            }
-          }
-        },
-        activeTime: {
-          title: "激活时间",
-          type: "date",
-          column: {
-            width: 150
-          }
-        },
-        expiresTime: {
-          title: "过期时间",
-          type: "date",
-          column: {
-            width: 150,
-            component: {
-              name: "expires-time-text",
-              vModel: "value",
-              mode: "tag",
-              title: compute(({ value }) => {
-                return dayjs(value).format("YYYY-MM-DD HH:mm:ss");
-              })
-            }
-          }
-        },
-        isPresent: {
-          title: "是否赠送",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "是", value: true, color: "success" },
-              { label: "否", value: false, color: "blue" }
-            ]
-          }),
-          form: {
-            value: true
-          },
-          column: {
-            width: 100,
-            align: "center"
-          }
-        }
-      }
-    }
-  };
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest
+			},
+			form: {
+				labelCol: {
+					//固定label宽度
+					span: null,
+					style: {
+						width: "100px"
+					}
+				},
+				col: {
+					span: 22
+				},
+				wrapper: {
+					width: 600
+				}
+			},
+			actionbar: {
+				buttons: {
+					add: { show: false },
+					buy: {
+						text: "购买",
+						type: "primary",
+						click() {
+							router.push({
+								path: "/certd/suite/buy"
+							});
+						}
+					}
+				}
+			},
+			rowHandle: {
+				width: 200,
+				fixed: "right",
+				buttons: {
+					view: { show: false },
+					copy: { show: false },
+					edit: { show: false },
+					remove: { show: false }
+					// continue:{
+					//   text:"续期",
+					//   type:"link",
+					//   click(){
+					//     console.log("续期");
+					//   }
+					// }
+				}
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					search: {
+						show: false
+					},
+					column: {
+						width: 100,
+						editable: {
+							disabled: true
+						}
+					},
+					form: {
+						show: false
+					}
+				},
+				title: {
+					title: "套餐名称",
+					type: "text",
+					search: {
+						show: true
+					},
+					form: {
+						rules: [{ required: true, message: "此项必填" }]
+					},
+					column: {
+						width: 200
+					}
+				},
+				productType: {
+					title: "类型",
+					type: "dict-select",
+					editForm: {
+						component: {
+							disabled: true
+						}
+					},
+					dict: dict({
+						data: [
+							{ label: "套餐", value: "suite", color: "green" },
+							{ label: "加量包", value: "addon", color: "blue" }
+						]
+					}),
+					form: {
+						rules: [{ required: true, message: "此项必填" }]
+					},
+					column: {
+						width: 80,
+						align: "center"
+					},
+					valueBuilder: ({ row }) => {
+						if (row.content) {
+							row.content = JSON.parse(row.content);
+						}
+					},
+					valueResolve: ({ form }) => {
+						if (form.content) {
+							form.content = JSON.stringify(form.content);
+						}
+					}
+				},
+				"content.maxDomainCount": {
+					title: "域名数量",
+					type: "text",
+					form: {
+						key: ["content", "maxDomainCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: "个"
+						},
+						rules: [{ required: true, message: "此项必填" }]
+					},
+					column: {
+						width: 100,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: "个"
+						},
+						align: "center"
+					}
+				},
+				"content.maxPipelineCount": {
+					title: "流水线数量",
+					type: "text",
+					form: {
+						key: ["content", "maxPipelineCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: "条"
+						},
+						rules: [{ required: true, message: "此项必填" }]
+					},
+					column: {
+						width: 100,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: "条"
+						},
+						align: "center"
+					}
+				},
+				"content.maxDeployCount": {
+					title: "部署次数",
+					type: "text",
+					form: {
+						key: ["content", "maxDeployCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: "次"
+						},
+						rules: [{ required: true, message: "此项必填" }]
+					},
+					column: {
+						width: 100,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: "次",
+							used: compute(({ row }) => {
+								return row.deployCountUsed;
+							})
+						},
+						align: "center"
+					}
+				},
+				"content.maxMonitorCount": {
+					title: "证书监控数量",
+					type: "text",
+					form: {
+						key: ["content", "maxMonitorCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: "个"
+						},
+						rules: [{ required: true, message: "此项必填" }]
+					},
+					column: {
+						width: 120,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: "个"
+						},
+						align: "center"
+					}
+				},
+				duration: {
+					title: "时长",
+					type: "text",
+					form: {},
+					column: {
+						component: {
+							name: DurationValue,
+							vModel: "modelValue"
+						},
+						width: 100,
+						align: "center"
+					}
+				},
+				status: {
+					title: "状态",
+					type: "text",
+					form: { show: false },
+					column: {
+						width: 100,
+						align: "center",
+						component: {
+							name: UserSuiteStatus,
+							userSuite: compute(({ row }) => {
+								return row;
+							}),
+							currentSuite: context.currentSuite
+						},
+						conditionalRender: {
+							match() {
+								return false;
+							}
+						}
+					}
+				},
+				activeTime: {
+					title: "激活时间",
+					type: "date",
+					column: {
+						width: 150
+					}
+				},
+				expiresTime: {
+					title: "过期时间",
+					type: "date",
+					column: {
+						width: 150,
+						component: {
+							name: "expires-time-text",
+							vModel: "value",
+							mode: "tag",
+							title: compute(({ value }) => {
+								return dayjs(value).format("YYYY-MM-DD HH:mm:ss");
+							})
+						}
+					}
+				},
+				isPresent: {
+					title: "是否赠送",
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: "是", value: true, color: "success" },
+							{ label: "否", value: false, color: "blue" }
+						]
+					}),
+					form: {
+						value: true
+					},
+					column: {
+						width: 100,
+						align: "center"
+					}
+				}
+			}
+		}
+	};
 }
diff --git a/packages/ui/certd-client/src/views/certd/suite/order-modal.vue b/packages/ui/certd-client/src/views/certd/suite/order-modal.vue
index 46f53f32..7f474847 100644
--- a/packages/ui/certd-client/src/views/certd/suite/order-modal.vue
+++ b/packages/ui/certd-client/src/views/certd/suite/order-modal.vue
@@ -1,32 +1,46 @@
 <template>
-  <a-modal v-model:open="openRef" class="order-modal" title="订单确认" @ok="orderCreate">
+  <a-modal v-model:open="openRef" class="order-modal" :title="$t('order.confirmTitle')" @ok="orderCreate">
     <div v-if="product" class="order-box">
-      <div class="flex-o mt-5"><span class="label">套餐：</span>{{ product.title }}</div>
-      <div class="flex-o mt-5"><span class="label">说明：</span>{{ product.intro }}</div>
       <div class="flex-o mt-5">
-        <span class="label">规格：</span>
+        <span class="label">{{$t('order.package')}}：</span>{{ product.title }}
+      </div>
+      <div class="flex-o mt-5">
+        <span class="label">{{$t('order.description')}}：</span>{{ product.intro }}
+      </div>
+      <div class="flex-o mt-5">
+        <span class="label">{{$t('order.specifications')}}：</span>
         <span class="flex-o flex-wrap">
-          <span class="flex-o">流水线<suite-value class="ml-5" :model-value="product.content.maxPipelineCount" unit="条" />；</span>
-          <span class="flex-o">域名<suite-value class="ml-5" :model-value="product.content.maxDomainCount" unit="个" />；</span>
-          <span class="flex-o">部署次数<suite-value class="ml-5" :model-value="product.content.maxDeployCount" unit="次" />；</span>
+          <span class="flex-o">
+            {{$t('order.pipeline')}}<suite-value class="ml-5" :model-value="product.content.maxPipelineCount" unit="{{$t('order.unit.pieces')}}" />；
+          </span>
+          <span class="flex-o">
+            {{$t('order.domain')}}<suite-value class="ml-5" :model-value="product.content.maxDomainCount" unit="{{$t('order.unit.count')}}" />；
+          </span>
+          <span class="flex-o">
+            {{$t('order.deployTimes')}}<suite-value class="ml-5" :model-value="product.content.maxDeployCount" unit="{{$t('order.unit.times')}}" />；
+          </span>
         </span>
       </div>
 
       <div class="flex-o mt-5">
-        <span class="label">时长：</span>
+        <span class="label">{{$t('order.duration')}}：</span>
         <duration-value v-model="formRef.duration"></duration-value>
       </div>
-      <div class="flex-o mt-5"><span class="label">价格：</span> <price-input :edit="false" :model-value="durationSelected.price"></price-input></div>
+      <div class="flex-o mt-5">
+        <span class="label">{{$t('order.price')}}：</span>
+        <price-input :edit="false" :model-value="durationSelected.price"></price-input>
+      </div>
 
       <div class="flex-o mt-5">
-        <span class="label">支付方式：</span>
-        <div v-if="durationSelected.price === 0">免费</div>
+        <span class="label">{{$t('order.paymentMethod')}}：</span>
+        <div v-if="durationSelected.price === 0">{{$t('order.free')}}</div>
         <fs-dict-select v-else v-model:value="formRef.payType" :dict="paymentsDictRef" style="width: 200px"> </fs-dict-select>
       </div>
     </div>
   </a-modal>
 </template>
 
+
 <script setup lang="tsx">
 import { ref } from "vue";
 import { GetPaymentTypes, OrderModalOpenReq, TradeCreate } from "/@/views/certd/suite/api";
diff --git a/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue b/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
index d5a5e511..4836789f 100644
--- a/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
+++ b/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
@@ -11,19 +11,21 @@
         <div class="text">
           <div class="left">
             <div>
-              <span>您好，{{ userInfo.nickName || userInfo.username }}， 欢迎使用 【{{ siteInfo.title }}】</span>
+              <span>{{ t('certd.dashboard.greeting', { name: userInfo.nickName || userInfo.username, site: siteInfo.title }) }}</span>
             </div>
             <div class="flex-o flex-wrap profile-badges">
               <a-tooltip :title="deltaTimeTip">
                 <a-badge :dot="deltaTimeWarning">
-                  <a-tag :color="deltaTimeWarning ? 'red' : 'green'" class="flex-inline pointer"> <fs-icon icon="ion:time-outline"></fs-icon> {{ now }}</a-tag>
+                  <a-tag :color="deltaTimeWarning ? 'red' : 'green'" class="flex-inline pointer">
+                    <fs-icon icon="ion:time-outline"></fs-icon> {{ now }}
+                  </a-tag>
                 </a-badge>
               </a-tooltip>
 
               <template v-if="userStore.isAdmin">
                 <a-divider type="vertical" />
                 <a-badge :dot="hasNewVersion">
-                  <a-tag color="blue" class="flex-inline pointer mr-0" :title="'最新版本:' + latestVersion" @click="openUpgradeUrl()">
+                  <a-tag color="blue" class="flex-inline pointer mr-0" :title="t('certd.dashboard.latestVersion', { version: latestVersion })" @click="openUpgradeUrl()">
                     <fs-icon icon="ion:rocket-outline" class="mr-5"></fs-icon>
                     v{{ version }}
                   </a-tag>
@@ -37,7 +39,7 @@
               </template>
               <template v-if="settingsStore.isPlus && settingsStore.sysPublic.userValidTimeEnabled === true && userInfo.validTime">
                 <a-divider type="vertical" />
-                <valid-time-format class="flex-o" prefix="账户有效期：" :model-value="userInfo.validTime" />
+                <valid-time-format class="flex-o" :prefix="t('certd.dashboard.validUntil')" :model-value="userInfo.validTime" />
               </template>
             </div>
           </div>
@@ -46,9 +48,9 @@
 
       <div class="suggest hidden md:block">
         <tutorial-button class="flex-center mt-2">
-          <a-tooltip title="点击查看详细教程">
+          <a-tooltip :title="t('certd.dashboard.tutorialTooltip')">
             <a-tag color="blue" class="flex-center">
-              仅需3步，全自动申请部署证书
+              {{ t('certd.dashboard.tutorialText') }}
               <fs-icon class="font-size-16 ml-5" icon="mingcute:question-line"></fs-icon>
             </a-tag>
           </a-tooltip>
@@ -59,9 +61,10 @@
     <div v-if="!settingStore.isComm" class="warning">
       <a-alert type="warning" show-icon>
         <template #message>
-          证书和授权为敏感信息，不要使用来历不明的在线Certd服务和镜像，以免泄露；请务必私有化部署使用，认准官方版本发布渠道：
-          <a class="ml-5 flex-inline" href="https://gitee.com/certd/certd" target="_blank">gitee</a>、 <a class="ml-5 flex-inline" href="https://github.com/certd/certd" target="_blank">github</a>、
-          <a class="ml-5 flex-inline" href="https://certd.docmirror.cn" target="_blank">帮助文档</a>
+          {{ t('certd.dashboard.alertMessage') }}
+          <a class="ml-5 flex-inline" href="https://gitee.com/certd/certd" target="_blank">gitee</a>、
+          <a class="ml-5 flex-inline" href="https://github.com/certd/certd" target="_blank">github</a>、
+          <a class="ml-5 flex-inline" href="https://certd.docmirror.cn" target="_blank">{{ t('certd.dashboard.helpDoc') }}</a>
         </template>
       </a-alert>
     </div>
@@ -69,30 +72,32 @@
     <div class="statistic-data m-20">
       <a-row :gutter="20" class="flex-wrap">
         <a-col :md="6" :xs="24">
-          <statistic-card title="证书流水线数量" :count="count.pipelineCount">
+          <statistic-card :title="t('certd.dashboard.pipelineCount')" :count="count.pipelineCount">
             <template v-if="count.pipelineCount === 0" #default>
               <div class="flex-center flex-1 flex-col">
-                <div style="font-size: 18px; font-weight: 700">您还没有证书流水线</div>
-                <fs-button type="primary" class="mt-10" icon="ion:add-circle-outline" @click="goPipeline">立即创建</fs-button>
+                <div style="font-size: 18px; font-weight: 700">{{ t('certd.dashboard.noPipeline') }}</div>
+                <fs-button type="primary" class="mt-10" icon="ion:add-circle-outline" @click="goPipeline">{{ t('certd.dashboard.createNow') }}</fs-button>
               </div>
             </template>
             <template #footer>
-              <router-link to="/certd/pipeline" class="flex"><fs-icon icon="ion:settings-outline" class="mr-5 fs-16" /> 管理流水线</router-link>
+              <router-link to="/certd/pipeline" class="flex">
+                <fs-icon icon="ion:settings-outline" class="mr-5 fs-16" /> {{ t('certd.dashboard.managePipeline') }}
+              </router-link>
             </template>
           </statistic-card>
         </a-col>
         <a-col :md="6" :xs="24">
-          <statistic-card title="流水线状态" :footer="false">
+          <statistic-card :title="t('certd.dashboard.pipelineStatus')" :footer="false">
             <pie-count v-if="count.pipelineStatusCount" :data="count.pipelineStatusCount"></pie-count>
           </statistic-card>
         </a-col>
         <a-col :md="6" :xs="24">
-          <statistic-card title="最近运行统计" :footer="false">
-            <day-count v-if="count.historyCountPerDay" :data="count.historyCountPerDay" title="运行次数"></day-count>
+          <statistic-card :title="t('certd.dashboard.recentRun')" :footer="false">
+            <day-count v-if="count.historyCountPerDay" :data="count.historyCountPerDay" :title="t('certd.dashboard.runCount')"></day-count>
           </statistic-card>
         </a-col>
         <a-col :md="6" :xs="24">
-          <statistic-card title="最快到期证书">
+          <statistic-card :title="t('certd.dashboard.expiringCerts')">
             <expiring-list v-if="count.expiringList" :data="count.expiringList"></expiring-list>
           </statistic-card>
         </a-col>
@@ -102,7 +107,8 @@
     <div v-if="pluginGroups" class="plugin-list">
       <a-card>
         <template #title>
-          已支持的部署任务总览 <a-tag color="green">{{ pluginGroups.groups.all.plugins.length }}</a-tag>
+          {{ t('certd.dashboard.supportedTasks') }}
+          <a-tag color="green">{{ pluginGroups.groups.all.plugins.length }}</a-tag>
         </template>
         <a-row :gutter="10">
           <a-col v-for="item of pluginGroups.groups.all.plugins" :key="item.name" class="plugin-item-col" :xl="4" :md="6" :xs="24">
@@ -130,6 +136,7 @@
   </div>
 </template>
 
+
 <script lang="ts" setup>
 import { FsIcon } from "@fast-crud/fast-crud";
 import SimpleSteps from "/@/components/tutorial/simple-steps.vue";
@@ -148,6 +155,8 @@ import { UserInfoRes } from "/@/store/user/api.user";
 import { GetStatisticCount } from "/@/views/framework/home/dashboard/api";
 import { useRouter } from "vue-router";
 import * as api from "./api";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
 import { usePluginStore } from "/@/store/plugin";
 defineOptions({
   name: "DashboardUser",
diff --git a/packages/ui/certd-client/src/views/framework/home/index.vue b/packages/ui/certd-client/src/views/framework/home/index.vue
index 89908183..c1e91eba 100644
--- a/packages/ui/certd-client/src/views/framework/home/index.vue
+++ b/packages/ui/certd-client/src/views/framework/home/index.vue
@@ -2,7 +2,10 @@
   <fs-page class="home—index bg-neutral-100 dark:bg-black">
     <!--    <page-content />-->
     <dashboard-user />
-    <change-password-button ref="changePasswordButtonRef" :show-button="false"></change-password-button>
+    <change-password-button
+      ref="changePasswordButtonRef"
+      :show-button="false"
+    ></change-password-button>
   </fs-page>
 </template>
 
@@ -12,20 +15,23 @@ import { useUserStore } from "/@/store/user";
 import ChangePasswordButton from "/@/views/certd/mine/change-password-button.vue";
 import { onMounted, ref } from "vue";
 import { Modal } from "ant-design-vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const userStore = useUserStore();
 const changePasswordButtonRef = ref();
 onMounted(() => {
   if (userStore.getUserInfo.isWeak === true) {
     Modal.info({
-      title: "修改密码",
-      content: "为了您的账户安全，请立即修改密码",
+      title: t("passwordForm.title"),
+      content: t("passwordForm.weakPasswordWarning"),
       onOk: () => {
         changePasswordButtonRef.value.open({
           password: "123456",
         });
       },
-      okText: "立即修改",
+      okText: t("passwordForm.changeNow"),
     });
   }
 });
diff --git a/packages/ui/certd-client/src/views/framework/login/index.vue b/packages/ui/certd-client/src/views/framework/login/index.vue
index 58b52b83..c820e6fc 100644
--- a/packages/ui/certd-client/src/views/framework/login/index.vue
+++ b/packages/ui/certd-client/src/views/framework/login/index.vue
@@ -3,18 +3,18 @@
     <a-form v-if="!twoFactor.loginId" ref="formRef" class="user-layout-login" name="custom-validation" :model="formState" v-bind="layout" @finish="handleFinish" @finish-failed="handleFinishFailed">
       <!--      <div class="login-title">登录</div>-->
       <a-tabs v-model:active-key="formState.loginType" :tab-bar-style="{ textAlign: 'center', borderBottom: 'unset' }">
-        <a-tab-pane key="password" tab="密码登录" :disabled="sysPublicSettings.passwordLoginEnabled !== true">
+        <a-tab-pane key="password" :tab="t('authentication.passwordTab')" :disabled="sysPublicSettings.passwordLoginEnabled !== true">
           <template v-if="formState.loginType === 'password'">
             <!--      <div class="login-title">登录</div>-->
             <a-form-item required has-feedback name="username" :rules="rules.username">
-              <a-input v-model:value="formState.username" placeholder="请输入用户名/邮箱/手机号" autocomplete="off">
+              <a-input v-model:value="formState.username" :placeholder="t('authentication.usernamePlaceholder')" autocomplete="off">
                 <template #prefix>
                   <fs-icon icon="ion:phone-portrait-outline"></fs-icon>
                 </template>
               </a-input>
             </a-form-item>
             <a-form-item has-feedback name="password" :rules="rules.password">
-              <a-input-password v-model:value="formState.password" placeholder="请输入密码" autocomplete="off">
+              <a-input-password v-model:value="formState.password" :placeholder="t('authentication.passwordPlaceholder')" autocomplete="off">
                 <template #prefix>
                   <fs-icon icon="ion:lock-closed-outline"></fs-icon>
                 </template>
@@ -22,15 +22,16 @@
             </a-form-item>
           </template>
         </a-tab-pane>
-        <a-tab-pane key="sms" tab="短信验证码登录" :disabled="sysPublicSettings.smsLoginEnabled !== true">
+        <a-tab-pane v-if="sysPublicSettings.smsLoginEnabled === true" key="sms" :tab="t('authentication.smsTab')">
           <template v-if="formState.loginType === 'sms'">
             <a-form-item has-feedback name="mobile" :rules="rules.mobile">
-              <a-input v-model:value="formState.mobile" placeholder="请输入手机号" autocomplete="off">
+              <a-input v-model:value="formState.mobile" :placeholder="t('authentication.mobilePlaceholder')" autocomplete="off">
                 <template #prefix>
                   <fs-icon icon="ion:phone-portrait-outline"></fs-icon>
                 </template>
               </a-input>
             </a-form-item>
+
             <a-form-item has-feedback name="imgCode">
               <image-code v-model:value="formState.imgCode" v-model:random-str="formState.randomStr"></image-code>
             </a-form-item>
@@ -42,13 +43,24 @@
         </a-tab-pane>
       </a-tabs>
       <a-form-item>
-        <a-button type="primary" size="large" html-type="submit" :loading="loading" class="login-button">登录</a-button>
+        <a-button type="primary" size="large" html-type="submit" :loading="loading" class="login-button">
+          {{ t("authentication.loginButton") }}
+        </a-button>
 
-        <div v-if="!settingStore.isComm" class="mt-2"><a href="https://certd.docmirror.cn/guide/use/forgotpasswd/" target="_blank">忘记管理员密码？</a></div>
+        <div v-if="!settingStore.isComm" class="mt-2">
+          <a href="https://certd.docmirror.cn/guide/use/forgotpasswd/" target="_blank">
+            {{ t("authentication.forgotAdminPassword") }}
+          </a>
+        </div>
       </a-form-item>
 
       <a-form-item class="user-login-other">
-        <router-link v-if="hasRegisterTypeEnabled()" class="register" :to="{ name: 'register' }"> 注册 </router-link>
+        <div class="flex flex-between justify-between items-center">
+          <language-toggle class="color-blue"></language-toggle>
+          <router-link v-if="hasRegisterTypeEnabled()" class="register" :to="{ name: 'register' }">
+            {{ t("authentication.registerLink") }}
+          </router-link>
+        </div>
       </a-form-item>
     </a-form>
     <a-form v-else ref="twoFactorFormRef" class="user-layout-login" :model="twoFactor" v-bind="layout">
@@ -77,11 +89,14 @@ import { useSettingStore } from "/@/store/settings";
 import { utils } from "@fast-crud/fast-crud";
 import ImageCode from "/@/views/framework/login/image-code.vue";
 import SmsCode from "/@/views/framework/login/sms-code.vue";
+import { useI18n } from "/@/locales";
+import { LanguageToggle } from "/@/vben/layouts";
 
 export default defineComponent({
   name: "LoginPage",
-  components: { SmsCode, ImageCode },
+  components: { LanguageToggle, SmsCode, ImageCode },
   setup() {
+    const { t } = useI18n();
     const verifyCodeInputRef = ref();
     const loading = ref(false);
     const userStore = useUserStore();
@@ -180,6 +195,7 @@ export default defineComponent({
     }
 
     return {
+      t,
       loading,
       formState,
       formRef,
@@ -202,9 +218,11 @@ export default defineComponent({
 
 <style lang="less">
 @import "../../../style/theme/index.less";
+
 .login-page.main {
   //margin: 20px !important;
   margin-bottom: 100px;
+
   .user-layout-login {
     //label {
     //  font-size: 14px;
@@ -216,6 +234,7 @@ export default defineComponent({
       text-align: center;
       margin: 20px;
     }
+
     .getCaptcha {
       display: block;
       width: 100%;
@@ -224,10 +243,12 @@ export default defineComponent({
     .image-code {
       height: 34px;
     }
+
     .input-right {
       width: 160px;
       margin-left: 10px;
     }
+
     .forge-password {
       font-size: 14px;
     }
@@ -261,13 +282,16 @@ export default defineComponent({
         float: right;
       }
     }
+
     .fs-icon {
       color: rgba(0, 0, 0, 0.45);
       margin-right: 4px;
     }
+
     .ant-input-affix-wrapper {
       line-height: 1.8 !important;
       font-size: 14px !important;
+
       > * {
         line-height: 1.8 !important;
         font-size: 14px !important;
diff --git a/packages/ui/certd-client/src/views/sys/authority/permission/crud.tsx b/packages/ui/certd-client/src/views/sys/authority/permission/crud.tsx
index 58cebc70..e6ae5127 100644
--- a/packages/ui/certd-client/src/views/sys/authority/permission/crud.tsx
+++ b/packages/ui/certd-client/src/views/sys/authority/permission/crud.tsx
@@ -1,150 +1,152 @@
 import * as api from "./api.js";
 import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
+import { useI18n } from "vue-i18n";
 
 export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    const list = await api.GetTree();
+	const { t } = useI18n();
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		const list = await api.GetTree();
 
-    return {
-      offset: 0,
-      records: list,
-      total: 10000,
-      limit: 10000
-    };
-  };
+		return {
+			offset: 0,
+			records: list,
+			total: 10000,
+			limit: 10000
+		};
+	};
 
-  async function afterChange() {
-    await permissionTreeDict.reloadDict();
-  }
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    const ret = await api.UpdateObj(form);
-    await afterChange();
-    return ret;
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    const ret = await api.DelObj(row.id);
-    await afterChange();
-    return ret;
-  };
+	async function afterChange() {
+		await permissionTreeDict.reloadDict();
+	}
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		const ret = await api.UpdateObj(form);
+		await afterChange();
+		return ret;
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		const ret = await api.DelObj(row.id);
+		await afterChange();
+		return ret;
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    const ret = await api.AddObj(form);
-    await afterChange();
-    return ret;
-  };
-  const permissionTreeDict = dict({
-    url: "/sys/authority/permission/tree",
-    isTree: true,
-    value: "id",
-    label: "title",
-    async onReady({ dict }: any) {
-      dict.setData([{ id: -1, title: "根节点", children: dict.data }]);
-    }
-  });
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest
-      },
-      actionbar: {
-        show: false
-      },
-      toolbar: {
-        show: false
-      },
-      table: {
-        show: false
-        // scroll: { fixed: true }
-      },
-      rowHandle: {
-        fixed: "right"
-      },
-      search: {
-        show: false
-      },
-      pagination: {
-        show: false,
-        pageSize: 100000
-      },
-      columns: {
-        id: {
-          title: "id",
-          type: "number",
-          form: { show: false }, // 表单配置
-          column: {
-            width: 120,
-            sortable: "custom"
-          }
-        },
-        title: {
-          title: "权限名称",
-          type: "text",
-          form: {
-            rules: [
-              { required: true, message: "请输入权限名称" },
-              { max: 50, message: "最大50个字符" }
-            ],
-            component: {
-              placeholder: "权限名称"
-            }
-          },
-          column: {
-            width: 200
-          }
-        },
+	const addRequest = async ({ form }: AddReq) => {
+		const ret = await api.AddObj(form);
+		await afterChange();
+		return ret;
+	};
+	const permissionTreeDict = dict({
+		url: "/sys/authority/permission/tree",
+		isTree: true,
+		value: "id",
+		label: "title",
+		async onReady({ dict }: any) {
+			dict.setData([{ id: -1, title: t("certd.rootNode"), children: dict.data }]);
+		}
+	});
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest
+			},
+			actionbar: {
+				show: false
+			},
+			toolbar: {
+				show: false
+			},
+			table: {
+				show: false
+				// scroll: { fixed: true }
+			},
+			rowHandle: {
+				fixed: "right"
+			},
+			search: {
+				show: false
+			},
+			pagination: {
+				show: false,
+				pageSize: 100000
+			},
+			columns: {
+				id: {
+					title: "id",
+					type: "number",
+					form: { show: false }, // 表单配置
+					column: {
+						width: 120,
+						sortable: "custom"
+					}
+				},
+				title: {
+					title: t("certd.permissionName"),
+					type: "text",
+					form: {
+						rules: [
+							{ required: true, message: t("certd.enterPermissionName") },
+							{ max: 50, message: t("certd.max50Chars") }
+						],
+						component: {
+							placeholder: t("certd.permissionName")
+						}
+					},
+					column: {
+						width: 200
+					}
+				},
+				permission: {
+					title: t("certd.permissionCode"),
+					type: "text",
+					column: {
+						width: 170
+					},
+					form: {
+						rules: [
+							{ required: true, message: t("certd.enterPermissionCode") },
+							{ max: 100, message: t("certd.max100Chars") }
+						],
+						component: {
+							placeholder: t("certd.examplePermissionCode")
+						}
+					}
+				},
+				sort: {
+					title: t("certd.sortOrder"),
+					type: "number",
+					column: {
+						width: 100
+					},
+					form: {
+						value: 100,
+						rules: [{ required: true, type: "number", message: t("certd.sortRequired") }]
+					}
+				},
+				parentId: {
+					title: t("certd.parentNode"),
+					type: "dict-tree",
+					column: {
+						width: 100
+					},
+					dict: permissionTreeDict,
+					form: {
+						value: -1,
+						component: {
+							multiple: false,
+							defaultExpandAll: true,
+							dict: { cache: false },
+							fieldNames: {
+								value: "id",
+								label: "title"
+							}
+						}
+					}
+				}
 
-        permission: {
-          title: "权限代码",
-          type: "text",
-          column: {
-            width: 170
-          },
-          form: {
-            rules: [
-              { required: true, message: "请输入权限代码" },
-              { max: 100, message: "最大100个字符" }
-            ],
-            component: {
-              placeholder: "例如:sys:user:view"
-            }
-          }
-        },
-        sort: {
-          title: "排序",
-          type: "number",
-          column: {
-            width: 100
-          },
-          form: {
-            value: 100,
-            rules: [{ required: true, type: "number", message: "排序号必填" }]
-          }
-        },
-        parentId: {
-          title: "父节点",
-          type: "dict-tree",
-          column: {
-            width: 100
-          },
-          dict: permissionTreeDict,
-          form: {
-            value: -1,
-            component: {
-              multiple: false,
-              defaultExpandAll: true,
-              dict: { cache: false },
-              fieldNames: {
-                value: "id",
-                label: "title"
-              }
-            }
-          }
-        }
-      }
-    }
-  };
+			}
+		}
+	};
 }
diff --git a/packages/ui/certd-client/src/views/sys/authority/permission/fs-permission-tree.vue b/packages/ui/certd-client/src/views/sys/authority/permission/fs-permission-tree.vue
index d7c34d8d..207319bf 100644
--- a/packages/ui/certd-client/src/views/sys/authority/permission/fs-permission-tree.vue
+++ b/packages/ui/certd-client/src/views/sys/authority/permission/fs-permission-tree.vue
@@ -1,193 +1,194 @@
 <template>
-  <a-tree
-    v-if="computedTree"
-    ref="treeRef"
-    class="fs-permission-tree"
-    :class="{ 'is-editable': editable }"
-    :selectable="false"
-    show-line
-    :show-icon="false"
-    :default-expand-all="true"
-    :tree-data="computedTree"
-    @check="onChecked"
-  >
-    <template #title="scope">
-      <div class="node-title-pane">
-        <div class="node-title">{{ scope.title }}</div>
-        <div v-if="editable === true" class="node-suffix">
-          <fs-icon v-if="actions.add !== false" :icon="$fsui.icons.add" @click.stop="add(scope)" />
-          <fs-icon v-if="actions.edit !== false && scope.id !== -1" :icon="$fsui.icons.edit" @click.stop="edit(scope)" />
-          <fs-icon v-if="actions.remove !== false && scope.id !== -1" :icon="$fsui.icons.remove" @click.stop="remove(scope)" />
-        </div>
-      </div>
-    </template>
-  </a-tree>
+	<a-tree v-if="computedTree" ref="treeRef" class="fs-permission-tree" :class="{ 'is-editable': editable }"
+		:selectable="false" show-line :show-icon="false" :default-expand-all="true" :tree-data="computedTree"
+		@check="onChecked">
+		<template #title="scope">
+			<div class="node-title-pane">
+				<div class="node-title">{{ scope.title }}</div>
+				<div v-if="editable === true" class="node-suffix">
+					<fs-icon v-if="actions.add !== false" :icon="$fsui.icons.add" @click.stop="add(scope)" />
+					<fs-icon v-if="actions.edit !== false && scope.id !== -1" :icon="$fsui.icons.edit"
+						@click.stop="edit(scope)" />
+					<fs-icon v-if="actions.remove !== false && scope.id !== -1" :icon="$fsui.icons.remove"
+						@click.stop="remove(scope)" />
+				</div>
+			</div>
+		</template>
+	</a-tree>
 </template>
 
 <script lang="ts">
 import { utils } from "@fast-crud/fast-crud";
 import { cloneDeep } from "lodash-es";
 import { computed, defineComponent, ref } from "vue";
+import { useI18n } from "vue-i18n";
 
 export default defineComponent({
-  name: "FsPermissionTree",
-  props: {
-    /**
-     * 树形数据
-     * */
-    tree: {},
-    /**
-     * 是否可编辑
-     */
-    editable: {
-      default: true
-    },
-    actions: {
-      default: {}
-    }
-  } as any,
-  emits: ["add", "edit", "remove"],
-  setup(props: any, ctx) {
-    const treeRef = ref();
-    const computedTree = computed(() => {
-      if (props.tree == null) {
-        return null;
-      }
-      const clone = cloneDeep(props.tree);
-      utils.deepdash.forEachDeep(clone, (value: any, key: any, pNode: any, context: any) => {
-        if (value == null) {
-          return;
-        }
-        if (!(value instanceof Object) || value instanceof Array) {
-          return;
-        }
-        if (value.class === "is-leaf") {
-          //处理过，无需再次处理
-          return;
-        }
-        value.class = "is-twig";
-        if (value.children != null && value.children.length > 0) {
-          return;
-        }
-        const parents = context.parents;
-        if (parents.length < 2) {
-          return;
-        }
-        const parent = parents[parents.length - 2].value;
-        //看parent下面的children，是否全部都没有children
-        for (const child of parent.children) {
-          if (child.children != null && child.children.length > 0) {
-            //存在child有children
-            return;
-          }
-        }
-        // 所有的子节点都没有children
-        parent.class = "is-twig"; // 连接叶子节点的末梢枝杈节点
-        let i = 0;
-        for (const child of parent.children) {
-          child.class = "is-leaf";
-          if (i !== 0) {
-            child.class += " leaf-after";
-          }
-          i++;
-        }
-      });
-      return [
-        {
-          title: "根节点",
-          id: -1,
-          children: clone
-        }
-      ];
-    });
-    function add(scope: any) {
-      ctx.emit("add", scope.dataRef);
-    }
-    function edit(scope: any) {
-      ctx.emit("edit", scope.dataRef);
-    }
-    function remove(scope: any) {
-      ctx.emit("remove", scope.dataRef);
-    }
-    function onChecked(a: any, b: any, c: any) {
-      utils.logger.info("chedcked", a, b, c);
-    }
-    function getChecked() {
-      const checked = treeRef.value.checkedKeys;
-      const halfChecked = treeRef.value.halfCheckedKeys;
-      return {
-        checked,
-        halfChecked
-      };
-    }
-    return {
-      computedTree,
-      add,
-      edit,
-      remove,
-      treeRef,
-      onChecked,
-      getChecked
-    };
-  }
+	name: "FsPermissionTree",
+	props: {
+		/**
+		 * 树形数据
+		 * */
+		tree: {},
+		/**
+		 * 是否可编辑
+		 */
+		editable: {
+			default: true
+		},
+		actions: {
+			default: {}
+		}
+	} as any,
+	emits: ["add", "edit", "remove"],
+	setup(props: any, ctx) {
+		const { t } = useI18n();
+		const treeRef = ref();
+		const computedTree = computed(() => {
+			if (props.tree == null) {
+				return null;
+			}
+			const clone = cloneDeep(props.tree);
+			utils.deepdash.forEachDeep(clone, (value: any, key: any, pNode: any, context: any) => {
+				if (value == null) {
+					return;
+				}
+				if (!(value instanceof Object) || value instanceof Array) {
+					return;
+				}
+				if (value.class === "is-leaf") {
+					//处理过，无需再次处理
+					return;
+				}
+				value.class = "is-twig";
+				if (value.children != null && value.children.length > 0) {
+					return;
+				}
+				const parents = context.parents;
+				if (parents.length < 2) {
+					return;
+				}
+				const parent = parents[parents.length - 2].value;
+				//看parent下面的children，是否全部都没有children
+				for (const child of parent.children) {
+					if (child.children != null && child.children.length > 0) {
+						//存在child有children
+						return;
+					}
+				}
+				// 所有的子节点都没有children
+				parent.class = "is-twig"; // 连接叶子节点的末梢枝杈节点
+				let i = 0;
+				for (const child of parent.children) {
+					child.class = "is-leaf";
+					if (i !== 0) {
+						child.class += " leaf-after";
+					}
+					i++;
+				}
+			});
+			return [
+				{
+					title: t("certd.rootNode"),
+					id: -1,
+					children: clone
+				}
+			];
+		});
+		function add(scope: any) {
+			ctx.emit("add", scope.dataRef);
+		}
+		function edit(scope: any) {
+			ctx.emit("edit", scope.dataRef);
+		}
+		function remove(scope: any) {
+			ctx.emit("remove", scope.dataRef);
+		}
+		function onChecked(a: any, b: any, c: any) {
+			utils.logger.info("chedcked", a, b, c);
+		}
+		function getChecked() {
+			const checked = treeRef.value.checkedKeys;
+			const halfChecked = treeRef.value.halfCheckedKeys;
+			return {
+				checked,
+				halfChecked
+			};
+		}
+		return {
+			computedTree,
+			add,
+			edit,
+			remove,
+			treeRef,
+			onChecked,
+			getChecked,
+			t
+		};
+	}
 });
 </script>
 
 <style lang="less">
 .fs-permission-tree {
-  .ant-tree-list-holder-inner {
-    flex-direction: row !important;
-    flex-wrap: wrap;
-    .is-twig {
-      width: 100%;
-    }
+	.ant-tree-list-holder-inner {
+		flex-direction: row !important;
+		flex-wrap: wrap;
 
-    .is-leaf {
-      //border-bottom: 1px solid #ddd;
-      &::before {
-        display: none;
-      }
+		.is-twig {
+			width: 100%;
+		}
 
-      &.leaf-after {
-        .ant-tree-indent-unit {
-          display: none;
-        }
-      }
+		.is-leaf {
 
-      .node-title-pane {
-        border-bottom: 1px solid #ddd;
-      }
-    }
-  }
-  //.is-twig ul {
-  //  display: flex;
-  //  flex-wrap: wrap;
-  //}
-  .node-title-pane {
-    display: flex;
-    .node-title {
-      width: 110px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
+			//border-bottom: 1px solid #ddd;
+			&::before {
+				display: none;
+			}
 
-  &.is-editable {
-    .ant-tree-title {
-      &:hover {
-        .node-suffix {
-          visibility: visible;
-        }
-      }
-    }
+			&.leaf-after {
+				.ant-tree-indent-unit {
+					display: none;
+				}
+			}
 
-    .node-suffix {
-      visibility: hidden;
-      > * {
-        margin-left: 3px;
-      }
-    }
-  }
+			.node-title-pane {
+				border-bottom: 1px solid #ddd;
+			}
+		}
+	}
+
+	//.is-twig ul {
+	//  display: flex;
+	//  flex-wrap: wrap;
+	//}
+	.node-title-pane {
+		display: flex;
+
+		.node-title {
+			width: 110px;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+	}
+
+	&.is-editable {
+		.ant-tree-title {
+			&:hover {
+				.node-suffix {
+					visibility: visible;
+				}
+			}
+		}
+
+		.node-suffix {
+			visibility: hidden;
+
+			>* {
+				margin-left: 3px;
+			}
+		}
+	}
 }
 </style>
diff --git a/packages/ui/certd-client/src/views/sys/authority/permission/index.vue b/packages/ui/certd-client/src/views/sys/authority/permission/index.vue
index 9e07ade2..1d5be571 100644
--- a/packages/ui/certd-client/src/views/sys/authority/permission/index.vue
+++ b/packages/ui/certd-client/src/views/sys/authority/permission/index.vue
@@ -1,76 +1,81 @@
 <template>
-  <fs-page>
-    <template #header>
-      <div class="title">权限管理</div>
-    </template>
-    <fs-crud ref="crudRef" v-bind="crudBinding">
-      <a-button v-permission="'1sys:auth:per:add'" style="margin-left: 20px" @click="addHandle({})">
-        <fs-icon :icon="ui.icons.add"></fs-icon>
-        添加
-      </a-button>
-      <fs-permission-tree class="permission-tree mt-10" :tree="crudBinding.data" :checkable="false" :actions="permission" @add="addHandle" @edit="editHandle" @remove="removeHandle"></fs-permission-tree>
-    </fs-crud>
-  </fs-page>
+	<fs-page>
+		<template #header>
+			<div class="title">{{ t("certd.permissionManagement") }}</div>
+		</template>
+		<fs-crud ref="crudRef" v-bind="crudBinding">
+			<a-button v-permission="'1sys:auth:per:add'" style="margin-left: 20px" @click="addHandle({})">
+				<fs-icon :icon="ui.icons.add"></fs-icon>
+				{{ t("certd.adda") }}
+			</a-button>
+			<fs-permission-tree class="permission-tree mt-10" :tree="crudBinding.data" :checkable="false"
+				:actions="permission" @add="addHandle" @edit="editHandle" @remove="removeHandle"></fs-permission-tree>
+		</fs-crud>
+	</fs-page>
 </template>
 
+
 <script lang="ts">
 import { defineComponent, onActivated, onMounted, ref } from "vue";
 import createCrudOptions from "./crud.js";
 import FsPermissionTree from "./fs-permission-tree.vue";
 import { usePermission } from "/src/plugin/permission";
 import { useFs, useUi } from "@fast-crud/fast-crud";
+import { useI18n } from "vue-i18n";
 
 export default defineComponent({
-  name: "AuthorityManager",
-  components: { FsPermissionTree },
-  setup() {
-    // 此处传入permission进行通用按钮权限设置，会通过commonOptions去设置actionbar和rowHandle的按钮的show属性
-    // 更多关于按钮权限的源代码设置，请参考 ./src/plugin/fast-crud/index.js （75-77行）
-    const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: { permission: "sys:auth:per" } });
+	name: "AuthorityManager",
+	components: { FsPermissionTree },
+	setup() {
+		// 此处传入permission进行通用按钮权限设置，会通过commonOptions去设置actionbar和rowHandle的按钮的show属性
+		// 更多关于按钮权限的源代码设置，请参考 ./src/plugin/fast-crud/index.js （75-77行）
+		const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: { permission: "sys:auth:per" } });
+		const { t } = useI18n();
 
-    // 页面打开后获取列表数据
-    onMounted(async () => {
-      await crudExpose.doRefresh();
-    });
-    onActivated(async () => {
-      await crudExpose.doRefresh();
-    });
+		// 页面打开后获取列表数据
+		onMounted(async () => {
+			await crudExpose.doRefresh();
+		});
+		onActivated(async () => {
+			await crudExpose.doRefresh();
+		});
 
-    const { ui } = useUi();
+		const { ui } = useUi();
 
-    //用户业务代码
+		//用户业务代码
 
-    async function addHandle(item: any) {
-      await crudExpose.openAdd({ row: { parentId: item?.id ?? -1 } });
-    }
-    async function editHandle(item: any) {
-      await crudExpose.openEdit({ row: item });
-    }
-    async function removeHandle(item: any) {
-      await crudExpose.doRemove({ row: { id: item.id }, index: null });
-    }
+		async function addHandle(item: any) {
+			await crudExpose.openAdd({ row: { parentId: item?.id ?? -1 } });
+		}
+		async function editHandle(item: any) {
+			await crudExpose.openEdit({ row: item });
+		}
+		async function removeHandle(item: any) {
+			await crudExpose.doRemove({ row: { id: item.id }, index: null });
+		}
 
-    const { hasPermissions } = usePermission();
-    const permission = ref({
-      add: hasPermissions("1sys:auth:per:add"),
-      edit: hasPermissions("1sys:auth:per:edit"),
-      remove: hasPermissions("1sys:auth:per:remove"),
-    });
+		const { hasPermissions } = usePermission();
+		const permission = ref({
+			add: hasPermissions("1sys:auth:per:add"),
+			edit: hasPermissions("1sys:auth:per:edit"),
+			remove: hasPermissions("1sys:auth:per:remove"),
+		});
 
-    return {
-      ui,
-      crudBinding,
-      crudRef,
-      addHandle,
-      editHandle,
-      removeHandle,
-      permission,
-    };
-  },
+		return {
+			ui,
+			crudBinding,
+			crudRef,
+			addHandle,
+			editHandle,
+			removeHandle,
+			permission,
+			t
+		};
+	},
 });
 </script>
 <style lang="less">
 .permission-tree {
-  margin-left: 20px;
+	margin-left: 20px;
 }
 </style>
diff --git a/packages/ui/certd-client/src/views/sys/authority/role/crud.tsx b/packages/ui/certd-client/src/views/sys/authority/role/crud.tsx
index 026746c6..22535080 100644
--- a/packages/ui/certd-client/src/views/sys/authority/role/crud.tsx
+++ b/packages/ui/certd-client/src/views/sys/authority/role/crud.tsx
@@ -1,84 +1,86 @@
 import * as api from "./api";
 import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
+import { useI18n } from "vue-i18n";
 
 export default function ({ crudExpose, context: { authz } }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    return await api.UpdateObj(form);
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    return await api.DelObj(row.id);
-  };
+	const { t } = useI18n();
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		return await api.UpdateObj(form);
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    return await api.AddObj(form);
-  };
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest
-      },
-      rowHandle: {
-        width: 300,
-        buttons: {
-          authz: {
-            type: "link",
-            text: "授权",
-            async click(context) {
-              await authz.authzOpen(context.record.id);
-            }
-          }
-        }
-      },
-      columns: {
-        id: {
-          title: "id",
-          type: "text",
-          form: { show: false }, // 表单配置
-          column: {
-            width: 70,
-            sorter: true
-          }
-        },
-        name: {
-          title: "角色名称",
-          type: "text",
-          search: { show: true },
-          form: {
-            rules: [
-              { required: true, message: "请输入角色名称" },
-              { max: 50, message: "最大50个字符" }
-            ]
-          }, // 表单配置
-          column: {
-            sorter: true
-          }
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          column: {
-            sorter: true
-          },
-          form: {
-            show: false
-          }
-        },
-        updateTime: {
-          title: "更新时间",
-          type: "datetime",
-          column: {
-            sorter: true
-          },
-          form: { show: false } // 表单配置
-        }
-      }
-    }
-  };
+	const addRequest = async ({ form }: AddReq) => {
+		return await api.AddObj(form);
+	};
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest
+			},
+			rowHandle: {
+				width: 300,
+				buttons: {
+					authz: {
+						type: "link",
+						text: "授权",
+						async click(context) {
+							await authz.authzOpen(context.record.id);
+						}
+					}
+				}
+			},
+			columns: {
+				id: {
+					title: "id",
+					type: "text",
+					form: { show: false }, // 表单配置
+					column: {
+						width: 70,
+						sorter: true
+					}
+				},
+				name: {
+					title: t("certd.roleName"),
+					type: "text",
+					search: { show: true },
+					form: {
+						rules: [
+							{ required: true, message: t("certd.enterRoleName") },
+							{ max: 50, message: t("certd.max50Chars") }
+						]
+					}, // 表单配置
+					column: {
+						sorter: true
+					}
+				},
+				createTime: {
+					title: t("certd.createTime"),
+					type: "datetime",
+					column: {
+						sorter: true
+					},
+					form: {
+						show: false
+					}
+				},
+				updateTime: {
+					title: t("certd.updateTime"),
+					type: "datetime",
+					column: {
+						sorter: true
+					},
+					form: { show: false } // 表单配置
+				}
+			}
+		}
+	};
 }
diff --git a/packages/ui/certd-client/src/views/sys/authority/role/index.vue b/packages/ui/certd-client/src/views/sys/authority/role/index.vue
index 487b8ff4..4b868295 100644
--- a/packages/ui/certd-client/src/views/sys/authority/role/index.vue
+++ b/packages/ui/certd-client/src/views/sys/authority/role/index.vue
@@ -1,15 +1,18 @@
 <template>
-  <fs-page>
-    <template #header>
-      <div class="title">角色管理</div>
-    </template>
-    <fs-crud ref="crudRef" v-bind="crudBinding" />
-    <a-modal v-model:open="authzDialogVisible" width="860px" title="分配权限" @ok="updatePermission">
-      <fs-permission-tree ref="permissionTreeRef" v-model:checked-keys="checkedKeys" :tree="permissionTreeData" :editable="false" checkable :replace-fields="{ key: 'id', label: 'title' }"> </fs-permission-tree>
-    </a-modal>
-  </fs-page>
+	<fs-page>
+		<template #header>
+			<div class="title">{{ t("certd.roleManagement") }}</div>
+		</template>
+		<fs-crud ref="crudRef" v-bind="crudBinding" />
+		<a-modal v-model:open="authzDialogVisible" width="860px" :title="t('certd.assignPermissions')"
+			@ok="updatePermission">
+			<fs-permission-tree ref="permissionTreeRef" v-model:checked-keys="checkedKeys" :tree="permissionTreeData"
+				:editable="false" checkable :replace-fields="{ key: 'id', label: 'title' }"> </fs-permission-tree>
+		</a-modal>
+	</fs-page>
 </template>
 
+
 <script lang="ts">
 import { defineComponent, onActivated, onMounted, ref } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
@@ -19,103 +22,106 @@ import * as api from "./api";
 import { message } from "ant-design-vue";
 import FsPermissionTree from "../permission/fs-permission-tree.vue";
 import { UseCrudPermissionCompProps, UseCrudPermissionExtraProps } from "/@/plugin/permission";
+import { useI18n } from "vue-i18n";
 
 function useAuthz() {
-  const checkedKeys = ref();
+	const checkedKeys = ref();
 
-  const permissionTreeData = ref();
+	const permissionTreeData = ref();
 
-  const permissionTreeRef = ref();
-  const authzDialogVisible = ref(false);
+	const permissionTreeRef = ref();
+	const authzDialogVisible = ref(false);
 
-  const currentRoleId = ref();
+	const currentRoleId = ref();
 
-  // 如果勾选节点中存在非叶子节点，tree组件会将其所有子节点全部勾选
-  // 所以要找出所有叶子节点，仅勾选叶子节点，tree组件会将父节点同步勾选
-  function getAllCheckedLeafNodeId(tree: any, checkedIds: any, temp: any) {
-    for (let i = 0; i < tree.length; i++) {
-      const item = tree[i];
-      if (item.children && item.children.length !== 0) {
-        getAllCheckedLeafNodeId(item.children, checkedIds, temp);
-      } else {
-        if (checkedIds.indexOf(item.id) !== -1) {
-          temp.push(item.id);
-        }
-      }
-    }
-    return temp;
-  }
-  function authzClose() {
-    authzDialogVisible.value = false;
-  }
-  async function authzOpen(roleId: any) {
-    permissionTreeData.value = await permissionApi.GetTree();
-    checkedKeys.value = [];
-    currentRoleId.value = roleId;
-    // this.treeData = ret.data
-    await updateChecked(roleId);
-    authzDialogVisible.value = true;
-  }
-  async function updateChecked(roleId: any) {
-    let checkedIds = await api.getPermissionIds(roleId);
-    // 找出所有的叶子节点
-    checkedIds = getAllCheckedLeafNodeId(permissionTreeData.value, checkedIds, []);
-    checkedKeys.value = checkedIds;
-  }
-  async function updatePermission() {
-    const roleId = currentRoleId.value;
-    const { checked, halfChecked } = permissionTreeRef.value.getChecked();
-    const allChecked = [...checked, ...halfChecked];
-    await api.DoAuthz(roleId, allChecked);
-    authzClose();
-    //await updateChecked(roleId);
+	// 如果勾选节点中存在非叶子节点，tree组件会将其所有子节点全部勾选
+	// 所以要找出所有叶子节点，仅勾选叶子节点，tree组件会将父节点同步勾选
+	function getAllCheckedLeafNodeId(tree: any, checkedIds: any, temp: any) {
+		for (let i = 0; i < tree.length; i++) {
+			const item = tree[i];
+			if (item.children && item.children.length !== 0) {
+				getAllCheckedLeafNodeId(item.children, checkedIds, temp);
+			} else {
+				if (checkedIds.indexOf(item.id) !== -1) {
+					temp.push(item.id);
+				}
+			}
+		}
+		return temp;
+	}
+	function authzClose() {
+		authzDialogVisible.value = false;
+	}
+	async function authzOpen(roleId: any) {
+		permissionTreeData.value = await permissionApi.GetTree();
+		checkedKeys.value = [];
+		currentRoleId.value = roleId;
+		// this.treeData = ret.data
+		await updateChecked(roleId);
+		authzDialogVisible.value = true;
+	}
+	async function updateChecked(roleId: any) {
+		let checkedIds = await api.getPermissionIds(roleId);
+		// 找出所有的叶子节点
+		checkedIds = getAllCheckedLeafNodeId(permissionTreeData.value, checkedIds, []);
+		checkedKeys.value = checkedIds;
+	}
+	async function updatePermission() {
+		const roleId = currentRoleId.value;
+		const { checked, halfChecked } = permissionTreeRef.value.getChecked();
+		const allChecked = [...checked, ...halfChecked];
+		await api.DoAuthz(roleId, allChecked);
+		authzClose();
+		//await updateChecked(roleId);
 
-    message.success("授权成功");
-  }
+		message.success("授权成功");
+	}
 
-  return {
-    authzOpen,
-    updatePermission,
-    authzDialogVisible,
-    permissionTreeData,
-    checkedKeys,
-    permissionTreeRef,
-  };
+	return {
+		authzOpen,
+		updatePermission,
+		authzDialogVisible,
+		permissionTreeData,
+		checkedKeys,
+		permissionTreeRef,
+	};
 }
 
 export default defineComponent({
-  name: "RoleManager",
-  components: { FsPermissionTree },
-  setup() {
-    //授权配置
-    const authz = useAuthz();
-    const permission: UseCrudPermissionCompProps = {
-      prefix: "sys:auth:role", //权限代码前缀
-      extra: ({ hasActionPermission }: UseCrudPermissionExtraProps): any => {
-        //额外按钮权限控制
-        return { rowHandle: { buttons: { authz: { show: hasActionPermission("authz") } } } };
-      },
-    };
+	name: "RoleManager",
+	components: { FsPermissionTree },
+	setup() {
+		//授权配置
+		const { t } = useI18n();
+		const authz = useAuthz();
+		const permission: UseCrudPermissionCompProps = {
+			prefix: "sys:auth:role", //权限代码前缀
+			extra: ({ hasActionPermission }: UseCrudPermissionExtraProps): any => {
+				//额外按钮权限控制
+				return { rowHandle: { buttons: { authz: { show: hasActionPermission("authz") } } } };
+			},
+		};
 
-    // 初始化crud配置
-    // 此处传入permission进行通用按钮权限设置，会通过commonOptions去设置actionbar和rowHandle的按钮的show属性
-    // 更多关于按钮权限的源代码设置，请参考 ./src/plugin/fast-crud/index.js （75-77行）
+		// 初始化crud配置
+		// 此处传入permission进行通用按钮权限设置，会通过commonOptions去设置actionbar和rowHandle的按钮的show属性
+		// 更多关于按钮权限的源代码设置，请参考 ./src/plugin/fast-crud/index.js （75-77行）
 
-    const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: { authz, permission } });
+		const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: { authz, permission } });
 
-    // 页面打开后获取列表数据
-    onMounted(() => {
-      crudExpose.doRefresh();
-    });
+		// 页面打开后获取列表数据
+		onMounted(() => {
+			crudExpose.doRefresh();
+		});
 
-    onActivated(async () => {
-      await crudExpose.doRefresh();
-    });
-    return {
-      crudBinding,
-      crudRef,
-      ...authz,
-    };
-  },
+		onActivated(async () => {
+			await crudExpose.doRefresh();
+		});
+		return {
+			crudBinding,
+			crudRef,
+			...authz,
+			t
+		};
+	},
 });
 </script>
diff --git a/packages/ui/certd-client/src/views/sys/authority/user/crud.tsx b/packages/ui/certd-client/src/views/sys/authority/user/crud.tsx
index 25ff879d..0bc8ff66 100644
--- a/packages/ui/certd-client/src/views/sys/authority/user/crud.tsx
+++ b/packages/ui/certd-client/src/views/sys/authority/user/crud.tsx
@@ -4,282 +4,284 @@ import { useUserStore } from "/@/store/user";
 import { Modal, notification } from "ant-design-vue";
 import dayjs from "dayjs";
 import { useSettingStore } from "/@/store/settings";
+import { useI18n } from "vue-i18n";
+
 
 export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    return await api.UpdateObj(form);
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    return await api.DelObj(row.id);
-  };
+	const { t } = useI18n();
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		return await api.UpdateObj(form);
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    return await api.AddObj(form);
-  };
+	const addRequest = async ({ form }: AddReq) => {
+		return await api.AddObj(form);
+	};
 
-  const userStore = useUserStore();
+	const userStore = useUserStore();
 
-  const settingStore = useSettingStore();
-  const userValidTimeEnabled = compute(() => {
-    return settingStore.sysPublic.userValidTimeEnabled === true;
-  });
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      rowHandle: {
-        fixed: "right",
-        buttons: {
-          unlock: {
-            title: "解除登录锁定",
-            text: null,
-            type: "link",
-            icon: "ion:lock-open-outline",
-            click: async ({ row }) => {
-              Modal.confirm({
-                title: "提示",
-                content: "确定要解除该用户的登录锁定吗？",
-                onOk: async () => {
-                  await api.Unlock(row.id);
-                  notification.success({
-                    message: "解除成功",
-                  });
-                },
-              });
-            },
-          },
-        },
-      },
-      table: {
-        scroll: {
-          //使用固定列时需要设置此值，并且大于等于列宽度之和的值
-          x: 1400,
-        },
-      },
-      columns: {
-        id: {
-          title: "id",
-          type: "text",
-          form: { show: false }, // 表单配置
-          column: {
-            width: 100,
-            sorter: true,
-          },
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          form: { show: false }, // 表单配置
-          column: {
-            width: 180,
-            sorter: true,
-          },
-        },
-        // updateTime: {
-        //   title: "修改时间",
-        //   type: "datetime",
-        //   form: { show: false }, // 表单配置
-        //   column: {
-        //     sortable: "update_time",
-        //     width: 180
-        //   }
-        // },
-        username: {
-          title: "用户名",
-          type: "text",
-          search: { show: true }, // 开启查询
-          form: {
-            rules: [
-              { required: true, message: "请输入用户名" },
-              { max: 50, message: "最大50个字符" },
-            ],
-          },
-          editForm: { component: { disabled: false } },
-          column: {
-            sorter: true,
-            width: 200,
-          },
-        },
-        password: {
-          title: "密码",
-          type: "text",
-          key: "password",
-          column: {
-            show: false,
-          },
-          form: {
-            rules: [{ max: 50, message: "最大50个字符" }],
-            component: {
-              showPassword: true,
-            },
-            helper: "填写则修改密码",
-          },
-        },
-        nickName: {
-          title: "昵称",
-          type: "text",
-          search: { show: true }, // 开启查询
-          form: {
-            rules: [{ max: 50, message: "最大50个字符" }],
-          },
-          column: {
-            sorter: true,
-          },
-        },
-        email: {
-          title: "邮箱",
-          type: "text",
-          search: { show: true }, // 开启查询
-          form: {
-            rules: [{ max: 50, message: "最大50个字符" }],
-          },
-          column: {
-            sorter: true,
-            width: 160,
-          },
-        },
-        mobile: {
-          title: "手机号",
-          type: "text",
-          search: { show: true }, // 开启查询
-          form: {
-            rules: [{ max: 50, message: "最大50个字符" }],
-          },
-          column: {
-            sorter: true,
-            width: 130,
-          },
-        },
-        avatar: {
-          title: "头像",
-          type: "cropper-uploader",
-          column: {
-            width: 70,
-            component: {
-              //设置高度，修复操作列错位的问题
-              style: {
-                height: "30px",
-                width: "auto",
-              },
-              buildUrl(key: string) {
-                return `api/basic/file/download?&key=` + key;
-              },
-            },
-          },
-          form: {
-            component: {
-              vModel: "modelValue",
-              valueType: "key",
-              cropper: {
-                aspectRatio: 1,
-                autoCropArea: 1,
-                viewMode: 0,
-              },
-              onReady: null,
-              uploader: {
-                type: "form",
-                action: "/basic/file/upload",
-                name: "file",
-                headers: {
-                  Authorization: "Bearer " + userStore.getToken,
-                },
-                successHandle(res: any) {
-                  return res;
-                },
-              },
-              buildUrl(key: string) {
-                return `api/basic/file/download?&key=` + key;
-              },
-            },
-          },
-        },
-        status: {
-          title: "状态",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "启用", value: 1, color: "green" },
-              { label: "禁用", value: 0, color: "red" },
-            ],
-          }),
-          column: {
-            align: "center",
-            sorter: true,
-            width: 100,
-          },
-        },
-        validTime: {
-          title: "有效期",
-          type: "date",
-          form: {
-            show: userValidTimeEnabled,
-          },
-          column: {
-            align: "center",
-            sorter: true,
-            width: 100,
-            show: userValidTimeEnabled,
-            cellRender({ value }) {
-              if (value == null || value === 0) {
-                return "";
-              }
-              if (value < dayjs().valueOf()) {
-                return <a-tag color={"red"}>已过期</a-tag>;
-              }
-              const date = dayjs(value).format("YYYY-MM-DD");
-              return (
-                <a-tag color={"green"} title={date}>
-                  <fs-time-humanize modelValue={value} options={{ largest: 1, units: ["y", "d", "h"] }} useFormatGreater={30000000000} />
-                </a-tag>
-              );
-            },
-          },
-          valueBuilder({ value, row, key }) {
-            if (value != null) {
-              row[key] = dayjs(value);
-            }
-          },
-          valueResolve({ value, row, key }) {
-            if (value != null) {
-              row[key] = value.valueOf();
-            }
-          },
-        },
-        remark: {
-          title: "备注",
-          type: "text",
-          column: {
-            sorter: true,
-          },
-          form: {
-            rules: [{ max: 100, message: "最大100个字符" }],
-          },
-        },
-        roles: {
-          title: "角色",
-          type: "dict-select",
-          dict: dict({
-            url: "/sys/authority/role/list",
-            value: "id",
-            label: "name",
-          }), // 数据字典
-          form: {
-            component: { mode: "multiple" },
-          },
-          column: {
-            width: 250,
-            sortable: true,
-          },
-        },
-      },
-    },
-  };
+	const settingStore = useSettingStore();
+	const userValidTimeEnabled = compute(() => {
+		return settingStore.sysPublic.userValidTimeEnabled === true;
+	});
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			rowHandle: {
+				fixed: "right",
+				buttons: {
+					unlock: {
+						title: t("certd.unlockLogin"),
+						text: null,
+						type: "link",
+						icon: "ion:lock-open-outline",
+						click: async ({ row }) => {
+							Modal.confirm({
+								title: t("certd.notice"),
+								content: t("certd.confirmUnlock"),
+								onOk: async () => {
+									await api.Unlock(row.id);
+									notification.success({
+										message: t("certd.unlockSuccess"),
+									});
+								},
+							});
+						},
+					},
+				},
+			},
+			table: {
+				scroll: {
+					//使用固定列时需要设置此值，并且大于等于列宽度之和的值
+					x: 1400,
+				},
+			},
+			columns: {
+				id: {
+					title: "id",
+					type: "text",
+					form: { show: false }, // 表单配置
+					column: {
+						width: 100,
+						sorter: true,
+					},
+				},
+				createTime: {
+					title: t("certd.createTime"),
+					type: "datetime",
+					form: { show: false }, // 表单配置
+					column: {
+						width: 180,
+						sorter: true,
+					},
+				},
+				// updateTime: {
+				//   title: "修改时间",
+				//   type: "datetime",
+				//   form: { show: false }, // 表单配置
+				//   column: {
+				//     sortable: "update_time",
+				//     width: 180
+				//   }
+				// },
+				username: {
+					title: t("certd.username"),
+					type: "text",
+					search: { show: true }, // 开启查询
+					form: {
+						rules: [
+							{ required: true, message: t("certd.enterUsername") },
+							{ max: 50, message: t("certd.max50Chars") },
+						],
+					},
+					editForm: { component: { disabled: false } },
+					column: {
+						sorter: true,
+						width: 200,
+					},
+				},
+				password: {
+					title: t("certd.password"),
+					type: "text",
+					key: "password",
+					column: {
+						show: false,
+					},
+					form: {
+						rules: [{ max: 50, message: t("certd.max50Chars") }],
+						component: {
+							showPassword: true,
+						},
+						helper: t("certd.modifyPasswordIfFilled"),
+					},
+				},
+				nickName: {
+					title: t("certd.nickName"),
+					type: "text",
+					search: { show: true }, // 开启查询
+					form: {
+						rules: [{ max: 50, message: t("certd.max50Chars") }],
+					},
+					column: {
+						sorter: true,
+					},
+				},
+				email: {
+					title: t("certd.emaila"),
+					type: "text",
+					search: { show: true }, // 开启查询
+					form: {
+						rules: [{ max: 50, message: t("certd.max50Chars") }],
+					},
+					column: {
+						sorter: true,
+						width: 160,
+					},
+				},
+				mobile: {
+					title: t("certd.mobile"),
+					type: "text",
+					search: { show: true }, // 开启查询
+					form: {
+						rules: [{ max: 50, message: t("certd.max50Chars") }],
+					},
+					column: {
+						sorter: true,
+						width: 130,
+					},
+				},
+				avatar: {
+					title: t("certd.avatar"),
+					type: "cropper-uploader",
+					column: {
+						width: 70,
+						component: {
+							style: {
+								height: "30px",
+								width: "auto",
+							},
+							buildUrl(key: string) {
+								return `api/basic/file/download?&key=` + key;
+							},
+						},
+					},
+					form: {
+						component: {
+							vModel: "modelValue",
+							valueType: "key",
+							cropper: {
+								aspectRatio: 1,
+								autoCropArea: 1,
+								viewMode: 0,
+							},
+							onReady: null,
+							uploader: {
+								type: "form",
+								action: "/basic/file/upload",
+								name: "file",
+								headers: {
+									Authorization: "Bearer " + userStore.getToken,
+								},
+								successHandle(res: any) {
+									return res;
+								},
+							},
+							buildUrl(key: string) {
+								return `api/basic/file/download?&key=` + key;
+							},
+						},
+					},
+				},
+				status: {
+					title: t("certd.status"),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t("certd.enabled"), value: 1, color: "green" },
+							{ label: t("certd.disabled"), value: 0, color: "red" },
+						],
+					}),
+					column: {
+						align: "center",
+						sorter: true,
+						width: 100,
+					},
+				},
+				validTime: {
+					title: t("certd.validTime"),
+					type: "date",
+					form: {
+						show: userValidTimeEnabled,
+					},
+					column: {
+						align: "center",
+						sorter: true,
+						width: 100,
+						show: userValidTimeEnabled,
+						cellRender({ value }) {
+							if (value == null || value === 0) {
+								return "";
+							}
+							if (value < dayjs().valueOf()) {
+								return <a-tag color={"red"}>{t("certd.expired")}</a-tag>;
+							}
+							const date = dayjs(value).format("YYYY-MM-DD");
+							return (
+								<a-tag color={"green"} title={date}>
+									<fs-time-humanize modelValue={value} options={{ largest: 1, units: ["y", "d", "h"] }} useFormatGreater={30000000000} />
+								</a-tag>
+							);
+						},
+					},
+					valueBuilder({ value, row, key }) {
+						if (value != null) {
+							row[key] = dayjs(value);
+						}
+					},
+					valueResolve({ value, row, key }) {
+						if (value != null) {
+							row[key] = value.valueOf();
+						}
+					},
+				},
+				remark: {
+					title: t("certd.remark"),
+					type: "text",
+					column: {
+						sorter: true,
+					},
+					form: {
+						rules: [{ max: 100, message: t("certd.max100Chars") }],
+					},
+				},
+				roles: {
+					title: t("certd.roles"),
+					type: "dict-select",
+					dict: dict({
+						url: "/sys/authority/role/list",
+						value: "id",
+						label: "name",
+					}), // 数据字典
+					form: {
+						component: { mode: "multiple" },
+					},
+					column: {
+						width: 250,
+						sortable: true,
+					},
+				},
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/sys/cname/provider/crud.tsx b/packages/ui/certd-client/src/views/sys/cname/provider/crud.tsx
index 269f819c..dda10e7c 100644
--- a/packages/ui/certd-client/src/views/sys/cname/provider/crud.tsx
+++ b/packages/ui/certd-client/src/views/sys/cname/provider/crud.tsx
@@ -8,244 +8,244 @@ import { useSettingStore } from "/@/store/settings";
 import { Modal } from "ant-design-vue";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const router = useRouter();
-  const { t } = useI18n();
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    return await api.DelObj(row.id);
-  };
+	const router = useRouter();
+	const { t } = useI18n();
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async ({ form }: AddReq) => {
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  const userStore = useUserStore();
-  const settingStore = useSettingStore();
-  const selectedRowKeys: Ref<any[]> = ref([]);
-  context.selectedRowKeys = selectedRowKeys;
+	const userStore = useUserStore();
+	const settingStore = useSettingStore();
+	const selectedRowKeys: Ref<any[]> = ref([]);
+	context.selectedRowKeys = selectedRowKeys;
 
-  return {
-    crudOptions: {
-      settings: {
-        plugins: {
-          //这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
-          rowSelection: {
-            enabled: true,
-            order: -2,
-            before: true,
-            // handle: (pluginProps,useCrudProps)=>CrudOptions,
-            props: {
-              multiple: true,
-              crossPage: true,
-              selectedRowKeys
-            }
-          }
-        }
-      },
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest
-      },
-      rowHandle: {
-        minWidth: 200,
-        fixed: "right"
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          column: {
-            width: 100
-          },
-          form: {
-            show: false
-          }
-        },
-        domain: {
-          title: "CNAME域名",
-          type: "text",
-          editForm: {
-            component: {
-              disabled: true
-            }
-          },
-          search: {
-            show: true
-          },
-          form: {
-            component: {
-              placeholder: "cname.handsfree.work"
-            },
-            helper: "需要一个右边DNS提供商注册的域名（也可以将其他域名的dns服务器转移到这几家来）。\nCNAME域名一旦确定不可修改，建议使用一级子域名",
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 200
-          }
-        },
-        dnsProviderType: {
-          title: "DNS提供商",
-          type: "dict-select",
-          search: {
-            show: true
-          },
-          dict: dict({
-            url: "pi/dnsProvider/list",
-            value: "key",
-            label: "title"
-          }),
-          form: {
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 150,
-            component: {
-              color: "auto"
-            }
-          }
-        },
-        accessId: {
-          title: "DNS提供商授权",
-          type: "dict-select",
-          dict: dict({
-            url: "/pi/access/list",
-            value: "id",
-            label: "name"
-          }),
-          form: {
-            component: {
-              name: "access-selector",
-              vModel: "modelValue",
-              type: compute(({ form }) => {
-                return form.dnsProviderType;
-              })
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 150,
-            component: {
-              color: "auto"
-            }
-          }
-        },
-        isDefault: {
-          title: "是否默认",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "是", value: true, color: "success" },
-              { label: "否", value: false, color: "default" }
-            ]
-          }),
-          form: {
-            value: false,
-            rules: [{ required: true, message: "请选择是否默认" }]
-          },
-          column: {
-            align: "center",
-            width: 100
-          }
-        },
-        setDefault: {
-          title: "设置默认",
-          type: "text",
-          form: {
-            show: false
-          },
-          column: {
-            width: 100,
-            align: "center",
-            conditionalRenderDisabled: true,
-            cellRender: ({ row }) => {
-              if (row.isDefault) {
-                return;
-              }
-              const onClick = async () => {
-                Modal.confirm({
-                  title: "提示",
-                  content: `确定要设置为默认吗？`,
-                  onOk: async () => {
-                    await api.SetDefault(row.id);
-                    await crudExpose.doRefresh();
-                  }
-                });
-              };
+	return {
+		crudOptions: {
+			settings: {
+				plugins: {
+					//这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
+					rowSelection: {
+						enabled: true,
+						order: -2,
+						before: true,
+						// handle: (pluginProps,useCrudProps)=>CrudOptions,
+						props: {
+							multiple: true,
+							crossPage: true,
+							selectedRowKeys
+						}
+					}
+				}
+			},
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest
+			},
+			rowHandle: {
+				minWidth: 200,
+				fixed: "right"
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					column: {
+						width: 100
+					},
+					form: {
+						show: false
+					}
+				},
+				domain: {
+					title: t("certd.cnameDomain"),
+					type: "text",
+					editForm: {
+						component: {
+							disabled: true,
+						},
+					},
+					search: {
+						show: true,
+					},
+					form: {
+						component: {
+							placeholder: t("certd.cnameDomainPlaceholder"),
+						},
+						helper: t("certd.cnameDomainHelper"),
+						rules: [{ required: true, message: t("certd.requiredField") }],
+					},
+					column: {
+						width: 200,
+					},
+				},
+				dnsProviderType: {
+					title: t("certd.dnsProvider"),
+					type: "dict-select",
+					search: {
+						show: true,
+					},
+					dict: dict({
+						url: "pi/dnsProvider/list",
+						value: "key",
+						label: "title",
+					}),
+					form: {
+						rules: [{ required: true, message: t("certd.requiredField") }],
+					},
+					column: {
+						width: 150,
+						component: {
+							color: "auto",
+						},
+					},
+				},
+				accessId: {
+					title: t("certd.dnsProviderAuthorization"),
+					type: "dict-select",
+					dict: dict({
+						url: "/pi/access/list",
+						value: "id",
+						label: "name",
+					}),
+					form: {
+						component: {
+							name: "access-selector",
+							vModel: "modelValue",
+							type: compute(({ form }) => {
+								return form.dnsProviderType;
+							}),
+						},
+						rules: [{ required: true, message: t("certd.requiredField") }],
+					},
+					column: {
+						width: 150,
+						component: {
+							color: "auto",
+						},
+					},
+				},
+				isDefault: {
+					title: t("certd.isDefault"),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t("certd.yes"), value: true, color: "success" },
+							{ label: t("certd.no"), value: false, color: "default" },
+						],
+					}),
+					form: {
+						value: false,
+						rules: [{ required: true, message: t("certd.selectIsDefault") }],
+					},
+					column: {
+						align: "center",
+						width: 100,
+					},
+				},
+				setDefault: {
+					title: t("certd.setDefault"),
+					type: "text",
+					form: {
+						show: false,
+					},
+					column: {
+						width: 100,
+						align: "center",
+						conditionalRenderDisabled: true,
+						cellRender: ({ row }) => {
+							if (row.isDefault) {
+								return;
+							}
+							const onClick = async () => {
+								Modal.confirm({
+									title: t("certd.prompt"),
+									content: t("certd.confirmSetDefault"),
+									onOk: async () => {
+										await api.SetDefault(row.id);
+										await crudExpose.doRefresh();
+									},
+								});
+							};
 
-              return (
-                <a-button type={"link"} size={"small"} onClick={onClick}>
-                  设为默认
-                </a-button>
-              );
-            }
-          }
-        },
-        disabled: {
-          title: "禁用/启用",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "启用", value: false, color: "success" },
-              { label: "禁用", value: true, color: "error" }
-            ]
-          }),
-          form: {
-            value: false
-          },
-          column: {
-            width: 100,
-            component: {
-              title: "点击可禁用/启用",
-              on: {
-                async click({ value, row }) {
-                  Modal.confirm({
-                    title: "提示",
-                    content: `确定要${!value ? "禁用" : "启用"}吗？`,
-                    onOk: async () => {
-                      await api.SetDisabled(row.id, !value);
-                      await crudExpose.doRefresh();
-                    }
-                  });
-                }
-              }
-            }
-          }
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          form: {
-            show: false
-          },
-          column: {
-            sorter: true,
-            width: 160,
-            align: "center"
-          }
-        },
-        updateTime: {
-          title: "更新时间",
-          type: "datetime",
-          form: {
-            show: false
-          },
-          column: {
-            show: true,
-            width: 160
-          }
-        }
-      }
-    }
-  };
+							return (
+								<a-button type={"link"} size={"small"} onClick={onClick}>
+									{t("certd.setAsDefault")}
+								</a-button>
+							);
+						},
+					},
+				},
+				disabled: {
+					title: t("certd.disabled"),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t("certd.enabled"), value: false, color: "success" },
+							{ label: t("certd.disabledLabel"), value: true, color: "error" },
+						],
+					}),
+					form: {
+						value: false,
+					},
+					column: {
+						width: 100,
+						component: {
+							title: t("certd.clickToToggle"),
+							on: {
+								async click({ value, row }) {
+									Modal.confirm({
+										title: t("certd.prompt"),
+										content: t("certd.confirmToggleStatus", { action: !value ? t("certd.disable") : t("certd.enable") }),
+										onOk: async () => {
+											await api.SetDisabled(row.id, !value);
+											await crudExpose.doRefresh();
+										},
+									});
+								},
+							},
+						},
+					},
+				},
+				createTime: {
+					title: t("certd.createTime"),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 160,
+						align: "center",
+					},
+				},
+				updateTime: {
+					title: t("certd.updateTime"),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						show: true,
+						width: 160,
+					},
+				},
+			}
+		}
+	};
 }
diff --git a/packages/ui/certd-client/src/views/sys/cname/provider/index.vue b/packages/ui/certd-client/src/views/sys/cname/provider/index.vue
index 15ef5aa6..858da32d 100644
--- a/packages/ui/certd-client/src/views/sys/cname/provider/index.vue
+++ b/packages/ui/certd-client/src/views/sys/cname/provider/index.vue
@@ -1,60 +1,67 @@
 <template>
-  <fs-page class="page-cert">
-    <template #header>
-      <div class="title">
-        CNAME服务配置
-        <span class="sub">
-          此处配置的域名作为其他域名校验的代理，当别的域名需要申请证书时，通过CNAME映射到此域名上来验证所有权。好处是任何域名都可以通过此方式申请证书，也无需填写AccessSecret。
-          <a href="https://certd.docmirror.cn/guide/feature/cname/" target="_blank">CNAME功能原理及使用说明</a>
-        </span>
-      </div>
-    </template>
-    <fs-crud ref="crudRef" v-bind="crudBinding">
-      <template #pagination-left>
-        <a-tooltip title="批量删除">
-          <fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>
-        </a-tooltip>
-      </template>
-    </fs-crud>
-  </fs-page>
+	<fs-page class="page-cert">
+		<template #header>
+			<div class="title">
+				{{ t("certd.cnameTitle") }}
+				<span class="sub">
+					{{ t("certd.cnameDescription") }}
+					<a href="https://certd.docmirror.cn/guide/feature/cname/" target="_blank">
+						{{ t("certd.cnameLinkText") }}
+					</a>
+				</span>
+			</div>
+		</template>
+		<fs-crud ref="crudRef" v-bind="crudBinding">
+			<template #pagination-left>
+				<a-tooltip :title="t('certd.batchDelete')">
+					<fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>
+				</a-tooltip>
+			</template>
+		</fs-crud>
+	</fs-page>
 </template>
 
+
 <script lang="ts" setup>
 import { onActivated, onMounted } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
 import { message, Modal } from "ant-design-vue";
 import { DeleteBatch } from "./api";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
-  name: "CnameProvider",
+	name: "CnameProvider",
 });
 const { crudBinding, crudRef, crudExpose, context } = useFs({ createCrudOptions });
 
 const selectedRowKeys = context.selectedRowKeys;
 const handleBatchDelete = () => {
-  if (selectedRowKeys.value?.length > 0) {
-    Modal.confirm({
-      title: "确认",
-      content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
-      async onOk() {
-        await DeleteBatch(selectedRowKeys.value);
-        message.info("删除成功");
-        crudExpose.doRefresh();
-        selectedRowKeys.value = [];
-      },
-    });
-  } else {
-    message.error("请先勾选记录");
-  }
+	if (selectedRowKeys.value?.length > 0) {
+		Modal.confirm({
+			title: t("certd.confirmTitle"),
+			content: t("certd.confirmDeleteBatch", { count: selectedRowKeys.value.length }),
+			async onOk() {
+				await DeleteBatch(selectedRowKeys.value);
+				message.info(t("certd.deleteSuccess"));
+				crudExpose.doRefresh();
+				selectedRowKeys.value = [];
+			},
+		});
+	} else {
+		message.error(t("certd.selectRecordsFirst"));
+	}
 };
 
+
 // 页面打开后获取列表数据
 onMounted(() => {
-  crudExpose.doRefresh();
+	crudExpose.doRefresh();
 });
 onActivated(async () => {
-  await crudExpose.doRefresh();
+	await crudExpose.doRefresh();
 });
 </script>
 <style lang="less"></style>
diff --git a/packages/ui/certd-client/src/views/sys/plugin/crud.tsx b/packages/ui/certd-client/src/views/sys/plugin/crud.tsx
index 938a9dd4..01d33229 100644
--- a/packages/ui/certd-client/src/views/sys/plugin/crud.tsx
+++ b/packages/ui/certd-client/src/views/sys/plugin/crud.tsx
@@ -8,559 +8,527 @@ import { Modal, notification } from "ant-design-vue";
 import yaml from "js-yaml";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const router = useRouter();
-  const { t } = useI18n();
+	const router = useRouter();
+	const { t } = useI18n();
 
-  let lastType = "";
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    if (lastType && lastType != query?.query?.type) {
-      //lastType有变化
-      query.page.offset = 0;
-    }
-    lastType = query?.query?.type;
-    return await api.GetList(query);
-  };
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    return await api.DelObj(row.id);
-  };
+	let lastType = "";
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		if (lastType && lastType != query?.query?.type) {
+			query.page.offset = 0;
+		}
+		lastType = query?.query?.type;
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async ({ form }: AddReq) => {
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  const selectedRowKeys: Ref<any[]> = ref([]);
-  context.selectedRowKeys = selectedRowKeys;
-  const { openCrudFormDialog } = useFormWrapper();
+	const selectedRowKeys: Ref<any[]> = ref([]);
+	context.selectedRowKeys = selectedRowKeys;
+	const { openCrudFormDialog } = useFormWrapper();
 
-  async function openImportDialog() {
-    function createCrudOptions() {
-      return {
-        crudOptions: {
-          columns: {
-            content: {
-              title: "插件文件",
-              type: "text",
-              form: {
-                component: {
-                  name: "pem-input",
-                  vModel: "modelValue",
-                  textarea: {
-                    rows: 8,
-                  },
-                },
-                col: {
-                  span: 24,
-                },
-                helper: "选择插件文件",
-              },
-            },
-            override: {
-              title: "同名覆盖",
-              type: "dict-switch",
-              dict: dict({
-                data: [
-                  {
-                    value: true,
-                    label: "覆盖",
-                  },
-                  {
-                    value: false,
-                    label: "不覆盖",
-                  },
-                ],
-              }),
-              form: {
-                value: false,
-                col: {
-                  span: 24,
-                },
-                helper: "如果已有相同名称插件，直接覆盖",
-              },
-            },
-          },
-          form: {
-            wrapper: {
-              title: "导入插件",
-              saveRemind: false,
-            },
-            afterSubmit() {
-              notification.success({ message: "操作成功" });
-              crudExpose.doRefresh();
-            },
-            async doSubmit({ form }: any) {
-              return await api.ImportPlugin({
-                ...form,
-              });
-            },
-          },
-        },
-      };
-    }
-    const { crudOptions } = createCrudOptions();
-    await openCrudFormDialog({ crudOptions });
-  }
-  return {
-    crudOptions: {
-      settings: {
-        plugins: {
-          //这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
-          rowSelection: {
-            enabled: true,
-            order: -2,
-            before: true,
-            // handle: (pluginProps,useCrudProps)=>CrudOptions,
-            props: {
-              multiple: true,
-              crossPage: true,
-              selectedRowKeys,
-            },
-          },
-        },
-      },
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest,
-      },
-      actionbar: {
-        buttons: {
-          add: {
-            show: true,
-            icon: "ion:ios-add-circle-outline",
-            text: "自定义插件",
-          },
-          import: {
-            show: true,
-            icon: "ion:cloud-upload-outline",
-            text: "导入",
-            type: "primary",
-            async click() {
-              await openImportDialog();
-            },
-          },
-        },
-      },
-      rowHandle: {
-        show: true,
-        minWidth: 200,
-        fixed: "right",
-        buttons: {
-          edit: {
-            show: compute(({ row }) => {
-              return row.type === "custom";
-            }),
-          },
-          copy: {
-            show: compute(({ row }) => {
-              return row.type === "custom";
-            }),
-          },
-          remove: {
-            order: 999,
-            show: compute(({ row }) => {
-              return row.type === "custom";
-            }),
-          },
-          export: {
-            text: null,
-            icon: "ion:cloud-download-outline",
-            title: "导出",
-            type: "link",
-            show: compute(({ row }) => {
-              return row.type === "custom";
-            }),
-            async click({ row }) {
-              //将文本内容，作为文件下载
-              const content = await api.ExportPlugin(row.id);
-              if (content) {
-                const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
-                const url = URL.createObjectURL(blob);
-                const link = document.createElement("a");
-                link.href = url;
-                link.download = `${row.name}.yaml`;
-                link.click();
-                URL.revokeObjectURL(url);
-              }
-            },
-          },
-        },
-      },
-      table: {
-        rowKey: "name",
-      },
-      tabs: {
-        name: "type",
-        show: true,
-        defaultOption: {
-          show: false,
-        },
-      },
-      form: {
-        onSuccess(opts: any) {
-          if (opts.res?.id) {
-            router.push({
-              name: "SysPluginEdit",
-              query: {
-                id: opts.res.id,
-              },
-            });
-          }
-        },
-      },
-      columns: {
-        // id: {
-        //   title: "ID",
-        //   key: "id",
-        //   type: "number",
-        //   column: {
-        //     width: 100
-        //   },
-        //   form: {
-        //     show: false
-        //   }
-        // },
-        pluginType: {
-          title: "插件类型",
-          type: "dict-select",
-          search: {
-            show: true,
-          },
-          form: {
-            order: 0,
-            rules: [{ required: true }],
-            component: {
-              disabled: true,
-            },
-          },
-          addForm: {
-            component: {
-              disabled: false,
-            },
-          },
-          dict: dict({
-            data: [
-              { label: "授权", value: "access" },
-              { label: "DNS", value: "dnsProvider" },
-              { label: "部署插件", value: "deploy" },
-            ],
-          }),
-          column: {
-            width: 100,
-            align: "center",
-            component: {
-              color: "auto",
-            },
-          },
-        },
-        icon: {
-          title: "图标",
-          type: "icon",
-          form: {
-            rules: [{ required: true }],
-          },
-          column: {
-            width: 70,
-            align: "center",
-            component: {
-              name: "fs-icon",
-              vModel: "icon",
-              style: {
-                fontSize: "22px",
-              },
-            },
-          },
-        },
-        name: {
-          title: "插件名称",
-          type: "text",
-          search: {
-            show: true,
-          },
-          form: {
-            show: true,
-            helper: "必须为英文或数字，驼峰命名，类型作为前缀\n例如AliyunDeployToCDN\n插件一旦被使用，不要修改名称",
-            rules: [
-              { required: true },
-              {
-                type: "regexp",
-                pattern: /^[a-zA-Z][a-zA-Z0-9]+$/,
-                message: "必须为英文或数字，驼峰命名，类型作为前缀",
-              },
-            ],
-          },
-          column: {
-            width: 250,
-            cellRender({ row }) {
-              if (row.author) {
-                return <fs-copyable model-value={`${row.author}/${row.name}`} />;
-              } else {
-                return <fs-copyable model-value={row.name} />;
-              }
-            },
-          },
-        },
-        author: {
-          title: "作者",
-          type: "text",
-          search: {
-            show: true,
-          },
-          form: {
-            show: true,
-            helper: "上传到插件商店时，将作为插件名称前缀,例如：greper/pluginName",
-            rules: [
-              { required: true },
-              {
-                type: "regexp",
-                pattern: /^[a-zA-Z][a-zA-Z0-9]+$/,
-                message: "必须为英文字母或数字",
-              },
-            ],
-          },
-          column: {
-            width: 200,
-            show: false,
-          },
-        },
-        title: {
-          title: "标题",
-          type: "text",
-          form: {
-            helper: "插件中文名称",
-            rules: [{ required: true }],
-          },
-          column: {
-            width: 300,
-            cellRender({ row }) {
-              if (row.type === "custom") {
-                return <router-link to={`/sys/plugin/edit?id=${row.id}`}>{row.title}</router-link>;
-              }
-              return <div>{row.title}</div>;
-            },
-          },
-        },
-        desc: {
-          title: "描述",
-          type: "textarea",
-          helper: "插件的描述",
-          column: {
-            width: 300,
-            show: false,
-          },
-        },
-
-        type: {
-          title: "来源",
-          type: "dict-select",
-          search: {
-            show: true,
-          },
-          form: {
-            value: "custom",
-            component: {
-              disabled: true,
-            },
-          },
-          dict: dict({
-            data: [
-              { label: "内置", value: "builtIn" },
-              { label: "自建", value: "custom" },
-              { label: "商店", value: "store" },
-            ],
-          }),
-          column: {
-            width: 70,
-            align: "center",
-            component: {
-              color: "auto",
-            },
-          },
-        },
-        version: {
-          title: "版本",
-          type: "text",
-          column: {
-            width: 100,
-            align: "center",
-          },
-        },
-        // "extra.dependLibs": {
-        //   title: "第三方依赖",
-        //   type: "text",
-        //   form: {
-        //     helper: "依赖的第三方库,package.dependencies的格式：name[:^version]",
-        //     component: {
-        //       name: "a-select",
-        //       mode: "tags",
-        //       allowClear: true,
-        //       open: false,
-        //     },
-        //   },
-        //   column: {
-        //     show: false,
-        //   },
-        // },
-        "extra.dependPlugins": {
-          title: "插件依赖",
-          type: "text",
-          form: {
-            component: {
-              name: "a-select",
-              mode: "tags",
-              open: false,
-              allowClear: true,
-            },
-            helper: "安装时会先安装依赖的插件,格式：[author/]pluginName[:version]",
-          },
-          column: {
-            show: false,
-          },
-        },
-        "extra.showRunStrategy": {
-          title: "可修改运行策略",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { value: true, label: "可修改" },
-              { value: false, label: "不可修改" },
-            ],
-          }),
-          form: {
-            value: false,
-            rules: [{ required: true }],
-          },
-          column: {
-            width: 100,
-            align: "left",
-            show: false,
-          },
-        },
-        "extra.default.strategy.runStrategy": {
-          title: "运行策略",
-          type: "dict-select",
-          dict: dict({
-            data: [
-              { value: 0, label: "正常运行" },
-              { value: 1, label: "成功后跳过（部署任务）" },
-            ],
-          }),
-          form: {
-            value: 1,
-            rules: [{ required: true }],
-            helper: "默认运行策略",
-            show: compute(({ form }) => {
-              return form.extra.showRunStrategy;
-            }),
-          },
-          column: {
-            width: 100,
-            align: "left",
-            component: {
-              color: "auto",
-            },
-            show: false,
-          },
-          valueBuilder({ row }) {
-            if (row.extra) {
-              row.extra = yaml.load(row.extra);
-            }
-          },
-          valueResolve({ row }) {
-            if (row.extra) {
-              row.extra = yaml.dump(row.extra);
-            }
-          },
-        },
-        disabled: {
-          title: "点击禁用/启用",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "启用", value: false, color: "success" },
-              { label: "禁用", value: true, color: "error" },
-            ],
-          }),
-          form: {
-            title: "禁用/启用",
-            value: false,
-          },
-          column: {
-            width: 120,
-            align: "center",
-            component: {
-              title: "点击可禁用/启用",
-              on: {
-                async click({ value, row }) {
-                  Modal.confirm({
-                    title: "提示",
-                    content: `确定要${!value ? "禁用" : "启用"}吗？`,
-                    onOk: async () => {
-                      await api.SetDisabled({
-                        id: row.id,
-                        name: row.name,
-                        type: row.type,
-                        disabled: !value,
-                      });
-                      await crudExpose.doRefresh();
-                    },
-                  });
-                },
-              },
-            },
-          },
-        },
-        group: {
-          title: "插件分组",
-          type: "dict-select",
-          dict: dict({
-            url: "/pi/plugin/groupsList",
-            label: "title",
-            value: "key",
-          }),
-          form: {
-            rules: [{ required: true }],
-            show: compute(({ form }) => {
-              return form.pluginType === "deploy";
-            }),
-          },
-          column: {
-            width: 100,
-            align: "left",
-            component: {
-              color: "auto",
-            },
-          },
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            sorter: true,
-            width: 160,
-            align: "center",
-          },
-        },
-        updateTime: {
-          title: "更新时间",
-          type: "datetime",
-          form: {
-            show: false,
-          },
-          column: {
-            show: true,
-          },
-        },
-      },
-    },
-  };
+	async function openImportDialog() {
+		function createCrudOptions() {
+			return {
+				crudOptions: {
+					columns: {
+						content: {
+							title: t("certd.pluginFile"),
+							type: "text",
+							form: {
+								component: {
+									name: "pem-input",
+									vModel: "modelValue",
+									textarea: {
+										rows: 8,
+									},
+								},
+								col: {
+									span: 24,
+								},
+								helper: t("certd.selectPluginFile"),
+							},
+						},
+						override: {
+							title: t("certd.overrideSameName"),
+							type: "dict-switch",
+							dict: dict({
+								data: [
+									{
+										value: true,
+										label: t("certd.override"),
+									},
+									{
+										value: false,
+										label: t("certd.noOverride"),
+									},
+								],
+							}),
+							form: {
+								value: false,
+								col: {
+									span: 24,
+								},
+								helper: t("certd.overrideHelper"),
+							},
+						},
+					},
+					form: {
+						wrapper: {
+							title: t("certd.importPlugin"),
+							saveRemind: false,
+						},
+						afterSubmit() {
+							notification.success({ message: t("certd.operationSuccess") });
+							crudExpose.doRefresh();
+						},
+						async doSubmit({ form }: any) {
+							return await api.ImportPlugin({
+								...form,
+							});
+						},
+					},
+				},
+			};
+		}
+		const { crudOptions } = createCrudOptions();
+		await openCrudFormDialog({ crudOptions });
+	}
+	return {
+		crudOptions: {
+			settings: {
+				plugins: {
+					rowSelection: {
+						enabled: true,
+						order: -2,
+						before: true,
+						props: {
+							multiple: true,
+							crossPage: true,
+							selectedRowKeys,
+						},
+					},
+				},
+			},
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+			},
+			actionbar: {
+				buttons: {
+					add: {
+						show: true,
+						icon: "ion:ios-add-circle-outline",
+						text: t("certd.customPlugin"),
+					},
+					import: {
+						show: true,
+						icon: "ion:cloud-upload-outline",
+						text: t("certd.import"),
+						type: "primary",
+						async click() {
+							await openImportDialog();
+						},
+					},
+				},
+			},
+			rowHandle: {
+				show: true,
+				minWidth: 200,
+				fixed: "right",
+				buttons: {
+					edit: {
+						show: compute(({ row }) => {
+							return row.type === "custom";
+						}),
+					},
+					copy: {
+						show: compute(({ row }) => {
+							return row.type === "custom";
+						}),
+					},
+					remove: {
+						order: 999,
+						show: compute(({ row }) => {
+							return row.type === "custom";
+						}),
+					},
+					export: {
+						text: null,
+						icon: "ion:cloud-download-outline",
+						title: t("certd.export"),
+						type: "link",
+						show: compute(({ row }) => {
+							return row.type === "custom";
+						}),
+						async click({ row }) {
+							const content = await api.ExportPlugin(row.id);
+							if (content) {
+								const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
+								const url = URL.createObjectURL(blob);
+								const link = document.createElement("a");
+								link.href = url;
+								link.download = `${row.name}.yaml`;
+								link.click();
+								URL.revokeObjectURL(url);
+							}
+						},
+					},
+				},
+			},
+			table: {
+				rowKey: "name",
+			},
+			tabs: {
+				name: "type",
+				show: true,
+				defaultOption: {
+					show: false,
+				},
+			},
+			form: {
+				onSuccess(opts: any) {
+					if (opts.res?.id) {
+						router.push({
+							name: "SysPluginEdit",
+							query: {
+								id: opts.res.id,
+							},
+						});
+					}
+				},
+			},
+			columns: {
+				pluginType: {
+					title: t("certd.pluginType"),
+					type: "dict-select",
+					search: {
+						show: true,
+					},
+					form: {
+						order: 0,
+						rules: [{ required: true }],
+						component: {
+							disabled: true,
+						},
+					},
+					addForm: {
+						component: {
+							disabled: false,
+						},
+					},
+					dict: dict({
+						data: [
+							{ label: t("certd.auth"), value: "access" },
+							{ label: t("certd.dns"), value: "dnsProvider" },
+							{ label: t("certd.deployPlugin"), value: "deploy" },
+						],
+					}),
+					column: {
+						width: 100,
+						align: "center",
+						component: {
+							color: "auto",
+						},
+					},
+				},
+				icon: {
+					title: t("certd.icon"),
+					type: "icon",
+					form: {
+						rules: [{ required: true }],
+					},
+					column: {
+						width: 70,
+						align: "center",
+						component: {
+							name: "fs-icon",
+							vModel: "icon",
+							style: {
+								fontSize: "22px",
+							},
+						},
+					},
+				},
+				name: {
+					title: t("certd.pluginName"),
+					type: "text",
+					search: {
+						show: true,
+					},
+					form: {
+						show: true,
+						helper: t("certd.pluginNameHelper"),
+						rules: [
+							{ required: true },
+							{
+								type: "regexp",
+								pattern: /^[a-zA-Z][a-zA-Z0-9]+$/,
+								message: t("certd.pluginNameRuleMsg"),
+							},
+						],
+					},
+					column: {
+						width: 250,
+						cellRender({ row }) {
+							if (row.author) {
+								return <fs-copyable model-value={`${row.author}/${row.name}`} />;
+							} else {
+								return <fs-copyable model-value={row.name} />;
+							}
+						},
+					},
+				},
+				author: {
+					title: t("certd.author"),
+					type: "text",
+					search: {
+						show: true,
+					},
+					form: {
+						show: true,
+						helper: t("certd.authorHelper"),
+						rules: [
+							{ required: true },
+							{
+								type: "regexp",
+								pattern: /^[a-zA-Z][a-zA-Z0-9]+$/,
+								message: t("certd.authorRuleMsg"),
+							},
+						],
+					},
+					column: {
+						width: 200,
+						show: false,
+					},
+				},
+				title: {
+					title: t("certd.titlea"),
+					type: "text",
+					form: {
+						helper: t("certd.titleHelper"),
+						rules: [{ required: true }],
+					},
+					column: {
+						width: 300,
+						cellRender({ row }) {
+							if (row.type === "custom") {
+								return <router-link to={`/sys/plugin/edit?id=${row.id}`}>{row.title}</router-link>;
+							}
+							return <div>{row.title}</div>;
+						},
+					},
+				},
+				desc: {
+					title: t("certd.description"),
+					type: "textarea",
+					helper: t("certd.descriptionHelper"),
+					column: {
+						width: 300,
+						show: false,
+					},
+				},
+				type: {
+					title: t("certd.sourcee"),
+					type: "dict-select",
+					search: {
+						show: true,
+					},
+					form: {
+						value: "custom",
+						component: {
+							disabled: true,
+						},
+					},
+					dict: dict({
+						data: [
+							{ label: t("certd.builtIn"), value: "builtIn" },
+							{ label: t("certd.custom"), value: "custom" },
+							{ label: t("certd.store"), value: "store" },
+						],
+					}),
+					column: {
+						width: 70,
+						align: "center",
+						component: {
+							color: "auto",
+						},
+					},
+				},
+				version: {
+					title: t("certd.version"),
+					type: "text",
+					column: {
+						width: 100,
+						align: "center",
+					},
+				},
+				"extra.dependPlugins": {
+					title: t("certd.pluginDependencies"),
+					type: "text",
+					form: {
+						component: {
+							name: "a-select",
+							mode: "tags",
+							open: false,
+							allowClear: true,
+						},
+						helper: t("certd.pluginDependenciesHelper"),
+					},
+					column: {
+						show: false,
+					},
+				},
+				"extra.showRunStrategy": {
+					title: t("certd.editableRunStrategy"),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ value: true, label: t("certd.editable") },
+							{ value: false, label: t("certd.notEditable") },
+						],
+					}),
+					form: {
+						value: false,
+						rules: [{ required: true }],
+					},
+					column: {
+						width: 100,
+						align: "left",
+						show: false,
+					},
+				},
+				"extra.default.strategy.runStrategy": {
+					title: t("certd.runStrategy"),
+					type: "dict-select",
+					dict: dict({
+						data: [
+							{ value: 0, label: t("certd.normalRun") },
+							{ value: 1, label: t("certd.skipOnSuccess") },
+						],
+					}),
+					form: {
+						value: 1,
+						rules: [{ required: true }],
+						helper: t("certd.defaultRunStrategyHelper"),
+						show: compute(({ form }) => {
+							return form.extra.showRunStrategy;
+						}),
+					},
+					column: {
+						width: 100,
+						align: "left",
+						component: {
+							color: "auto",
+						},
+						show: false,
+					},
+					valueBuilder({ row }) {
+						if (row.extra) {
+							row.extra = yaml.load(row.extra);
+						}
+					},
+					valueResolve({ row }) {
+						if (row.extra) {
+							row.extra = yaml.dump(row.extra);
+						}
+					},
+				},
+				disabled: {
+					title: t("certd.enableDisable"),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t("certd.enabled"), value: false, color: "success" },
+							{ label: t("certd.disabled"), value: true, color: "error" },
+						],
+					}),
+					form: {
+						title: t("certd.enableDisable"),
+						value: false,
+					},
+					column: {
+						width: 120,
+						align: "center",
+						component: {
+							title: t("certd.clickToToggle"),
+							on: {
+								async click({ value, row }) {
+									Modal.confirm({
+										title: t("certd.confirm"),
+										content: `${t("certd.confirmToggle")} ${!value ? t("certd.disable") : t("certd.enable")}?`,
+										onOk: async () => {
+											await api.SetDisabled({
+												id: row.id,
+												name: row.name,
+												type: row.type,
+												disabled: !value,
+											});
+											await crudExpose.doRefresh();
+										},
+									});
+								},
+							},
+						},
+					},
+				},
+				group: {
+					title: t("certd.pluginGroup"),
+					type: "dict-select",
+					dict: dict({
+						url: "/pi/plugin/groupsList",
+						label: "title",
+						value: "key",
+					}),
+					form: {
+						rules: [{ required: true }],
+						show: compute(({ form }) => {
+							return form.pluginType === "deploy";
+						}),
+					},
+					column: {
+						width: 100,
+						align: "left",
+						component: {
+							color: "auto",
+						},
+					},
+				},
+				createTime: {
+					title: t("certd.createTime"),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						sorter: true,
+						width: 160,
+						align: "center",
+					},
+				},
+				updateTime: {
+					title: t("certd.updateTime"),
+					type: "datetime",
+					form: {
+						show: false,
+					},
+					column: {
+						show: true,
+					},
+				},
+			},
+		},
+	};
 }
diff --git a/packages/ui/certd-client/src/views/sys/plugin/index.vue b/packages/ui/certd-client/src/views/sys/plugin/index.vue
index 80e0c21c..c16ab966 100644
--- a/packages/ui/certd-client/src/views/sys/plugin/index.vue
+++ b/packages/ui/certd-client/src/views/sys/plugin/index.vue
@@ -1,58 +1,63 @@
 <template>
-  <fs-page class="page-cert">
-    <template #header>
-      <div class="title">
-        插件管理
-        <span class="sub">自定义插件处于BETA测试版，后续可能会有破坏性变更</span>
-      </div>
-    </template>
-    <fs-crud ref="crudRef" v-bind="crudBinding">
-      <!--      <template #pagination-left>-->
-      <!--        <a-tooltip title="批量删除">-->
-      <!--          <fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>-->
-      <!--        </a-tooltip>-->
-      <!--      </template>-->
-    </fs-crud>
-  </fs-page>
+	<fs-page class="page-cert">
+		<template #header>
+			<div class="title">
+				{{ t("certd.pluginManagement") }}
+				<span class="sub">{{ t("certd.pluginBetaWarning") }}</span>
+			</div>
+		</template>
+		<fs-crud ref="crudRef" v-bind="crudBinding">
+			<!--      <template #pagination-left>-->
+			<!--        <a-tooltip :title="t('certd.batchDelete')">-->
+			<!--          <fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>-->
+			<!--        </a-tooltip>-->
+			<!--      </template>-->
+		</fs-crud>
+	</fs-page>
 </template>
 
+
 <script lang="ts" setup>
 import { onActivated, onMounted } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
 import { message, Modal } from "ant-design-vue";
 import { DeleteBatch } from "./api";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
-  name: "SysPlugin",
+	name: "SysPlugin",
 });
 const { crudBinding, crudRef, crudExpose, context } = useFs({ createCrudOptions });
 
 onActivated(async () => {
-  await crudExpose.doRefresh();
+	await crudExpose.doRefresh();
 });
 
 const selectedRowKeys = context.selectedRowKeys;
 const handleBatchDelete = () => {
-  if (selectedRowKeys.value?.length > 0) {
-    Modal.confirm({
-      title: "确认",
-      content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
-      async onOk() {
-        await DeleteBatch(selectedRowKeys.value);
-        message.info("删除成功");
-        crudExpose.doRefresh();
-        selectedRowKeys.value = [];
-      },
-    });
-  } else {
-    message.error("请先勾选记录");
-  }
+	if (selectedRowKeys.value?.length > 0) {
+		Modal.confirm({
+			title: t("certd.confirm"),
+			content: t("certd.batchDeleteConfirm", { count: selectedRowKeys.value.length }),
+			async onOk() {
+				await DeleteBatch(selectedRowKeys.value);
+				message.info(t("certd.deleteSuccess"));
+				crudExpose.doRefresh();
+				selectedRowKeys.value = [];
+			},
+		});
+	} else {
+		message.error(t("certd.pleaseSelectRecord"));
+	}
 };
 
+
 // 页面打开后获取列表数据
 onMounted(() => {
-  crudExpose.doRefresh();
+	crudExpose.doRefresh();
 });
 </script>
 <style lang="less"></style>
diff --git a/packages/ui/certd-client/src/views/sys/settings/email/index.vue b/packages/ui/certd-client/src/views/sys/settings/email/index.vue
index df834df8..9c6843d1 100644
--- a/packages/ui/certd-client/src/views/sys/settings/email/index.vue
+++ b/packages/ui/certd-client/src/views/sys/settings/email/index.vue
@@ -1,73 +1,86 @@
 <template>
-  <fs-page class="page-setting-email">
-    <template #header>
-      <div class="title">
-        邮件服务器设置
-        <span class="sub">设置邮件发送服务器</span>
-      </div>
-    </template>
+	<fs-page class="page-setting-email">
+		<template #header>
+			<div class="title">
+				{{ t('certd.emailServerSettings') }}
+				<span class="sub">{{ t('certd.setEmailSendingServer') }}</span>
+			</div>
+		</template>
 
-    <div class="flex-o">
-      <a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off" class="email-form-box" @finish="onFinish" @finish-failed="onFinishFailed">
-        <div v-if="!formState.usePlus" class="email-form">
-          <a-form-item label="使用自定义邮件服务器"> </a-form-item>
-          <a-form-item label="SMTP域名" name="host" :rules="[{ required: true, message: '请输入smtp域名或ip' }]">
-            <a-input v-model:value="formState.host" />
-          </a-form-item>
+		<div class="flex-o">
+			<a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }"
+				autocomplete="off" class="email-form-box" @finish="onFinish" @finish-failed="onFinishFailed">
+				<div v-if="!formState.usePlus" class="email-form">
+					<a-form-item :label="t('certd.useCustomEmailServer')"> </a-form-item>
+					<a-form-item :label="t('certd.smtpDomain')" name="host"
+						:rules="[{ required: true, message: t('certd.pleaseEnterSmtpDomain') }]">
+						<a-input v-model:value="formState.host" />
+					</a-form-item>
 
-          <a-form-item label="SMTP端口" name="port" :rules="[{ required: true, message: '请输入smtp端口号' }]">
-            <a-input v-model:value="formState.port" />
-          </a-form-item>
+					<a-form-item :label="t('certd.smtpPort')" name="port"
+						:rules="[{ required: true, message: t('certd.pleaseEnterSmtpPort') }]">
+						<a-input v-model:value="formState.port" />
+					</a-form-item>
 
-          <a-form-item label="用户名" :name="['auth', 'user']" :rules="[{ required: true, message: '请输入用户名' }]">
-            <a-input v-model:value="formState.auth.user" />
-          </a-form-item>
-          <a-form-item label="密码" :name="['auth', 'pass']" :rules="[{ required: true, message: '请输入密码' }]">
-            <a-input-password v-model:value="formState.auth.pass" />
-            <div class="helper">如果是qq邮箱，需要到qq邮箱的设置里面申请授权码作为密码</div>
-          </a-form-item>
-          <a-form-item label="发件邮箱" name="sender" :rules="[{ required: true, message: '请输入发件邮箱' }]">
-            <a-input v-model:value="formState.sender" />
-          </a-form-item>
-          <a-form-item label="是否ssl" name="secure">
-            <a-switch v-model:checked="formState.secure" />
-            <div class="helper">ssl和非ssl的smtp端口是不一样的，注意修改端口</div>
-          </a-form-item>
-          <a-form-item label="忽略证书校验" :name="['tls', 'rejectUnauthorized']">
-            <a-switch v-model:checked="formState.tls.rejectUnauthorized" />
-          </a-form-item>
+					<a-form-item :label="t('certd.username')" :name="['auth', 'user']"
+						:rules="[{ required: true, message: t('certd.pleaseEnterUsername') }]">
+						<a-input v-model:value="formState.auth.user" />
+					</a-form-item>
+					<a-form-item :label="t('certd.password')" :name="['auth', 'pass']"
+						:rules="[{ required: true, message: t('certd.pleaseEnterPassword') }]">
+						<a-input-password v-model:value="formState.auth.pass" />
+						<div class="helper">{{ t('certd.qqEmailAuthCodeHelper') }}</div>
+					</a-form-item>
+					<a-form-item :label="t('certd.senderEmail')" name="sender"
+						:rules="[{ required: true, message: t('certd.pleaseEnterSenderEmail') }]">
+						<a-input v-model:value="formState.sender" />
+					</a-form-item>
+					<a-form-item :label="t('certd.useSsl')" name="secure">
+						<a-switch v-model:checked="formState.secure" />
+						<div class="helper">{{ t('certd.sslPortNote') }}</div>
+					</a-form-item>
+					<a-form-item :label="t('certd.ignoreCertValidation')" :name="['tls', 'rejectUnauthorized']">
+						<a-switch v-model:checked="formState.tls.rejectUnauthorized" />
+					</a-form-item>
 
-          <a-form-item :wrapper-col="{ offset: 8, span: 16 }">
-            <a-button type="primary" html-type="submit">保存</a-button>
-          </a-form-item>
-        </div>
-        <div class="email-form">
-          <a-form-item label="使用官方邮件服务器" name="usePlus">
-            <div class="flex-o">
-              <a-switch v-model:checked="formState.usePlus" :disabled="!settingStore.isPlus" @change="onUsePlusChanged" />
-              <vip-button class="ml-5" mode="button"></vip-button>
-            </div>
-            <div class="helper">使用官方邮箱服务器直接发邮件，免除繁琐的配置</div>
-          </a-form-item>
-        </div>
-      </a-form>
-    </div>
-    <div class="email-form">
-      <a-form :model="testFormState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off" @finish="onTestSend">
-        <a-form-item label="测试收件邮箱" name="receiver" :rules="[{ required: true, message: '请输入测试收件邮箱' }]">
-          <a-input v-model:value="testFormState.receiver" />
-          <div class="helper">保存后再点击测试</div>
-          <div class="helper">发送失败？？？<a href="https://certd.docmirror.cn/guide/use/email/" target="_blank">邮件配置帮助文档</a></div>
-          <div class="helper">您还可以试试使用官方邮件服务器↗↗↗↗↗↗↗↗</div>
-        </a-form-item>
-        <a-form-item :wrapper-col="{ offset: 8, span: 16 }">
-          <a-button type="primary" :loading="testFormState.loading" html-type="submit">测试</a-button>
-        </a-form-item>
-      </a-form>
-    </div>
-  </fs-page>
+					<a-form-item :wrapper-col="{ offset: 8, span: 16 }">
+						<a-button type="primary" html-type="submit">{{ t('certd.save') }}</a-button>
+					</a-form-item>
+				</div>
+				<div class="email-form">
+					<a-form-item :label="t('certd.useOfficialEmailServer')" name="usePlus">
+						<div class="flex-o">
+							<a-switch v-model:checked="formState.usePlus" :disabled="!settingStore.isPlus"
+								@change="onUsePlusChanged" />
+							<vip-button class="ml-5" mode="button"></vip-button>
+						</div>
+						<div class="helper">{{ t('certd.useOfficialEmailServerHelper') }}</div>
+					</a-form-item>
+				</div>
+			</a-form>
+		</div>
+		<div class="email-form">
+			<a-form :model="testFormState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }"
+				autocomplete="off" @finish="onTestSend">
+				<a-form-item :label="t('certd.testReceiverEmail')" name="receiver"
+					:rules="[{ required: true, message: t('certd.pleaseEnterTestReceiverEmail') }]">
+					<a-input v-model:value="testFormState.receiver" />
+					<div class="helper">{{ t('certd.saveBeforeTest') }}</div>
+					<div class="helper">{{ t('certd.sendFailHelpDoc') }}<a
+							href="https://certd.docmirror.cn/guide/use/email/" target="_blank">{{
+								t('certd.emailConfigHelpDoc') }}</a></div>
+					<div class="helper">{{ t('certd.tryOfficialEmailServer') }}</div>
+				</a-form-item>
+				<a-form-item :wrapper-col="{ offset: 8, span: 16 }">
+					<a-button type="primary" :loading="testFormState.loading" html-type="submit">{{ t('certd.test')
+					}}</a-button>
+				</a-form-item>
+			</a-form>
+		</div>
+	</fs-page>
 </template>
 
+
 <script setup lang="ts">
 import { reactive } from "vue";
 import * as api from "../api";
@@ -75,96 +88,102 @@ import * as emailApi from "./api.email";
 import { notification } from "ant-design-vue";
 import { useSettingStore } from "/src/store/settings";
 import * as _ from "lodash-es";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 defineOptions({
-  name: "EmailSetting",
+	name: "EmailSetting",
 });
 
 interface FormState {
-  host: string;
-  port: number;
-  auth: {
-    user: string;
-    pass: string;
-  };
-  secure: boolean; // use TLS
-  tls: {
-    // do not fail on invalid certs
-    rejectUnauthorized?: boolean;
-  };
-  sender: string;
-  usePlus: boolean;
+	host: string;
+	port: number;
+	auth: {
+		user: string;
+		pass: string;
+	};
+	secure: boolean; // use TLS
+	tls: {
+		// do not fail on invalid certs
+		rejectUnauthorized?: boolean;
+	};
+	sender: string;
+	usePlus: boolean;
 }
 
 const formState = reactive<Partial<FormState>>({
-  auth: {
-    user: "",
-    pass: "",
-  },
-  tls: {},
-  usePlus: false,
+	auth: {
+		user: "",
+		pass: "",
+	},
+	tls: {},
+	usePlus: false,
 });
 
 async function load() {
-  const data: any = await api.EmailSettingsGet();
-  _.merge(formState, data);
+	const data: any = await api.EmailSettingsGet();
+	_.merge(formState, data);
 }
 
 load();
 
 const onFinish = async (form: any) => {
-  console.log("Success:", form);
-  await api.EmailSettingsSave(form);
-  notification.success({
-    message: "保存成功",
-  });
+	console.log("Success:", form);
+	await api.EmailSettingsSave(form);
+	notification.success({
+		message: t("certd.saveSuccess"),
+	});
 };
 
+
 const onFinishFailed = (errorInfo: any) => {
-  // console.log("Failed:", errorInfo);
+	// console.log("Failed:", errorInfo);
 };
 
 async function onUsePlusChanged() {
-  await api.EmailSettingsSave(formState);
+	await api.EmailSettingsSave(formState);
 }
 
 interface TestFormState {
-  receiver: string;
-  loading: boolean;
+	receiver: string;
+	loading: boolean;
 }
 const testFormState = reactive<TestFormState>({
-  receiver: "",
-  loading: false,
+	receiver: "",
+	loading: false,
 });
 async function onTestSend() {
-  testFormState.loading = true;
-  try {
-    await emailApi.TestSend(testFormState.receiver);
-    notification.success({
-      message: "发送成功",
-    });
-  } finally {
-    testFormState.loading = false;
-  }
+	testFormState.loading = true;
+	try {
+		await emailApi.TestSend(testFormState.receiver);
+		notification.success({
+			message: t("certd.sendSuccess"),
+		});
+	} finally {
+		testFormState.loading = false;
+	}
 }
 
+
 const settingStore = useSettingStore();
 </script>
 
 <style lang="less">
 .page-setting-email {
-  .email-form-box {
-    display: flex;
-  }
-  .email-form {
-    width: 500px;
-    margin: 20px;
-  }
+	.email-form-box {
+		display: flex;
+	}
 
-  .helper {
-    padding: 1px;
-    margin: 0px;
-    color: #999;
-    font-size: 10px;
-  }
+	.email-form {
+		width: 500px;
+		margin: 20px;
+	}
+
+	.helper {
+		padding: 1px;
+		margin: 0px;
+		color: #999;
+		font-size: 10px;
+	}
 }
 </style>
diff --git a/packages/ui/certd-client/src/views/sys/settings/tabs/base.vue b/packages/ui/certd-client/src/views/sys/settings/tabs/base.vue
index 1b6ec753..e1982e61 100644
--- a/packages/ui/certd-client/src/views/sys/settings/tabs/base.vue
+++ b/packages/ui/certd-client/src/views/sys/settings/tabs/base.vue
@@ -1,54 +1,59 @@
 <template>
-  <div class="sys-settings-form sys-settings-base">
-    <a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off" @finish="onFinish" @finish-failed="onFinishFailed">
-      <a-form-item label="ICP备案号" :name="['public', 'icpNo']">
-        <a-input v-model:value="formState.public.icpNo" placeholder="粤ICP备xxxxxxx号" />
-      </a-form-item>
-      <a-form-item label="网安备案号" :name="['public', 'mpsNo']">
-        <a-input v-model:value="formState.public.mpsNo" placeholder="京公网安备xxxxxxx号" />
-      </a-form-item>
+	<div class="sys-settings-form sys-settings-base">
+		<a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off"
+			@finish="onFinish" @finish-failed="onFinishFailed">
+			<a-form-item :label="t('certd.icpRegistrationNumber')" :name="['public', 'icpNo']">
+				<a-input v-model:value="formState.public.icpNo" :placeholder="t('certd.icpPlaceholder')" />
+			</a-form-item>
+			<a-form-item :label="t('certd.publicSecurityRegistrationNumber')" :name="['public', 'mpsNo']">
+				<a-input v-model:value="formState.public.mpsNo" :placeholder="t('certd.publicSecurityPlaceholder')" />
+			</a-form-item>
 
-      <a-form-item label="开启小助手" :name="['public', 'aiChatEnabled']">
-        <a-switch v-model:checked="formState.public.aiChatEnabled" />
-      </a-form-item>
-      <a-form-item label="允许爬虫" :name="['public', 'robots']">
-        <a-switch v-model:checked="formState.public.robots" />
-      </a-form-item>
+			<a-form-item :label="t('certd.enableAssistant')" :name="['public', 'aiChatEnabled']">
+				<a-switch v-model:checked="formState.public.aiChatEnabled" />
+			</a-form-item>
+			<a-form-item :label="t('certd.allowCrawlers')" :name="['public', 'robots']">
+				<a-switch v-model:checked="formState.public.robots" />
+			</a-form-item>
 
-      <a-form-item label="HTTP代理" :name="['private', 'httpProxy']" :rules="urlRules">
-        <a-input v-model:value="formState.private.httpProxy" placeholder="http://192.168.1.2:18010/" />
-        <div class="helper">当某些网站被墙时可以配置</div>
-      </a-form-item>
+			<a-form-item :label="t('certd.httpProxy')" :name="['private', 'httpProxy']" :rules="urlRules">
+				<a-input v-model:value="formState.private.httpProxy" :placeholder="t('certd.httpProxyPlaceholder')" />
+				<div class="helper">{{ t('certd.httpProxyHelper') }}</div>
+			</a-form-item>
 
-      <a-form-item label="HTTPS代理" :name="['private', 'httpsProxy']" :rules="urlRules">
-        <div class="flex">
-          <a-input v-model:value="formState.private.httpsProxy" placeholder="http://192.168.1.2:18010/" />
-          <a-button class="ml-5" type="primary" :loading="testProxyLoading" title="保存后，再点击测试" @click="testProxy">测试</a-button>
-        </div>
-        <div class="helper">一般这两个代理填一样的，保存后再测试</div>
-      </a-form-item>
+			<a-form-item :label="t('certd.httpsProxy')" :name="['private', 'httpsProxy']" :rules="urlRules">
+				<div class="flex">
+					<a-input v-model:value="formState.private.httpsProxy"
+						:placeholder="t('certd.httpsProxyPlaceholder')" />
+					<a-button class="ml-5" type="primary" :loading="testProxyLoading"
+						:title="t('certd.saveThenTestTitle')" @click="testProxy">{{ t('certd.testButton') }}</a-button>
+				</div>
+				<div class="helper">{{ t('certd.httpsProxyHelper') }}</div>
+			</a-form-item>
 
-      <a-form-item label="双栈网络" :name="['private', 'dnsResultOrder']">
-        <a-select v-model:value="formState.private.dnsResultOrder">
-          <a-select-option value="verbatim">默认</a-select-option>
-          <a-select-option value="ipv4first">IPV4优先</a-select-option>
-          <a-select-option value="ipv6first">IPV6优先</a-select-option>
-        </a-select>
-        <div class="helper">如果选择IPv6优先，需要在docker-compose.yaml中启用ipv6</div>
-      </a-form-item>
+			<a-form-item :label="t('certd.dualStackNetwork')" :name="['private', 'dnsResultOrder']">
+				<a-select v-model:value="formState.private.dnsResultOrder">
+					<a-select-option value="verbatim">{{ t('certd.default') }}</a-select-option>
+					<a-select-option value="ipv4first">{{ t('certd.ipv4Priority') }}</a-select-option>
+					<a-select-option value="ipv6first">{{ t('certd.ipv6Priority') }}</a-select-option>
+				</a-select>
+				<div class="helper">{{ t('certd.dualStackNetworkHelper') }}</div>
+			</a-form-item>
 
-      <a-form-item label="启用公共CNAME服务" :name="['private', 'commonCnameEnabled']">
-        <a-switch v-model:checked="formState.private.commonCnameEnabled" />
-        <div class="helper">是否可以使用公共CNAME服务，如果禁用，且没有设置<router-link to="/sys/cname/provider">自定义CNAME服务</router-link>，则无法使用CNAME代理方式申请证书</div>
-      </a-form-item>
+			<a-form-item :label="t('certd.enableCommonCnameService')" :name="['private', 'commonCnameEnabled']">
+				<a-switch v-model:checked="formState.private.commonCnameEnabled" />
+				<div class="helper" v-html="t('certd.commonCnameHelper')"></div>
+			</a-form-item>
 
-      <a-form-item label=" " :colon="false" :wrapper-col="{ span: 8 }">
-        <a-button :loading="saveLoading" type="primary" html-type="submit">保存</a-button>
-      </a-form-item>
-    </a-form>
-  </div>
+			<a-form-item label=" " :colon="false" :wrapper-col="{ span: 8 }">
+				<a-button :loading="saveLoading" type="primary" html-type="submit">{{ t('certd.saveButton')
+				}}</a-button>
+			</a-form-item>
+		</a-form>
+	</div>
 </template>
 
+
 <script setup lang="tsx">
 import { reactive, ref } from "vue";
 import { SysSettings } from "/@/views/sys/settings/api";
@@ -57,90 +62,94 @@ import { merge } from "lodash-es";
 import { useSettingStore } from "/@/store/settings";
 import { notification } from "ant-design-vue";
 import { util } from "/@/utils";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
-  name: "SettingBase",
+	name: "SettingBase",
 });
 
 const formState = reactive<Partial<SysSettings>>({
-  public: {
-    icpNo: "",
-    mpsNo: "",
-  },
-  private: {},
+	public: {
+		icpNo: "",
+		mpsNo: "",
+	},
+	private: {},
 });
 
 const urlRules = ref({
-  type: "url",
-  message: "请输入正确的URL",
+	type: "url",
+	message: "请输入正确的URL",
 });
 
 async function loadSysSettings() {
-  const data: any = await api.SysSettingsGet();
-  merge(formState, data);
+	const data: any = await api.SysSettingsGet();
+	merge(formState, data);
 }
 
 const saveLoading = ref(false);
 loadSysSettings();
 const settingsStore = useSettingStore();
 const onFinish = async (form: any) => {
-  try {
-    saveLoading.value = true;
-    await api.SysSettingsSave(form);
-    await settingsStore.loadSysSettings();
-    notification.success({
-      message: "保存成功",
-    });
-  } finally {
-    saveLoading.value = false;
-  }
+	try {
+		saveLoading.value = true;
+		await api.SysSettingsSave(form);
+		await settingsStore.loadSysSettings();
+		notification.success({
+			message: t('certd.saveSuccess'),
+		});
+	} finally {
+		saveLoading.value = false;
+	}
 };
 
+
 const onFinishFailed = (errorInfo: any) => {
-  // console.log("Failed:", errorInfo);
+	// console.log("Failed:", errorInfo);
 };
 
 async function stopOtherUserTimer() {
-  await api.stopOtherUserTimer();
-  notification.success({
-    message: "停止成功",
-  });
+	await api.stopOtherUserTimer();
+	notification.success({
+		message: t('certd.stopSuccess'),
+	});
 }
 
 const testProxyLoading = ref(false);
 async function testProxy() {
-  testProxyLoading.value = true;
-  try {
-    const res = await api.TestProxy();
-    let success = true;
-    if (res.google !== true || res.baidu !== true) {
-      success = false;
-    }
-    const content = () => {
-      return (
-        <div>
-          <div>Google: {res.google === true ? "成功" : util.maxLength(res.google)}</div>
-          <div>Baidu: {res.baidu === true ? "成功" : util.maxLength(res.google)}</div>
-        </div>
-      );
-    };
-    if (!success) {
-      notification.error({
-        message: "测试失败",
-        description: content,
-      });
-      return;
-    }
-    notification.success({
-      message: "测试完成",
-      description: content,
-    });
-  } finally {
-    testProxyLoading.value = false;
-  }
+	testProxyLoading.value = true;
+	try {
+		const res = await api.TestProxy();
+		let success = true;
+		if (res.google !== true || res.baidu !== true) {
+			success = false;
+		}
+		const content = () => {
+			return (
+				<div>
+					<div>{t('certd.google')}: {res.google === true ? t('certd.success') : util.maxLength(res.google)}</div>
+					<div>{t('certd.baidu')}: {res.baidu === true ? t('certd.success') : util.maxLength(res.baidu)}</div>
+				</div>
+			);
+		};
+		if (!success) {
+			notification.error({
+				message: t('certd.testFailed'),
+				description: content,
+			});
+			return;
+		}
+		notification.success({
+			message: t('certd.testCompleted'),
+			description: content,
+		});
+	} finally {
+		testProxyLoading.value = false;
+	}
 }
+
 </script>
 <style lang="less">
-.sys-settings-base {
-}
+.sys-settings-base {}
 </style>
diff --git a/packages/ui/certd-client/src/views/sys/settings/tabs/register.vue b/packages/ui/certd-client/src/views/sys/settings/tabs/register.vue
index 8f395eaa..a0464054 100644
--- a/packages/ui/certd-client/src/views/sys/settings/tabs/register.vue
+++ b/packages/ui/certd-client/src/views/sys/settings/tabs/register.vue
@@ -1,67 +1,78 @@
 <template>
-  <div class="sys-settings-form sys-settings-register">
-    <a-form :model="formState" name="register" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off" @finish="onFinish">
-      <a-form-item label="管理其他用户流水线" :name="['public', 'managerOtherUserPipeline']">
-        <a-switch v-model:checked="formState.public.managerOtherUserPipeline" />
-      </a-form-item>
-      <a-form-item label="限制用户流水线数量" :name="['public', 'limitUserPipelineCount']">
-        <a-input-number v-model:value="formState.public.limitUserPipelineCount" />
-        <div class="helper">0为不限制</div>
-      </a-form-item>
-      <a-form-item label="开启自助注册" :name="['public', 'registerEnabled']">
-        <a-switch v-model:checked="formState.public.registerEnabled" />
-      </a-form-item>
-      <a-form-item label="开启用户有效期" :name="['public', 'userValidTimeEnabled']">
-        <div class="flex-o">
-          <a-switch v-model:checked="formState.public.userValidTimeEnabled" :disabled="!settingsStore.isPlus" />
-          <vip-button class="ml-5" mode="button"></vip-button>
-        </div>
-        <div class="helper">有效期内用户可正常使用，失效后流水线将被停用</div>
-      </a-form-item>
-      <template v-if="formState.public.registerEnabled">
-        <a-form-item label="开启用户名注册" :name="['public', 'usernameRegisterEnabled']">
-          <a-switch v-model:checked="formState.public.usernameRegisterEnabled" />
-        </a-form-item>
+	<div class="sys-settings-form sys-settings-register">
+		<a-form :model="formState" name="register" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }"
+			autocomplete="off" @finish="onFinish">
+			<a-form-item :label="t('certd.manageOtherUserPipeline')" :name="['public', 'managerOtherUserPipeline']">
+				<a-switch v-model:checked="formState.public.managerOtherUserPipeline" />
+			</a-form-item>
+			<a-form-item :label="t('certd.limitUserPipelineCount')" :name="['public', 'limitUserPipelineCount']">
+				<a-input-number v-model:value="formState.public.limitUserPipelineCount" />
+				<div class="helper">{{ t('certd.limitUserPipelineCountHelper') }}</div>
+			</a-form-item>
+			<a-form-item :label="t('certd.enableSelfRegistration')" :name="['public', 'registerEnabled']">
+				<a-switch v-model:checked="formState.public.registerEnabled" />
+			</a-form-item>
+			<a-form-item :label="t('certd.enableUserValidityPeriod')" :name="['public', 'userValidTimeEnabled']">
+				<div class="flex-o">
+					<a-switch v-model:checked="formState.public.userValidTimeEnabled"
+						:disabled="!settingsStore.isPlus" />
+					<vip-button class="ml-5" mode="button"></vip-button>
+				</div>
+				<div class="helper">{{ t('certd.userValidityPeriodHelper') }}</div>
+			</a-form-item>
+			<template v-if="formState.public.registerEnabled">
+				<a-form-item :label="t('certd.enableUsernameRegistration')"
+					:name="['public', 'usernameRegisterEnabled']">
+					<a-switch v-model:checked="formState.public.usernameRegisterEnabled" />
+				</a-form-item>
 
-        <a-form-item label="开启邮箱注册" :name="['public', 'emailRegisterEnabled']">
-          <div class="flex-o">
-            <a-switch v-model:checked="formState.public.emailRegisterEnabled" :disabled="!settingsStore.isPlus" title="专业版功能" />
-            <vip-button class="ml-5" mode="button"></vip-button>
-          </div>
-          <div class="helper">需要<router-link to="/sys/settings/email">设置邮箱服务器</router-link></div>
-        </a-form-item>
-        <a-form-item label="开启手机号登录、注册" :name="['public', 'smsLoginEnabled']">
-          <div class="flex-o">
-            <a-switch v-model:checked="formState.public.smsLoginEnabled" :disabled="!settingsStore.isComm" title="商业版功能" />
-            <vip-button class="ml-5" mode="comm"></vip-button>
-          </div>
-        </a-form-item>
-        <template v-if="formState.public.smsLoginEnabled">
-          <a-form-item label="短信提供商" :name="['private', 'sms', 'type']">
-            <a-select v-model:value="formState.private.sms.type" @change="smsTypeChange">
-              <a-select-option value="aliyun">阿里云短信</a-select-option>
-              <a-select-option value="yfysms">易发云短信</a-select-option>
-            </a-select>
-          </a-form-item>
-          <template v-for="item of smsTypeDefineInputs" :key="item.simpleKey">
-            <fs-form-item v-model="formState.private.sms.config[item.simpleKey]" :path="'private.sms.config' + item.key" :item="item" />
-          </template>
+				<a-form-item :label="t('certd.enableEmailRegistration')" :name="['public', 'emailRegisterEnabled']">
+					<div class="flex-o">
+						<a-switch v-model:checked="formState.public.emailRegisterEnabled"
+							:disabled="!settingsStore.isPlus" :title="t('certd.proFeature')" />
+						<vip-button class="ml-5" mode="button"></vip-button>
+					</div>
+					<div class="helper">
+						<router-link to="/sys/settings/email">{{ t('certd.emailServerSetup') }}</router-link>
+					</div>
+				</a-form-item>
+				<a-form-item :label="t('certd.enableSmsLoginRegister')" :name="['public', 'smsLoginEnabled']">
+					<div class="flex-o">
+						<a-switch v-model:checked="formState.public.smsLoginEnabled" :disabled="!settingsStore.isComm"
+							:title="t('certd.commFeature')" />
+						<vip-button class="ml-5" mode="comm"></vip-button>
+					</div>
+				</a-form-item>
+				<template v-if="formState.public.smsLoginEnabled">
+					<a-form-item :label="t('certd.smsProvider')" :name="['private', 'sms', 'type']">
+						<a-select v-model:value="formState.private.sms.type" @change="smsTypeChange">
+							<a-select-option value="aliyun">{{ t('certd.aliyunSms') }}</a-select-option>
+							<a-select-option value="yfysms">{{ t('certd.yfySms') }}</a-select-option>
+						</a-select>
+					</a-form-item>
+					<template v-for="item of smsTypeDefineInputs" :key="item.simpleKey">
+						<fs-form-item v-model="formState.private.sms.config[item.simpleKey]"
+							:path="'private.sms.config' + item.key" :item="item" />
+					</template>
 
-          <a-form-item label="短信测试">
-            <div class="flex">
-              <a-input v-model:value="testMobile" placeholder="输入测试手机号" />
-              <loading-button class="ml-5" title="保存后再点击测试" type="primary" :click="testSendSms">测试</loading-button>
-            </div>
-            <div class="helper">保存后再点击测试</div>
-          </a-form-item>
-        </template>
-      </template>
+					<a-form-item :label="t('certd.smsTest')">
+						<div class="flex">
+							<a-input v-model:value="testMobile" :placeholder="t('certd.testMobilePlaceholder')" />
+							<loading-button class="ml-5" :title="t('certd.saveThenTest')" type="primary"
+								:click="testSendSms">{{
+									t('certd.testButton') }}</loading-button>
+						</div>
+						<div class="helper">{{ t('certd.saveThenTest') }}</div>
+					</a-form-item>
+				</template>
+			</template>
 
-      <a-form-item label=" " :colon="false" :wrapper-col="{ span: 16 }">
-        <a-button :loading="saveLoading" type="primary" html-type="submit">保存</a-button>
-      </a-form-item>
-    </a-form>
-  </div>
+			<a-form-item label=" " :colon="false" :wrapper-col="{ span: 16 }">
+				<a-button :loading="saveLoading" type="primary" html-type="submit">{{ t('certd.saveButton')
+				}}</a-button>
+			</a-form-item>
+		</a-form>
+	</div>
 </template>
 
 <script setup lang="tsx">
@@ -71,123 +82,127 @@ import * as api from "/@/views/sys/settings/api";
 import { merge } from "lodash-es";
 import { useSettingStore } from "/@/store/settings";
 import { notification } from "ant-design-vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineOptions({
-  name: "SettingRegister",
+	name: "SettingRegister",
 });
 
 const testMobile = ref("");
 async function testSendSms() {
-  if (!testMobile.value) {
-    notification.error({
-      message: "请输入测试手机号",
-    });
-    return;
-  }
-  await api.TestSms({
-    mobile: testMobile.value,
-  });
-  notification.success({
-    message: "发送成功",
-  });
+	if (!testMobile.value) {
+		notification.error({
+			message: t('certd.enterTestMobile'),
+		});
+		return;
+	}
+	await api.TestSms({
+		mobile: testMobile.value,
+	});
+	notification.success({
+		message: t('certd.sendSuccess'),
+	});
 }
+
 const formState = reactive<Partial<SysSettings>>({
-  public: {
-    registerEnabled: false,
-  },
-  private: {
-    sms: {
-      type: "aliyun",
-      config: {},
-    },
-  },
+	public: {
+		registerEnabled: false,
+	},
+	private: {
+		sms: {
+			type: "aliyun",
+			config: {},
+		},
+	},
 });
 
 const rules = {
-  leastOneLogin: {
-    validator: (rule: any, value: any) => {
-      if (!formState.public.passwordLoginEnabled && !formState.public.smsLoginEnabled) {
-        return Promise.reject("密码登录和手机号登录至少开启一个");
-      }
-      return Promise.resolve();
-    },
-  },
-  required: {
-    required: true,
-    trigger: "change",
-    message: "此项必填",
-  },
+	leastOneLogin: {
+		validator: (rule: any, value: any) => {
+			if (!formState.public.passwordLoginEnabled && !formState.public.smsLoginEnabled) {
+				return Promise.reject(t('certd.atLeastOneLoginRequired'));
+			}
+			return Promise.resolve();
+		},
+	},
+	required: {
+		required: true,
+		trigger: "change",
+		message: t('certd.fieldRequired'),
+	},
 };
 
-async function smsTypeChange(value: string) {
-  if (formState.private?.sms?.config) {
-    formState.private.sms.config = {};
-  }
 
-  await loadTypeDefine(value);
+async function smsTypeChange(value: string) {
+	if (formState.private?.sms?.config) {
+		formState.private.sms.config = {};
+	}
+
+	await loadTypeDefine(value);
 }
 const smsTypeDefineInputs: Ref = ref({});
 async function loadTypeDefine(type: string) {
-  const define: any = await api.GetSmsTypeDefine(type);
-  const keys = Object.keys(define.input);
-  const inputs: any = {};
-  keys.forEach(key => {
-    const value = define.input[key];
-    value.simpleKey = key;
-    value.key = "private.sms.config." + key;
-    if (!value.component) {
-      value.component = {
-        name: "a-input",
-      };
-    }
-    if (!value.component.name) {
-      value.component.vModel = "value";
-    }
-    if (!value.rules) {
-      value.rules = [];
-    }
-    if (value.required) {
-      value.rules.push(rules.required);
-    }
+	const define: any = await api.GetSmsTypeDefine(type);
+	const keys = Object.keys(define.input);
+	const inputs: any = {};
+	keys.forEach(key => {
+		const value = define.input[key];
+		value.simpleKey = key;
+		value.key = "private.sms.config." + key;
+		if (!value.component) {
+			value.component = {
+				name: "a-input",
+			};
+		}
+		if (!value.component.name) {
+			value.component.vModel = "value";
+		}
+		if (!value.rules) {
+			value.rules = [];
+		}
+		if (value.required) {
+			value.rules.push(rules.required);
+		}
 
-    inputs[key] = define.input[key];
-  });
-  smsTypeDefineInputs.value = inputs;
+		inputs[key] = define.input[key];
+	});
+	smsTypeDefineInputs.value = inputs;
 }
 
 async function loadSysSettings() {
-  const data: any = await api.SysSettingsGet();
-  merge(formState, data);
-  if (data?.private.sms?.type) {
-    await loadTypeDefine(data.private.sms.type);
-  }
-  if (!settingsStore.isPlus) {
-    formState.public.userValidTimeEnabled = false;
-    formState.public.emailRegisterEnabled = false;
-  }
+	const data: any = await api.SysSettingsGet();
+	merge(formState, data);
+	if (data?.private.sms?.type) {
+		await loadTypeDefine(data.private.sms.type);
+	}
+	if (!settingsStore.isPlus) {
+		formState.public.userValidTimeEnabled = false;
+		formState.public.emailRegisterEnabled = false;
+	}
 
-  if (!settingsStore.isComm) {
-    formState.public.smsLoginEnabled = false;
-  }
+	if (!settingsStore.isComm) {
+		formState.public.smsLoginEnabled = false;
+	}
 }
 
 const saveLoading = ref(false);
 loadSysSettings();
 const settingsStore = useSettingStore();
 const onFinish = async (form: any) => {
-  try {
-    saveLoading.value = true;
-    await api.SysSettingsSave(form);
-    await settingsStore.loadSysSettings();
-    notification.success({
-      message: "保存成功",
-    });
-  } finally {
-    saveLoading.value = false;
-  }
+	try {
+		saveLoading.value = true;
+		await api.SysSettingsSave(form);
+		await settingsStore.loadSysSettings();
+		notification.success({
+			message: t('certd.saveSuccess'),
+		});
+	} finally {
+		saveLoading.value = false;
+	}
 };
 </script>
 <style lang="less">
-.sys-settings-site {
-}
+.sys-settings-site {}
 </style>
diff --git a/packages/ui/certd-client/src/views/sys/settings/tabs/safe.vue b/packages/ui/certd-client/src/views/sys/settings/tabs/safe.vue
index f850c9c9..5e3966f7 100644
--- a/packages/ui/certd-client/src/views/sys/settings/tabs/safe.vue
+++ b/packages/ui/certd-client/src/views/sys/settings/tabs/safe.vue
@@ -1,54 +1,63 @@
 <template>
-  <div class="sys-settings-form sys-settings-safe">
-    <a-form ref="formRef" :model="formState" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off">
-      <h2>站点隐藏</h2>
-      <a-form-item label="启用站点隐藏" :name="['hidden', 'enabled']" :required="true">
-        <div class="flex">
-          <a-switch v-model:checked="formState.hidden.enabled" />
-        </div>
+	<div class="sys-settings-form sys-settings-safe">
+		<a-form ref="formRef" :model="formState" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }"
+			autocomplete="off">
+			<h2>{{ t('certd.siteHide') }}</h2>
+			<a-form-item :label="t('certd.enableSiteHide')" :name="['hidden', 'enabled']" :required="true">
+				<div class="flex">
+					<a-switch v-model:checked="formState.hidden.enabled" />
+				</div>
 
-        <div class="helper">
-          可以在平时关闭站点的可访问性，需要时再打开，增强站点安全性
-          <a href="https://certd.docmirror.cn/guide/feature/safe/hidden" class="flex items-center" target="_blank">
-            <span>帮助说明</span>
-            <fs-icon class="ml-1" icon="mingcute:question-line"></fs-icon
-          ></a>
-        </div>
-      </a-form-item>
-      <a-form-item v-if="formState.hidden.enabled" label="随机地址" :name="['hidden', 'openPath']" :required="true">
-        <a-input-search v-model:value="formState.hidden.openPath" :allow-clear="true" @search="changeOpenPath">
-          <template #enterButton>
-            <fs-icon icon="ion:refresh"></fs-icon>
-          </template>
-        </a-input-search>
-        <div class="helper">站点被隐藏后，需要访问此URL解锁，才能正常访问</div>
-      </a-form-item>
-      <a-form-item v-if="formState.hidden.enabled" label="完整解除隐藏地址" :name="['hidden', 'openPath']" :required="true">
-        <div class="flex"><fs-copyable v-model="openUrl" class="flex-inline"></fs-copyable></div>
-        <div class="helper red">请保存好此地址</div>
-      </a-form-item>
-      <a-form-item v-if="formState.hidden.enabled" label="解除密码" :name="['hidden', 'openPassword']" :required="false">
-        <a-input-password v-model:value="formState.hidden.openPassword" :allow-clear="true" />
-        <div class="helper">解除隐藏时需要输入密码，第一次需要设置密码，填写则重置密码</div>
-      </a-form-item>
-      <a-form-item v-if="formState.hidden.enabled" label="自动隐藏时间" :name="['hidden', 'autoHiddenTimes']" :required="true">
-        <a-input-number v-model:value="formState.hidden.autoHiddenTimes" :allow-clear="true" />
-        <div class="helper">多少分钟内无请求自动隐藏</div>
-      </a-form-item>
-      <a-form-item v-if="formState.hidden.enabled" label="隐藏开放接口" :name="['hidden', 'hiddenOpenApi']" :required="true">
-        <a-switch v-model:checked="formState.hidden.hiddenOpenApi" />
-        <div class="helper">是否隐藏开放接口，是否放开/api/v1开头的接口</div>
-      </a-form-item>
-      <a-form-item v-if="formState.hidden.enabled" label="立即隐藏站点">
-        <loading-button class="ml-1" type="primary" html-type="button" :click="doHiddenImmediate">立即隐藏</loading-button>
-      </a-form-item>
-      <a-form-item label=" " :colon="false" :wrapper-col="{ span: 16 }">
-        <loading-button type="primary" html-type="button" :click="onClick">保存</loading-button>
-      </a-form-item>
-    </a-form>
-  </div>
+				<div class="helper">
+					{{ t('certd.siteHideDescription') }}
+					<a href="https://certd.docmirror.cn/guide/feature/safe/hidden" class="flex items-center"
+						target="_blank">
+						<span>{{ t('certd.helpDoc') }}</span>
+						<fs-icon class="ml-1" icon="mingcute:question-line"></fs-icon></a>
+				</div>
+			</a-form-item>
+			<a-form-item v-if="formState.hidden.enabled" :label="t('certd.randomAddress')"
+				:name="['hidden', 'openPath']" :required="true">
+				<a-input-search v-model:value="formState.hidden.openPath" :allow-clear="true" @search="changeOpenPath">
+					<template #enterButton>
+						<fs-icon icon="ion:refresh"></fs-icon>
+					</template>
+				</a-input-search>
+				<div class="helper">{{ t('certd.siteHideUrlHelper') }}</div>
+			</a-form-item>
+			<a-form-item v-if="formState.hidden.enabled" :label="t('certd.fullUnlockUrl')"
+				:name="['hidden', 'openPath']" :required="true">
+				<div class="flex"><fs-copyable v-model="openUrl" class="flex-inline"></fs-copyable></div>
+				<div class="helper red">{{ t('certd.saveThisUrl') }}</div>
+			</a-form-item>
+			<a-form-item v-if="formState.hidden.enabled" :label="t('certd.unlockPassword')"
+				:name="['hidden', 'openPassword']" :required="false">
+				<a-input-password v-model:value="formState.hidden.openPassword" :allow-clear="true" />
+				<div class="helper">{{ t('certd.unlockPasswordHelper') }}</div>
+			</a-form-item>
+			<a-form-item v-if="formState.hidden.enabled" :label="t('certd.autoHideTime')"
+				:name="['hidden', 'autoHiddenTimes']" :required="true">
+				<a-input-number v-model:value="formState.hidden.autoHiddenTimes" :allow-clear="true" />
+				<div class="helper">{{ t('certd.autoHideTimeHelper') }}</div>
+			</a-form-item>
+			<a-form-item v-if="formState.hidden.enabled" :label="t('certd.hideOpenApi')"
+				:name="['hidden', 'hiddenOpenApi']" :required="true">
+				<a-switch v-model:checked="formState.hidden.hiddenOpenApi" />
+				<div class="helper">{{ t('certd.hideOpenApiHelper') }}</div>
+			</a-form-item>
+			<a-form-item v-if="formState.hidden.enabled" :label="t('certd.hideSiteImmediately')">
+				<loading-button class="ml-1" type="primary" html-type="button" :click="doHiddenImmediate">{{
+					t('certd.hideImmediately') }}</loading-button>
+			</a-form-item>
+			<a-form-item label=" " :colon="false" :wrapper-col="{ span: 16 }">
+				<loading-button type="primary" html-type="button" :click="onClick">{{ t('certd.save')
+				}}</loading-button>
+			</a-form-item>
+		</a-form>
+	</div>
 </template>
 
+
 <script setup lang="tsx">
 import { computed, reactive, ref } from "vue";
 import { merge } from "lodash-es";
@@ -56,106 +65,109 @@ import { Modal, notification } from "ant-design-vue";
 import { request } from "/@/api/service";
 import { util, utils } from "/@/utils";
 import { useSettingStore } from "/@/store/settings";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 defineOptions({
-  name: "SettingSafe",
+	name: "SettingSafe",
 });
 const settingsStore = useSettingStore();
 const api = {
-  async SettingGet() {
-    return await request({
-      url: "/sys/settings/safe/get",
-      method: "post",
-    });
-  },
-  async SettingSave(data: any) {
-    return await request({
-      url: "/sys/settings/safe/save",
-      method: "post",
-      data,
-    });
-  },
-  async HiddenImmediate() {
-    return await request({
-      url: "/sys/settings/safe/hidden",
-      method: "post",
-    });
-  },
+	async SettingGet() {
+		return await request({
+			url: "/sys/settings/safe/get",
+			method: "post",
+		});
+	},
+	async SettingSave(data: any) {
+		return await request({
+			url: "/sys/settings/safe/save",
+			method: "post",
+			data,
+		});
+	},
+	async HiddenImmediate() {
+		return await request({
+			url: "/sys/settings/safe/hidden",
+			method: "post",
+		});
+	},
 };
 
 const defaultState = {
-  hidden: {
-    enabled: false,
-    autoHiddenTimes: 5,
-    hiddenOpenApi: false,
-  },
+	hidden: {
+		enabled: false,
+		autoHiddenTimes: 5,
+		hiddenOpenApi: false,
+	},
 };
 const formRef = ref<any>(defaultState);
 type SiteHidden = {
-  enabled: boolean;
-  openPath?: string;
-  autoHiddenTimes?: number;
-  openPassword?: string;
-  hiddenOpenApi?: boolean;
+	enabled: boolean;
+	openPath?: string;
+	autoHiddenTimes?: number;
+	openPassword?: string;
+	hiddenOpenApi?: boolean;
 };
 
 const formState = reactive<
-  Partial<{
-    hidden: SiteHidden;
-  }>
+	Partial<{
+		hidden: SiteHidden;
+	}>
 >({
-  hidden: { enabled: false },
+	hidden: { enabled: false },
 });
 
 function changeOpenPath() {
-  formState.hidden.openPath = util.randomString(16);
+	formState.hidden.openPath = util.randomString(16);
 }
 
 async function loadSettings() {
-  const data: any = await api.SettingGet();
-  merge(formState, defaultState, formState, data);
-  if (!formState.hidden.openPath) {
-    changeOpenPath();
-  }
+	const data: any = await api.SettingGet();
+	merge(formState, defaultState, formState, data);
+	if (!formState.hidden.openPath) {
+		changeOpenPath();
+	}
 }
 
 loadSettings();
 
 const openUrl = computed(() => {
-  const url = new URL(window.location.href);
-  url.pathname = `/api/unhidden/${formState.hidden?.openPath || ""}`;
-  //@ts-ignore
-  url.query = undefined;
-  url.hash = "";
-  return url.href;
+	const url = new URL(window.location.href);
+	url.pathname = `/api/unhidden/${formState.hidden?.openPath || ""}`;
+	//@ts-ignore
+	url.query = undefined;
+	url.hash = "";
+	return url.href;
 });
 
 const onClick = async () => {
-  const form = await formRef.value.validateFields();
-  //密码md5
-  // if (form.hidden?.openPassword) {
-  //   form.hidden.openPassword = util.hash.md5(form.hidden.openPassword);
-  // }
-  await api.SettingSave(form);
-  await loadSettings();
-  notification.success({
-    message: "保存成功",
-  });
+	const form = await formRef.value.validateFields();
+	//密码md5
+	// if (form.hidden?.openPassword) {
+	//   form.hidden.openPassword = util.hash.md5(form.hidden.openPassword);
+	// }
+	await api.SettingSave(form);
+	await loadSettings();
+	notification.success({
+		message: t('certd.saveSuccess'),
+	});
 };
 
 async function doHiddenImmediate() {
-  Modal.confirm({
-    title: "确定要立即隐藏站点吗？",
-    content: "隐藏后，将无法访问站点，请谨慎操作",
-    async onOk() {
-      await api.HiddenImmediate();
-      notification.success({
-        message: "站点已隐藏",
-      });
-    },
-  });
+	Modal.confirm({
+		title: t('certd.confirmHideSiteTitle'),
+		content: t('certd.confirmHideSiteContent'),
+		async onOk() {
+			await api.HiddenImmediate();
+			notification.success({
+				message: t('certd.siteHiddenSuccess'),
+			});
+		},
+	});
 }
+
 </script>
 <style lang="less">
-.sys-settings-base {
-}
+.sys-settings-base {}
 </style>
diff --git a/packages/ui/certd-client/src/views/sys/suite/product/crud.tsx b/packages/ui/certd-client/src/views/sys/suite/product/crud.tsx
index 97e6a73c..1b8bb1e1 100644
--- a/packages/ui/certd-client/src/views/sys/suite/product/crud.tsx
+++ b/packages/ui/certd-client/src/views/sys/suite/product/crud.tsx
@@ -4,317 +4,333 @@ import SuiteValue from "./suite-value.vue";
 import SuiteValueEdit from "./suite-value-edit.vue";
 import PriceEdit from "./price-edit.vue";
 import DurationPriceValue from "/@/views/sys/suite/product/duration-price-value.vue";
+import { useI18n } from "vue-i18n";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const emit = context.emit;
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async ({ form, row }: EditReq) => {
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async ({ row }: DelReq) => {
-    return await api.DelObj(row.id);
-  };
+	const { t } = useI18n();
+	const emit = context.emit;
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async ({ form }: AddReq) => {
-    const res = await api.AddObj(form);
-    return res;
-  };
+	const addRequest = async ({ form }: AddReq) => {
+		const res = await api.AddObj(form);
+		return res;
+	};
 
-  return {
-    crudOptions: {
-      table: {
-        onRefreshed: () => {
-          emit("refreshed");
-        }
-      },
-      search: {
-        show: false
-      },
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest
-      },
-      pagination: {
-        show: false,
-        pageSize: 999999
-      },
-      rowHandle: {
-        minWidth: 200,
-        fixed: "right"
-      },
-      form: {
-        group: {
-          groups: {
-            base: {
-              header: "基础信息",
-              columns: ["title", "type", "disabled", "order", "supportBuy", "intro"]
-            },
-            content: {
-              header: "套餐内容",
-              columns: ["content.maxDomainCount", "content.maxPipelineCount", "content.maxDeployCount", "content.maxMonitorCount"]
-            },
-            price: {
-              header: "价格",
-              columns: ["durationPrices"]
-            }
-          }
-        }
-      },
-      columns: {
-        // id: {
-        //   title: "ID",
-        //   key: "id",
-        //   type: "number",
-        //   column: {
-        //     width: 100
-        //   },
-        //   form: {
-        //     show: false
-        //   }
-        // },
-        title: {
-          title: "套餐名称",
-          type: "text",
-          search: {
-            show: true
-          },
-          form: {
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 200
-          }
-        },
-        type: {
-          title: "类型",
-          type: "dict-select",
-          editForm: {
-            component: {
-              disabled: true
-            }
-          },
-          dict: dict({
-            data: [
-              { label: "套餐", value: "suite" },
-              { label: "加量包", value: "addon" }
-            ]
-          }),
-          form: {
-            value: "suite",
-            rules: [{ required: true, message: "此项必填" }],
-            helper: "套餐：同一时间只有最新购买的一个生效\n加量包：可购买多个，购买后立即生效，不影响套餐\n套餐和加量包数量可叠加"
-          },
-          column: {
-            width: 80,
-            align: "center"
-          },
-          valueBuilder: ({ row }) => {
-            if (row.content) {
-              row.content = JSON.parse(row.content);
-            }
-            if (row.durationPrices) {
-              row.durationPrices = JSON.parse(row.durationPrices);
-            }
-          },
-          valueResolve: ({ form }) => {
-            if (form.content) {
-              form.content = JSON.stringify(form.content);
-            }
-            if (form.durationPrices) {
-              form.durationPrices = JSON.stringify(form.durationPrices);
-            }
-          }
-        },
-        "content.maxDomainCount": {
-          title: "域名数量",
-          type: "text",
-          form: {
-            key: ["content", "maxDomainCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 100,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "个"
-            }
-          }
-        },
-        "content.maxPipelineCount": {
-          title: "流水线数量",
-          type: "text",
-          form: {
-            key: ["content", "maxPipelineCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "条"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 100,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "条"
-            }
-          }
-        },
-        "content.maxDeployCount": {
-          title: "部署次数",
-          type: "text",
-          form: {
-            key: ["content", "maxDeployCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "次"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 100,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "次"
-            }
-          }
-        },
-        "content.maxMonitorCount": {
-          title: "证书监控数量",
-          type: "text",
-          form: {
-            key: ["content", "maxMonitorCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 120,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "个"
-            }
-          }
-        },
-        durationPrices: {
-          title: "时长及价格",
-          type: "text",
-          form: {
-            title: "选择时长",
-            component: {
-              name: PriceEdit,
-              vModel: "modelValue",
-              edit: true,
-              style: {
-                minHeight: "120px"
-              }
-            },
-            col: {
-              span: 24
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            component: {
-              name: DurationPriceValue,
-              vModel: "modelValue"
-            },
-            width: 350
-          }
-        },
-        supportBuy: {
-          title: "支持购买",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "支持购买", value: true, color: "success" },
-              { label: "不能购买", value: false, color: "gray" }
-            ]
-          }),
-          form: {
-            value: true
-          },
-          column: {
-            width: 120
-          }
-        },
-        disabled: {
-          title: "上下架",
-          type: "dict-radio",
-          dict: dict({
-            data: [
-              { value: false, label: "上架", color: "green" },
-              { value: true, label: "下架", color: "gray" }
-            ]
-          }),
-          form: {
-            value: false
-          },
-          column: {
-            width: 100
-          }
-        },
-        order: {
-          title: "排序",
-          type: "number",
-          form: {
-            helper: "越小越靠前",
-            value: 0
-          },
-          column: {
-            width: 100
-          }
-        },
-        intro: {
-          title: "说明",
-          type: "textarea",
-          column: {
-            width: 200
-          }
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          form: {
-            show: false
-          },
-          column: {
-            sorter: true,
-            width: 160,
-            align: "center"
-          }
-        },
-        updateTime: {
-          title: "更新时间",
-          type: "datetime",
-          form: {
-            show: false
-          },
-          column: {
-            show: true,
-            width: 160
-          }
-        }
-      }
-    }
-  };
+	return {
+		crudOptions: {
+			table: {
+				onRefreshed: () => {
+					emit("refreshed");
+				}
+			},
+			search: {
+				show: false
+			},
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest
+			},
+			pagination: {
+				show: false,
+				pageSize: 999999
+			},
+			rowHandle: {
+				minWidth: 200,
+				fixed: "right"
+			},
+			form: {
+				group: {
+					groups: {
+						base: {
+							header: t('certd.basicInfo'),
+							columns: [
+								t('certd.titlea'),
+								t('certd.type'),
+								t('certd.disabled'),
+								t('certd.ordera'),
+								t('certd.supportBuy'),
+								t('certd.intro')
+							]
+						},
+						content: {
+							header: t('certd.packageContent'),
+							columns: [
+								t('certd.maxDomainCount'),
+								t('certd.maxPipelineCount'),
+								t('certd.maxDeployCount'),
+								t('certd.maxMonitorCount')
+							]
+						},
+						price: {
+							header: t('certd.price'),
+							columns: [
+								t('certd.durationPrices')
+							]
+						}
+					}
+				}
+			}
+			columns: {
+				// id: {
+				//   title: "ID",
+				//   key: "id",
+				//   type: "number",
+				//   column: {
+				//     width: 100
+				//   },
+				//   form: {
+				//     show: false
+				//   }
+				// },
+				title: {
+					title: t('certd.packageName'),
+					type: "text",
+					search: {
+						show: true
+					},
+					form: {
+						rules: [{ required: true, message: t('certd.requiredField') }]
+					},
+					column: {
+						width: 200
+					}
+				},
+				type: {
+					title: t('certd.type'),
+					type: "dict-select",
+					editForm: {
+						component: {
+							disabled: true
+						}
+					},
+					dict: dict({
+						data: [
+							{ label: t('certd.suite'), value: "suite" },
+							{ label: t('certd.addon'), value: "addon" }
+						]
+					}),
+					form: {
+						value: "suite",
+						rules: [{ required: true, message: t('certd.requiredField') }],
+						helper: t('certd.typeHelper')
+					},
+					column: {
+						width: 80,
+						align: "center"
+					},
+					valueBuilder: ({ row }) => {
+						if (row.content) {
+							row.content = JSON.parse(row.content);
+						}
+						if (row.durationPrices) {
+							row.durationPrices = JSON.parse(row.durationPrices);
+						}
+					},
+					valueResolve: ({ form }) => {
+						if (form.content) {
+							form.content = JSON.stringify(form.content);
+						}
+						if (form.durationPrices) {
+							form.durationPrices = JSON.stringify(form.durationPrices);
+						}
+					}
+				},
+				"content.maxDomainCount": {
+					title: t('certd.domainCount'),
+					type: "text",
+					form: {
+						key: ["content", "maxDomainCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: t('certd.unitCount')
+						},
+						rules: [{ required: true, message: t('certd.requiredField') }]
+					},
+					column: {
+						width: 100,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: t('certd.unitCount')
+						}
+					}
+				},
+				"content.maxPipelineCount": {
+					title: t('certd.pipelineCount'),
+					type: "text",
+					form: {
+						key: ["content", "maxPipelineCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: t('certd.unitPipeline')
+						},
+						rules: [{ required: true, message: t('certd.requiredField') }]
+					},
+					column: {
+						width: 100,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: t('certd.unitPipeline')
+						}
+					}
+				},
+				"content.maxDeployCount": {
+					title: t('certd.deployCount'),
+					type: "text",
+					form: {
+						key: ["content", "maxDeployCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: t('certd.unitDeploy')
+						},
+						rules: [{ required: true, message: t('certd.requiredField') }]
+					},
+					column: {
+						width: 100,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: t('certd.unitDeploy')
+						}
+					}
+				},
+				"content.maxMonitorCount": {
+					title: t('certd.monitorCount'),
+					type: "text",
+					form: {
+						key: ["content", "maxMonitorCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: t('certd.unitCount')
+						},
+						rules: [{ required: true, message: t('certd.requiredField') }]
+					},
+					column: {
+						width: 120,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: t('certd.unitCount')
+						}
+					}
+				},
+				durationPrices: {
+					title: t('certd.durationPriceTitle'),
+					type: "text",
+					form: {
+						title: t('certd.selectDuration'),
+						component: {
+							name: PriceEdit,
+							vModel: "modelValue",
+							edit: true,
+							style: {
+								minHeight: "120px"
+							}
+						},
+						col: {
+							span: 24
+						},
+						rules: [{ required: true, message: t('certd.requiredField') }]
+					},
+					column: {
+						component: {
+							name: DurationPriceValue,
+							vModel: "modelValue"
+						},
+						width: 350
+					}
+				},
+				supportBuy: {
+					title: t('certd.supportBuy'),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t('certd.supportPurchase'), value: true, color: "success" },
+							{ label: t('certd.cannotPurchase'), value: false, color: "gray" }
+						]
+					}),
+					form: {
+						value: true
+					},
+					column: {
+						width: 120
+					}
+				},
+				disabled: {
+					title: t('certd.shelfStatus'),
+					type: "dict-radio",
+					dict: dict({
+						data: [
+							{ value: false, label: t('certd.onShelf'), color: "green" },
+							{ value: true, label: t('certd.offShelf'), color: "gray" }
+						]
+					}),
+					form: {
+						value: false
+					},
+					column: {
+						width: 100
+					}
+				},
+				order: {
+					title: t('certd.ordera'),
+					type: "number",
+					form: {
+						helper: t('certd.orderHelper'),
+						value: 0
+					},
+					column: {
+						width: 100
+					}
+				},
+				intro: {
+					title: t('certd.description'),
+					type: "textarea",
+					column: {
+						width: 200
+					}
+				},
+				createTime: {
+					title: t('certd.createTime'),
+					type: "datetime",
+					form: {
+						show: false
+					},
+					column: {
+						sorter: true,
+						width: 160,
+						align: "center"
+					}
+				},
+				updateTime: {
+					title: t('certd.updateTime'),
+					type: "datetime",
+					form: {
+						show: false
+					},
+					column: {
+						show: true,
+						width: 160
+					}
+				}
+			}
+		}
+	};
 }
diff --git a/packages/ui/certd-client/src/views/sys/suite/user-suite/crud.tsx b/packages/ui/certd-client/src/views/sys/suite/user-suite/crud.tsx
index 0ea1a77a..c5b7058c 100644
--- a/packages/ui/certd-client/src/views/sys/suite/user-suite/crud.tsx
+++ b/packages/ui/certd-client/src/views/sys/suite/user-suite/crud.tsx
@@ -8,392 +8,397 @@ import createCrudOptionsUser from "/@/views/sys/authority/user/crud";
 import UserSuiteStatus from "/@/views/certd/suite/mine/user-suite-status.vue";
 import SuiteDurationSelector from "../setting/suite-duration-selector.vue";
 import dayjs from "dayjs";
+import { useI18n } from "vue-i18n";
+
+
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
-  const api = sysUserSuiteApi;
-  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
-  };
-  const editRequest = async (req: EditReq) => {
-    const { form, row } = req;
-    form.id = row.id;
-    const res = await api.UpdateObj(form);
-    return res;
-  };
-  const delRequest = async (req: DelReq) => {
-    const { row } = req;
-    return await api.DelObj(row.id);
-  };
+	const { t } = useI18n();
+	const api = sysUserSuiteApi;
+	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+		return await api.GetList(query);
+	};
+	const editRequest = async (req: EditReq) => {
+		const { form, row } = req;
+		form.id = row.id;
+		const res = await api.UpdateObj(form);
+		return res;
+	};
+	const delRequest = async (req: DelReq) => {
+		const { row } = req;
+		return await api.DelObj(row.id);
+	};
 
-  const addRequest = async (req: AddReq) => {
-    const { form } = req;
-    const res = await api.PresentSuite(form);
-    return res;
-  };
+	const addRequest = async (req: AddReq) => {
+		const { form } = req;
+		const res = await api.PresentSuite(form);
+		return res;
+	};
 
-  const router = useRouter();
+	const router = useRouter();
 
-  return {
-    crudOptions: {
-      request: {
-        pageRequest,
-        addRequest,
-        editRequest,
-        delRequest
-      },
-      form: {
-        labelCol: {
-          //固定label宽度
-          span: null,
-          style: {
-            width: "100px"
-          }
-        },
-        col: {
-          span: 22
-        },
-        wrapper: {
-          width: 600
-        }
-      },
-      actionbar: {
-        buttons: {
-          add: { text: "赠送套餐" }
-        }
-      },
-      toolbar: { show: false },
-      rowHandle: {
-        width: 200,
-        fixed: "right",
-        buttons: {
-          view: { show: true },
-          copy: { show: false },
-          edit: { show: false },
-          remove: { show: true }
-          // continue:{
-          //   text:"续期",
-          //   type:"link",
-          //   click(){
-          //     console.log("续期");
-          //   }
-          // }
-        }
-      },
-      columns: {
-        id: {
-          title: "ID",
-          key: "id",
-          type: "number",
-          search: {
-            show: false
-          },
-          column: {
-            width: 100,
-            editable: {
-              disabled: true
-            }
-          },
-          form: {
-            show: false
-          }
-        },
-        title: {
-          title: "套餐名称",
-          type: "text",
-          search: {
-            show: true
-          },
-          form: {
-            show: false
-          },
-          column: {
-            width: 200
-          }
-        },
-        userId: {
-          title: "用户",
-          type: "table-select",
-          search: {
-            show: true
-          },
-          dict: dict({
-            async getNodesByValues(ids: number[]) {
-              return await api.GetSimpleUserByIds(ids);
-            },
-            value: "id",
-            label: "nickName"
-          }),
-          form: {
-            component: {
-              crossPage: true,
-              multiple: false,
-              select: {
-                placeholder: "点击选择"
-              },
-              createCrudOptions: createCrudOptionsUser
-              // crudOptionsOverride: crudOptionsOverride
-            }
-          }
-        },
-        //赠送
-        presentSuiteId: {
-          title: "赠送套餐",
-          type: "dict-select",
-          column: { show: false },
-          addForm: {
-            show: true,
-            component: {
-              name: SuiteDurationSelector,
-              vModel: "modelValue"
-            },
-            rules: [
-              {
-                validator: async (rule, value) => {
-                  if (value && value.productId) {
-                    return true;
-                  }
-                  throw new Error("请选择套餐");
-                }
-              }
-            ]
-          },
-          valueResolve({ form, value }) {
-            if (value && value.productId) {
-              form.productId = value.productId;
-              form.duration = value.duration;
-            }
-          },
-          form: { show: false }
-        },
-        productType: {
-          title: "类型",
-          type: "dict-select",
-          editForm: {
-            component: {
-              disabled: true
-            }
-          },
-          dict: dict({
-            data: [
-              { label: "套餐", value: "suite", color: "green" },
-              { label: "加量包", value: "addon", color: "blue" }
-            ]
-          }),
-          form: {
-            show: false
-          },
-          column: {
-            width: 80,
-            align: "center"
-          },
-          valueBuilder: ({ row }) => {
-            if (row.content) {
-              row.content = JSON.parse(row.content);
-            }
-          },
-          valueResolve: ({ form }) => {
-            if (form.content) {
-              form.content = JSON.stringify(form.content);
-            }
-          }
-        },
-        "content.maxDomainCount": {
-          title: "域名数量",
-          type: "text",
-          form: {
-            show: false,
-            key: ["content", "maxDomainCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 100,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            align: "center"
-          }
-        },
-        "content.maxPipelineCount": {
-          title: "流水线数量",
-          type: "text",
-          form: {
-            show: false,
-            key: ["content", "maxPipelineCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "条"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 100,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "条"
-            },
-            align: "center"
-          }
-        },
-        "content.maxDeployCount": {
-          title: "部署次数",
-          type: "text",
-          form: {
-            show: false,
-            key: ["content", "maxDeployCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "次"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 100,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "次",
-              used: compute(({ row }) => {
-                return row.deployCountUsed;
-              })
-            },
-            align: "center"
-          }
-        },
-        "content.maxMonitorCount": {
-          title: "证书监控数量",
-          type: "text",
-          form: {
-            show: false,
-            key: ["content", "maxMonitorCount"],
-            component: {
-              name: SuiteValueEdit,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            rules: [{ required: true, message: "此项必填" }]
-          },
-          column: {
-            width: 120,
-            component: {
-              name: SuiteValue,
-              vModel: "modelValue",
-              unit: "个"
-            },
-            align: "center"
-          }
-        },
-        duration: {
-          title: "时长",
-          type: "text",
-          form: { show: false },
-          column: {
-            component: {
-              name: DurationValue,
-              vModel: "modelValue"
-            },
-            width: 100,
-            align: "center"
-          }
-        },
-        status: {
-          title: "状态",
-          type: "text",
-          form: { show: false },
-          column: {
-            width: 100,
-            align: "center",
-            component: {
-              name: UserSuiteStatus,
-              userSuite: compute(({ row }) => {
-                return row;
-              })
-            },
-            conditionalRender: {
-              match() {
-                return false;
-              }
-            }
-          }
-        },
-        activeTime: {
-          title: "激活时间",
-          type: "date",
-          column: {
-            width: 150
-          },
-          form: {
-            show: false
-          }
-        },
-        expiresTime: {
-          title: "过期时间",
-          type: "date",
-          form: {
-            show: false
-          },
-          column: {
-            width: 150,
-            component: {
-              name: "expires-time-text",
-              vModel: "value",
-              mode: "tag",
-              title: compute(({ value }) => {
-                return dayjs(value).format("YYYY-MM-DD HH:mm:ss");
-              })
-            }
-          }
-        },
-        isPresent: {
-          title: "是否赠送",
-          type: "dict-switch",
-          dict: dict({
-            data: [
-              { label: "是", value: true, color: "success" },
-              { label: "否", value: false, color: "blue" }
-            ]
-          }),
-          form: {
-            value: true,
-            show: false
-          },
-          column: {
-            width: 100,
-            align: "center"
-          }
-        },
-        createTime: {
-          title: "创建时间",
-          type: "datetime",
-          form: {
-            show: false
-          },
-          column: {
-            sorter: true,
-            width: 160,
-            align: "center"
-          }
-        },
-        updateTime: {
-          title: "更新时间",
-          type: "datetime",
-          form: {
-            show: false
-          },
-          column: {
-            show: true,
-            width: 160
-          }
-        }
-      }
-    }
-  };
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest
+			},
+			form: {
+				labelCol: {
+					//固定label宽度
+					span: null,
+					style: {
+						width: "100px"
+					}
+				},
+				col: {
+					span: 22
+				},
+				wrapper: {
+					width: 600
+				}
+			},
+			actionbar: {
+				buttons: {
+					add: { text: t('certd.gift_package') }
+				}
+			},
+
+			toolbar: { show: false },
+			rowHandle: {
+				width: 200,
+				fixed: "right",
+				buttons: {
+					view: { show: true },
+					copy: { show: false },
+					edit: { show: false },
+					remove: { show: true }
+					// continue:{
+					//   text:"续期",
+					//   type:"link",
+					//   click(){
+					//     console.log("续期");
+					//   }
+					// }
+				}
+			},
+			columns: {
+				id: {
+					title: "ID",
+					key: "id",
+					type: "number",
+					search: {
+						show: false
+					},
+					column: {
+						width: 100,
+						editable: {
+							disabled: true
+						}
+					},
+					form: {
+						show: false
+					}
+				},
+				title: {
+					title: t('certd.package_name'),
+					type: "text",
+					search: {
+						show: true
+					},
+					form: {
+						show: false
+					},
+					column: {
+						width: 200
+					}
+				},
+				userId: {
+					title: t('certd.usera'),
+					type: "table-select",
+					search: {
+						show: true
+					},
+					dict: dict({
+						async getNodesByValues(ids: number[]) {
+							return await api.GetSimpleUserByIds(ids);
+						},
+						value: "id",
+						label: "nickName"
+					}),
+					form: {
+						component: {
+							crossPage: true,
+							multiple: false,
+							select: {
+								placeholder: t('certd.click_to_select')
+							},
+							createCrudOptions: createCrudOptionsUser
+							// crudOptionsOverride: crudOptionsOverride
+						}
+					}
+				},
+				//赠送
+				presentSuiteId: {
+					title: t('certd.gift_package'),
+					type: "dict-select",
+					column: { show: false },
+					addForm: {
+						show: true,
+						component: {
+							name: SuiteDurationSelector,
+							vModel: "modelValue"
+						},
+						rules: [
+							{
+								validator: async (rule, value) => {
+									if (value && value.productId) {
+										return true;
+									}
+									throw new Error(t('certd.please_select_package'));
+								}
+							}
+						]
+					},
+					valueResolve({ form, value }) {
+						if (value && value.productId) {
+							form.productId = value.productId;
+							form.duration = value.duration;
+						}
+					},
+					form: { show: false }
+				},
+				productType: {
+					title: t('certd.type'),
+					type: "dict-select",
+					editForm: {
+						component: {
+							disabled: true
+						}
+					},
+					dict: dict({
+						data: [
+							{ label: t('certd.package'), value: "suite", color: "green" },
+							{ label: t('certd.addon_package'), value: "addon", color: "blue" }
+						]
+					}),
+					form: {
+						show: false
+					},
+					column: {
+						width: 80,
+						align: "center"
+					},
+					valueBuilder: ({ row }) => {
+						if (row.content) {
+							row.content = JSON.parse(row.content);
+						}
+					},
+					valueResolve: ({ form }) => {
+						if (form.content) {
+							form.content = JSON.stringify(form.content);
+						}
+					}
+				},
+				"content.maxDomainCount": {
+					title: t('certd.domain_count'),
+					type: "text",
+					form: {
+						show: false,
+						key: ["content", "maxDomainCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: t('certd.unit_count')
+						},
+						rules: [{ required: true, message: t('certd.field_required') }]
+					},
+					column: {
+						width: 100,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: t('certd.unit_count')
+						},
+						align: "center"
+					}
+				},
+				"content.maxPipelineCount": {
+					title: t('certd.pipeline_count'),
+					type: "text",
+					form: {
+						show: false,
+						key: ["content", "maxPipelineCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: t('certd.unit_item')
+						},
+						rules: [{ required: true, message: t('certd.field_required') }]
+					},
+					column: {
+						width: 100,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: t('certd.unit_item')
+						},
+						align: "center"
+					}
+				},
+				"content.maxDeployCount": {
+					title: t('certd.deploy_count'),
+					type: "text",
+					form: {
+						show: false,
+						key: ["content", "maxDeployCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: t('certd.unit_times')
+						},
+						rules: [{ required: true, message: t('certd.field_required') }]
+					},
+					column: {
+						width: 100,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: t('certd.unit_times'),
+							used: compute(({ row }) => {
+								return row.deployCountUsed;
+							})
+						},
+						align: "center"
+					}
+				},
+				"content.maxMonitorCount": {
+					title: t('certd.monitor_count'),
+					type: "text",
+					form: {
+						show: false,
+						key: ["content", "maxMonitorCount"],
+						component: {
+							name: SuiteValueEdit,
+							vModel: "modelValue",
+							unit: t('certd.unit_count')
+						},
+						rules: [{ required: true, message: t('certd.field_required') }]
+					},
+					column: {
+						width: 120,
+						component: {
+							name: SuiteValue,
+							vModel: "modelValue",
+							unit: t('certd.unit_count')
+						},
+						align: "center"
+					}
+				},
+				duration: {
+					title: t('certd.duration'),
+					type: "text",
+					form: { show: false },
+					column: {
+						component: {
+							name: DurationValue,
+							vModel: "modelValue"
+						},
+						width: 100,
+						align: "center"
+					}
+				},
+				status: {
+					title: t('certd.status'),
+					type: "text",
+					form: { show: false },
+					column: {
+						width: 100,
+						align: "center",
+						component: {
+							name: UserSuiteStatus,
+							userSuite: compute(({ row }) => {
+								return row;
+							})
+						},
+						conditionalRender: {
+							match() {
+								return false;
+							}
+						}
+					}
+				},
+				activeTime: {
+					title: t('certd.active_time'),
+					type: "date",
+					column: {
+						width: 150
+					},
+					form: {
+						show: false
+					}
+				},
+				expiresTime: {
+					title: t('certd.expires_time'),
+					type: "date",
+					form: {
+						show: false
+					},
+					column: {
+						width: 150,
+						component: {
+							name: "expires-time-text",
+							vModel: "value",
+							mode: "tag",
+							title: compute(({ value }) => {
+								return dayjs(value).format("YYYY-MM-DD HH:mm:ss");
+							})
+						}
+					}
+				},
+				isPresent: {
+					title: t('certd.is_present'),
+					type: "dict-switch",
+					dict: dict({
+						data: [
+							{ label: t('certd.is_present_yes'), value: true, color: "success" },
+							{ label: t('certd.is_present_no'), value: false, color: "blue" }
+						]
+					}),
+					form: {
+						value: true,
+						show: false
+					},
+					column: {
+						width: 100,
+						align: "center"
+					}
+				},
+				createTime: {
+					title: t('certd.create_time'),
+					type: "datetime",
+					form: {
+						show: false
+					},
+					column: {
+						sorter: true,
+						width: 160,
+						align: "center"
+					}
+				},
+				updateTime: {
+					title: t('certd.update_time'),
+					type: "datetime",
+					form: {
+						show: false
+					},
+					column: {
+						show: true,
+						width: 160
+					}
+				}
+			}
+		}
+	};
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index eac58e7b..25727fb1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -46,7 +46,7 @@ importers:
   packages/core/acme-client:
     dependencies:
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../basic
       '@peculiar/x509':
         specifier: ^1.11.0
@@ -207,10 +207,10 @@ importers:
   packages/core/pipeline:
     dependencies:
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../basic
       '@certd/plus-core':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../pro/plus-core
       dayjs:
         specifier: ^1.11.7
@@ -415,7 +415,7 @@ importers:
   packages/libs/lib-k8s:
     dependencies:
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/basic
       '@kubernetes/client-node':
         specifier: 0.21.0
@@ -455,16 +455,16 @@ importers:
   packages/libs/lib-server:
     dependencies:
       '@certd/acme-client':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/acme-client
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/basic
       '@certd/pipeline':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/pipeline
       '@certd/plus-core':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../pro/plus-core
       '@midwayjs/cache':
         specifier: ~3.14.0
@@ -607,16 +607,16 @@ importers:
   packages/plugins/plugin-cert:
     dependencies:
       '@certd/acme-client':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/acme-client
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/basic
       '@certd/pipeline':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/pipeline
       '@certd/plugin-lib':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../plugin-lib
       '@google-cloud/publicca':
         specifier: ^1.3.0
@@ -698,10 +698,10 @@ importers:
         specifier: ^3.787.0
         version: 3.810.0(aws-crt@1.26.2)
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/basic
       '@certd/pipeline':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/pipeline
       '@kubernetes/client-node':
         specifier: 0.21.0
@@ -789,19 +789,19 @@ importers:
   packages/pro/commercial-core:
     dependencies:
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/basic
       '@certd/lib-server':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../libs/lib-server
       '@certd/pipeline':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/pipeline
       '@certd/plugin-plus':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../plugin-plus
       '@certd/plus-core':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../plus-core
       '@midwayjs/core':
         specifier: ~3.20.3
@@ -886,22 +886,22 @@ importers:
         specifier: ^1.0.2
         version: 1.0.3
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/basic
       '@certd/lib-k8s':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../libs/lib-k8s
       '@certd/pipeline':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/pipeline
       '@certd/plugin-cert':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../plugins/plugin-cert
       '@certd/plugin-lib':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../plugins/plugin-lib
       '@certd/plus-core':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../plus-core
       ali-oss:
         specifier: ^6.21.0
@@ -1004,7 +1004,7 @@ importers:
   packages/pro/plus-core:
     dependencies:
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/basic
       dayjs:
         specifier: ^1.11.7
@@ -1294,10 +1294,10 @@ importers:
         version: 0.1.3(zod@3.24.4)
     devDependencies:
       '@certd/lib-iframe':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../libs/lib-iframe
       '@certd/pipeline':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/pipeline
       '@rollup/plugin-commonjs':
         specifier: ^25.0.7
@@ -1480,46 +1480,46 @@ importers:
         specifier: ^3.705.0
         version: 3.810.0(aws-crt@1.26.2)
       '@certd/acme-client':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/acme-client
       '@certd/basic':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/basic
       '@certd/commercial-core':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../pro/commercial-core
       '@certd/cv4pve-api-javascript':
         specifier: ^8.4.1
         version: 8.4.1
       '@certd/jdcloud':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../libs/lib-jdcloud
       '@certd/lib-huawei':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../libs/lib-huawei
       '@certd/lib-k8s':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../libs/lib-k8s
       '@certd/lib-server':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../libs/lib-server
       '@certd/midway-flyway-js':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../libs/midway-flyway-js
       '@certd/pipeline':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../core/pipeline
       '@certd/plugin-cert':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../plugins/plugin-cert
       '@certd/plugin-lib':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../plugins/plugin-lib
       '@certd/plugin-plus':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../pro/plugin-plus
       '@certd/plus-core':
-        specifier: ^1.35.2
+        specifier: ^1.35.5
         version: link:../../pro/plus-core
       '@huaweicloud/huaweicloud-sdk-cdn':
         specifier: ^3.1.120