fix: bat uses dotnet directly, doctor frontend gets port 5174

frontend-patient/src/pages/services/ReportUploadPage.tsx

@@ -13,7 +13,7 @@ export function ReportUploadPage() {
   const [title, setTitle] = useState('');
   const [category, setCategory] = useState('血液检查');
   const [files, setFiles] = useState<File[]>([]);
-  const [loading, setLoading] = useState(false);
+  const [uploading, setUploading] = useState(false);
 
   const categories = ['血液检查', '心电图', '影像学', '尿液检查', '其他'];
 
@@ -21,7 +21,6 @@ export function ReportUploadPage() {
     if (e.target.files) {
       setFiles((prev) => [...prev, ...Array.from(e.target.files!)]);
     }
-    // Reset so the same file can be selected again
     if (fileRef.current) fileRef.current.value = '';
   };
 
@@ -31,15 +30,33 @@ export function ReportUploadPage() {
 
   const handleSubmit = async () => {
     if (!title.trim()) { toast('请输入报告名称', 'error'); return; }
-    setLoading(true);
+    setUploading(true);
     try {
-      await reportService.uploadReport({ title, category });
+      // Step 1: Upload files
+      const imageUrls: string[] = [];
+      for (const file of files) {
+        const formData = new FormData();
+        formData.append('file', file);
+        const token = JSON.parse(localStorage.getItem('hrt_auth') || '{}')?.state?.token;
+        const res = await fetch('http://localhost:5000/api/files/upload', {
+          method: 'POST',
+          headers: token ? { 'Authorization': `Bearer ${token}` } : {},
+          body: formData,
+        });
+        if (res.ok) {
+          const data = await res.json();
+          imageUrls.push(data.url);
+        }
+      }
+
+      // Step 2: Create report
+      await reportService.uploadReport({ title, category, imageUrls });
       toast('上传成功');
       setTimeout(() => navigate('/services/reports'), 800);
     } catch {
       toast('上传失败，请检查后端是否运行', 'error');
     } finally {
-      setLoading(false);
+      setUploading(false);
     }
   };
 
@@ -59,30 +76,25 @@ export function ReportUploadPage() {
         <div className={styles.uploadArea} onClick={() => fileRef.current?.click()}>
           <span style={{ fontSize: 36 }}>📷</span>
           <span style={{ fontSize: 14, color: '#6B7280' }}>点击选择报告图片</span>
-          <span style={{ fontSize: 11, color: '#9CA3AF' }}>支持 jpg、png，可多选</span>
+          <span style={{ fontSize: 11, color: '#9CA3AF' }}>{files.length > 0 ? `已选 ${files.length} 个文件` : '支持 jpg、png、pdf，可多选'}</span>
         </div>
-        <input
-          ref={fileRef}
-          type="file"
-          accept="image/*"
-          multiple
-          style={{ display: 'none' }}
-          onChange={handleFileChange}
-        />
+        <input ref={fileRef} type="file" accept="image/*,.pdf" multiple style={{ display: 'none' }} onChange={handleFileChange} />
 
         {files.length > 0 && (
           <div className={styles.fileList}>
             {files.map((file, i) => (
               <div key={i} className={styles.fileItem}>
-                <span className={styles.fileName}>📎 {file.name}</span>
+                <span className={styles.fileName}>
+                  {file.type.startsWith('image/') ? '🖼' : '📄'} {file.name} ({(file.size / 1024).toFixed(0)}KB)
+                </span>
                 <button className={styles.fileRemove} onClick={() => removeFile(i)}>✕</button>
               </div>
             ))}
           </div>
         )}
 
-        <Button variant="primary" size="lg" fullWidth loading={loading} onClick={handleSubmit}>
-          提交上传
+        <Button variant="primary" size="lg" fullWidth loading={uploading} onClick={handleSubmit}>
+          {uploading ? '上传中...' : '提交上传'}
         </Button>
       </div>
       <ToastContainer />