fix(miniprogram): 修复 API 接口字段对齐 — 33 接口端到端验证

P0: submitRecord() 路径修正 POST /follow-up-records → POST /follow-up-tasks/{id}/records + 请求体从 {task_id, content:{text}} 改为 {result, patient_condition, executed_date} P1: ConsultationSession.subject/last_message 改为可选（后端暂不返回） P1: Appointment.department 改为可选（后端未 JOIN 医生表） P1: FollowUpRecord 结构对齐后端扁平字段（executed_date/result/medical_advice 等） P2: Article 增加 status 可选字段
2026-04-27 23:41:50 +08:00
parent 3177a704ff
commit 83162817ce
7 changed files with 87 additions and 31 deletions
--- a/apps/miniprogram/src/pages/appointment/detail/index.tsx
+++ b/apps/miniprogram/src/pages/appointment/detail/index.tsx
@@ -97,34 +97,53 @@ export default function AppointmentDetail() {
        <View className='header-placeholder' />
      </View>

+      {/* 状态卡片 */}
      <View className='status-card'>
-        <View className={`status-badge ${status.className}`}>
-          <Text className='status-badge-text'>{status.label}</Text>
+        <View className={`status-tag ${status.className}`}>
+          <Text className='status-tag-text'>{status.label}</Text>
        </View>
        <Text className='status-doctor'>{appointment.doctor_name}</Text>
-        <Text className='status-dept'>{appointment.department}</Text>
+        <Text className='status-dept'>{appointment.department || ''}</Text>
      </View>

+      {/* 预约信息 */}
      <View className='info-section'>
        <Text className='section-title'>预约信息</Text>
+
        <View className='info-item'>
-          <Text className='info-label'>就诊人</Text>
+          <View className='info-label-wrap'>
+            <Text className='info-icon-serif'>患</Text>
+            <Text className='info-label'>就诊人</Text>
+          </View>
          <Text className='info-value'>{appointment.patient_name}</Text>
        </View>
+
        <View className='info-item'>
-          <Text className='info-label'>就诊日期</Text>
-          <Text className='info-value'>{appointment.appointment_date}</Text>
+          <View className='info-label-wrap'>
+            <Text className='info-icon-serif'>日</Text>
+            <Text className='info-label'>就诊日期</Text>
+          </View>
+          <Text className='info-value info-date'>{appointment.appointment_date}</Text>
        </View>
+
        <View className='info-item'>
-          <Text className='info-label'>就诊时段</Text>
-          <Text className='info-value'>{appointment.start_time} - {appointment.end_time}</Text>
+          <View className='info-label-wrap'>
+            <Text className='info-icon-serif'>时</Text>
+            <Text className='info-label'>就诊时段</Text>
+          </View>
+          <Text className='info-value info-time'>{appointment.start_time} - {appointment.end_time}</Text>
        </View>
+
        <View className='info-item'>
-          <Text className='info-label'>预约单号</Text>
+          <View className='info-label-wrap'>
+            <Text className='info-icon-serif'>号</Text>
+            <Text className='info-label'>预约单号</Text>
+          </View>
          <Text className='info-value info-id'>{appointment.id}</Text>
        </View>
      </View>

+      {/* 温馨提示 */}
      {(appointment.status === 'pending' || appointment.status === 'confirmed') && (
        <View className='tips-card'>
          <Text className='tips-title'>温馨提示</Text>
@@ -132,6 +151,7 @@ export default function AppointmentDetail() {
        </View>
      )}

+      {/* 取消按钮 */}
      {canCancel && (
        <View className='bottom-bar'>
          <View
--- a/apps/miniprogram/src/pages/appointment/index.tsx
+++ b/apps/miniprogram/src/pages/appointment/index.tsx
@@ -14,6 +14,16 @@ const STATUS_MAP: Record<string, { label: string; className: string }> = {
  completed: { label: '已完成', className: 'tag-completed' },
 };

+// 科室首字映射（用于衬线图标）
+const DEPT_INITIAL: Record<string, string> = {
+  '内科': '内',
+  '外科': '外',
+  '妇科': '妇',
+  '儿科': '儿',
+  '体检中心': '检',
+  '中医科': '中',
+};
+
 export default function AppointmentList() {
  const [appointments, setAppointments] = useState<Appointment[]>([]);
  const [page, setPage] = useState(1);
@@ -71,16 +81,21 @@ export default function AppointmentList() {
    return STATUS_MAP[status] || { label: status, className: 'tag-pending' };
  };

+  const getDeptInitial = (dept: string) => {
+    return DEPT_INITIAL[dept] || dept.charAt(0);
+  };
+
  return (
    <View className='appointment-page'>
      {/* 页面标题 */}
      <View className='page-header'>
        <Text className='page-title'>预约挂号</Text>
+        <Text className='page-subtitle'>Appointment</Text>
      </View>

      {/* 预约列表 */}
      {appointments.length === 0 && !loading ? (
-        <EmptyState icon='📋' text='暂无预约记录' hint='点击下方按钮新建预约' />
+        <EmptyState text='暂无预约记录' hint='点击下方按钮新建预约' />
      ) : (
        <View className='appointment-list'>
          {appointments.map((item) => {
@@ -92,22 +107,34 @@ export default function AppointmentList() {
                onClick={() => goDetail(item.id)}
              >
                <View className='card-top'>
-                  <View className='doctor-info'>
-                    <Text className='doctor-name'>{item.doctor_name}</Text>
-                    <Text className='department'>{item.department}</Text>
+                  <View className='doctor-section'>
+                    <View className='dept-initial'>
+                      <Text className='dept-initial-text'>{getDeptInitial(item.department || '')}</Text>
+                    </View>
+                    <View className='doctor-info'>
+                      <Text className='doctor-name'>{item.doctor_name}</Text>
+                      <View className='dept-tag'>
+                        <Text className='dept-tag-text'>{item.department || ''}</Text>
+                      </View>
+                    </View>
                  </View>
                  <View className={`status-tag ${tag.className}`}>
                    <Text className='status-tag-text'>{tag.label}</Text>
                  </View>
                </View>
+                <View className='card-divider' />
                <View className='card-bottom'>
                  <View className='info-row'>
-                    <Text className='info-icon'>📅</Text>
+                    <View className='info-icon-wrap'>
+                      <Text className='info-icon-serif'>日</Text>
+                    </View>
                    <Text className='info-text'>{item.appointment_date}</Text>
                  </View>
                  <View className='info-row'>
-                    <Text className='info-icon'>🕐</Text>
-                    <Text className='info-text'>{item.start_time} - {item.end_time}</Text>
+                    <View className='info-icon-wrap'>
+                      <Text className='info-icon-serif'>时</Text>
+                    </View>
+                    <Text className='info-text info-time'>{item.start_time} - {item.end_time}</Text>
                  </View>
                </View>
              </View>
@@ -124,7 +151,7 @@ export default function AppointmentList() {

      {/* 底部悬浮按钮 */}
      <View className='fab-btn' onClick={goCreate}>
-        <Text className='fab-text'>+ 新建预约</Text>
+        <Text className='fab-text'>新建预约</Text>
      </View>
    </View>
  );
--- a/apps/miniprogram/src/pages/followup/detail/index.tsx
+++ b/apps/miniprogram/src/pages/followup/detail/index.tsx
@@ -38,9 +38,9 @@ export default function FollowUpDetail() {
    }
    setSubmitting(true);
    try {
-      await submitRecord({
-        task_id: id,
-        content: { text: content.trim() },
+      await submitRecord(id, {
+        result: content.trim(),
+        patient_condition: content.trim(),
      });
      Taro.showToast({ title: '提交成功', icon: 'success' });
      trackEvent('followup_submit', { task_id: id });