过滤无自定义指标的网元

src/views/perfManage/kpiCReport/index.vue

@@ -82,12 +82,19 @@ let queryRangePicker = ref<[string, string]>(['', '']);
 
 /**时间选择 */
 const ranges = ref([
-  {label:t('views.perfManage.customTarget.sixHoursAgo'),value:[dayjs().subtract(6, 'hours'),
+  {
-      dayjs(),]},
+    label: t('views.perfManage.customTarget.sixHoursAgo'),
-  {label:t('views.perfManage.customTarget.threeHoursAgo'),value:[dayjs().subtract(3, 'hours'),
+    value: [dayjs().subtract(6, 'hours'), dayjs()],
-      dayjs(),]},
+  },
-  {label:t('views.monitor.monitor.today'),value:[dayjs().startOf('day'), dayjs()]},
+  {
-])
+    label: t('views.perfManage.customTarget.threeHoursAgo'),
+    value: [dayjs().subtract(3, 'hours'), dayjs()],
+  },
+  {
+    label: t('views.monitor.monitor.today'),
+    value: [dayjs().startOf('day'), dayjs()],
+  },
+]);
 
 /**表格字段列 */
 let tableColumns = ref<any[]>([]);
@@ -203,6 +210,13 @@ const kpiColors = new Map<string, string>();
 //legend表格数据
 const kpiStats: any = ref([]);
 
+// 添加一个函数来获取当前主题下的网格线颜色
+function getSplitLineColor() {
+  return document.documentElement.getAttribute('data-theme') === 'dark'
+    ? '#333333'
+    : '#E8E8E8'; // 亮色模式返回 undefined，使用默认颜色
+}
+
 // 添加表格列定义
 const statsColumns: TableColumnType<any>[] = [
   {
@@ -316,6 +330,7 @@ function fnGetListTitle() {
           tableState.data = [];
           tableColumns.value = [];
           tableColumnsDnd.value = [];
+          kpiStats.value = []; //清空数据
           fnRanderChartData();
           return false;
         }
@@ -390,6 +405,11 @@ function fnGetList() {
             content: t('common.noData'),
             duration: 2,
           });
+          tableState.data = [];
+          tableColumns.value = [];
+          tableColumnsDnd.value = [];
+          kpiStats.value = []; //清空数据
+          fnRanderChartData();
           return false;
         }
         return true;
@@ -548,7 +568,7 @@ function fnRanderChartData() {
 
   for (const item of orgData) {
     const keys = Object.keys(item);
-    console.log(keys,item);//
+    //console.log(keys,item);//
     for (const y of chartDataYSeriesData) {
       for (const key of keys) {
         if (y.key === key) {
@@ -582,18 +602,6 @@ function fnRanderChartData() {
   );
 }
 
-/**图表折线显示全部 */
-function fnLegendSelected(bool: any) {
-  for (const key of Object.keys(chartLegendSelected)) {
-    chartLegendSelected[key] = bool;
-  }
-  kpiChart.value.setOption({
-    legend: {
-      selected: chartLegendSelected,
-    },
-  });
-}
-
 /**图表实时统计 */
 function fnRealTimeSwitch(bool: any) {
   if (bool) {
@@ -703,15 +711,26 @@ function handleRowClick(record: any) {
 onMounted(() => {
   // 目前支持的 AMF AUSF MME MOCNGW NSSF SMF UDM UPF PCF
   // 获取网元网元列表
+  listCustom({ status: 'Active' }).then((res: any) => {
+    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+      if (!res.data.length) {
+        message.warning({
+          content: '无可用的自定义指标,请先添加自定义指标',
+          duration: 2,
+        });
+        return false;
+      }
+      let typeArr: any = [];
+      res.data.forEach((item: any) => {
+        typeArr.push(item.neType);
+      });
       neInfoStore.fnNelist().then(res => {
         if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
           if (res.data.length > 0) {
             // 过滤不可用的网元
             neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
               (item: any) => {
-            return !['OMC', 'NSSF', 'NEF', 'NRF', 'LMF', 'N3IWF'].includes(
+                return typeArr.includes(item.value);
-              item.value
-            );
               }
             );
             if (neCascaderOptions.value.length === 0) {
@@ -723,7 +742,9 @@ onMounted(() => {
             }
             // 无查询参数neType时 默认选择UPF
             const queryNeType = (route.query.neType as string) || 'UPF';
-        const item = neCascaderOptions.value.find(s => s.value === queryNeType);
+            const item = neCascaderOptions.value.find(
+              s => s.value === queryNeType
+            );
             if (item && item.children) {
               const info = item.children[0];
               state.neType = [info.neType, info.neId];
@@ -740,9 +761,14 @@ onMounted(() => {
 
             const now = new Date();
             now.setMinutes(0, 0, 0);
-        queryRangePicker.value[0] = `${now.getTime()}`;
+            // 设置起始时间为整点前一小时
-        now.setMinutes(59, 59, 59);
+            const startTime = new Date(now);
-        queryRangePicker.value[1] = `${now.getTime()}`;
+            startTime.setHours(now.getHours() - 1);
+            queryRangePicker.value[0] = `${startTime.getTime()}`;
+            // 设置结束时间为整点
+            const endTime = new Date(now);
+            endTime.setMinutes(59, 59, 59);
+            queryRangePicker.value[1] = `${endTime.getTime()}`;
             fnGetListTitle();
             // 绘图
             fnRanderChart();
@@ -754,6 +780,8 @@ onMounted(() => {
           });
         }
       });
+    }
+  });
 });
 
 onBeforeUnmount(() => {