import { Card } from '@/components/ui/card'
import { Activity } from 'lucide-react'

export function OperationLogInfo() {
  return (
    <Card className="p-4 bg-blue-50 border-blue-200">
      <h4 className="text-blue-900 mb-2">
        <Activity className="w-4 h-4 inline mr-2" />
        操作日志说明
      </h4>
      <ul className="space-y-1 text-sm text-blue-800">
        <li>• 记录用户在系统中的所有关键操作，包括数据修改、流程触发、配置变更等</li>
        <li>• 详细记录操作人、时间、模块、动作及请求详情</li>
        <li>• 支持按多个维度进行复杂条件搜索和过滤</li>
        <li>• 可查看原始请求信息，满足运维审计需求</li>
        <li>• 失败操作会记录错误信息，便于事故追溯</li>
      </ul>
    </Card>
  )
}