完善报告寄送地址功能

src/components/exam/ExamDeliveryPanel.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import type { ExamClient } from '../../data/mockData';
-import { getReportSendQRcode } from '../../api';
+import { getReportSendQRcode, getReportSendInfo, saveReportSendAddress } from '../../api';
 import { Button, Input } from '../ui';
 
 export const ExamDeliveryPanel = ({ client }: { client: ExamClient }) => {
@@ -8,6 +8,51 @@ export const ExamDeliveryPanel = ({ client }: { client: ExamClient }) => {
   const [qrcodeUrl, setQrcodeUrl] = useState<string | null>(null);
   const [qrcodeLoading, setQrcodeLoading] = useState(false);
 
+  // 表单字段
+  const [addressContact, setAddressContact] = useState('');
+  const [addressMobile, setAddressMobile] = useState('');
+  const [provinceName, setProvinceName] = useState('');
+  const [cityName, setCityName] = useState('');
+  const [countryName, setCountryName] = useState('');
+  const [addressContent, setAddressContent] = useState('');
+  const [saveLoading, setSaveLoading] = useState(false);
+  const [saveMessage, setSaveMessage] = useState<string | null>(null);
+  const [infoLoading, setInfoLoading] = useState(false);
+
+  // 获取报告寄送地址信息并自动填入表单
+  useEffect(() => {
+    if (!client.id) return;
+
+    setInfoLoading(true);
+    const appointmentId = Number(client.id);
+    if (!appointmentId) {
+      setInfoLoading(false);
+      return;
+    }
+
+    getReportSendInfo({ physical_exam_id: appointmentId })
+      .then((res) => {
+        if (res.Status === 200 && res.Data) {
+          const data = res.Data;
+          if (data.address_contact) {
+            setAddressContact(data.address_contact);
+          }
+          if (data.address_mobile) {
+            setAddressMobile(data.address_mobile);
+          }
+          if (data.address_content) {
+            setAddressContent(data.address_content);
+          }
+        }
+      })
+      .catch((err) => {
+        console.error('获取报告寄送地址失败', err);
+      })
+      .finally(() => {
+        setInfoLoading(false);
+      });
+  }, [client.id]);
+
   useEffect(() => {
     if (viewMode === 'image' && !qrcodeUrl && !qrcodeLoading) {
       setQrcodeLoading(true);
@@ -59,15 +104,57 @@ export const ExamDeliveryPanel = ({ client }: { client: ExamClient }) => {
             <div className='grid grid-cols-2 gap-3 mb-3'>
               <div>
                 收件人姓名
-                <Input placeholder='请输入收件人姓名' className='mt-1' />
+                <Input
+                  placeholder='请输入收件人姓名'
+                  className='mt-1'
+                  value={addressContact}
+                  onChange={(e) => setAddressContact(e.target.value)}
+                />
               </div>
               <div>
                 联系电话
-                <Input placeholder='用于快递联系' className='mt-1' />
+                <Input
+                  placeholder='用于快递联系'
+                  className='mt-1'
+                  value={addressMobile}
+                  onChange={(e) => setAddressMobile(e.target.value)}
+                />
+              </div>
+              <div>
+                省份
+                <Input
+                  placeholder='例如：上海市'
+                  className='mt-1'
+                  value={provinceName}
+                  onChange={(e) => setProvinceName(e.target.value)}
+                />
+              </div>
+              <div>
+                城市
+                <Input
+                  placeholder='例如：上海市'
+                  className='mt-1'
+                  value={cityName}
+                  onChange={(e) => setCityName(e.target.value)}
+                />
+              </div>
+              <div>
+                区县
+                <Input
+                  placeholder='例如：浦东新区'
+                  className='mt-1'
+                  value={countryName}
+                  onChange={(e) => setCountryName(e.target.value)}
+                />
               </div>
               <div className='col-span-2'>
-                寄送地址
-                <Input placeholder='请输入详细寄送地址' className='mt-1' />
+                详细地址
+                <Input
+                  placeholder='请输入详细寄送地址'
+                  className='mt-1'
+                  value={addressContent}
+                  onChange={(e) => setAddressContent(e.target.value)}
+                />
               </div>
             </div>
             <div className='space-y-2'>
@@ -77,11 +164,83 @@ export const ExamDeliveryPanel = ({ client }: { client: ExamClient }) => {
                 placeholder='如需多份报告、加急寄送等，请在此备注'
               />
             </div>
+            {saveMessage && (
+              <div
+                className={`mt-3 text-xs px-3 py-2 rounded-lg ${saveMessage.includes('成功') ? 'bg-green-50 text-green-600' : 'bg-amber-50 text-amber-600'
+                  }`}
+              >
+                {saveMessage}
+              </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>
+              <Button
+                className='px-4 py-1.5 text-xs'
+                onClick={async () => {
+                  const physical_exam_id = Number(client.id);
+                  if (!physical_exam_id) {
+                    setSaveMessage('缺少体检ID');
+                    return;
+                  }
+
+                  if (!addressContact.trim()) {
+                    setSaveMessage('请输入收件人姓名');
+                    return;
+                  }
+                  if (!addressMobile.trim()) {
+                    setSaveMessage('请输入联系电话');
+                    return;
+                  }
+                  if (!provinceName.trim()) {
+                    setSaveMessage('请输入省份');
+                    return;
+                  }
+                  if (!cityName.trim()) {
+                    setSaveMessage('请输入城市');
+                    return;
+                  }
+                  if (!countryName.trim()) {
+                    setSaveMessage('请输入区县');
+                    return;
+                  }
+                  if (!addressContent.trim()) {
+                    setSaveMessage('请输入详细地址');
+                    return;
+                  }
+
+                  setSaveLoading(true);
+                  setSaveMessage(null);
+
+                  try {
+                    const res = await saveReportSendAddress({
+                      physical_exam_id,
+                      address_contact: addressContact.trim(),
+                      address_mobile: addressMobile.trim(),
+                      province_name: provinceName.trim(),
+                      city_name: cityName.trim(),
+                      country_name: countryName.trim(),
+                      address_content: addressContent.trim(),
+                    });
+
+                    if (res.Status === 200 && res.Data?.is_success === 1) {
+                      setSaveMessage('保存成功');
+                      setTimeout(() => setSaveMessage(null), 2000);
+                    } else {
+                      setSaveMessage(res.Message || '保存失败');
+                    }
+                  } catch (err) {
+                    console.error('保存报告寄送地址失败', err);
+                    setSaveMessage('保存失败，请稍后重试');
+                  } finally {
+                    setSaveLoading(false);
+                  }
+                }}
+                disabled={saveLoading}
+              >
+                {saveLoading ? '保存中...' : '保存寄送信息'}
+              </Button>
             </div>
           </>
         ) : (