import { ref } from 'vue'
import { getAlertDetails } from '@/api/dashboard'

export interface AlertItem {
  text: string
  error?: boolean
  warn?: boolean
}

export function useAlertManager() {
  const alertDetails = ref<AlertItem[]>([])
  const timeoutDetails = ref<AlertItem[]>([])
  let alertRotationInterval: NodeJS.Timeout | null = null
  let currentAlertType = 1
  
  const fetchAlertDetails = async (type: 'risk' | 'timeout'): Promise<AlertItem[]> => {
    try {
      return await getAlertDetails(type)
    } catch (error) {
      console.error('获取告警详情失败:', error)
      return []
    }
  }
  
  const startAlertRotation = async (): Promise<void> => {
    // 初始化数据
    alertDetails.value = await fetchAlertDetails('risk')
    timeoutDetails.value = await fetchAlertDetails('timeout')
    
    // 启动轮播
    alertRotationInterval = setInterval(async () => {
      if (currentAlertType === 1) {
        currentAlertType = 2
        alertDetails.value = await fetchAlertDetails('risk')
      } else {
        currentAlertType = 1
        timeoutDetails.value = await fetchAlertDetails('timeout')
      }
    }, 3000)
  }
  
  const stopAlertRotation = (): void => {
    if (alertRotationInterval) {
      clearInterval(alertRotationInterval)
      alertRotationInterval = null
    }
  }
  
  return {
    alertDetails,
    timeoutDetails,
    startAlertRotation,
    stopAlertRotation,
    // 返回清理函数，让调用方在组件卸载时调用
    cleanup: () => {
      stopAlertRotation()
    }
  }
}