More translation

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>