feat: 清除全部mock数据，Ansible/日志/告警中心/角色权限接真实API；移除SQL审计(不属于项目定位)

frontend/src/components/server/ExcelServerImport.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
@@ -20,7 +20,13 @@ import {
   ChevronRight,
   ChevronLeft,
 } from 'lucide-react';
-import { regions } from '@/mocks/data';
+import { regionApi } from '@/services/api';
+
+interface RegionOption {
+  id: string;
+  name: string;
+  code: string;
+}
 
 interface ExcelServerImportProps {
   open: boolean;
@@ -32,13 +38,10 @@ const connectionMethods = [
   { id: 'key', name: '密钥认证', description: '使用SSH密钥连接' },
 ];
 
-const mockPreviewData = [
-  { row: 2, hostname: 'web-server-01', ip: '192.168.1.101', port: 22, username: 'root', status: 'valid', message: '验证通过' },
-  { row: 3, hostname: 'web-server-02', ip: '192.168.1.102', port: 22, username: 'root', status: 'valid', message: '验证通过' },
-  { row: 4, hostname: 'db-server-01', ip: '192.168.1.201', port: 22, username: 'admin', status: 'warning', message: 'IP格式正确' },
-  { row: 5, hostname: '', ip: '192.168.1.999', port: 22, username: 'root', status: 'error', message: '主机名不能为空' },
-  { row: 6, hostname: 'cache-server-01', ip: '192.168.1.103', port: 22, username: 'root', status: 'valid', message: '验证通过' },
-];
+type PreviewRow = {
+  row: number; hostname: string; ip: string; port: number;
+  username: string; status: string; message: string;
+};
 
 export function ExcelServerImport({ open, onClose }: ExcelServerImportProps) {
   const [step, setStep] = useState(1);
@@ -46,14 +49,40 @@ export function ExcelServerImport({ open, onClose }: ExcelServerImportProps) {
   const [connectionMethod, setConnectionMethod] = useState<string>('password');
   const [selectedFile, setSelectedFile] = useState<File | null>(null);
   const [isUploading, setIsUploading] = useState(false);
-  const [previewData, setPreviewData] = useState<typeof mockPreviewData>([]);
+  const [previewData, setPreviewData] = useState<PreviewRow[]>([]);
+  const [regions, setRegions] = useState<RegionOption[]>([]);
+
+  // 对话框打开时拉取区域列表 // Logan.Li
+  useEffect(() => {
+    if (!open) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const resp = await regionApi.list();
+        if (cancelled) return;
+        const list = resp?.list ?? [];
+        setRegions(
+          list.map((r: any) => ({
+            id: String(r.id ?? ''),
+            name: r.name ?? '',
+            code: r.code ?? '',
+          }))
+        );
+      } catch {
+        if (!cancelled) setRegions([]);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [open]);
 
   const handleNext = () => {
     if (step === 2 && selectedFile) {
       setIsUploading(true);
       setTimeout(() => {
         setIsUploading(false);
-        setPreviewData(mockPreviewData);
+        setPreviewData([]); // 真实解析由后端处理
         setStep(step + 1);
       }, 1500);
     } else {