@octo-cyber/log-analysis 0.5.0

package/web/pages/LogAnalysisPage.tsx

@@ -0,0 +1,202 @@
+'use client'
+
+import { useEffect, useState, useCallback } from 'react'
+import { useTranslations } from 'next-intl'
+import { toast } from 'sonner'
+import { PageHeader } from '@octo-cyber/ui/components/shared/page-header'
+import { Button } from '@octo-cyber/ui/components/ui/button'
+import { Input } from '@octo-cyber/ui/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@octo-cyber/ui/components/ui/select'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@octo-cyber/ui/components/ui/tabs'
+import { logAnalysisService } from '../services/log-analysis-service'
+import { LogsTable } from '../components/LogsTable'
+import { StatsOverview } from '../components/StatsOverview'
+import { RetentionRulesTab } from '../components/RetentionRulesTab'
+import type {
+  OperationLog,
+  RetentionRule,
+  LogStats,
+  LogLevel,
+  LogAction,
+  QueryLogsParams,
+} from '../types/log-analysis'
+
+const LOG_LEVELS: LogLevel[] = ['INFO', 'WARN', 'ERROR']
+const LOG_ACTIONS: LogAction[] = ['CREATE', 'UPDATE', 'DELETE', 'READ', 'LOGIN', 'LOGOUT', 'EXPORT', 'IMPORT', 'OTHER']
+
+export default function LogAnalysisPage() {
+  const t = useTranslations('logAnalysis')
+
+  // logs tab state
+  const [logs, setLogs] = useState<OperationLog[]>([])
+  const [total, setTotal] = useState(0)
+  const [page, setPage] = useState(1)
+  const [loadingLogs, setLoadingLogs] = useState(false)
+  const [filters, setFilters] = useState<Omit<QueryLogsParams, 'page' | 'pageSize'>>({})
+
+  // stats tab state
+  const [stats, setStats] = useState<LogStats | null>(null)
+  const [loadingStats, setLoadingStats] = useState(false)
+
+  // retention rules tab state
+  const [rules, setRules] = useState<RetentionRule[]>([])
+
+  const pageSize = 20
+
+  const fetchLogs = useCallback(async (p: number, f: Omit<QueryLogsParams, 'page' | 'pageSize'>) => {
+    setLoadingLogs(true)
+    try {
+      const result = await logAnalysisService.getLogs({ ...f, page: p, pageSize })
+      setLogs(result.items)
+      setTotal(result.total)
+    } catch {
+      toast.error(t('fetchError'))
+    } finally {
+      setLoadingLogs(false)
+    }
+  }, [t])
+
+  const fetchStats = useCallback(async () => {
+    setLoadingStats(true)
+    try {
+      const s = await logAnalysisService.getStats()
+      setStats(s)
+    } catch {
+      toast.error(t('fetchError'))
+    } finally {
+      setLoadingStats(false)
+    }
+  }, [t])
+
+  const fetchRules = useCallback(async () => {
+    try {
+      const r = await logAnalysisService.getRetentionRules()
+      setRules(r)
+    } catch {
+      toast.error(t('fetchError'))
+    }
+  }, [t])
+
+  useEffect(() => {
+    fetchLogs(1, {})
+    fetchStats()
+    fetchRules()
+  }, [fetchLogs, fetchStats, fetchRules])
+
+  const handleSearch = () => {
+    setPage(1)
+    fetchLogs(1, filters)
+  }
+
+  const handlePageChange = (newPage: number) => {
+    setPage(newPage)
+    fetchLogs(newPage, filters)
+  }
+
+  const totalPages = Math.ceil(total / pageSize)
+
+  return (
+    <div className="space-y-6">
+      <PageHeader title={t('title')} description={t('description')} />
+
+      <Tabs defaultValue="logs">
+        <TabsList>
+          <TabsTrigger value="logs">{t('tabs.logs')}</TabsTrigger>
+          <TabsTrigger value="stats">{t('tabs.stats')}</TabsTrigger>
+          <TabsTrigger value="retention">{t('tabs.retention')}</TabsTrigger>
+        </TabsList>
+
+        {/* 日志列表 */}
+        <TabsContent value="logs" className="space-y-4">
+          <div className="flex flex-wrap gap-2 items-end">
+            <Input
+              className="w-48"
+              placeholder={t('filter.keyword')}
+              value={filters.keyword ?? ''}
+              onChange={e => setFilters(f => ({ ...f, keyword: e.target.value || undefined }))}
+            />
+            <Input
+              className="w-36"
+              placeholder={t('filter.module')}
+              value={filters.module ?? ''}
+              onChange={e => setFilters(f => ({ ...f, module: e.target.value || undefined }))}
+            />
+            <Select
+              value={filters.level ?? 'ALL'}
+              onValueChange={v => setFilters(f => ({ ...f, level: v === 'ALL' ? undefined : v as LogLevel }))}
+            >
+              <SelectTrigger className="w-28">
+                <SelectValue placeholder={t('filter.level')} />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="ALL">{t('filter.all')}</SelectItem>
+                {LOG_LEVELS.map(l => <SelectItem key={l} value={l}>{l}</SelectItem>)}
+              </SelectContent>
+            </Select>
+            <Select
+              value={filters.action ?? 'ALL'}
+              onValueChange={v => setFilters(f => ({ ...f, action: v === 'ALL' ? undefined : v as LogAction }))}
+            >
+              <SelectTrigger className="w-32">
+                <SelectValue placeholder={t('filter.action')} />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="ALL">{t('filter.all')}</SelectItem>
+                {LOG_ACTIONS.map(a => <SelectItem key={a} value={a}>{a}</SelectItem>)}
+              </SelectContent>
+            </Select>
+            <Button onClick={handleSearch} disabled={loadingLogs}>
+              {t('search')}
+            </Button>
+          </div>
+
+          <LogsTable logs={logs} />
+
+          {totalPages > 1 && (
+            <div className="flex justify-center gap-2 pt-2">
+              <Button
+                variant="outline"
+                size="sm"
+                disabled={page <= 1}
+                onClick={() => handlePageChange(page - 1)}
+              >
+                {t('prev')}
+              </Button>
+              <span className="flex items-center text-sm text-muted-foreground">
+                {t('pageInfo', { page, totalPages })}
+              </span>
+              <Button
+                variant="outline"
+                size="sm"
+                disabled={page >= totalPages}
+                onClick={() => handlePageChange(page + 1)}
+              >
+                {t('next')}
+              </Button>
+            </div>
+          )}
+        </TabsContent>
+
+        {/* 统计分析 */}
+        <TabsContent value="stats">
+          {loadingStats ? (
+            <p className="text-muted-foreground text-sm py-8 text-center">{t('loading')}</p>
+          ) : stats ? (
+            <StatsOverview stats={stats} />
+          ) : null}
+        </TabsContent>
+
+        {/* 保留规则 */}
+        <TabsContent value="retention">
+          <RetentionRulesTab rules={rules} onRefresh={fetchRules} />
+        </TabsContent>
+      </Tabs>
+    </div>
+  )
+}

