分离体检报告寄送面板

src/components/exam/ExamDeliveryPanel.tsx

@@ -0,0 +1,39 @@
+import type { ExamClient } from '../../data/mockData';
+import { Button, Input } from '../ui';
+
+export const ExamDeliveryPanel = ({ client }: { client: ExamClient }) => (
+  <div className='flex justify-center'>
+    <div className='w-full rounded-2xl border shadow-sm px-6 py-4 text-xs text-gray-800'>
+      <div className='text-lg font-semibold text-gray-900 mb-3'>报告寄送</div>
+      <div className='grid grid-cols-2 gap-3 mb-3'>
+        <div>
+          收件人姓名
+          <Input placeholder='请输入收件人姓名' className='mt-1' />
+        </div>
+        <div>
+          联系电话
+          <Input placeholder='用于快递联系' className='mt-1' />
+        </div>
+        <div className='col-span-2'>
+          寄送地址
+          <Input placeholder='请输入详细寄送地址' className='mt-1' />
+        </div>
+      </div>
+      <div className='space-y-2'>
+        <div>备注说明</div>
+        <textarea
+          className='w-full rounded-2xl border px-3 py-2 text-xs outline-none focus:ring-2 focus:ring-gray-200 min-h-[80px]'
+          placeholder='如需多份报告、加急寄送等，请在此备注'
+        />
+      </div>
+      <div className='mt-4 flex items-center justify-between text-[11px] text-gray-500'>
+        <div>
+          当前客户：<span className='font-medium text-gray-800'>{client.name}</span>（体检号：{client.id}）
+        </div>
+        <Button className='px-4 py-1.5 text-xs'>保存寄送信息</Button>
+      </div>
+    </div>
+  </div>
+);
+
+

src/components/exam/ExamModal.tsx

@@ -3,10 +3,11 @@ import { useEffect, useRef, useState } from 'react';
 import type { ExamClient, ExamModalTab } from '../../data/mockData';
 import type { CustomerAppointmentInfo, CustomerExamAddItem, CustomerInfo, OutputTongyishuFileInfo, PhysicalExamProgressItem } from '../../api';
 import { getCustomerDetail, getPhysicalExamProgressDetail, getTongyishuPdf, signInMedicalExamCenter, submitTongyishuSign } from '../../api';
-import { Button, Input, SignaturePad, type SignaturePadHandle } from '../ui';
+import { Button, SignaturePad, type SignaturePadHandle } from '../ui';
 import { ExamDetailPanel } from './ExamDetailPanel';
 import { ExamAddonPanel } from './ExamAddonPanel';
 import { ExamPrintPanel } from './ExamPrintPanel';
+import { ExamDeliveryPanel } from './ExamDeliveryPanel';
 
 interface ExamModalProps {
   client: ExamClient;
@@ -165,7 +166,7 @@ export const ExamModal = ({ client, tab, onTabChange, onClose }: ExamModalProps)
           {tab === 'sign' && <ExamSignPanel examId={Number(client.id)} />}
           {tab === 'addon' && <ExamAddonPanel client={client} />}
           {tab === 'print' && <ExamPrintPanel client={client} />}
-          {/* {tab === 'delivery' && <ExamDeliveryPanel client={client} />} */}
+          {tab === 'delivery' && <ExamDeliveryPanel client={client} />}
         </div>
 
       </div>