Merge remote-tracking branch 'origin/main' into multi-tenant

2025-01-22 19:34:28 +08:00
parent fb9db32da7 208d14d65a
commit c037660b01
11 changed files with 394 additions and 52 deletions
--- a/src/api/logManage/exportFile.ts
+++ b/src/api/logManage/exportFile.ts
@@ -51,3 +51,41 @@ export function delFile(query: Record<string, any>) {
    params: query,
  });
 }
+
+/**
+ * 更新FTP信息
+ * @param data 数据
+ * @returns object
+ */
+export function updateFTPInfo(data: Record<string, any>) {
+  return request({
+    url: `/lm/table/ftp`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 获取FTP信息
+ * @param data 数据
+ * @returns object
+ */
+export function getFTPInfo() {
+  return request({
+    url: `/lm/table/ftp`,
+    method: 'get',
+  });
+}
+
+/**
+ * 发送FTP文件
+ * @param data 数据
+ * @returns object
+ */
+export function putFTPInfo(filePath: string, fileName: string) {
+  return request({
+    url: `/lm/table/ftp`,
+    method: 'put',
+    data: { filePath, fileName },
+  });
+}
--- a/src/i18n/locales/en-US.ts
+++ b/src/i18n/locales/en-US.ts
@@ -987,9 +987,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",
--- a/src/i18n/locales/zh-CN.ts
+++ b/src/i18n/locales/zh-CN.ts
@@ -987,9 +987,13 @@ export default {
      kpiOverView:{
        "kpiName":"指标名",
        "maxValue":"最大值",
+        "maxValueTip":"用户筛选时间范围内度量数据的最大值。",
        "minValue":"最小值",
+        "minValueTip":"用户筛选时间范围内度量数据的最小值。",
        "avgValue":"平均值",
+        "avgValueTip":"用户筛选时间范围内度量数据的平均值。",
        "totalValue":"总值",
+        "totalValueTip":"用户筛选时间范围内度量数据的总值。",
        "kpiChartTitle":"网元指标概览",
        "changeLine":"切换为折线图",
        "changeBar":"切换为柱状图",
--- a/src/views/dashboard/smfCDR/index.vue
+++ b/src/views/dashboard/smfCDR/index.vue
@@ -20,6 +20,7 @@ import { OptionsType, WS } from '@/plugins/ws-websocket';
 import PQueue from 'p-queue';
 import saveAs from 'file-saver';
 import { listTenant } from '@/api/system/tenant';
+import dayjs, { Dayjs } from 'dayjs';
 import { useClipboard } from '@vueuse/core';
 const { copy } = useClipboard({ legacy: true });
 const { t } = useI18n();
@@ -30,7 +31,25 @@ const queue = new PQueue({ concurrency: 1, autoStart: true });
 let neOtions = ref<Record<string, any>[]>([]);

 /**开始结束时间 */
-let queryRangePicker = ref<[string, string]>(['', '']);
+let queryRangePicker = ref<[Dayjs, Dayjs] | undefined>([
+  dayjs().startOf('hour'),
+  dayjs().endOf('hour'),
+]);
+/**时间范围 */
+let rangePickerPresets = ref([
+  {
+    label: 'Now hour',
+    value: [dayjs().startOf('hour'), dayjs().endOf('hour')],
+  },
+  { label: 'Today', value: [dayjs().startOf('day'), dayjs().endOf('day')] },
+  {
+    label: 'Yesterday',
+    value: [
+      dayjs().subtract(1, 'day').startOf('day'),
+      dayjs().subtract(1, 'day').endOf('day'),
+    ],
+  },
+]);

 /**查询参数 */
 let queryParams = reactive({
@@ -44,9 +63,9 @@ let queryParams = reactive({
  sortField: 'timestamp',
  sortOrder: 'desc',
  /**开始时间 */
-  startTime: '',
+  startTime: undefined as undefined | number,
  /**结束时间 */
-  endTime: '',
+  endTime: undefined as undefined | number,
  /**当前页数 */
  pageNum: 1,
  /**每页条数 */
@@ -59,12 +78,12 @@ function fnQueryReset() {
    subscriberID: '',
    /** 租户名称*/
    tenantName: '',
-    startTime: '',
-    endTime: '',
+    startTime: undefined,
+    endTime: undefined,
    pageNum: 1,
    pageSize: 20,
  });
-  queryRangePicker.value = ['', ''];
+  queryRangePicker.value = [dayjs().startOf('hour'), dayjs().endOf('hour')];
  tablePagination.current = 1;
  tablePagination.pageSize = 20;
  fnGetList();
@@ -352,11 +371,19 @@ function fnGetList(pageNum?: number) {
  if (pageNum) {
    queryParams.pageNum = pageNum;
  }
-  if (!queryRangePicker.value) {
-    queryRangePicker.value = ['', ''];
+
+  // 时间范围
+  if (
+    Array.isArray(queryRangePicker.value) &&
+    queryRangePicker.value.length > 0
+  ) {
+    queryParams.startTime = queryRangePicker.value[0].valueOf();
+    queryParams.endTime = queryRangePicker.value[1].valueOf();
+  } else {
+    queryParams.startTime = undefined;
+    queryParams.endTime = undefined;
  }
-  queryParams.startTime = queryRangePicker.value[0];
-  queryParams.endTime = queryRangePicker.value[1];
+
  listSMFDataCDR(toRaw(queryParams)).then(res => {
    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
      // 取消勾选
@@ -583,12 +610,12 @@ onBeforeUnmount(() => {
            >
              <a-range-picker
                v-model:value="queryRangePicker"
-                allow-clear
-                bordered
+                :presets="rangePickerPresets"
+                :bordered="true"
+                :allow-clear="false"
+                style="width: 100%"
                :show-time="{ format: 'HH:mm:ss' }"
                format="YYYY-MM-DD HH:mm:ss"
-                value-format="x"
-                style="width: 100%"
              ></a-range-picker>
            </a-form-item>
          </a-col>
--- a/src/views/dashboard/smfCDRByIMSI/index.vue
+++ b/src/views/dashboard/smfCDRByIMSI/index.vue
@@ -404,10 +404,8 @@ function fnRanderChartDataLoad() {
    // 绘制图数据
    fnRanderChartDataUpdate();
  } else {
-    cdrChart.showLoading('default', {
-      text: 'No Data',
-      fontSize: 16, // 字体大小
-    });
+    message.warning('No Data');
+    cdrChart.hideLoading();
    cdrChart.setOption({
      title: {
        text: `Data Volume Uplink	/ Downlink By IMSI ${queryParams.subscriberID}`,
--- a/src/views/logManage/exportFile/index.vue
+++ b/src/views/logManage/exportFile/index.vue
@@ -1,19 +1,24 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, toRaw } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
+import { ProModal } from 'antdv-pro-modal';
 import { SizeType } from 'ant-design-vue/es/config-provider';
 import { ColumnsType } from 'ant-design-vue/es/table';
-import { Modal, message } from 'ant-design-vue/es';
+import { Form, Modal, message } from 'ant-design-vue/es';
 import { parseDateToStr } from '@/utils/date-utils';
 import {
  getBakFile,
  getBakFileList,
  downFile,
  delFile,
+  updateFTPInfo,
+  getFTPInfo,
+  putFTPInfo,
 } from '@/api/logManage/exportFile';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useI18n from '@/hooks/useI18n';
 import saveAs from 'file-saver';
+import { regExpIPv4 } from '@/utils/regular-utils';
 const { t } = useI18n();

 /**网元参数 */
@@ -269,6 +274,130 @@ onMounted(() => {
  //   fnGetList();
  // });
 });
+
+/**对象信息状态类型 */
+type ModalStateType = {
+  /**新增框或修改框是否显示 */
+  openByEdit: boolean;
+  /**标题 */
+  title: string;
+  /**表单数据 */
+  from: Record<string, any>;
+  /**确定按钮 loading */
+  confirmLoading: boolean;
+};
+
+/**FTP日志对象信息状态 */
+let modalState: ModalStateType = reactive({
+  openByEdit: false,
+  title: 'FTP上报服务设置',
+  from: {
+    useranme: '',
+    password: '',
+    toIp: '',
+    toPort: 22,
+    protocol: 'ftp',
+    dir: '',
+  },
+  confirmLoading: false,
+});
+
+/**FTP日志对象信息内表单属性和校验规则 */
+const modalStateFrom = Form.useForm(
+  modalState.from,
+  reactive({
+    toIp: [
+      {
+        required: true,
+        pattern: regExpIPv4,
+        message: 'Please enter the service login IP',
+      },
+    ],
+    username: [
+      {
+        required: true,
+        trigger: 'blur',
+        message: 'Please enter the service login user name',
+      },
+    ],
+    dir: [
+      {
+        required: true,
+        trigger: 'blur',
+        message: 'Please enter the service address target file directory',
+      },
+    ],
+  })
+);
+
+/**
+ * 对话框弹出显示为 新增或者修改
+ * @param configId 参数编号id, 不传为新增
+ */
+function fnModalVisibleByEdit() {
+  if (modalState.confirmLoading) return;
+  const hide = message.loading(t('common.loading'), 0);
+  modalState.confirmLoading = true;
+  getFTPInfo().then(res => {
+    modalState.confirmLoading = false;
+    hide();
+    if (res.code === RESULT_CODE_SUCCESS && res.data) {
+      modalState.from = Object.assign(modalState.from, res.data);
+      modalState.title = 'FTP Info';
+      modalState.openByEdit = true;
+    } else {
+      message.error(res.msg, 3);
+      modalState.title = 'FTP Info';
+      modalState.openByEdit = true;
+    }
+  });
+}
+
+/**FTP对象保存 */
+function fnModalOk() {
+  modalStateFrom.validate().then(() => {
+    modalState.confirmLoading = true;
+    const from = toRaw(modalState.from);
+    updateFTPInfo(from)
+      .then(res => {
+        if (res.code === RESULT_CODE_SUCCESS) {
+          message.success(`FTP configuration saved successfully`, 3);
+        } else {
+          message.warning(`FTP configuration save exception`, 3);
+        }
+      })
+      .finally(() => {
+        modalState.confirmLoading = false;
+      });
+  });
+}
+
+/**
+ * 对话框弹出关闭执行函数
+ * 进行表达规则校验
+ */
+function fnModalCancel() {
+  modalState.openByEdit = false;
+  modalStateFrom.resetFields();
+}
+
+/**
+ * 同步文件到FTP
+ * @param row
+ */
+function fnSyncFileToFTP(row: Record<string, any>) {
+  putFTPInfo(row.filePath, row.fileName)
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        message.success(`OK`, 3);
+      } else {
+        message.warning(res.msg, 3);
+      }
+    })
+    .finally(() => {
+      modalState.confirmLoading = false;
+    });
+}
 </script>

 <template>
@@ -305,6 +434,12 @@ onMounted(() => {
      <!-- 插槽-卡片右侧 -->
      <template #extra>
        <a-space :size="8" align="center">
+          <a-tooltip>
+            <template #title>Setting</template>
+            <a-button type="text" @click.prevent="fnModalVisibleByEdit()">
+              <template #icon><DeliveredProcedureOutlined /></template>
+            </a-button>
+          </a-tooltip>
          <a-tooltip>
            <template #title>{{ t('common.reloadText') }}</template>
            <a-button type="text" @click.prevent="fnGetList()">
@@ -328,6 +463,14 @@ onMounted(() => {
        <template #bodyCell="{ column, record }">
          <template v-if="column.key === 'fileName'">
            <a-space :size="8" align="center">
+              <a-button
+                type="link"
+                :loading="downLoading"
+                @click.prevent="fnSyncFileToFTP(record)"
+                v-if="record.fileType === 'file'"
+              >
+                <template #icon><CloudServerOutlined /></template>
+              </a-button>
              <a-button
                type="link"
                :loading="downLoading"
@@ -349,6 +492,113 @@ onMounted(() => {
        </template>
      </a-table>
    </a-card>
+
+    <!-- 新增框或修改框 -->
+    <ProModal
+      :drag="true"
+      :width="800"
+      :destroyOnClose="true"
+      :keyboard="false"
+      :mask-closable="false"
+      :open="modalState.openByEdit"
+      :title="modalState.title"
+      :confirm-loading="modalState.confirmLoading"
+      @ok="fnModalOk"
+      @cancel="fnModalCancel"
+    >
+      <a-form
+        name="modalStateFrom"
+        layout="horizontal"
+        :label-col="{ span: 6 }"
+        :label-wrap="true"
+      >
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              label="Service IP"
+              name="toIp"
+              v-bind="modalStateFrom.validateInfos.toIp"
+            >
+              <a-input
+                v-model:value="modalState.from.toIp"
+                allow-clear
+                :placeholder="t('common.inputPlease')"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              label="Service Port"
+              name="toPort"
+              v-bind="modalStateFrom.validateInfos.toPort"
+            >
+              <a-input-number
+                v-model:value="modalState.from.toPort"
+                allow-clear
+                :placeholder="t('common.inputPlease')"
+              ></a-input-number>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              label="UserName"
+              name="username"
+              v-bind="modalStateFrom.validateInfos.username"
+            >
+              <a-input
+                v-model:value="modalState.from.username"
+                allow-clear
+                :placeholder="t('common.inputPlease')"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              label="Password"
+              name="password"
+              v-bind="modalStateFrom.validateInfos.password"
+            >
+              <a-input-password
+                v-model:value="modalState.from.password"
+                allow-clear
+                :placeholder="t('common.inputPlease')"
+              ></a-input-password>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="Protocol" name="protocol">
+              <a-select
+                v-model:value="modalState.from.protocol"
+                default-value="N"
+                :placeholder="t('common.selectPlease')"
+                :options="[
+                  { value: 'ftp', label: 'FTP' },
+                  { value: 'ssh', label: 'SSH' },
+                ]"
+              >
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              label="Save Dir"
+              name="dir"
+              v-bind="modalStateFrom.validateInfos.dir"
+            >
+              <a-input
+                v-model:value="modalState.from.dir"
+                allow-clear
+                :placeholder="t('common.inputPlease')"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+    </ProModal>
  </PageContainer>
 </template>

--- a/src/views/perfManage/goldTarget/index.vue
+++ b/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>
--- a/src/views/perfManage/kpiCReport/index.vue
+++ b/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>
--- a/src/views/perfManage/kpiKeyTarget/index.vue
+++ b/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>
--- a/src/views/perfManage/kpiOverView/index.vue
+++ b/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>
--- a/src/views/system/config/index.vue
+++ b/src/views/system/config/index.vue
@@ -93,7 +93,7 @@ let tableState: TabeStateType = reactive({
 });

 /**表格字段列 */
-let tableColumns: ColumnsType = [
+let tableColumns = ref<ColumnsType>([
  {
    title: t('common.rowId'),
    dataIndex: 'configId',
@@ -117,6 +117,7 @@ let tableColumns: ColumnsType = [
    dataIndex: 'configValue',
    align: 'left',
    width: 200,
+    ellipsis: true,
  },
  {
    title: t('views.system.config.configType'),
@@ -140,7 +141,7 @@ let tableColumns: ColumnsType = [
    key: 'configId',
    align: 'left',
  },
-];
+]);

 /**表格分页器参数 */
 let tablePagination = reactive({