package/web/services/log-analysis-service.ts

@@ -0,0 +1,68 @@
+import { api } from '@octo-cyber/ui/services/api-client'
+import type { ApiResponse } from '@octo-cyber/ui/types/common'
+import type {
+  OperationLog,
+  RetentionRule,
+  LogStats,
+  CreateRetentionRuleDto,
+  QueryLogsParams,
+} from '../types/log-analysis'
+
+interface PaginatedData<T> {
+  items: T[]
+  total: number
+  page: number
+  pageSize: number
+}
+
+export const logAnalysisService = {
+  async getLogs(params?: QueryLogsParams): Promise<PaginatedData<OperationLog>> {
+    const queryParams: Record<string, string> = {}
+    if (params?.userId) queryParams.userId = String(params.userId)
+    if (params?.module) queryParams.module = params.module
+    if (params?.action) queryParams.action = params.action
+    if (params?.level) queryParams.level = params.level
+    if (params?.keyword) queryParams.keyword = params.keyword
+    if (params?.startDate) queryParams.startDate = params.startDate
+    if (params?.endDate) queryParams.endDate = params.endDate
+    if (params?.page) queryParams.page = String(params.page)
+    if (params?.pageSize) queryParams.pageSize = String(params.pageSize)
+
+    const res = await api.get<ApiResponse<PaginatedData<OperationLog>>>('/api/v1/logs', {
+      params: queryParams,
+    })
+    return res.data
+  },
+
+  async getStats(startDate?: string, endDate?: string): Promise<LogStats> {
+    const queryParams: Record<string, string> = {}
+    if (startDate) queryParams.startDate = startDate
+    if (endDate) queryParams.endDate = endDate
+    const res = await api.get<ApiResponse<LogStats>>('/api/v1/logs/stats', { params: queryParams })
+    return res.data
+  },
+
+  async getRetentionRules(): Promise<RetentionRule[]> {
+    const res = await api.get<ApiResponse<RetentionRule[]>>('/api/v1/log-retention-rules')
+    return res.data
+  },
+
+  async createRetentionRule(dto: CreateRetentionRuleDto): Promise<RetentionRule> {
+    const res = await api.post<ApiResponse<RetentionRule>>('/api/v1/log-retention-rules', dto)
+    return res.data
+  },
+
+  async updateRetentionRule(id: number, dto: Partial<CreateRetentionRuleDto>): Promise<RetentionRule> {
+    const res = await api.put<ApiResponse<RetentionRule>>(`/api/v1/log-retention-rules/${id}`, dto)
+    return res.data
+  },
+
+  async deleteRetentionRule(id: number): Promise<void> {
+    await api.delete<ApiResponse<null>>(`/api/v1/log-retention-rules/${id}`)
+  },
+
+  async applyRetention(): Promise<{ deleted: number }> {
+    const res = await api.post<ApiResponse<{ deleted: number }>>('/api/v1/log-retention-rules/apply', {})
+    return res.data
+  },
+}

