分离体检报告寄送面板

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>
+);
+
+