完善设备数列展示

apps/web-antd/src/views/iotdbdatamanagement/deviceData/dynamicColumns.ts

@@ -13,22 +13,22 @@ export const fieldNameMapping: FieldMapping = {
   IoTDataType: 'IoT数据类型',
   DeviceType: '设备类型',
   DeviceAddress: '设备ID',
-  Timestamps: '时间戳',
+  // Timestamps: '时间戳', // 已隐藏，使用TimestampStr替代
   // 可以根据需要添加更多映射
 };
 
 // 字段类型配置
 export const fieldTypeConfig: FieldTypeConfig = {
-  Timestamps: {
+  // Timestamps: { // 已隐藏，使用TimestampStr替代
-    formatter: (value: string) => {
+  //   formatter: (value: string) => {
-      if (!value) return '';
+  //     if (!value) return '';
-      try {
+  //     try {
-        return new Date(value).toLocaleString();
+  //       return new Date(value).toLocaleString();
-      } catch {
+  //     } catch {
-        return value;
+  //       return value;
-      }
+  //     }
-    },
+  //   },
-  },
+  // },
   // 可以根据需要添加更多类型配置
 };
 
@@ -40,6 +40,7 @@ const FIXED_FIELDS = [
   'DeviceAddress',
   'TimestampStr',
   'FormattedTimestamps',
+  'Timestamps', // 添加Timestamps到固定字段列表，确保它被隐藏
   'DeviceAddress',
 ];
 

apps/web-antd/src/views/iotdbdatamanagement/deviceData/index.vue

@@ -8,8 +8,10 @@ import { useRoute } from 'vue-router';
 import { Page } from '@vben/common-ui';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { postDeviceInfoPage } from '#/api-client';
+import {
-import { postTreeModelDeviceDataInfoPage } from '#/api-client';
+  postDeviceInfoPage,
+  postTreeModelDeviceDataInfoPage,
+} from '#/api-client';
 import { $t } from '#/locales';
 
 import { generateDynamicColumns } from './dynamicColumns';
@@ -44,10 +46,16 @@ const fetchDeviceOptions = async () => {
 
 // 根据设备地址获取设备信息对象
 const getDeviceInfoByAddress = (deviceAddress: string) => {
-  if (!deviceAddress || !deviceOptions.value || deviceOptions.value.length === 0) {
+  if (
+    !deviceAddress ||
+    !deviceOptions.value ||
+    deviceOptions.value.length === 0
+  ) {
     return null;
   }
-  return deviceOptions.value.find((device) => device.deviceAddress === deviceAddress);
+  return deviceOptions.value.find(
+    (device) => device.deviceAddress === deviceAddress,
+  );
 };
 
 // 格式化日期为 yyyy-MM-dd HH:mm:ss 格式
@@ -77,7 +85,7 @@ const dynamicColumns = ref<any[]>([]);
 const fixedColumns = [
   { title: '序号', type: 'seq', width: 50, field: 'seq', slots: {} },
   {
-    field: 'Timestamps',
+    field: 'TimestampStr',
     title: $t('abp.IoTDBBase.Timestamps'),
     minWidth: 150,
     showOverflow: true,
@@ -486,7 +494,7 @@ const initializeGrid = async () => {
 
 // 监听路由参数变化，当有路由参数时自动触发查询
 watch(
-      () => [IoTDataType, DeviceAddress],
+  () => [IoTDataType, DeviceAddress],
   async (newValues, oldValues) => {
     // 如果正在初始化，不触发额外的查询
     if (isInitializing.value || !isGridInitialized.value) {
@@ -494,10 +502,9 @@ watch(
     }
 
     // 只有当路由参数真正发生变化时才触发查询
-    const hasChanged = oldValues && (
+    const hasChanged =
-      newValues[0] !== oldValues[0] || 
+      oldValues &&
-      newValues[1] !== oldValues[1]
+      (newValues[0] !== oldValues[0] || newValues[1] !== oldValues[1]);
-    );
 
     if (hasChanged && newValues.some(Boolean) && gridApi) {
       // 延迟一下确保表单值已经设置
@@ -509,8 +516,6 @@ watch(
   { immediate: false }, // 改为false，避免立即触发
 );
 
-
-
 // 页面初始化时，延迟初始化表格
 onMounted(async () => {
   // 延迟初始化，确保VXE表格组件已完全挂载