More translation

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>