github
/
certd
mirror of https://github.com/certd/certd
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add other translations

pull/436/head
Lorenzo 2025-06-27 00:39:00 +02:00
parent 0b3472d227
commit adc3ab7e0a
12 changed files with 2167 additions and 1929 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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",
};

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

@ -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: "启用",
};

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

@ -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",

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

@ -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: "验证中", value: "validating", color: "blue" },
{ label: "验证成功", value: "valid", color: "green" },
{ label: "验证失败", value: "failed", color: "red" },
{ label: "验证超时", value: "timeout", color: "red" },
{ 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 {
@ -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,

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

@ -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: "确认",
content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
title: t('certd.confirm'),
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();

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

@ -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,
},
},
}
},
},
};

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

@ -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">
<fs-form-item
v-if="currentNotification.type === 'email'"
v-model="currentNotification.type"
:item="{
title: '类型',
<a-form ref="notificationFormRef" class="notification-form" :model="currentNotification"
:label-col="labelCol" :wrapper-col="wrapperCol">
<fs-form-item v-if="currentNotification.type === 'email'" v-model="currentNotification.type" :item="{
title: t('certd.type'),
key: 'type',
value: 'email',
component: {
@ -23,17 +24,14 @@
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: '此项必填' }],
}"
/>
<fs-form-item
v-model="currentNotification.when"
:item="{
title: '触发时机',
rules: [{ required: true, message: t('certd.required') }],
}" />
<fs-form-item v-model="currentNotification.when" :item="{
title: t('certd.trigger_time'),
key: 'when',
value: ['error'],
component: {
@ -42,38 +40,34 @@
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: '此项必填' }],
}"
/>
<pi-notification-form-email v-if="currentNotification.type === 'email'" ref="optionsRef" v-model:options="currentNotification.options"></pi-notification-form-email>
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>
<fs-form-item
v-else
v-model="currentNotification.notificationId"
:item="{
title: '通知配置',
<fs-form-item v-else v-model="currentNotification.notificationId" :item="{
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>
@ -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: "确认",
content: `确定要删除此触发器吗？`,
title: t('certd.confirm'),
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>

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

@ -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: true, label: "禁用", color: "gray" },
{ value: false, label: t('certd.enabled'), color: "green" },
{ 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,

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

@ -2,13 +2,13 @@
<fs-page class="page-cert">
<template #header>
<div class="title">
子域名托管
<span class="sub"> 当你的域名设置了子域名托管，需要在此处创建记录，否则申请证书将失败 </span>
{{ 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="批量删除">
<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: "确认",
content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
title: t('certd.confirm'),
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();

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

@ -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: "基础信息",
columns: ["title", "type", "disabled", "order", "supportBuy", "intro"]
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: "套餐内容",
columns: ["content.maxDomainCount", "content.maxPipelineCount", "content.maxDeployCount", "content.maxMonitorCount"]
header: t('certd.packageContent'),
columns: [
t('certd.maxDomainCount'),
t('certd.maxPipelineCount'),
t('certd.maxDeployCount'),
t('certd.maxMonitorCount')
]
},
price: {
header: "价格",
columns: ["durationPrices"]
header: t('certd.price'),
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: "加量包", value: "addon" }
{ label: t('certd.suite'), value: "suite" },
{ label: t('certd.addon'), value: "addon" }
]
}),
form: {
value: "suite",
rules: [{ required: true, message: "此项必填" }],
helper: "套餐：同一时间只有最新购买的一个生效\n加量包：可购买多个，购买后立即生效，不影响套餐\n套餐和加量包数量可叠加"
rules: [{ required: true, message: t('certd.requiredField') }],
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: "不能购买", value: false, color: "gray" }
{ label: t('certd.supportPurchase'), value: true, color: "success" },
{ 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: true, label: "下架", color: "gray" }
{ value: false, label: t('certd.onShelf'), color: "green" },
{ 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

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

@ -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: "加量包", value: "addon", color: "blue" }
{ label: t('certd.package'), value: "suite", color: "green" },
{ 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: "否", value: false, color: "blue" }
{ label: t('certd.is_present_yes'), value: true, color: "success" },
{ 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