fix: 移除Header Tab栏(与侧边栏重复); 修复approve/reject 400(ApproveRequest去掉required binding)

frontend/src/components/audit/SQLAuditManager.tsx

@@ -51,6 +51,35 @@ interface AuditRule {
   category: string;
 }
 
+const mapRecord = (r: any): SQLAuditRecord => ({
+  id: String(r.id),
+  sqlContent: r.sql_content || '',
+  sqlType: r.sql_type || '',
+  databaseName: r.database_name || '',
+  tableName: r.table_name || '',
+  riskLevel: (r.risk_level || 'safe') as SQLAuditRecord['riskLevel'],
+  riskRules: (() => { try { return JSON.parse(r.risk_rules || '[]'); } catch { return []; } })(),
+  status: (r.status || 'pending') as SQLAuditRecord['status'],
+  executor: r.executor || '',
+  approver: r.approver || '',
+  executeTime: r.execute_time || undefined,
+  createdAt: r.created_at ? new Date(r.created_at).toLocaleString('zh-CN') : '',
+  affectedRows: r.affected_rows || 0,
+  executionTime: r.execution_time || undefined,
+  sourceIP: r.source_ip || '',
+  application: r.application || '',
+  ticketId: r.ticket_id || '',
+});
+
+const mapRule = (r: any): AuditRule => ({
+  id: String(r.id),
+  name: r.name || '',
+  description: r.description || '',
+  enabled: r.enabled ?? true,
+  severity: (r.severity || 'medium') as AuditRule['severity'],
+  category: r.category || '',
+});
+
 const SQLAuditManager: React.FC = () => {
   const [records, setRecords] = useState<SQLAuditRecord[]>([]);
   const [rules, setRules] = useState<AuditRule[]>([]);
@@ -74,7 +103,7 @@ const SQLAuditManager: React.FC = () => {
     setLoading(true);
     try {
       const res = await sqlAuditApi.getRecords();
-      setRecords(res.data || []);
+      setRecords((res.list || []).map(mapRecord));
     } catch (error) {
       toast.error('获取SQL审计记录失败');
     } finally {
@@ -85,7 +114,7 @@ const SQLAuditManager: React.FC = () => {
   const fetchRules = async () => {
     try {
       const res = await sqlAuditApi.getRules();
-      setRules(res.data || []);
+      setRules((res.list || []).map(mapRule));
     } catch (error) {
       toast.error('获取审计规则失败');
     }
@@ -97,7 +126,7 @@ const SQLAuditManager: React.FC = () => {
       return;
     }
     try {
-      const res = await sqlAuditApi.analyzeSQL({ sql: sqlContent });
+      await sqlAuditApi.analyzeSQL({ sql: sqlContent });
       toast.success('SQL分析完成');
       setNewAuditOpen(false);
       setSqlContent('');
@@ -137,10 +166,10 @@ const SQLAuditManager: React.FC = () => {
     }
   };
 
-  const toggleRule = async (ruleId: string, enabled: boolean) => {
+  const toggleRule = async (ruleId: string) => {
     try {
-      await sqlAuditApi.toggleRule(ruleId, enabled);
-      setRules(rules.map(r => r.id === ruleId ? { ...r, enabled } : r));
+      await sqlAuditApi.toggleRule(ruleId);
+      fetchRules();
       toast.success('规则状态已更新');
     } catch (error) {
       toast.error('更新规则失败');
@@ -432,7 +461,7 @@ const SQLAuditManager: React.FC = () => {
                       <div className="flex items-center gap-2">
                         <Switch
                           checked={rule.enabled}
-                          onCheckedChange={(checked) => toggleRule(rule.id, checked)}
+                          onCheckedChange={() => toggleRule(rule.id)}
                         />
                         <Label className="text-sm">{rule.enabled ? '已启用' : '已禁用'}</Label>
                       </div>