feat:综合仪表盘修改初版

src/views/dashboard/overview2/index.vue

@@ -291,6 +291,16 @@ function fnSelectNe(value: any, option: any) {
   // loadData();
 }
 
+// UPF实时流量下拉菜单选择
+function fnSelectUPF(e: any) {
+  upfWhoId.value = e.key;
+  reSendUPF(e.key);
+
+  for (var key in upfTotalFlow.value) {
+    upfTotalFlow.value[key].requestFlag = false;
+  }
+}
+
 let udmNeId = ref<string>('001');
 let udmOtions = ref<Record<string, any>[]>([]);
 let onlineOtions = ref<Record<string, any>[]>([]);
@@ -543,24 +553,29 @@ onBeforeUnmount(() => {
       <!-- 实时流量 -->
       <div class="upfFlow panel">
         <div class="inner">
-          <h3
-            class="toRouter centerStyle"
-            :title="t('views.dashboard.overview.toRouter')"
-          >
+          <h3 class="centerStyle">
             <span class="title">
-              <div @click="fnToRouter('GoldTarget_2104')">
+              <div class="toRouter" @click="fnToRouter('GoldTarget_2104')" :title="t('views.dashboard.overview.toRouter')">
                 <AreaChartOutlined style="color: #68d8fe" />&nbsp;&nbsp;
                 {{ t('views.dashboard.overview.upfFlow.title') }}
               </div>
               &nbsp;&nbsp;&nbsp;&nbsp;
-              <a-select
-                v-model:value="upfWhoId"
-                :options="neOtions"
+              <a-dropdown
+                :trigger="['click']"
                 :get-Popup-Container="getPopupContainer"
-                class="toDeep"
-                style="color: #fff"
-                @change="fnSelectNe"
-              />
+              >
+                <div class="toDeep-text">
+                  {{ neOtions.find(item => item.value === upfWhoId)?.label || 'Select UPF' }}
+                  <DownOutlined style="margin-left: -2px; font-size: 12px" />
+                </div>
+                <template #overlay>
+                  <a-menu @click="fnSelectUPF">
+                    <a-menu-item v-for="v in neOtions" :key="v.value">
+                      {{ v.label }}
+                    </a-menu-item>
+                  </a-menu>
+                </template>
+              </a-dropdown>
             </span>
           </h3>