OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

style: 跟踪管理多语言

Browse Source
This commit is contained in:
TsMask
2023-09-26 15:05:58 +08:00
parent 61eea0ec90
commit c22ad4e8a3
11 changed files with 384 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/views/logManage/security/index.vue
View File

@@ -88,28 +88,28 @@ let tableColumns: ColumnsType = [
align: 'center',
},
{
title: t('views.trace.task.neType'),
title: t('views.traceManage.task.neType'),
dataIndex: 'neType',
align: 'center',
},
{
title: t('views.trace.task.neID'),
title: t('views.traceManage.task.neID'),
dataIndex: 'neId',
align: 'center',
},
{
title: t('views.trace.task.trackType'),
title: t('views.traceManage.task.trackType'),
dataIndex: 'traceType',
key: 'traceType',
align: 'center',
},
{
title: t('views.trace.task.trackType'),
title: t('views.traceManage.task.trackType'),
dataIndex: 'accountId',
align: 'center',
},
{
title: t('views.trace.task.startTime'),
title: t('views.traceManage.task.startTime'),
dataIndex: 'startTime',
align: 'center',
customRender(opt) {
@@ -118,7 +118,7 @@ let tableColumns: ColumnsType = [
},
},
{
title: t('views.trace.task.endTime'),
title: t('views.traceManage.task.endTime'),
dataIndex: 'endTime',
align: 'center',
customRender(opt) {
@@ -172,15 +172,15 @@ function fnTableSize({ key }: MenuInfo) {
*/
function fnRecordDelete(id: string) {
Modal.confirm({
title: t('views.trace.task.tipTitle'),
content: t('views.trace.task.delTaskTip', { num: id }),
title: t('views.traceManage.task.tipTitle'),
content: t('views.traceManage.task.delTaskTip', { num: id }),
onOk() {
const key = 'delTraceTask';
message.loading({ content: t('common.loading'), key });
delTraceTask(id).then(res => {
if (res.code === RESULT_CODE_SUCCESS) {
message.success({
content: t('views.trace.task.delTask', { num: id }),
content: t('views.traceManage.task.delTask', { num: id }),
key,
duration: 2,
});
@@ -272,32 +272,32 @@ const modalStateFrom = Form.useForm(
traceType: [
{
required: true,
message: t('views.trace.task.trackTypePlease'),
message: t('views.traceManage.task.trackTypePlease'),
},
],
neId: [
{
required: true,
message: t('views.trace.task.neTypePlease'),
message: t('views.traceManage.task.neTypePlease'),
},
],
endTime: [
{
required: true,
message: t('views.trace.task.rangePickerPlease'),
message: t('views.traceManage.task.rangePickerPlease'),
},
],
// 跟踪用户
imsi: [
{
required: true,
message: t('views.trace.task.imsiPlease'),
message: t('views.traceManage.task.imsiPlease'),
},
],
msisdn: [
{
required: true,
message: t('views.trace.task.msisdnPlease'),
message: t('views.traceManage.task.msisdnPlease'),
},
],
// 跟踪接口
@@ -305,27 +305,27 @@ const modalStateFrom = Form.useForm(
{
required: true,
pattern: regExpIPv4,
message: t('views.trace.task.srcIpPlease'),
message: t('views.traceManage.task.srcIpPlease'),
},
],
dstIp: [
{
required: true,
pattern: regExpIPv4,
message: t('views.trace.task.dstIpPlease'),
message: t('views.traceManage.task.dstIpPlease'),
},
],
interfaces: [
{
required: true,
message: t('views.trace.task.interfacesPlease'),
message: t('views.traceManage.task.interfacesPlease'),
},
],
signalPort: [
{
required: true,
pattern: regExpPort,
message: t('views.trace.task.signalPortPlease'),
message: t('views.traceManage.task.signalPortPlease'),
},
],
})
@@ -392,10 +392,10 @@ function fnModalVisibleByVive(id: string) {
}
fnSelectInterfaceInit(res.data.neType);
}
modalState.title = t('views.trace.task.viewTask');
modalState.title = t('views.traceManage.task.viewTask');
modalState.visibleByView = true;
} else {
message.error(t('views.trace.task.errorTaskInfo'), 3);
message.error(t('views.traceManage.task.errorTaskInfo'), 3);
}
});
}
@@ -407,7 +407,7 @@ function fnModalVisibleByVive(id: string) {
function fnModalVisibleByEdit(id?: string) {
if (!id) {
modalStateFrom.resetFields();
modalState.title = t('views.trace.task.addTask');
modalState.title = t('views.traceManage.task.addTask');
modalState.visibleByEdit = true;
} else {
if (modalState.confirmLoading) return;
@@ -430,10 +430,10 @@ function fnModalVisibleByEdit(id?: string) {
}
fnSelectInterfaceInit(res.data.neType);
}
modalState.title = t('views.trace.task.editTask');
modalState.title = t('views.traceManage.task.editTask');
modalState.visibleByEdit = true;
} else {
message.error(t('views.trace.task.errorTaskInfo'), 3);
message.error(t('views.traceManage.task.errorTaskInfo'), 3);
}
});
}
@@ -532,12 +532,12 @@ onMounted(() => {
<a-form :model="queryParams" name="queryParams" layout="horizontal">
<a-row :gutter="16">
<a-col :lg="6" :md="12" :xs="24">
<a-form-item :label="t('views.trace.task.neType')" name="neType ">
<a-form-item :label="t('views.traceManage.task.neType')" name="neType ">
<a-auto-complete
v-model:value="queryParams.neType"
:options="useNeInfoStore().getNeSelectOtions"
allow-clear
:placeholder="t('views.trace.task.neTypePlease')"
:placeholder="t('views.traceManage.task.neTypePlease')"
/>
</a-form-item>
</a-col>
@@ -674,7 +674,7 @@ onMounted(() => {
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.trace.task.trackType')"
:label="t('views.traceManage.task.trackType')"
name="traceType"
>
<DictTag
@@ -684,7 +684,7 @@ onMounted(() => {
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item :label="t('views.trace.task.neType')" name="neType">
<a-form-item :label="t('views.traceManage.task.neType')" name="neType">
<a-cascader
:value="modalState.neType"
:options="useNeInfoStore().getNeCascaderOtions"
@@ -696,10 +696,10 @@ onMounted(() => {
<!-- 用户跟踪 -->
<template v-if="modalState.from.traceType === 'UE'">
<a-form-item :label="t('views.trace.task.msisdn')" name="msisdn">
<a-form-item :label="t('views.traceManage.task.msisdn')" name="msisdn">
{{ modalState.from.msisdn }}
</a-form-item>
<a-form-item :label="t('views.trace.task.imsi')" name="imsi">
<a-form-item :label="t('views.traceManage.task.imsi')" name="imsi">
{{ modalState.from.imsi }}
</a-form-item>
</template>
@@ -708,25 +708,25 @@ onMounted(() => {
<template v-if="modalState.from.traceType === 'Interface'">
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item :label="t('views.trace.task.srcIp')" name="srcIp">
<a-form-item :label="t('views.traceManage.task.srcIp')" name="srcIp">
{{ modalState.from.srcIp }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item :label="t('views.trace.task.dstIp')" name="dstIp">
<a-form-item :label="t('views.traceManage.task.dstIp')" name="dstIp">
{{ modalState.from.dstIp }}
</a-form-item>
</a-col>
</a-row>
<a-form-item :label="t('views.trace.task.interfaces')" name="endTime">
<a-form-item :label="t('views.traceManage.task.interfaces')" name="endTime">
{{ modalState.neTypeInterfaceSelect }}
</a-form-item>
<a-form-item :label="t('views.trace.task.signalPort')" name="endTime">
<a-form-item :label="t('views.traceManage.task.signalPort')" name="endTime">
{{ modalState.from.signalPort }}
</a-form-item>
</template>
<a-form-item :label="t('views.trace.task.rangePicker')" name="endTime">
<a-form-item :label="t('views.traceManage.task.rangePicker')" name="endTime">
<a-range-picker
disabled
:value="modalState.timeRangePicker"
@@ -738,7 +738,7 @@ onMounted(() => {
style="width: 100%"
></a-range-picker>
</a-form-item>
<a-form-item :label="t('views.trace.task.comment')" name="comment">
<a-form-item :label="t('views.traceManage.task.comment')" name="comment">
{{ modalState.from.comment }}
</a-form-item>
</a-form>
@@ -764,13 +764,13 @@ onMounted(() => {
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.trace.task.trackType')"
:label="t('views.traceManage.task.trackType')"
name="traceType"
v-bind="modalStateFrom.validateInfos.traceType"
>
<a-select
v-model:value="modalState.from.traceType"
:placeholder="t('views.trace.task.trackTypePlease')"
:placeholder="t('views.traceManage.task.trackTypePlease')"
:options="dict.traceType"
>
</a-select>
@@ -778,7 +778,7 @@ onMounted(() => {
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.trace.task.neType')"
:label="t('views.traceManage.task.neType')"
name="neType"
v-bind="modalStateFrom.validateInfos.neId"
>
@@ -787,7 +787,7 @@ onMounted(() => {
:options="useNeInfoStore().getNeCascaderOtions"
@change="fnNeChange"
:allow-clear="false"
:placeholder="t('views.trace.task.neTypePlease')"
:placeholder="t('views.traceManage.task.neTypePlease')"
/>
</a-form-item>
</a-col>
@@ -796,19 +796,19 @@ onMounted(() => {
<!-- 用户跟踪 -->
<template v-if="modalState.from.traceType === 'UE'">
<a-form-item
:label="t('views.trace.task.msisdn')"
:label="t('views.traceManage.task.msisdn')"
name="msisdn"
v-bind="modalStateFrom.validateInfos.msisdn"
>
<a-input
v-model:value="modalState.from.msisdn"
allow-clear
:placeholder="t('views.trace.task.msisdnPlease')"
:placeholder="t('views.traceManage.task.msisdnPlease')"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
<div>{{ t('views.trace.task.msisdnTip') }}</div>
<div>{{ t('views.traceManage.task.msisdnTip') }}</div>
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
@@ -816,19 +816,19 @@ onMounted(() => {
</a-input>
</a-form-item>
<a-form-item
:label="t('views.trace.task.imsi')"
:label="t('views.traceManage.task.imsi')"
name="imsi"
v-bind="modalStateFrom.validateInfos.imsi"
>
<a-input
v-model:value="modalState.from.imsi"
allow-clear
:placeholder="t('views.trace.task.imsiPlease')"
:placeholder="t('views.traceManage.task.imsiPlease')"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
<div>{{ t('views.trace.task.imsiTip') }}</div>
<div>{{ t('views.traceManage.task.imsiTip') }}</div>
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
@@ -842,19 +842,19 @@ onMounted(() => {
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.trace.task.srcIp')"
:label="t('views.traceManage.task.srcIp')"
name="srcIp"
v-bind="modalStateFrom.validateInfos.srcIp"
>
<a-input
v-model:value="modalState.from.srcIp"
allow-clear
placeholder="t('views.trace.task.srcIpPlease')"
placeholder="t('views.traceManage.task.srcIpPlease')"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
<div>{{ t('views.trace.task.srcIpTip') }}</div>
<div>{{ t('views.traceManage.task.srcIpTip') }}</div>
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
@@ -864,19 +864,19 @@ onMounted(() => {
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.trace.task.dstIp')"
:label="t('views.traceManage.task.dstIp')"
name="dstIp"
v-bind="modalStateFrom.validateInfos.dstIp"
>
<a-input
v-model:value="modalState.from.dstIp"
allow-clear
:placeholder="t('views.trace.task.dstIpPlease')"
:placeholder="t('views.traceManage.task.dstIpPlease')"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
<div>{{ t('views.trace.task.dstIpTip') }}</div>
<div>{{ t('views.traceManage.task.dstIpTip') }}</div>
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
@@ -886,7 +886,7 @@ onMounted(() => {
</a-col>
</a-row>
<a-form-item
:label="t('views.trace.task.interfaces')"
:label="t('views.traceManage.task.interfaces')"
name="interfaces"
v-bind="modalStateFrom.validateInfos.interfaces"
>
@@ -900,19 +900,19 @@ onMounted(() => {
</a-select>
</a-form-item>
<a-form-item
:label="t('views.trace.task.signalPort')"
:label="t('views.traceManage.task.signalPort')"
name="signalPort"
v-bind="modalStateFrom.validateInfos.signalPort"
>
<a-input
v-model:value="modalState.from.signalPort"
allow-clear
:placeholder="t('views.trace.task.signalPortPlease')"
:placeholder="t('views.traceManage.task.signalPortPlease')"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
<div>t('views.trace.task.signalPortTip')</div>
<div>t('views.traceManage.task.signalPortTip')</div>
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
@@ -922,7 +922,7 @@ onMounted(() => {
</template>
<a-form-item
:label="t('views.trace.task.rangePicker')"
:label="t('views.traceManage.task.rangePicker')"
name="endTime"
v-bind="modalStateFrom.validateInfos.endTime"
>
@@ -935,19 +935,19 @@ onMounted(() => {
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
:placeholder="[
t('views.trace.task.startTime'),
t('views.trace.task.endTime'),
t('views.traceManage.task.startTime'),
t('views.traceManage.task.endTime'),
]"
style="width: 100%"
></a-range-picker>
</a-form-item>
<a-form-item :label="t('views.trace.task.comment')" name="comment">
<a-form-item :label="t('views.traceManage.task.comment')" name="comment">
<a-textarea
v-model:value="modalState.from.comment"
:auto-size="{ minRows: 2, maxRows: 6 }"
:maxlength="250"
:show-count="true"
:placeholder="t('views.trace.task.commentPlease')"
:placeholder="t('views.traceManage.task.commentPlease')"
/>
</a-form-item>
</a-form>