Add other translations

packages/ui/certd-client/src/locales/langs/en-US/certd.ts

@@ -344,4 +344,107 @@ export default {
 		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",
 };

packages/ui/certd-client/src/locales/langs/zh-CN/certd.ts

@@ -350,4 +350,107 @@ export default {
 		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: "启用",
 };

packages/ui/certd-client/src/store/plugin/index.ts

@@ -40,7 +40,7 @@ export class PluginGroups {
 	private initGroup(groups: { [p: string]: PluginGroup }) {
 		const all: PluginGroup = {
 			key: "all",
-      title: "全部",
+			title: t('certd.all'),
 			order: 0,
 			plugins: [],
 			icon: "material-symbols:border-all-rounded",

packages/ui/certd-client/src/views/certd/cname/record/crud.tsx

@@ -33,11 +33,11 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 	context.selectedRowKeys = selectedRowKeys;
 	const dictRef = dict({
 		data: [
-      { label: "待设置CNAME", value: "cname", color: "warning" },
+			{ label: t('certd.pending_cname_setup'), value: "cname", color: "warning" },
-      { label: "验证中", value: "validating", color: "blue" },
+			{ label: t('certd.validating'), value: "validating", color: "blue" },
-      { label: "验证成功", value: "valid", color: "green" },
+			{ label: t('certd.validation_successful'), value: "valid", color: "green" },
-      { label: "验证失败", value: "failed", color: "red" },
+			{ label: t('certd.validation_failed'), value: "failed", color: "red" },
-      { label: "验证超时", value: "timeout", color: "red" },
+			{ label: t('certd.validation_timed_out'), value: "timeout", color: "red" },
 		],
 	});
 	return {
@@ -85,7 +85,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				domain: {
-          title: "被代理域名",
+					title: t('certd.proxied_domain'),
 					type: "text",
 					search: {
 						show: true,
@@ -97,7 +97,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				hostRecord: {
-          title: "主机记录",
+					title: t('certd.host_record'),
 					type: "text",
 					form: {
 						show: false,
@@ -110,7 +110,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				recordValue: {
-          title: "请设置CNAME",
+					title: t('certd.please_set_cname'),
 					type: "copyable",
 					form: {
 						show: false,
@@ -120,7 +120,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				cnameProviderId: {
-          title: "CNAME服务",
+					title: t('certd.cname_service'),
 					type: "dict-select",
 					dict: dict({
 						url: "/cname/provider/list",
@@ -158,9 +158,9 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 								};
 								return (
 									<div>
-                    默认提供公共CNAME服务，您还可以
+										{t('certd.default_public_cname')}
 										<router-link to={"/sys/cname/provider"} onClick={closeForm}>
-                      自定义CNAME服务
+											{t('certd.customize_cname')}
 										</router-link>
 									</div>
 								);
@@ -172,15 +172,15 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 						align: "center",
 						cellRender({ value }) {
 							if (value < 0) {
-                return <a-tag color={"green"}>公共CNAME</a-tag>;
+								return <a-tag color={"green"}>{t('certd.public_cname')}</a-tag>;
 							} else {
-                return <a-tag color={"blue"}>自定义CNAME</a-tag>;
+								return <a-tag color={"blue"}>{t('certd.custom_cname')}</a-tag>;
 							}
 						},
 					},
 				},
 				status: {
-          title: "状态",
+					title: t('certd.fields.status'),
 					type: "dict-select",
 					dict: dictRef,
 					addForm: {
@@ -204,7 +204,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				triggerValidate: {
-          title: "验证",
+					title: t('certd.validate'),
 					type: "text",
 					form: {
 						show: false,
@@ -223,13 +223,13 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 								try {
 									const res = await api.DoVerify(row.id);
 									if (res === true) {
-                    message.success("验证成功");
+										message.success(t('certd.validation_successful'));
 										row.status = "valid";
 									} else if (res === false) {
-                    message.success("验证超时");
+										message.success(t('certd.validation_timed_out'));
 										row.status = "timeout";
 									} else {
-                    message.success("开始验证，请耐心等待");
+										message.success(t('certd.validation_started'));
 									}
 									await crudExpose.doRefresh();
 								} catch (e: any) {
@@ -239,10 +239,11 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 									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>
@@ -251,7 +252,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				createTime: {
-          title: "创建时间",
+					title: t('certd.create_time'),
 					type: "datetime",
 					form: {
 						show: false,
@@ -263,7 +264,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				updateTime: {
-          title: "更新时间",
+					title: t('certd.update_time'),
 					type: "datetime",
 					form: {
 						show: false,

packages/ui/certd-client/src/views/certd/cname/record/index.vue

@@ -2,15 +2,17 @@
 	<fs-page class="page-cert">
 		<template #header>
 			<div class="title">
-        CNAME记录管理
+				{{ t('certd.cnameRecord') }}
 				<span class="sub">
-          <a href="https://certd.docmirror.cn/guide/feature/cname/" target="_blank">CNAME功能原理及使用说明</a>
+					<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="批量删除">
+				<a-tooltip :title="t('certd.batch_delete')">
 					<fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>
 				</a-tooltip>
 			</template>
@@ -18,12 +20,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: "CnameRecord",
@@ -34,20 +40,21 @@ const selectedRowKeys = context.selectedRowKeys;
 const handleBatchDelete = () => {
 	if (selectedRowKeys.value?.length > 0) {
 		Modal.confirm({
-      title: "确认",
+			title: t('certd.confirm'),
-      content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
+			content: t('certd.confirm_delete_count', { count: selectedRowKeys.value.length }),
 			async onOk() {
 				await DeleteBatch(selectedRowKeys.value);
-        message.info("删除成功");
+				message.info(t('certd.delete_successful'));
 				crudExpose.doRefresh();
 				selectedRowKeys.value = [];
 			},
 		});
 	} else {
-    message.error("请先勾选记录");
+		message.error(t('certd.please_select_records'));
 	}
 };
 
+
 // 页面打开后获取列表数据
 onMounted(() => {
 	crudExpose.doRefresh();

packages/ui/certd-client/src/views/certd/pipeline/group/crud.tsx

@@ -5,6 +5,7 @@ import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, Edi
 import { pipelineGroupApi } from "./api";
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n();
 	const api = pipelineGroupApi;
 	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
 		return await api.GetList(query);
@@ -65,7 +66,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 				group: {
 					editable: {
 						edit: {
-              text: "编辑",
+							text: t('certd.edit'),
 							order: -1,
 							type: "primary",
 							click({ row, index }) {
@@ -111,7 +112,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				name: {
-          title: "分组名称",
+					title: t('certd.groupName'),
 					search: {
 						show: true,
 					},
@@ -120,14 +121,14 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 						rules: [
 							{
 								required: true,
-                message: "请输入分组名称",
+								message: t('certd.enterGroupName'),
 							},
 						],
 					},
 					column: {
 						width: 400,
 					},
-        },
+				}
 			},
 		},
 	};

packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/notification-form/index.vue

@@ -1,21 +1,22 @@
 <template>
-  <a-drawer v-model:open="notificationDrawerVisible" placement="right" :closable="true" width="600px" class="pi-notification-form" @after-open-change="notificationDrawerOnAfterVisibleChange">
+	<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>
 		<template v-if="currentNotification">
 			<pi-container>
-        <a-form ref="notificationFormRef" class="notification-form" :model="currentNotification" :label-col="labelCol" :wrapper-col="wrapperCol">
+				<a-form ref="notificationFormRef" class="notification-form" :model="currentNotification"
-          <fs-form-item
+					:label-col="labelCol" :wrapper-col="wrapperCol">
-            v-if="currentNotification.type === 'email'"
+					<fs-form-item v-if="currentNotification.type === 'email'" v-model="currentNotification.type" :item="{
-            v-model="currentNotification.type"
+						title: t('certd.type'),
-            :item="{
-              title: '类型',
 						key: 'type',
 						value: 'email',
 						component: {
@@ -23,17 +24,14 @@
 							vModel: 'value',
 							disabled: !editMode,
 							options: [
-                  { value: 'email', label: '邮件' },
+								{ value: 'email', label: t('certd.email') },
-                  { value: 'other', label: '其他通知方式' },
+								{ 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="{
-          <fs-form-item
+						title: t('certd.trigger_time'),
-            v-model="currentNotification.when"
-            :item="{
-              title: '触发时机',
 						key: 'when',
 						value: ['error'],
 						component: {
@@ -42,38 +40,34 @@
 							disabled: !editMode,
 							mode: 'multiple',
 							options: [
-                  { value: 'start', label: '开始时' },
+								{ value: 'start', label: t('certd.start_time') },
-                  { value: 'success', label: '成功时' },
+								{ value: 'success', label: t('certd.success_time') },
-                  { value: 'turnToSuccess', label: '失败转成功时' },
+								{ value: 'turnToSuccess', label: t('certd.fail_to_success_time') },
-                  { value: 'error', label: '失败时' },
+								{ value: 'error', label: t('certd.fail_time') },
 							],
 						},
-              helper: `建议仅选择'失败时'和'失败转成功'两种即可`,
+						helper: t('certd.helper_suggest_fail_only'),
-              rules: [{ required: true, message: '此项必填' }],
+						rules: [{ required: true, message: t('certd.required') }],
-            }"
+					}" />
-          />
+					<pi-notification-form-email v-if="currentNotification.type === 'email'" ref="optionsRef"
-          <pi-notification-form-email v-if="currentNotification.type === 'email'" ref="optionsRef" v-model:options="currentNotification.options"></pi-notification-form-email>
+						v-model:options="currentNotification.options"></pi-notification-form-email>
 
-          <fs-form-item
+					<fs-form-item v-else v-model="currentNotification.notificationId" :item="{
-            v-else
+						title: t('certd.notification_config'),
-            v-model="currentNotification.notificationId"
-            :item="{
-              title: '通知配置',
 						key: 'notificationId',
 						component: {
 							disabled: !editMode,
 							name: NotificationSelector,
 							onSelectedChange,
 						},
-              helper: '请选择通知方式',
+						helper: t('certd.please_select_notification'),
-              rules: [{ required: true, message: '此项必填' }],
+						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>
@@ -88,6 +82,9 @@ 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";
+
+const { t } = useI18n();
 
 export default {
 	name: "PiNotificationForm",
@@ -118,25 +115,24 @@ export default {
 					{
 						type: "string",
 						required: true,
-            message: "请选择类型",
+						message: t('certd.please_select_type'),
 					},
 				],
 				when: [
 					{
 						type: "string",
 						required: true,
-            message: "请选择通知时机",
+						message: t('certd.please_select_trigger_time'),
 					},
 				],
 				notificationId: [
 					{
 						type: "number",
 						required: true,
-            message: "请选择通知配置",
+						message: t('certd.please_select_notification_config'),
 					},
 				],
 			});
-
 			const notificationDrawerShow = () => {
 				notificationDrawerVisible.value = true;
 			};
@@ -190,8 +186,8 @@ export default {
 
 			const notificationDelete = () => {
 				Modal.confirm({
-          title: "确认",
+					title: t('certd.confirm'),
-          content: `确定要删除此触发器吗？`,
+					content: t('certd.confirm_delete_trigger'),
 					async onOk() {
 						callback.value("delete");
 						notificationDrawerClose();
@@ -199,6 +195,7 @@ export default {
 				});
 			};
 
+
 			const blankFn = () => {
 				return {};
 			};
@@ -241,6 +238,5 @@ export default {
 </script>
 
 <style lang="less">
-.pi-notification-form {
+.pi-notification-form {}
-}
 </style>

packages/ui/certd-client/src/views/certd/pipeline/sub-domain/crud.tsx

@@ -1,8 +1,10 @@
 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 { t } = useI18n();
 	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
 		return await api.GetList(query);
 	};
@@ -68,7 +70,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				domain: {
-          title: "托管的子域名",
+					title: t('certd.subdomainHosted'),
 					type: "text",
 					search: {
 						show: true,
@@ -78,9 +80,9 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 							render() {
 								return (
 									<div>
-                    如果您不理解什么是子域托管，可以参考文档
+										{t('certd.subdomainHelpText')}
 										<a href={"https://help.aliyun.com/zh/dns/subdomain-management"} target={"_blank"}>
-                      子域管理
+											{t('certd.subdomainManagement')}
 										</a>
 									</div>
 								);
@@ -94,12 +96,12 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				disabled: {
-          title: "是否禁用",
+					title: t('certd.isDisabled'),
 					type: "dict-switch",
 					dict: dict({
 						data: [
-              { value: false, label: "启用", color: "green" },
+							{ value: false, label: t('certd.enabled'), color: "green" },
-              { value: true, label: "禁用", color: "gray" },
+							{ value: true, label: t('certd.disabled'), color: "gray" },
 						],
 					}),
 					search: {
@@ -110,7 +112,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				createTime: {
-          title: "创建时间",
+					title: t('certd.createTime'),
 					type: "datetime",
 					form: {
 						show: false,
@@ -122,7 +124,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				updateTime: {
-          title: "更新时间",
+					title: t('certd.updateTime'),
 					type: "datetime",
 					form: {
 						show: false,

packages/ui/certd-client/src/views/certd/pipeline/sub-domain/index.vue

@@ -2,13 +2,13 @@
 	<fs-page class="page-cert">
 		<template #header>
 			<div class="title">
-        子域名托管
+				{{ t('certd.subdomainHosting') }}
-        <span class="sub"> 当你的域名设置了子域名托管，需要在此处创建记录，否则申请证书将失败 </span>
+				<span class="sub">{{ t('certd.subdomainHostingHint') }}</span>
 			</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>
@@ -22,6 +22,9 @@ 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",
@@ -32,20 +35,21 @@ const selectedRowKeys = context.selectedRowKeys;
 const handleBatchDelete = () => {
 	if (selectedRowKeys.value?.length > 0) {
 		Modal.confirm({
-      title: "确认",
+			title: t('certd.confirm'),
-      content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
+			content: t('certd.batchDeleteConfirm', { 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.selectRecordFirst'));
 	}
 };
 
+
 // 页面打开后获取列表数据
 onMounted(() => {
 	crudExpose.doRefresh();

packages/ui/certd-client/src/views/sys/suite/product/crud.tsx

@@ -4,8 +4,10 @@ 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 { t } = useI18n();
 	const emit = context.emit;
 	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
 		return await api.GetList(query);
@@ -52,20 +54,34 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 				group: {
 					groups: {
 						base: {
-              header: "基础信息",
+							header: t('certd.basicInfo'),
-              columns: ["title", "type", "disabled", "order", "supportBuy", "intro"]
+							columns: [
+								t('certd.titlea'),
+								t('certd.type'),
+								t('certd.disabled'),
+								t('certd.ordera'),
+								t('certd.supportBuy'),
+								t('certd.intro')
+							]
 						},
 						content: {
-              header: "套餐内容",
+							header: t('certd.packageContent'),
-              columns: ["content.maxDomainCount", "content.maxPipelineCount", "content.maxDeployCount", "content.maxMonitorCount"]
+							columns: [
+								t('certd.maxDomainCount'),
+								t('certd.maxPipelineCount'),
+								t('certd.maxDeployCount'),
+								t('certd.maxMonitorCount')
+							]
 						},
 						price: {
-              header: "价格",
+							header: t('certd.price'),
-              columns: ["durationPrices"]
+							columns: [
+								t('certd.durationPrices')
+							]
+						}
 					}
 				}
 			}
-      },
 			columns: {
 				// id: {
 				//   title: "ID",
@@ -79,20 +95,20 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 				//   }
 				// },
 				title: {
-          title: "套餐名称",
+					title: t('certd.packageName'),
 					type: "text",
 					search: {
 						show: true
 					},
 					form: {
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.requiredField') }]
 					},
 					column: {
 						width: 200
 					}
 				},
 				type: {
-          title: "类型",
+					title: t('certd.type'),
 					type: "dict-select",
 					editForm: {
 						component: {
@@ -101,14 +117,14 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 					dict: dict({
 						data: [
-              { label: "套餐", value: "suite" },
+							{ label: t('certd.suite'), value: "suite" },
-              { label: "加量包", value: "addon" }
+							{ label: t('certd.addon'), value: "addon" }
 						]
 					}),
 					form: {
 						value: "suite",
-            rules: [{ required: true, message: "此项必填" }],
+						rules: [{ required: true, message: t('certd.requiredField') }],
-            helper: "套餐：同一时间只有最新购买的一个生效\n加量包：可购买多个，购买后立即生效，不影响套餐\n套餐和加量包数量可叠加"
+						helper: t('certd.typeHelper')
 					},
 					column: {
 						width: 80,
@@ -132,94 +148,94 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				"content.maxDomainCount": {
-          title: "域名数量",
+					title: t('certd.domainCount'),
 					type: "text",
 					form: {
 						key: ["content", "maxDomainCount"],
 						component: {
 							name: SuiteValueEdit,
 							vModel: "modelValue",
-              unit: "个"
+							unit: t('certd.unitCount')
 						},
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.requiredField') }]
 					},
 					column: {
 						width: 100,
 						component: {
 							name: SuiteValue,
 							vModel: "modelValue",
-              unit: "个"
+							unit: t('certd.unitCount')
 						}
 					}
 				},
 				"content.maxPipelineCount": {
-          title: "流水线数量",
+					title: t('certd.pipelineCount'),
 					type: "text",
 					form: {
 						key: ["content", "maxPipelineCount"],
 						component: {
 							name: SuiteValueEdit,
 							vModel: "modelValue",
-              unit: "条"
+							unit: t('certd.unitPipeline')
 						},
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.requiredField') }]
 					},
 					column: {
 						width: 100,
 						component: {
 							name: SuiteValue,
 							vModel: "modelValue",
-              unit: "条"
+							unit: t('certd.unitPipeline')
 						}
 					}
 				},
 				"content.maxDeployCount": {
-          title: "部署次数",
+					title: t('certd.deployCount'),
 					type: "text",
 					form: {
 						key: ["content", "maxDeployCount"],
 						component: {
 							name: SuiteValueEdit,
 							vModel: "modelValue",
-              unit: "次"
+							unit: t('certd.unitDeploy')
 						},
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.requiredField') }]
 					},
 					column: {
 						width: 100,
 						component: {
 							name: SuiteValue,
 							vModel: "modelValue",
-              unit: "次"
+							unit: t('certd.unitDeploy')
 						}
 					}
 				},
 				"content.maxMonitorCount": {
-          title: "证书监控数量",
+					title: t('certd.monitorCount'),
 					type: "text",
 					form: {
 						key: ["content", "maxMonitorCount"],
 						component: {
 							name: SuiteValueEdit,
 							vModel: "modelValue",
-              unit: "个"
+							unit: t('certd.unitCount')
 						},
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.requiredField') }]
 					},
 					column: {
 						width: 120,
 						component: {
 							name: SuiteValue,
 							vModel: "modelValue",
-              unit: "个"
+							unit: t('certd.unitCount')
 						}
 					}
 				},
 				durationPrices: {
-          title: "时长及价格",
+					title: t('certd.durationPriceTitle'),
 					type: "text",
 					form: {
-            title: "选择时长",
+						title: t('certd.selectDuration'),
 						component: {
 							name: PriceEdit,
 							vModel: "modelValue",
@@ -231,7 +247,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 						col: {
 							span: 24
 						},
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.requiredField') }]
 					},
 					column: {
 						component: {
@@ -242,12 +258,12 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				supportBuy: {
-          title: "支持购买",
+					title: t('certd.supportBuy'),
 					type: "dict-switch",
 					dict: dict({
 						data: [
-              { label: "支持购买", value: true, color: "success" },
+							{ label: t('certd.supportPurchase'), value: true, color: "success" },
-              { label: "不能购买", value: false, color: "gray" }
+							{ label: t('certd.cannotPurchase'), value: false, color: "gray" }
 						]
 					}),
 					form: {
@@ -258,12 +274,12 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				disabled: {
-          title: "上下架",
+					title: t('certd.shelfStatus'),
 					type: "dict-radio",
 					dict: dict({
 						data: [
-              { value: false, label: "上架", color: "green" },
+							{ value: false, label: t('certd.onShelf'), color: "green" },
-              { value: true, label: "下架", color: "gray" }
+							{ value: true, label: t('certd.offShelf'), color: "gray" }
 						]
 					}),
 					form: {
@@ -274,10 +290,10 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				order: {
-          title: "排序",
+					title: t('certd.ordera'),
 					type: "number",
 					form: {
-            helper: "越小越靠前",
+						helper: t('certd.orderHelper'),
 						value: 0
 					},
 					column: {
@@ -285,14 +301,14 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				intro: {
-          title: "说明",
+					title: t('certd.description'),
 					type: "textarea",
 					column: {
 						width: 200
 					}
 				},
 				createTime: {
-          title: "创建时间",
+					title: t('certd.createTime'),
 					type: "datetime",
 					form: {
 						show: false
@@ -304,7 +320,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				updateTime: {
-          title: "更新时间",
+					title: t('certd.updateTime'),
 					type: "datetime",
 					form: {
 						show: false

packages/ui/certd-client/src/views/sys/suite/user-suite/crud.tsx

@@ -8,7 +8,11 @@ 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 { t } = useI18n();
 	const api = sysUserSuiteApi;
 	const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
 		return await api.GetList(query);
@@ -57,9 +61,10 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 			},
 			actionbar: {
 				buttons: {
-          add: { text: "赠送套餐" }
+					add: { text: t('certd.gift_package') }
 				}
 			},
+
 			toolbar: { show: false },
 			rowHandle: {
 				width: 200,
@@ -97,7 +102,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				title: {
-          title: "套餐名称",
+					title: t('certd.package_name'),
 					type: "text",
 					search: {
 						show: true
@@ -110,7 +115,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				userId: {
-          title: "用户",
+					title: t('certd.usera'),
 					type: "table-select",
 					search: {
 						show: true
@@ -127,7 +132,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 							crossPage: true,
 							multiple: false,
 							select: {
-                placeholder: "点击选择"
+								placeholder: t('certd.click_to_select')
 							},
 							createCrudOptions: createCrudOptionsUser
 							// crudOptionsOverride: crudOptionsOverride
@@ -136,7 +141,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 				},
 				//赠送
 				presentSuiteId: {
-          title: "赠送套餐",
+					title: t('certd.gift_package'),
 					type: "dict-select",
 					column: { show: false },
 					addForm: {
@@ -151,7 +156,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 									if (value && value.productId) {
 										return true;
 									}
-                  throw new Error("请选择套餐");
+									throw new Error(t('certd.please_select_package'));
 								}
 							}
 						]
@@ -165,7 +170,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					form: { show: false }
 				},
 				productType: {
-          title: "类型",
+					title: t('certd.type'),
 					type: "dict-select",
 					editForm: {
 						component: {
@@ -174,8 +179,8 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 					dict: dict({
 						data: [
-              { label: "套餐", value: "suite", color: "green" },
+							{ label: t('certd.package'), value: "suite", color: "green" },
-              { label: "加量包", value: "addon", color: "blue" }
+							{ label: t('certd.addon_package'), value: "addon", color: "blue" }
 						]
 					}),
 					form: {
@@ -197,7 +202,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				"content.maxDomainCount": {
-          title: "域名数量",
+					title: t('certd.domain_count'),
 					type: "text",
 					form: {
 						show: false,
@@ -205,22 +210,22 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 						component: {
 							name: SuiteValueEdit,
 							vModel: "modelValue",
-              unit: "个"
+							unit: t('certd.unit_count')
 						},
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.field_required') }]
 					},
 					column: {
 						width: 100,
 						component: {
 							name: SuiteValue,
 							vModel: "modelValue",
-              unit: "个"
+							unit: t('certd.unit_count')
 						},
 						align: "center"
 					}
 				},
 				"content.maxPipelineCount": {
-          title: "流水线数量",
+					title: t('certd.pipeline_count'),
 					type: "text",
 					form: {
 						show: false,
@@ -228,22 +233,22 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 						component: {
 							name: SuiteValueEdit,
 							vModel: "modelValue",
-              unit: "条"
+							unit: t('certd.unit_item')
 						},
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.field_required') }]
 					},
 					column: {
 						width: 100,
 						component: {
 							name: SuiteValue,
 							vModel: "modelValue",
-              unit: "条"
+							unit: t('certd.unit_item')
 						},
 						align: "center"
 					}
 				},
 				"content.maxDeployCount": {
-          title: "部署次数",
+					title: t('certd.deploy_count'),
 					type: "text",
 					form: {
 						show: false,
@@ -251,16 +256,16 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 						component: {
 							name: SuiteValueEdit,
 							vModel: "modelValue",
-              unit: "次"
+							unit: t('certd.unit_times')
 						},
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.field_required') }]
 					},
 					column: {
 						width: 100,
 						component: {
 							name: SuiteValue,
 							vModel: "modelValue",
-              unit: "次",
+							unit: t('certd.unit_times'),
 							used: compute(({ row }) => {
 								return row.deployCountUsed;
 							})
@@ -269,7 +274,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				"content.maxMonitorCount": {
-          title: "证书监控数量",
+					title: t('certd.monitor_count'),
 					type: "text",
 					form: {
 						show: false,
@@ -277,22 +282,22 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 						component: {
 							name: SuiteValueEdit,
 							vModel: "modelValue",
-              unit: "个"
+							unit: t('certd.unit_count')
 						},
-            rules: [{ required: true, message: "此项必填" }]
+						rules: [{ required: true, message: t('certd.field_required') }]
 					},
 					column: {
 						width: 120,
 						component: {
 							name: SuiteValue,
 							vModel: "modelValue",
-              unit: "个"
+							unit: t('certd.unit_count')
 						},
 						align: "center"
 					}
 				},
 				duration: {
-          title: "时长",
+					title: t('certd.duration'),
 					type: "text",
 					form: { show: false },
 					column: {
@@ -305,7 +310,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				status: {
-          title: "状态",
+					title: t('certd.status'),
 					type: "text",
 					form: { show: false },
 					column: {
@@ -325,7 +330,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				activeTime: {
-          title: "激活时间",
+					title: t('certd.active_time'),
 					type: "date",
 					column: {
 						width: 150
@@ -335,7 +340,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				expiresTime: {
-          title: "过期时间",
+					title: t('certd.expires_time'),
 					type: "date",
 					form: {
 						show: false
@@ -353,12 +358,12 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				isPresent: {
-          title: "是否赠送",
+					title: t('certd.is_present'),
 					type: "dict-switch",
 					dict: dict({
 						data: [
-              { label: "是", value: true, color: "success" },
+							{ label: t('certd.is_present_yes'), value: true, color: "success" },
-              { label: "否", value: false, color: "blue" }
+							{ label: t('certd.is_present_no'), value: false, color: "blue" }
 						]
 					}),
 					form: {
@@ -371,7 +376,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				createTime: {
-          title: "创建时间",
+					title: t('certd.create_time'),
 					type: "datetime",
 					form: {
 						show: false
@@ -383,7 +388,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					}
 				},
 				updateTime: {
-          title: "更新时间",
+					title: t('certd.update_time'),
 					type: "datetime",
 					form: {
 						show: false