fix: 设备列表事件管理表格数据未格式化

+import { Tag } from 'ant-design-vue';
+import { h } from 'vue';
 import { findDictItemByCode } from '/@/api/system/dict';
 import { BasicColumn, FormSchema } from '/@/components/Table';
+import { formatToDateTime } from '/@/utils/dateUtil';
+
+enum EventType {
+  ERROR = 'ERROR',
+  INFO = 'INFO',
+  ALERT = 'ALERT',
+}
+
+enum EventTypeColor {
+  ERROR = 'error',
+  INFO = 'warning',
+  ALERT = 'default',
+}
+
+enum EventTypeName {
+  ERROR = '故障',
+  INFO = '信息',
+  ALERT = '告警',
+}
 
 export const columnSchema: BasicColumn[] = [
   {
     title: '时间',
-    dataIndex: 'time',
+    dataIndex: 'eventTime',
+    format(text) {
+      return formatToDateTime(text, 'YYYY-MM-DD HH:mm:ss');
+    },
   },
   {
     title: '标识符',
@@ -18,6 +42,15 @@ export const columnSchema: BasicColumn[] = [
   {
     title: '事件类型',
     dataIndex: 'eventType',
+    customRender({ text }) {
+      return h(
+        Tag,
+        {
+          color: EventTypeColor[text as EventType],
+        },
+        () => EventTypeName[text as EventType]
+      );
+    },
   },
   {
     title: '输出参数',

@@ -29,11 +29,16 @@
       baseColProps: { span: 6 },
       labelWidth: 80,
       schemas: formSchemas,
-      fieldMapToTime: [['dateRange', ['startTime', 'endTime']]],
+      fieldMapToTime: [['dateRange', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
     },
     beforeFetch: (params: EventManageRequest) => {
+      const page = params.page - 1 < 0 ? 0 : params.page - 1;
+      const _params = Object.keys(params)
+        .filter((key) => params[key])
+        .reduce((prev, next) => ({ ...prev, [next]: params[next] }), {});
       return {
-        ...params,
+        ..._params,
+        page,
         startTime: params.startTime ? new Date(params.startTime).getTime() : params.startTime,
         endTime: params.endTime ? new Date(params.endTime).getTime() : params.endTime,
         tbDeviceId: props.tbDeviceId,
@@ -43,22 +48,16 @@
 
   const [registerModal, { openModal }] = useModal();
 
-  const handleViewDetail = () => {
-    outputData.value = JSON.stringify(
-      {
-        test: '123',
-      },
-      null,
-      2
-    );
+  const handleViewDetail = (record: Record<'eventValue', Recordable>) => {
+    outputData.value = JSON.stringify(record.eventValue, null, 2);
     openModal(true);
   };
 </script>
 
 <template>
   <BasicTable class="event-manage-table" @register="register">
-    <template #outputParams>
-      <span class="cursor-pointer text-blue-500" @click="handleViewDetail">
+    <template #outputParams="{ record }">
+      <span class="cursor-pointer text-blue-500" @click="handleViewDetail(record)">
         <EyeOutlined class="svg:text-blue-500" />
         <span class="ml-2">详情</span>
       </span>