完善首页以及告警界面

src/views/dashboard/overview/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue';
+import { onMounted, reactive, ref } from 'vue';
 import useI18n from '@/hooks/useI18n';
 import Topology from './components/Topology/index.vue';
 import NeResources from './components/NeResources/index.vue';
@@ -7,17 +7,59 @@ import CDR from './components/CDR/index.vue';
 import AlarnDayLine from './components/AlarnDayLine/index.vue';
 import AlarnTypeBar from './components/AlarnTypeBar/index.vue';
 import UPFFlow from './components/UPFFlow/index.vue';
+import { listSub } from '@/api/neUser/sub';
+import { listUENum } from '@/api/neUser/ue';
+
 import { graphNodeClickID } from './hooks/useTopology';
 import { useFullscreen } from '@vueuse/core';
 import useAppStore from '@/store/modules/app';
 const appStore = useAppStore();
 const { t } = useI18n();
 
+// let subNum = ref<number>(0);
+
+/**用户在线信息 */
+let onlineInfo: {
+  /**签约用户数量 */
+  subNum: number;
+  /**告警清除类型 */
+  ueNum: any;
+  /**告警清除类型 */
+  activeAckState: DictType[];
+  /**原始严重程度 */
+  activeAlarmSeverity: DictType[];
+} = reactive({
+  subNum: 0,
+  ueNum: 0,
+  activeAckState: [],
+  activeAlarmSeverity: [],
+});
+
 /**总览节点 */
 const viewportDom = ref<HTMLElement | null>(null);
 const { isFullscreen, toggle } = useFullscreen(viewportDom);
 
-onMounted(() => {});
+onMounted(() => {
+  Promise.allSettled([
+    listSub({
+      neid: '003',
+      sortField: 'imsi',
+      sortOrder: 'asc',
+      pageNum: '1',
+      pageSize: '20',
+    }),
+ //    listUENum('001'),
+  ]).then(resArr => {
+    console.log(resArr)
+    if (resArr[0].status === 'fulfilled') {
+      onlineInfo.subNum=resArr[0].value.total;
+    }
+    // if (resArr[1].status === 'fulfilled') {
+    //   console.log(resArr[1].value)
+    //   onlineInfo.ueNum=resArr[1].value.data?.ueNum;
+    // }
+  });
+});
 </script>
 
 <template>
@@ -36,14 +78,14 @@ onMounted(() => {});
       <div class="overview panel">
         <div class="inner">
           <div class="item">
-            <h4>2,190</h4>
+            <h4>{{onlineInfo.subNum}}</h4>
             <span>
               <UserOutlined style="color: #006cff" />
               签约用户
             </span>
           </div>
           <div class="item">
-            <h4>190</h4>
+            <h4>1000</h4>
             <span>
               <UserSwitchOutlined style="color: #6acca3" />
               语音在线
@@ -69,7 +111,7 @@ onMounted(() => {});
       <!--本月告警统计-->
       <div class="alarmType panel">
         <div class="inner">
-          <h3>本月告警统计</h3>
+          <h3>告警统计</h3>
           <div class="chart">
             <AlarnTypeBar />
           </div>