Просмотр исходного кода

feat(body): 身页面新增疾病风险卡片

- 调用 POST /api/health/report/body-abnormal 获取非低风险疾病项目
- 展示疾病名称、风险值、等级标签(高风险红/需注意黄)
- gut-flora 接口确认已为 POST,无需修改
iwt 2 месяцев назад
Родитель
Сommit
a36838378d
1 измененных файлов с 22 добавлено и 0 удалено
  1. 22 0
      cfc-frontend/pages/body-detail/index.vue

+ 22 - 0
cfc-frontend/pages/body-detail/index.vue

@@ -98,6 +98,28 @@
       </view>
       </view>
     </view>
     </view>
 
 
+    <!-- 疾病风险卡片(有报告且有风险项时显示) -->
+    <view class="risk-section" v-if="isLoggedIn && diseaseRisks.length > 0">
+      <view class="section-header">
+        <text class="section-title">⚠️ 疾病风险</text>
+        <text class="section-more" @click="goToBodyDetail">更多 ›</text>
+      </view>
+      <view class="risk-list">
+        <view
+          v-for="(risk, i) in diseaseRisks"
+          :key="i"
+          class="risk-item"
+          :class="'risk-' + (risk.level || 'normal')"
+        >
+          <text class="risk-name">{{ risk.name }}</text>
+          <view class="risk-right">
+            <text class="risk-value" v-if="risk.value">{{ risk.value }}</text>
+            <text class="risk-level">{{ risk.level || '未知' }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+
     <!-- 家庭成员选择条 -->
     <!-- 家庭成员选择条 -->
     <FamilyMemberStrip
     <FamilyMemberStrip
       v-if="currentView === 'self' && isLoggedIn"
       v-if="currentView === 'self' && isLoggedIn"