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

feat 网元管理页面

Browse Source
This commit is contained in:
TsMask
2023-09-14 09:35:18 +08:00
parent 7773fca9c8
commit fc1c590cc4
2 changed files with 48 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/api/configuration/net-ele.ts → src/api/configManage/neManage.ts
View File

@@ -1,4 +1,5 @@
import { request } from '@/plugins/http-fetch';
import { parseObjLineToHump } from '@/utils/parse-utils';
/**
* 查询网元列表
@@ -43,7 +44,7 @@ export async function listNeInfo(query: Record<string, any>) {
if (itemData.length === 1 && itemData[0]['total']) {
data.total = itemData[0]['total'];
} else {
data.rows = itemData;
data.rows = itemData.map(v => parseObjLineToHump(v));
}
}
});
@@ -68,8 +69,10 @@ export async function getNeInfo(id: string | number) {
});
// 解析数据
if (result.code === 1 && Array.isArray(result.data.data)) {
const data = result.data.data[0];
return Object.assign(result, { data: data['ne_info'][0] });
let data = result.data.data[0];
return Object.assign(result, {
data: parseObjLineToHump(data['ne_info'][0]),
});
}
return result;
}
@@ -80,9 +83,9 @@ export async function getNeInfo(id: string | number) {
* @returns object
*/
export function addNeInfo(data: Record<string, any>) {
data.port = `${data.port}`
data.port = `${data.port}`;
return request({
url: `/systemManagement/v1/elementType/${data.ne_type}/objectType/neInfo`,
url: `/systemManagement/v1/elementType/${data.neType}/objectType/neInfo`,
method: 'post',
data: data,
});
@@ -94,9 +97,9 @@ export function addNeInfo(data: Record<string, any>) {
* @returns object
*/
export function updateNeInfo(data: Record<string, any>) {
data.port = `${data.port}`
data.port = `${data.port}`;
return request({
url: `/systemManagement/v1/elementType/${data.ne_type}/objectType/neInfo`,
url: `/systemManagement/v1/elementType/${data.neType}/objectType/neInfo`,
method: 'put',
data: data,
});
@@ -109,7 +112,7 @@ export function updateNeInfo(data: Record<string, any>) {
*/
export async function delNeInfo(data: Record<string, any>) {
return request({
url: `/systemManagement/v1/elementType/${data.ne_type}/objectType/neInfo?ne_id=${data.ne_id}`,
url: `/systemManagement/v1/elementType/${data.neType}/objectType/neInfo?ne_id=${data.neId}`,
method: 'delete',
});
}

99
src/views/configuration/net-ele/index.vue → src/views/configManage/neManage/index.vue
View File

@@ -12,27 +12,14 @@ import {
addNeInfo,
updateNeInfo,
delNeInfo,
} from '@/api/configuration/net-ele';
} from '@/api/configManage/neManage';
import { parseDateToStr } from '@/utils/date-utils';
import useDictStore from '@/store/modules/dict';
import useI18n from '@/hooks/useI18n';
const { t } = useI18n();
const { getDict } = useDictStore();
const route = useRoute();
/**路由标题 */
let title = ref<string>(route.meta.title ?? '标题');
/**字典数据 */
let dict: {
/**网元类型 */
sysNoticeType: DictType[];
/**网元状态 */
sysNoticeStatus: DictType[];
} = reactive({
sysNoticeType: [],
sysNoticeStatus: [],
});
let title = ref<string>(route.meta.title as string ?? '标题');
/**查询参数 */
let queryParams = reactive({
@@ -83,22 +70,22 @@ let tableState: TabeStateType = reactive({
let tableColumns: ColumnsType = [
{
title: '网元类型',
dataIndex: 'ne_type',
dataIndex: 'neType',
align: 'center',
},
{
title: '网元内部标识',
dataIndex: 'ne_id',
dataIndex: 'neId',
align: 'center',
},
{
title: '资源唯一标识',
dataIndex: 'rm_uid',
dataIndex: 'rmUid',
align: 'center',
},
{
title: '网元名称',
dataIndex: 'ne_name',
dataIndex: 'neName',
align: 'center',
},
{
@@ -108,7 +95,7 @@ let tableColumns: ColumnsType = [
},
{
title: '网元地址',
dataIndex: 'ne_address',
dataIndex: 'neAddress',
align: 'center',
},
{
@@ -118,7 +105,7 @@ let tableColumns: ColumnsType = [
},
{
title: '网元虚拟化标识',
dataIndex: 'pv_flag',
dataIndex: 'pvFlag',
align: 'center',
},
{
@@ -128,7 +115,7 @@ let tableColumns: ColumnsType = [
},
{
title: '厂商名称',
dataIndex: 'vendor_name',
dataIndex: 'vendorName',
align: 'center',
},
{
@@ -138,7 +125,7 @@ let tableColumns: ColumnsType = [
},
{
title: '修改时间',
dataIndex: 'update_time',
dataIndex: 'updateTime',
align: 'center',
customRender(opt) {
if (!opt.value) return '';
@@ -207,15 +194,15 @@ let modalState: ModalStateType = reactive({
from: {
dn: '网络标识',
ip: '192.168.4.132',
ne_address: '192.160.0.107',
ne_id: '网元内部标识',
ne_name: '网元名称',
ne_type: 'AMF',
neAddress: '192.160.0.107',
neId: '网元内部标识',
neName: '网元名称',
neType: 'AMF',
port: '3030',
province: '网元所在省份',
pv_flag: '',
rm_uid: '资源唯一标识',
vendor_name: '厂商名称',
pvFlag: '',
rmUid: '资源唯一标识',
vendorName: '厂商名称',
},
confirmLoading: false,
});
@@ -272,7 +259,7 @@ function fnModalOk() {
modalState.confirmLoading = true;
const from = toRaw(modalState.from);
const result = from.id ? updateNeInfo(from) : addNeInfo(from);
const hide = message.loading({ content: t('loading') });
const hide = message.loading({ content: t('common.loading') });
result
.then(res => {
if (res.code === 1) {
@@ -359,18 +346,6 @@ function fnGetList() {
}
onMounted(() => {
// 初始字典数据
Promise.allSettled([
getDict('sys_notice_type'),
getDict('sys_notice_status'),
]).then(resArr => {
if (resArr[0].status === 'fulfilled') {
dict.sysNoticeType = resArr[0].value;
}
if (resArr[1].status === 'fulfilled') {
dict.sysNoticeStatus = resArr[1].value;
}
});
// 获取列表数据
fnGetList();
});
@@ -520,11 +495,11 @@ onMounted(() => {
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
label="网元类型"
name="ne_type"
v-bind="modalStateFrom.validateInfos.ne_type"
name="neType"
v-bind="modalStateFrom.validateInfos.neType"
>
<a-input
v-model:value="modalState.from.ne_type"
v-model:value="modalState.from.neType"
allow-clear
placeholder="请输入网元类型"
>
@@ -540,11 +515,11 @@ onMounted(() => {
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
label="网元内部标识"
name="ne_id"
v-bind="modalStateFrom.validateInfos.ne_id"
name="neId"
v-bind="modalStateFrom.validateInfos.neId"
>
<a-input
v-model:value="modalState.from.ne_id"
v-model:value="modalState.from.neId"
allow-clear
placeholder="请输入网元内部标识"
></a-input>
@@ -556,11 +531,11 @@ onMounted(() => {
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
label="资源唯一标识"
name="rm_uid"
v-bind="modalStateFrom.validateInfos.rm_uid"
name="rmUid"
v-bind="modalStateFrom.validateInfos.rmUid"
>
<a-input
v-model:value="modalState.from.rm_uid"
v-model:value="modalState.from.rmUid"
allow-clear
placeholder="请输入资源唯一标识"
>
@@ -570,11 +545,11 @@ onMounted(() => {
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
label="网元虚拟化标识"
name="pv_flag"
v-bind="modalStateFrom.validateInfos.pv_flag"
name="pvFlag"
v-bind="modalStateFrom.validateInfos.pvFlag"
>
<a-select
v-model:value="modalState.from.pv_flag"
v-model:value="modalState.from.pvFlag"
default-value="PNF"
placeholder="请选择网元虚拟化标识"
>
@@ -629,11 +604,11 @@ onMounted(() => {
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
label="网元名称"
name="ne_name"
v-bind="modalStateFrom.validateInfos.ne_name"
name="neName"
v-bind="modalStateFrom.validateInfos.neName"
>
<a-input
v-model:value="modalState.from.ne_name"
v-model:value="modalState.from.neName"
allow-clear
placeholder="请输入网元名称"
>
@@ -641,9 +616,9 @@ onMounted(() => {
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item label="网元地址" name="ne_address">
<a-form-item label="网元地址" name="neAddress">
<a-input
v-model:value="modalState.from.ne_address"
v-model:value="modalState.from.neAddress"
allow-clear
placeholder="请输入网元地址"
><template #prefix>
@@ -669,9 +644,9 @@ onMounted(() => {
</a-form-item>
</a-col>
<a-col :lg="6" :md="6" :xs="24">
<a-form-item label="厂商名称" name="vendor_name">
<a-form-item label="厂商名称" name="vendorName">
<a-input
v-model:value="modalState.from.vendor_name"
v-model:value="modalState.from.vendorName"
allow-clear
placeholder="请输入厂商名称"
>