fix: 移除OAM编辑也慢慢
This commit is contained in:
TsMask
@@ -1,303 +0,0 @@
|
||||
<script setup lang="ts">
|
||||
import { reactive, onMounted, toRaw } from 'vue';
|
||||
import { PageContainer } from 'antdv-pro-layout';
|
||||
import { message } from 'ant-design-vue/lib';
|
||||
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
|
||||
import useI18n from '@/hooks/useI18n';
|
||||
import {
|
||||
getNeInfoByTypeAndIDNe,
|
||||
getOAMFile,
|
||||
saveOAMFile,
|
||||
} from '@/api/ne/neInfo';
|
||||
import useNeInfoStore from '@/store/modules/neinfo';
|
||||
const { t } = useI18n();
|
||||
|
||||
/**对象信息信息状态类型 */
|
||||
type StateType = {
|
||||
/**网元选择 */
|
||||
neCascaderOptions: any[];
|
||||
neType: string[];
|
||||
/**同步到网元 */
|
||||
sync: boolean;
|
||||
/**表单数据 */
|
||||
from: Record<string, any>;
|
||||
/**确定按钮 loading */
|
||||
confirmLoading: boolean;
|
||||
};
|
||||
|
||||
/**对象信息状态 */
|
||||
let state: StateType = reactive({
|
||||
neCascaderOptions: [],
|
||||
neType: [],
|
||||
sync: false,
|
||||
from: {
|
||||
httpManageCfg: {
|
||||
ipType: 'ipv4',
|
||||
ipv4: '172.60.5.140',
|
||||
ipv6: '',
|
||||
port: 33030,
|
||||
scheme: 'http',
|
||||
},
|
||||
oamConfig: {
|
||||
enable: true,
|
||||
ipType: 'ipv4',
|
||||
ipv4: '172.60.5.99',
|
||||
ipv6: '',
|
||||
port: 33030,
|
||||
scheme: 'http',
|
||||
neConfig: {
|
||||
neId: '002',
|
||||
rmUid: '4400HX1UDM002',
|
||||
neName: 'UDM_002',
|
||||
dn: '网络标识',
|
||||
vendorName: 'GD',
|
||||
province: '网元所在省份',
|
||||
pvFlag: 'PNF',
|
||||
},
|
||||
},
|
||||
snmpConfig: {
|
||||
enable: false,
|
||||
ipType: 'ipv4',
|
||||
ipv4: '172.60.5.140',
|
||||
ipv6: '',
|
||||
port: 4957,
|
||||
},
|
||||
kpiConfig: {
|
||||
enable: true,
|
||||
timer: 60,
|
||||
},
|
||||
},
|
||||
confirmLoading: false,
|
||||
});
|
||||
|
||||
/**保存文件数据*/
|
||||
function fnSaveData() {
|
||||
const [neType, neId] = state.neType;
|
||||
if (state.confirmLoading || !neType) return;
|
||||
state.confirmLoading = true;
|
||||
saveOAMFile({ neType, neId, content: toRaw(state.from), syncNe: state.sync })
|
||||
.then(res => {
|
||||
message.success('Save Success ${res.msg}');
|
||||
})
|
||||
.finally(() => {
|
||||
state.confirmLoading = false;
|
||||
});
|
||||
}
|
||||
|
||||
/**获取文件数据*/
|
||||
function fnGetData() {
|
||||
const [neType, neId] = state.neType;
|
||||
if (state.confirmLoading || !neType) return;
|
||||
state.confirmLoading = true;
|
||||
Promise.all([getOAMFile(neType, neId), getNeInfoByTypeAndIDNe(neType, neId)])
|
||||
.then(resArr => {
|
||||
const data = resArr[0].data || state.from;
|
||||
if (resArr[1].code === RESULT_CODE_SUCCESS) {
|
||||
const neInfo = resArr[1].data;
|
||||
data.neConfig = {
|
||||
neId: neInfo.neId,
|
||||
rmUid: neInfo.rmUid,
|
||||
neName: neInfo.neName,
|
||||
dn: neInfo.dn,
|
||||
vendorName: neInfo.vendorName,
|
||||
province: neInfo.province,
|
||||
pvFlag: neInfo.pvFlag,
|
||||
};
|
||||
}
|
||||
Object.assign(state.from, data);
|
||||
})
|
||||
.finally(() => {
|
||||
state.confirmLoading = false;
|
||||
});
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
useNeInfoStore()
|
||||
.fnNelist()
|
||||
.then(res => {
|
||||
if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
|
||||
// 过滤不可用的网元
|
||||
state.neCascaderOptions = useNeInfoStore().getNeCascaderOptions.filter(
|
||||
(item: any) => {
|
||||
return !['OMC'].includes(item.value);
|
||||
}
|
||||
);
|
||||
} else {
|
||||
message.warning({
|
||||
content: t('common.noData'),
|
||||
duration: 2,
|
||||
});
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
// 获取文件数据
|
||||
fnGetData();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<PageContainer>
|
||||
<a-card :bordered="false">
|
||||
<!-- 插槽-卡片左侧侧 -->
|
||||
<template #title>
|
||||
<a-form layout="inline">
|
||||
<a-form-item
|
||||
:label="t('views.logManage.neFile.neType')"
|
||||
name="neType"
|
||||
>
|
||||
<a-cascader
|
||||
v-model:value="state.neType"
|
||||
:options="state.neCascaderOptions"
|
||||
@change="fnGetData()"
|
||||
:allow-clear="false"
|
||||
:placeholder="t('views.logManage.neFile.neTypePlease')"
|
||||
:disabled="state.confirmLoading"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="Sync To NE" name="sync">
|
||||
<a-switch
|
||||
:checked-children="t('common.switch.open')"
|
||||
:un-checked-children="t('common.switch.shut')"
|
||||
v-model:checked="state.sync"
|
||||
:disabled="state.confirmLoading"
|
||||
></a-switch>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</template>
|
||||
|
||||
<!-- 插槽-卡片右侧 -->
|
||||
<template #extra>
|
||||
<a-space :size="8" align="center">
|
||||
<a-button
|
||||
type="default"
|
||||
:disabled="state.confirmLoading"
|
||||
@click.prevent="fnGetData()"
|
||||
>
|
||||
<template #icon><ReloadOutlined /></template>
|
||||
Reload
|
||||
</a-button>
|
||||
<a-button
|
||||
type="primary"
|
||||
:loading="state.confirmLoading"
|
||||
@click="fnSaveData()"
|
||||
>
|
||||
<template #icon><SaveOutlined /></template>
|
||||
Save
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
|
||||
<a-form
|
||||
name="para5GFileeFrom"
|
||||
layout="horizontal"
|
||||
:label-col="{ span: 6 }"
|
||||
:label-wrap="true"
|
||||
:hidden="!state.neType.length"
|
||||
>
|
||||
<div>{{ state.from }}</div>
|
||||
<a-divider orientation="left">httpManageCfg </a-divider>
|
||||
<a-row :gutter="16">
|
||||
<a-col :lg="24" :md="24" :xs="24">
|
||||
<a-form-item
|
||||
label="oamConfig.enable"
|
||||
name="oamConfig.enable"
|
||||
:label-col="{ span: 3 }"
|
||||
:label-wrap="true"
|
||||
>
|
||||
<a-switch
|
||||
:checked-children="t('common.switch.open')"
|
||||
:un-checked-children="t('common.switch.shut')"
|
||||
v-model:checked="state.from.oamConfig.enable"
|
||||
></a-switch>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
<a-col :lg="12" :md="12" :xs="24">
|
||||
<a-form-item label="dnn_data" name="dnn_data">
|
||||
<a-input
|
||||
v-model:value="state.from.oamConfig.ipv4"
|
||||
allow-clear
|
||||
:placeholder="t('common.inputPlease')"
|
||||
:maxlength="50"
|
||||
>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :lg="12" :md="12" :xs="24">
|
||||
<a-form-item label="port" name="port">
|
||||
<a-input
|
||||
v-model:value="state.from.oamConfig.port"
|
||||
allow-clear
|
||||
:placeholder="t('common.inputPlease')"
|
||||
:maxlength="50"
|
||||
>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :lg="12" :md="12" :xs="24">
|
||||
<a-form-item label="scheme" name="scheme">
|
||||
<a-input
|
||||
v-model:value="state.from.oamConfig.scheme"
|
||||
allow-clear
|
||||
:placeholder="t('common.inputPlease')"
|
||||
:maxlength="50"
|
||||
>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
{{ state.from.oamConfig.neConfig }}
|
||||
</a-row>
|
||||
<a-divider orientation="left">httpManageCfg </a-divider>
|
||||
<a-row :gutter="16">
|
||||
<a-col :lg="24" :md="24" :xs="24">
|
||||
<a-form-item
|
||||
label="oamConfig.enable"
|
||||
name="oamConfig.enable"
|
||||
:label-col="{ span: 3 }"
|
||||
:label-wrap="true"
|
||||
>
|
||||
<a-switch
|
||||
:checked-children="t('common.switch.open')"
|
||||
:un-checked-children="t('common.switch.shut')"
|
||||
v-model:checked="state.from.oamConfig.enable"
|
||||
></a-switch>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :lg="24" :md="24" :xs="24">
|
||||
<a-form-item
|
||||
label="snmpConfig.enable"
|
||||
name="snmpConfig.enable"
|
||||
:label-col="{ span: 3 }"
|
||||
:label-wrap="true"
|
||||
>
|
||||
<a-switch
|
||||
:checked-children="t('common.switch.open')"
|
||||
:un-checked-children="t('common.switch.shut')"
|
||||
v-model:checked="state.from.snmpConfig.enable"
|
||||
></a-switch>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
<a-col :lg="24" :md="24" :xs="24">
|
||||
<a-form-item
|
||||
label="timer"
|
||||
name="timer"
|
||||
:label-col="{ span: 3 }"
|
||||
:label-wrap="true"
|
||||
>
|
||||
<a-input-number
|
||||
v-model:value="state.from.kpiConfig.timer"
|
||||
:min="1"
|
||||
:max="65535"
|
||||
placeholder="1-65535"
|
||||
></a-input-number>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</a-card>
|
||||
</PageContainer>
|
||||
</template>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
Reference in New Issue
Block a user