fix: DEFECT-1208 修复原始数据过长

 <script lang="ts" setup>
   import { nextTick, onMounted, onUnmounted, reactive, ref, unref } from 'vue';
-  import { List, Button, Card } from 'ant-design-vue';
+  import { List, Button, Card, Tooltip } from 'ant-design-vue';
   import { PageWrapper } from '/@/components/Page';
   import { BasicTable, useTable } from '/@/components/Table';
   import { realTimeDataColumns } from '../../config/detail.config';
@@ -31,6 +31,9 @@
     key?: string;
     value?: string;
     time?: number;
+    type?: string;
+    boolClose?: string;
+    boolOpen?: string;
   }
 
   const props = defineProps<{
@@ -214,6 +217,14 @@
     open();
   });
 
+  const formatValue = (item: DataSource) => {
+    return item.type === DataTypeEnum.IS_BOOL
+      ? !!Number(item.value)
+        ? item.boolOpen
+        : item.boolClose
+      : item.value || '--';
+  };
+
   onUnmounted(() => close());
 </script>
 
@@ -252,13 +263,9 @@
               </template>
               <section class="min-h-16 flex flex-col justify-between">
                 <div class="flex font-bold text-lg mb-4 gap-2">
-                  <div>{{
-                    item.type === DataTypeEnum.IS_BOOL
-                      ? !!Number(item.value)
-                        ? item.boolOpen
-                        : item.boolClose
-                      : item.value || '--'
-                  }}</div>
+                  <Tooltip :title="formatValue(item)" placement="topLeft">
+                    <div class="truncate">{{ formatValue(item) }}</div>
+                  </Tooltip>
                   <div class="text-xs flex items-center">{{ item.unit }}</div>
                 </div>
                 <div class="text-dark-800 text-xs">