feat:告警界面中英文

This commit is contained in:
zhongzm
2025-08-13 16:10:47 +08:00
parent 9237488b17
commit 3c98c26f0a
5 changed files with 49 additions and 21 deletions

View File

@@ -12,5 +12,18 @@
"descriptionPlaceholder": "Please enter description",
"createTime": "Create Time",
"updateTime": "Update Time",
"operation": "Operation"
"operation": "Operation",
"day": "day",
"Reminder": "Reminder",
"selectremind": "Please select the person to be reminded.",
"reminderdays": "Reminder days",
"selectday": "Please select the number of days to be reminded",
"content": "Content",
"selectcontent": "Please enter the reminder content",
"status": "Status",
"enable": "enable",
"disable": "disable",
"alerttitle": "Alarm configuration",
"save": "Save",
"reset": "Reset"
}

View File

@@ -84,5 +84,6 @@
},
"customer": "Customer Management",
"project": "Project Management",
"license": "License Management"
"license": "License Management",
"alert": "Alarm Management"
}

View File

@@ -12,5 +12,18 @@
"descriptionPlaceholder": "请输入描述信息",
"createTime": "创建时间",
"updateTime": "更新时间",
"operation": "操作"
"operation": "操作",
"day": "天",
"Reminder": "提醒人",
"selectremind": "请选择提醒人",
"reminderdays": "提醒天数",
"selectday": "请选择提醒天数",
"content": "提醒内容",
"selectcontent": "请输入提醒内容",
"status": "启用状态",
"enable": "启用",
"disable": "禁用",
"alerttitle": "告警配置",
"save": "保存",
"reset": "重置"
}

View File

@@ -84,5 +84,6 @@
},
"customer": "客户管理",
"project": "项目管理",
"license": "License管理"
"license": "License管理",
"alert": "告警管理"
}

View File

@@ -8,6 +8,7 @@ import { Button, Card, message, Space } from 'ant-design-vue';
import { useVbenForm } from '#/adapter/form';
import { getAlertPage, updateAlert } from '#/api/alert/alert';
import { getUserPage } from '#/api/system/user';
import { $t } from '#/locales';
// 表单数据
const formData = ref({
@@ -22,10 +23,10 @@ const userOptions = ref([]);
// 提醒天数选项
const daysOptions = [
{ label: '15', value: 15 },
{ label: '7', value: 7 },
{ label: '2', value: 2 },
{ label: '1', value: 1 },
{ label: '15'+$t('alert.day'), value: 15 },
{ label: '7'+$t('alert.day'), value: 7 },
{ label: '2'+$t('alert.day'), value: 2 },
{ label: '1'+$t('alert.day'), value: 1 },
];
// 表单配置
@@ -40,11 +41,11 @@ const formSchema = computed(() => [
},
{
fieldName: 'users',
label: '提醒人',
label: $t('alert.Reminder'),
rules: 'required',
component: 'Select',
componentProps: {
placeholder: '请选择提醒人',
placeholder: $t('alert.selectremind'),
mode: 'multiple',
allowClear: true,
showSearch: true,
@@ -56,11 +57,11 @@ const formSchema = computed(() => [
},
{
fieldName: 'days',
label: '提醒天数',
label: $t('alert.reminderdays'),
rules: 'required',
component: 'Select',
componentProps: {
placeholder: '请选择提醒天数',
placeholder: $t('alert.selectday'),
mode: 'multiple',
allowClear: true,
options: daysOptions,
@@ -68,11 +69,11 @@ const formSchema = computed(() => [
},
{
fieldName: 'content',
label: '提醒内容',
label: $t('alert.content'),
rules: 'required',
component: 'Textarea',
componentProps: {
placeholder: '请输入提醒内容',
placeholder: $t('alert.selectcontent'),
rows: 4,
showCount: true,
maxlength: 500,
@@ -80,11 +81,11 @@ const formSchema = computed(() => [
},
{
fieldName: 'status',
label: '启用状态',
label: $t('alert.status'),
component: 'Switch',
componentProps: {
checkedChildren: '启用',
unCheckedChildren: '禁用',
checkedChildren: $t('alert.enable'),
unCheckedChildren: $t('alert.disable'),
checkedValue: 1,
unCheckedValue: 2,
style: { width: 'auto' },
@@ -125,7 +126,6 @@ async function handleSubmit() {
// 根据实际需要调用创建或更新接口
if (values.id) {
await updateAlert(submitData);
message.success('更新成功');
}
} catch {}
}
@@ -178,12 +178,12 @@ onMounted(async () => {
<template>
<Page auto-content-height>
<Card title="告警配置">
<Card :title="$t('alert.alerttitle')">
<Form />
<div class="mt-4 flex justify-end">
<Space>
<Button type="primary" @click="handleSubmit">保存</Button>
<Button @click="handleReset">重置</Button>
<Button type="primary" @click="handleSubmit">{{$t('alert.save')}}</Button>
<Button @click="handleReset">{{ $t('alert.reset') }}</Button>
</Space>
</div>
</Card>