perf: 优化告警列表

-import type { AlarmListRequestType } from './model'
+import type { AlarmListRequestType, AlarmListResponseType } from './model'
 import { defHttp } from '@/utils/http'
 import { defHttp } from '@/utils/http'
 
 
 enum Api {
 enum Api {
@@ -6,7 +6,7 @@ enum Api {
 }
 }
 
 
 export function fetchAlarmList(data: AlarmListRequestType) {
 export function fetchAlarmList(data: AlarmListRequestType) {
-  return defHttp.post<AlarmListRequestType>({
+  return defHttp.post<AlarmListResponseType>({
     url: Api.POST_ALARM_PAGE,
     url: Api.POST_ALARM_PAGE,
     data,
     data,
   })
   })

@@ -11,5 +11,32 @@ export interface AlarmListRequestType {
 
 
 export interface AlarmListResponseType {
 export interface AlarmListResponseType {
   total: number
   total: number
-  items: any[]
+  items: AlarmListItemType[]
 }
 }
+
+export interface AlarmListItemType {
+  id: string
+  tenantId: string
+  creator: any
+  updater: any
+  createdTime: string
+  updatedTime: string
+  customerId: string
+  tbDeviceId: string
+  originatorType: number
+  deviceId: string
+  deviceName: string
+  type: string
+  severity: string
+  status: string
+  startTs: string
+  endTs: string
+  ackTs: string
+  clearTs: string
+  propagate: boolean
+  propagateRelationTypes: any
+  organizationId: string
+  organizationName: string
+  deviceAlias: string
+}
+

@@ -83,7 +83,10 @@ export function useFormValues({
       const [startTimeFormat, endTimeFormat]: DateFormatEnum[] = Array.isArray(format) ? format : [format, format]
       const [startTimeFormat, endTimeFormat]: DateFormatEnum[] = Array.isArray(format) ? format : [format, format]
 
 
       values[startTimeKey] = formatToDateTime(startTime, startTimeFormat)
       values[startTimeKey] = formatToDateTime(startTime, startTimeFormat)
-      values[startTimeKey] = formatToDateTime(endTime, endTimeFormat)
+      values[endTimeKey] = formatToDateTime(endTime, endTimeFormat)
+
+      if (startTimeFormat === DateFormatEnum.X) values[startTimeKey] = Number(values[startTimeKey])
+      if (endTimeFormat === DateFormatEnum.X) values[endTimeKey] = Number(values[endTimeKey])
 
 
       Reflect.deleteProperty(values, field)
       Reflect.deleteProperty(values, field)
     }
     }

@@ -46,8 +46,8 @@ const setFieldsValue = (value: Recordable) => {
   formActionType.setFieldsValue(value)
   formActionType.setFieldsValue(value)
   formActionType.setFieldsValue({
   formActionType.setFieldsValue({
     alarmListQueryDate: [
     alarmListQueryDate: [
-      dateUtil(Number(value?.startTime), DateFormatEnum.YYYY_MM_DD_HH_MM),
-      dateUtil(Number(value?.endTime), DateFormatEnum.YYYY_MM_DD_HH_MM),
+      dateUtil(Number(value?.startTime)),
+      dateUtil(Number(value?.endTime)),
     ],
     ],
   })
   })
 }
 }

@@ -65,6 +65,7 @@ export const formSchemas: FormSchema[] = [
         params: unref(contentDataStore.getProductIds),
         params: unref(contentDataStore.getProductIds),
         labelField: ['alias', 'name'],
         labelField: ['alias', 'name'],
         valueField: 'id',
         valueField: 'id',
+        maxTagCount: 4,
         onSelect(value: string, option: DeviceItemType) {
         onSelect(value: string, option: DeviceItemType) {
           formModel[AlarmListFieldsEnum.DEVICE_PROFILE_ID] = value ? option.deviceProfileId : null
           formModel[AlarmListFieldsEnum.DEVICE_PROFILE_ID] = value ? option.deviceProfileId : null
         },
         },

@@ -6,7 +6,6 @@ import type { alarmListInterface } from './config'
 import { options } from './config'
 import { options } from './config'
 import { useAlarmList } from './useAlarmList.hook'
 import { useAlarmList } from './useAlarmList.hook'
 import { fetchAlarmList } from '@/api/alarm'
 import { fetchAlarmList } from '@/api/alarm'
-import type { AlarmListResponseType } from '@/api/alarm/model'
 import type { CreateComponentType } from '@/core/Library/types'
 import type { CreateComponentType } from '@/core/Library/types'
 import { useContentDataStore } from '@/store/modules/contentData'
 import { useContentDataStore } from '@/store/modules/contentData'
 import { isLightboxMode } from '@/utils/env'
 import { isLightboxMode } from '@/utils/env'
@@ -36,25 +35,28 @@ const initOptions = reactive<{
 })
 })
 
 
 const fetchAlarmListConfig = computed(() => {
 const fetchAlarmListConfig = computed(() => {
-  return contentDataStore?.contentData.filter((item) => {
+  return contentDataStore?.contentData.find((item) => {
     return props.config.cellInfo?.id === item.id
     return props.config.cellInfo?.id === item.id
   })
   })
 })
 })
 
 
 const initFetchAlarmList = async () => {
 const initFetchAlarmList = async () => {
-  const { dataSourceJson } = unref(fetchAlarmListConfig.value[0]) as Recordable
+  if (!unref(fetchAlarmListConfig)) return
+  const { dataSourceJson } = unref(fetchAlarmListConfig.value)!
   if (!dataSourceJson) return
   if (!dataSourceJson) return
   const { alarmListOption } = dataSourceJson
   const { alarmListOption } = dataSourceJson
   if (!alarmListOption) return
   if (!alarmListOption) return
   const { startTime, endTime, deviceId, interval, autoPlay, polling }
   const { startTime, endTime, deviceId, interval, autoPlay, polling }
         = alarmListOption
         = alarmListOption
+
   const resp = (await fetchAlarmList({
   const resp = (await fetchAlarmList({
     startTime,
     startTime,
     endTime,
     endTime,
     deviceIds: deviceId,
     deviceIds: deviceId,
     page: 1,
     page: 1,
     pageSize: 30,
     pageSize: 30,
-  })) as any as AlarmListResponseType
+  }))
+
   initOptions.alarmList = resp.items || []
   initOptions.alarmList = resp.items || []
   initOptions.interval = interval || 0
   initOptions.interval = interval || 0
   initOptions.scroll = autoPlay || false
   initOptions.scroll = autoPlay || false