style: 修改kpi表头提示，关闭排序

src/i18n/locales/en-US.ts

@@ -978,9 +978,13 @@ export default {
       kpiOverView:{
         "kpiName":"NE Metrics Name",
         "maxValue":"Max",
+        "maxValueTip":"The max value of metric data within the user's filtered time range.",
         "minValue":"Min",
+        "minValueTip":"The min value of metric data within the user's filtered time range.",
         "avgValue":"Avg",
-        "totalValue":"Total",
+        "avgValueTip":"The average value of metric data within the user's filtered time range.",
+        "totalValue":"Sum",
+        "totalValueTip":"The sum value of metric data within the user's filtered time range.",
         "kpiChartTitle":"Overview of NE metrics",
         "changeLine":"Change to Line Charts",
         "changeBar":"Change to Bar Charts",

src/i18n/locales/zh-CN.ts

@@ -978,9 +978,13 @@ export default {
       kpiOverView:{
         "kpiName":"指标名",
         "maxValue":"最大值",
+        "maxValueTip":"用户筛选时间范围内度量数据的最大值。",
         "minValue":"最小值",
+        "minValueTip":"用户筛选时间范围内度量数据的最小值。",
         "avgValue":"平均值",
+        "avgValueTip":"用户筛选时间范围内度量数据的平均值。",
         "totalValue":"总值",
+        "totalValueTip":"用户筛选时间范围内度量数据的总值。",
         "kpiChartTitle":"网元指标概览",
         "changeLine":"切换为折线图",
         "changeBar":"切换为柱状图",

src/views/perfManage/goldTarget/index.vue

@@ -224,7 +224,6 @@ const statsColumns: TableColumnType<any>[] = [
     dataIndex: 'total',
     key: 'total',
     width: '24%',
-    sorter: (a: any, b: any) => a.total - b.total,
     sortDirections: ['ascend', 'descend'],
   },
   {
@@ -232,7 +231,6 @@ const statsColumns: TableColumnType<any>[] = [
     dataIndex: 'avg',
     key: 'avg',
     width: '24%',
-    sorter: (a: any, b: any) => a.avg - b.avg,
     sortDirections: ['ascend', 'descend'],
   },
   {
@@ -240,7 +238,6 @@ const statsColumns: TableColumnType<any>[] = [
     dataIndex: 'max',
     key: 'max',
     width: '17%',
-    sorter: (a: any, b: any) => a.max - b.max, // 添加排序函数
     sortDirections: ['ascend', 'descend'],
   },
   {
@@ -248,7 +245,6 @@ const statsColumns: TableColumnType<any>[] = [
     dataIndex: 'min',
     key: 'min',
     width: '17%',
-    sorter: (a: any, b: any) => a.min - b.min, // 添加排序函数
     sortDirections: ['ascend', 'descend'],
   },
 ];
@@ -1100,7 +1096,9 @@ onBeforeUnmount(() => {
                   {{ t('views.perfManage.kpiOverView.totalValue') }}
                   <a-tooltip placement="bottom">
                     <template #title>
-                      <span>Sum within Time Range</span>
+                      <span>
+                        {{ t('views.perfManage.kpiOverView.totalValueTip') }}
+                      </span>
                     </template>
                     <InfoCircleOutlined />
                   </a-tooltip>
@@ -1111,7 +1109,9 @@ onBeforeUnmount(() => {
                   {{ t('views.perfManage.kpiOverView.avgValue') }}
                   <a-tooltip placement="bottom">
                     <template #title>
-                      <span>Average value over the time range</span>
+                      <span>
+                        {{ t('views.perfManage.kpiOverView.avgValueTip') }}
+                      </span>
                     </template>
                     <InfoCircleOutlined />
                   </a-tooltip>
@@ -1122,7 +1122,9 @@ onBeforeUnmount(() => {
                   {{ t('views.perfManage.kpiOverView.maxValue') }}
                   <a-tooltip placement="bottom">
                     <template #title>
-                      <span>Maximum value in time range</span>
+                      <span>
+                        {{ t('views.perfManage.kpiOverView.maxValueTip') }}
+                      </span>
                     </template>
                     <InfoCircleOutlined />
                   </a-tooltip>
@@ -1133,7 +1135,9 @@ onBeforeUnmount(() => {
                   {{ t('views.perfManage.kpiOverView.minValue') }}
                   <a-tooltip placement="bottom">
                     <template #title>
-                      <span>Minimum value in the time range</span>
+                      <span>
+                        {{ t('views.perfManage.kpiOverView.minValueTip') }}
+                      </span>
                     </template>
                     <InfoCircleOutlined />
                   </a-tooltip>

src/views/perfManage/kpiCReport/index.vue

@@ -247,7 +247,6 @@ const statsColumns: TableColumnType<any>[] = [
     dataIndex: 'avg',
     key: 'avg',
     width: '24%',
-    sorter: (a: any, b: any) => a.avg - b.avg,
     sortDirections: ['ascend', 'descend'],
   },
   {
@@ -255,7 +254,6 @@ const statsColumns: TableColumnType<any>[] = [
     dataIndex: 'max',
     key: 'max',
     width: '17%',
-    sorter: (a: any, b: any) => a.max - b.max, // 添加排序函数
     sortDirections: ['ascend', 'descend'],
   },
   {
@@ -263,7 +261,6 @@ const statsColumns: TableColumnType<any>[] = [
     dataIndex: 'min',
     key: 'min',
     width: '17%',
-    sorter: (a: any, b: any) => a.min - b.min, // 添加排序函数
     sortDirections: ['ascend', 'descend'],
   },
 ];
@@ -453,7 +450,8 @@ function fnGetList() {
           );
 
           // 计算平均值
-          const avg = values.length > 0 ? Number((total / values.length).toFixed(2)) : 0;
+          const avg =
+            values.length > 0 ? Number((total / values.length).toFixed(2)) : 0;
           kpiStats.value.push({
             kpiId: columns.key,
             title: columns.title,
@@ -1123,7 +1121,9 @@ onBeforeUnmount(() => {
                   {{ t('views.perfManage.kpiOverView.totalValue') }}
                   <a-tooltip placement="bottom">
                     <template #title>
-                      <span>Sum within Time Range</span>
+                      <span>
+                        {{ t('views.perfManage.kpiOverView.totalValueTip') }}
+                      </span>
                     </template>
                     <InfoCircleOutlined />
                   </a-tooltip>
@@ -1134,7 +1134,9 @@ onBeforeUnmount(() => {
                   {{ t('views.perfManage.kpiOverView.avgValue') }}
                   <a-tooltip placement="bottom">
                     <template #title>
-                      <span>Average value over the time range</span>
+                      <span>
+                        {{ t('views.perfManage.kpiOverView.avgValueTip') }}
+                      </span>
                     </template>
                     <InfoCircleOutlined />
                   </a-tooltip>
@@ -1145,7 +1147,9 @@ onBeforeUnmount(() => {
                   {{ t('views.perfManage.kpiOverView.maxValue') }}
                   <a-tooltip placement="bottom">
                     <template #title>
-                      <span>Maximum value in time range</span>
+                      <span>
+                        {{ t('views.perfManage.kpiOverView.maxValueTip') }}
+                      </span>
                     </template>
                     <InfoCircleOutlined />
                   </a-tooltip>
@@ -1156,7 +1160,9 @@ onBeforeUnmount(() => {
                   {{ t('views.perfManage.kpiOverView.minValue') }}
                   <a-tooltip placement="bottom">
                     <template #title>
-                      <span>Minimum value in the time range</span>
+                      <span>
+                        {{ t('views.perfManage.kpiOverView.minValueTip') }}
+                      </span>
                     </template>
                     <InfoCircleOutlined />
                   </a-tooltip>

src/views/perfManage/kpiKeyTarget/index.vue

@@ -1220,7 +1220,6 @@ const statsColumns: TableColumnType<KPIStats>[] = [
     dataIndex: 'max',
     key: 'max',
     width: '30%',
-    sorter: (a: KPIStats, b: KPIStats) => a.max - b.max,
     sortDirections: ['ascend', 'descend'] as ('ascend' | 'descend')[],
   },
   {
@@ -1228,7 +1227,6 @@ const statsColumns: TableColumnType<KPIStats>[] = [
     dataIndex: 'min',
     key: 'min',
     width: '30%',
-    sorter: (a: KPIStats, b: KPIStats) => a.min - b.min,
     sortDirections: ['ascend', 'descend'] as ('ascend' | 'descend')[],
   },
 ];
@@ -1349,7 +1347,9 @@ const handleTabChange = async (activeKey: string, type: AllChartType) => {
                         {{ t('views.perfManage.kpiOverView.totalValue') }}
                         <a-tooltip placement="bottom">
                           <template #title>
-                            <span>Sum within Time Range</span>
+                            <span>
+                              {{ t('views.perfManage.kpiOverView.totalValueTip') }}
+                            </span>
                           </template>
                           <InfoCircleOutlined />
                         </a-tooltip>
@@ -1360,7 +1360,9 @@ const handleTabChange = async (activeKey: string, type: AllChartType) => {
                         {{ t('views.perfManage.kpiOverView.avgValue') }}
                         <a-tooltip placement="bottom">
                           <template #title>
-                            <span>Average value over the time range</span>
+                            <span>
+                              {{ t('views.perfManage.kpiOverView.avgValueTip') }}
+                            </span>
                           </template>
                           <InfoCircleOutlined />
                         </a-tooltip>
@@ -1371,7 +1373,9 @@ const handleTabChange = async (activeKey: string, type: AllChartType) => {
                         {{ t('views.perfManage.kpiOverView.maxValue') }}
                         <a-tooltip placement="bottom">
                           <template #title>
-                            <span>Maximum value in time range</span>
+                            <span>
+                              {{ t('views.perfManage.kpiOverView.maxValueTip') }}
+                            </span>
                           </template>
                           <InfoCircleOutlined />
                         </a-tooltip>
@@ -1382,7 +1386,9 @@ const handleTabChange = async (activeKey: string, type: AllChartType) => {
                         {{ t('views.perfManage.kpiOverView.minValue') }}
                         <a-tooltip placement="bottom">
                           <template #title>
-                            <span>Minimum value in the time range</span>
+                            <span>
+                              {{ t('views.perfManage.kpiOverView.minValueTip') }}
+                            </span>
                           </template>
                           <InfoCircleOutlined />
                         </a-tooltip>

src/views/perfManage/kpiOverView/index.vue

@@ -815,7 +815,6 @@ const statsColumns: TableColumnType<KPIStats>[] = [
     dataIndex: 'total',
     key: 'total',
     width: '12%',
-    sorter: (a: KPIStats, b: KPIStats) => a.total - b.total,
     sortDirections: ['ascend', 'descend'],
   },
   {
@@ -823,7 +822,6 @@ const statsColumns: TableColumnType<KPIStats>[] = [
     dataIndex: 'avg',
     key: 'avg',
     width: '12%',
-    sorter: (a: KPIStats, b: KPIStats) => a.avg - b.avg,
     sortDirections: ['ascend', 'descend'],
   },
   {
@@ -831,7 +829,6 @@ const statsColumns: TableColumnType<KPIStats>[] = [
     dataIndex: 'max',
     key: 'max',
     width: '12%',
-    sorter: (a: KPIStats, b: KPIStats) => a.max - b.max, // 添加排序函数
     sortDirections: ['ascend', 'descend'],
   },
   {
@@ -839,7 +836,6 @@ const statsColumns: TableColumnType<KPIStats>[] = [
     dataIndex: 'min',
     key: 'min',
     width: '12%',
-    sorter: (a: KPIStats, b: KPIStats) => a.min - b.min,
     sortDirections: ['ascend', 'descend'],
   },
 ];
@@ -930,7 +926,9 @@ const tableRowConfig = computed(() => {
                 {{ t('views.perfManage.kpiOverView.totalValue') }}
                 <a-tooltip placement="bottom">
                   <template #title>
-                    <span>Sum within Time Range</span>
+                    <span>
+                      {{ t('views.perfManage.kpiOverView.totalValueTip') }}
+                    </span>
                   </template>
                   <InfoCircleOutlined />
                 </a-tooltip>
@@ -941,7 +939,9 @@ const tableRowConfig = computed(() => {
                 {{ t('views.perfManage.kpiOverView.avgValue') }}
                 <a-tooltip placement="bottom">
                   <template #title>
-                    <span>Average value over the time range</span>
+                    <span>
+                      {{ t('views.perfManage.kpiOverView.avgValueTip') }}
+                    </span>
                   </template>
                   <InfoCircleOutlined />
                 </a-tooltip>
@@ -952,7 +952,9 @@ const tableRowConfig = computed(() => {
                 {{ t('views.perfManage.kpiOverView.maxValue') }}
                 <a-tooltip placement="bottom">
                   <template #title>
-                    <span>Maximum value in time range</span>
+                    <span>
+                      {{ t('views.perfManage.kpiOverView.maxValueTip') }}
+                    </span>
                   </template>
                   <InfoCircleOutlined />
                 </a-tooltip>
@@ -963,7 +965,9 @@ const tableRowConfig = computed(() => {
                 {{ t('views.perfManage.kpiOverView.minValue') }}
                 <a-tooltip placement="bottom">
                   <template #title>
-                    <span>Minimum value in the time range</span>
+                    <span>
+                      {{ t('views.perfManage.kpiOverView.minValueTip') }}
+                    </span>
                   </template>
                   <InfoCircleOutlined />
                 </a-tooltip>