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

feat: AMF用户事件支持IMSI查询

Browse Source
This commit is contained in:
TsMask
2024-05-17 18:00:28 +08:00
parent 3948924f61
commit b40e798090
1 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/dashboard/amfUE/index.vue
View File

@@ -39,6 +39,7 @@ let queryParams = reactive({
neType: 'AMF', neType: 'AMF',
neId: '001', neId: '001',
eventType: 'auth-result', eventType: 'auth-result',
imsi: '',
sortField: 'timestamp', sortField: 'timestamp',
sortOrder: 'desc', sortOrder: 'desc',
/**当前页数 */ /**当前页数 */
@@ -52,6 +53,7 @@ function fnQueryReset() {
eventTypes.value = ['auth-result']; eventTypes.value = ['auth-result'];
queryParams = Object.assign(queryParams, { queryParams = Object.assign(queryParams, {
eventType: 'auth-result', eventType: 'auth-result',
imsi: '',
pageNum: 1, pageNum: 1,
pageSize: 20, pageSize: 20,
}); });
@@ -105,7 +107,7 @@ let tableColumns: ColumnsType = [
title: 'IMSI', title: 'IMSI',
dataIndex: 'eventJSON', dataIndex: 'eventJSON',
align: 'left', align: 'left',
width: 100, width: 150,
customRender(opt) { customRender(opt) {
const eventJSON = opt.value; const eventJSON = opt.value;
return eventJSON.imsi; return eventJSON.imsi;
@@ -116,20 +118,20 @@ let tableColumns: ColumnsType = [
dataIndex: 'eventType', dataIndex: 'eventType',
key: 'eventType', key: 'eventType',
align: 'left', align: 'left',
width: 100, width: 150,
}, },
{ {
title: t('views.dashboard.ue.result'), title: t('views.dashboard.ue.result'),
dataIndex: 'eventJSON', dataIndex: 'eventJSON',
key: 'result', key: 'result',
align: 'left', align: 'left',
width: 100, width: 150,
}, },
{ {
title: t('views.dashboard.ue.time'), title: t('views.dashboard.ue.time'),
dataIndex: 'eventJSON', dataIndex: 'eventJSON',
key: 'time', key: 'time',
align: 'center', align: 'left',
width: 150, width: 150,
}, },
{ {
@@ -383,20 +385,29 @@ onBeforeUnmount(() => {
<!-- 表格搜索栏 --> <!-- 表格搜索栏 -->
<a-form :model="queryParams" name="queryParams" layout="horizontal"> <a-form :model="queryParams" name="queryParams" layout="horizontal">
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24"> <a-col :lg="6" :md="12" :xs="24">
<a-form-item <a-form-item
:label="t('views.dashboard.ue.eventType')" :label="t('views.dashboard.ue.eventType')"
name="eventType " name="eventType "
> >
<a-select <a-select
v-model:value="eventTypes" v-model:value="eventTypes"
mode="tags" mode="multiple"
:options="dict.ueEventType" :options="dict.ueEventType"
:placeholder="t('common.selectPlease')" :placeholder="t('common.selectPlease')"
@change="fnQueryEventTypeChange" @change="fnQueryEventTypeChange"
></a-select> ></a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :lg="6" :md="12" :xs="24">
<a-form-item label="IMSI" name="imsi ">
<a-input
v-model:value="queryParams.imsi"
allow-clear
:placeholder="t('common.inputPlease')"
></a-input>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :xs="24"> <a-col :lg="6" :md="12" :xs="24">
<a-form-item> <a-form-item>
<a-space :size="8"> <a-space :size="8">