首页变动

src/views/index.vue

@@ -15,7 +15,7 @@ import useRouterStore from '@/store/modules/router';
 const routerStore = useRouterStore();
 const currentComponent = shallowRef<Component | null>(null);
 
-const spinning = ref<boolean>(true);
+const spinning = ref<boolean>(false);
 
 /**匹配views里面所有的.vue或.tsx文件 */
 const views = import.meta.glob('../views/**/*.{vue,tsx}') as Record<
@@ -52,20 +52,23 @@ onMounted(() => {
   } else {
     useLayoutStore().changeConf('layout', 'mix');
     //获取当前系统设置的首页路径
-    getConfigKey('sys.homePage').then(res => {
+    spinning.value = true;
-      spinning.value = false;
+    getConfigKey('sys.homePage')
-
+      .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS && res.data) {
+        if (res.code === RESULT_CODE_SUCCESS && res.data) {
-        if (res.data) {
+          if (res.data) {
-          const asyncComponent = findView(`${res.data}`);
+            const asyncComponent = findView(`${res.data}`);
-          currentComponent.value = defineAsyncComponent(asyncComponent);
+            currentComponent.value = defineAsyncComponent(asyncComponent);
+          }
+        } else {
+          currentComponent.value = defineAsyncComponent(
+            () => import('@/views/configManage/neOverview/index.vue')
+          );
         }
-      } else {
+      })
-        currentComponent.value = defineAsyncComponent(
+      .finally(() => {
-          () => import('@/views/configManage/neOverview/index.vue')
+        spinning.value = false;
-        );
+      });
-      }
-    });
   }
 });
 </script>

src/views/index/moduleInfo.vue

@@ -13,6 +13,7 @@ import { useRouter } from 'vue-router';
 import { listUENumByIMS } from '@/api/neUser/ims';
 import { listSMFDataCDR } from '@/api/neData/smf';
 import { listIMSDataCDR } from '@/api/neData/ims';
+import { listSMSCDataCDR } from '@/api/neData/smsc';
 import { listMMEDataUE } from '@/api/neData/mme';
 import { listAMFDataUE } from '@/api/neData/amf';
 const router = useRouter();
@@ -38,6 +39,8 @@ type SkimStateType = {
   smfCdrNum: number;
   /**IMS CDR数量 */
   imsCdrNum: number;
+  /**SMSC CDR数量 */
+  smscCdrNum: number;
   /**4G事件数量 */
   EventNum: number;
   /**5G事件数量 */
@@ -55,6 +58,7 @@ let skimState: SkimStateType = reactive({
   imsUeNum: 0,
   smfCdrNum: 0,
   imsCdrNum: 0,
+  smscCdrNum: 0,
   EventNum: 0,
   gEventNum: 0,
 });
@@ -105,6 +109,12 @@ async function fnGetSkim() {
       pageNum: 1,
       pageSize: 20,
     }),
+    listSMSCDataCDR({
+      neType: 'SMSC',
+      neId: '001',
+      pageNum: 1,
+      pageSize: 20,
+    }),
   ]);
 
   if (resArr[0].status === 'fulfilled') {
@@ -172,6 +182,12 @@ async function fnGetSkim() {
       skimState.gEventNum = res8.total;
     }
   }
+  if (resArr[9].status === 'fulfilled') {
+    const res9 = resArr[9].value;
+    if (res9.code === RESULT_CODE_SUCCESS) {
+      skimState.smscCdrNum = res9.total;
+    }
+  }
 }
 
 /**栏目信息跳转 */
@@ -336,7 +352,7 @@ onMounted(() => {
             <div
               class="cdrNumber"
               @click="fnToRouter('ImsCDR_10013')"
-              :title="`${skimState.imsCdrNum}`"
+              title="Voice CDR Number"
             >
               <PhoneOutlined class="spaceButton" />
               <!-- <span class="value">{{ skimState.imsCdrNum }}</span> -->
@@ -347,8 +363,8 @@ onMounted(() => {
           <div class="details-item cdrCenter">
             <div
               class="cdrNumber"
-              @click="fnToRouter('SmfCDR_10014')"
+              @click="fnToRouter('SmscCDR_10021')"
-              :title="`${skimState.smfCdrNum}`"
+              title="SMS CDR Number"
             >
               <img
                 :src="smscCdr"
@@ -356,7 +372,7 @@ onMounted(() => {
                 class="spaceButton"
               />
               <!-- <span class="value"> {{skimState.smfCdrNum}}</span> -->
-              <span class="value"> {{ skimState.smfCdrNum }}</span>
+              <span class="value"> {{ skimState.smscCdrNum }}</span>
             </div>
           </div>
 
@@ -364,7 +380,7 @@ onMounted(() => {
             <div
               class="cdrNumber"
               @click="fnToRouter('SmfCDR_10014')"
-              :title="`${skimState.smfCdrNum}`"
+              title="Data CDR Number"
             >
               <database-outlined class="spaceButton" />
               <span class="value"> {{ skimState.smfCdrNum }}</span>