feat: 看板用户行为事件

src/views/dashboard/overview/index.vue

@@ -3,8 +3,7 @@ import { onBeforeUnmount, onMounted, reactive, ref } from 'vue';
 import useI18n from '@/hooks/useI18n';
 import Topology from './components/Topology/index.vue';
 import NeResources from './components/NeResources/index.vue';
-import UEEvent from './components/UEEvent/index.vue';
-import CDREvent from './components/CDREvent/index.vue';
+import UserActivity from './components/UserActivity/index.vue';
 import AlarnDayLine from './components/AlarnDayLine/index.vue';
 import AlarnTypeBar from './components/AlarnTypeBar/index.vue';
 import UPFFlow from './components/UPFFlow/index.vue';
@@ -75,6 +74,7 @@ async function fnGetState() {
   stateTimeout.value = setTimeout(() => fnGetState(), 5_000);
 }
 
+/**初始数据函数 */
 function InitData() {
   cdrEventSend();
   ueEventSend();
@@ -188,32 +188,22 @@ onBeforeUnmount(() => {
           <div class="item">
             <h4>{{ onlineInfo.nbNum }}</h4>
             <span>
-              <WifiOutlined style="color: #edcb35" />
+              <GlobalOutlined style="color: #edcb35"/>
               {{ t('views.dashboard.overview.skim.base') }}
             </span>
           </div>
         </div>
       </div>
 
-      <!--告警统计-->
-      <div class="alarmType panel">
-        <div class="inner">
-          <h3>{{ t('views.dashboard.overview.alarmType.title') }}</h3>
-          <div class="chart">
-            <AlarnTypeBar />
-          </div>
-        </div>
-      </div>
-
-      <!-- CDR会话 -->
-      <div class="cdrEvent panel">
+      <!-- 用户行为 -->
+      <div class="userActivity panel">
         <div class="inner">
           <h3>
             <WhatsAppOutlined style="color: #68d8fe" />&nbsp;&nbsp;
-            {{ t('views.dashboard.overview.cdrEvent.title') }}
+            {{ t('views.dashboard.overview.userActivity.title') }}
           </h3>
           <div class="chart">
-            <CDREvent />
+            <UserActivity />
           </div>
         </div>
       </div>
@@ -305,15 +295,21 @@ onBeforeUnmount(() => {
           </div>
         </div>
       </div>
-      <!-- UE会话 -->
-      <div class="ueEvent panel">
+      <!--告警统计-->
+      <div class="alarmType panel">
         <div class="inner">
-          <h3>
-            <WhatsAppOutlined style="color: #68d8fe" />&nbsp;&nbsp;
-            {{ t('views.dashboard.overview.ueEvent.title') }}
-          </h3>
+          <h3>{{ t('views.dashboard.overview.alarmType.title') }}</h3>
           <div class="chart">
-            <UEEvent />
+            <AlarnTypeBar />
+          </div>
+        </div>
+      </div>
+      <!--告警Top-->
+      <div class="alarmType panel">
+        <div class="inner">
+          <h3>{{ t('views.dashboard.overview.alarmType.title') }}</h3>
+          <div class="chart">
+            <AlarnDayLine />
           </div>
         </div>
       </div>