package/web/types/log-analysis.ts

@@ -0,0 +1,83 @@
+export type LogLevel = 'INFO' | 'WARN' | 'ERROR'
+
+export type LogAction =
+  | 'CREATE'
+  | 'UPDATE'
+  | 'DELETE'
+  | 'READ'
+  | 'LOGIN'
+  | 'LOGOUT'
+  | 'EXPORT'
+  | 'IMPORT'
+  | 'OTHER'
+
+export interface OperationLog {
+  id: number
+  userId: number | null
+  username: string | null
+  module: string
+  action: LogAction
+  description: string
+  requestPath: string | null
+  requestMethod: string | null
+  resourceId: string | null
+  resourceType: string | null
+  ip: string | null
+  level: LogLevel
+  metadata: string | null
+  createdAt: string
+}
+
+export interface RetentionRule {
+  id: number
+  name: string
+  module: string | null
+  action: LogAction | null
+  retentionDays: number
+  enabled: boolean
+  createdAt: string
+  updatedAt: string
+}
+
+export interface ActionStat {
+  action: string
+  count: number
+}
+
+export interface ModuleStat {
+  module: string
+  count: number
+}
+
+export interface DailyStat {
+  date: string
+  count: number
+}
+
+export interface LogStats {
+  total: number
+  byAction: ActionStat[]
+  byModule: ModuleStat[]
+  byLevel: { level: string; count: number }[]
+  daily: DailyStat[]
+}
+
+export interface CreateRetentionRuleDto {
+  name: string
+  module?: string | null
+  action?: LogAction | null
+  retentionDays: number
+  enabled?: boolean
+}
+
+export interface QueryLogsParams {
+  userId?: number
+  module?: string
+  action?: LogAction
+  level?: LogLevel
+  keyword?: string
+  startDate?: string
+  endDate?: string
+  page?: number
+  pageSize?: number
+}