添加统计数

This commit is contained in:
lai
2024-01-29 17:07:02 +08:00
parent 4d39a4bdee
commit 3ed6b5c818
2 changed files with 39 additions and 23 deletions

View File

@@ -62,10 +62,9 @@ export async function listUE(query: Record<string, any>) {
return data; return data;
} }
//
/** /**
* 查询SMF在线用户数 * 首页查询SMF在线用户数
* @param query 查询参数 * @param query 查询参数
* @returns neId * @returns neId
*/ */
@@ -74,16 +73,10 @@ export async function listUENum(neId: String) {
url: `/api/rest/ueManagement/v1/elementType/smf/objectType/ueNum?neId=${neId}`, url: `/api/rest/ueManagement/v1/elementType/smf/objectType/ueNum?neId=${neId}`,
method: 'get', method: 'get',
}); });
let data: DataList = { if (result.code === RESULT_CODE_SUCCESS) {
total: 0, let data = result.data.data;
rows: [], return Object.assign(result, {
code: result.code, data: parseObjLineToHump(data['ueNum']),
msg: result.msg, });
};
// 解析数据
if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
const rows = parseObjLineToHump(result.data.data);
data.total = rows.length;
data.rows = rows;
} }
} }

View File

@@ -10,11 +10,14 @@ import AlarnTypeBar from './components/AlarnTypeBar/index.vue';
import UPFFlow from './components/UPFFlow/index.vue'; import UPFFlow from './components/UPFFlow/index.vue';
import { listSub } from '@/api/neUser/sub'; import { listSub } from '@/api/neUser/sub';
import { listUENum } from '@/api/neUser/ue'; import { listUENum } from '@/api/neUser/ue';
import { listBase5G } from '@/api/neUser/base5G';
import { graphNodeClickID } from './hooks/useTopology'; import { graphNodeClickID } from './hooks/useTopology';
import { upfTotalFlow, upfTFActive } from './hooks/useUPFTotalFlow'; import { upfTotalFlow, upfTFActive } from './hooks/useUPFTotalFlow';
import { useFullscreen } from '@vueuse/core'; import { useFullscreen } from '@vueuse/core';
import useWS from './hooks/useWS'; import useWS from './hooks/useWS';
import useAppStore from '@/store/modules/app'; import useAppStore from '@/store/modules/app';
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
const appStore = useAppStore(); const appStore = useAppStore();
const { t } = useI18n(); const { t } = useI18n();
const { wsSend, cdrEventSend, ueEventSend, upfTFSend } = useWS(); const { wsSend, cdrEventSend, ueEventSend, upfTFSend } = useWS();
@@ -23,16 +26,16 @@ const { wsSend, cdrEventSend, ueEventSend, upfTFSend } = useWS();
let onlineInfo: { let onlineInfo: {
/**签约用户数量 */ /**签约用户数量 */
subNum: number; subNum: number;
/**告警清除类型 */ /**在线用户数 */
ueNum: any; ueNum: any;
/**告警清除类型 */ /**基站数量 */
activeAckState: DictType[]; nbNum: number;
/**原始严重程度 */ /**原始严重程度 */
activeAlarmSeverity: DictType[]; activeAlarmSeverity: DictType[];
} = reactive({ } = reactive({
subNum: 0, subNum: 0,
ueNum: 0, ueNum: 0,
activeAckState: [], nbNum: 0,
activeAlarmSeverity: [], activeAlarmSeverity: [],
}); });
@@ -49,14 +52,34 @@ onMounted(() => {
pageNum: '1', pageNum: '1',
pageSize: '20', pageSize: '20',
}), }),
listBase5G({
//
neName: 'AMF',
id: '001',
pageNum: 1,
/**每页条数 */
pageSize: 20,
}),
listUENum('001'), listUENum('001'),
]) ])
.then(resArr => { .then(resArr => {
if (resArr[0].status === 'fulfilled') { if (resArr[0].status === 'fulfilled') {
onlineInfo.subNum = resArr[0].value.total; onlineInfo.subNum = resArr[0].value.total;
} }
if (resArr[1].status === 'fulfilled') {
console.log(resArr); if (
resArr[1].status === 'fulfilled' &&
resArr[1].value.code === RESULT_CODE_SUCCESS &&
Array.isArray(resArr[1].value.rows)
) {
onlineInfo.nbNum = resArr[1].value.rows.length;
}
if (
resArr[2].status === 'fulfilled' &&
resArr[2].value?.code === RESULT_CODE_SUCCESS
) {
onlineInfo.ueNum = resArr[2].value?.data;
} }
}) })
.finally(() => { .finally(() => {
@@ -100,7 +123,7 @@ onMounted(() => {
</span> </span>
</div> </div>
<div class="item"> <div class="item">
<h4>1000</h4> <h4>{{ onlineInfo.ueNum }}</h4>
<span> <span>
<UserSwitchOutlined style="color: #6acca3" /> <UserSwitchOutlined style="color: #6acca3" />
{{ t('views.dashboard.overview.skim.session') }} {{ t('views.dashboard.overview.skim.session') }}
@@ -114,7 +137,7 @@ onMounted(() => {
</span> </span>
</div> </div>
<div class="item"> <div class="item">
<h4>2</h4> <h4>{{ onlineInfo.nbNum }}</h4>
<span> <span>
<WifiOutlined style="color: #edcb35" /> <WifiOutlined style="color: #edcb35" />
{{ t('views.dashboard.overview.skim.base') }} {{ t('views.dashboard.overview.skim.base') }}