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

feat(frontend): 健康报告列表增加报告人/报告日期/上传日期

liaoxg 2 месяцев назад
Родитель
Сommit
850d809080
1 измененных файлов с 19 добавлено и 3 удалено
  1. 19 3
      cfc-frontend/pages/health/report-list.vue

+ 19 - 3
cfc-frontend/pages/health/report-list.vue

@@ -17,7 +17,9 @@
           <view class="report-type-badge" :class="'badge-' + (item.reportType === 'gut_flora' ? 'gut' : item.reportType === 'tongue' ? 'tongue' : 'exam')">
             <text>{{ item.reportType === 'gut_flora' ? '肠道检测' : item.reportType === 'tongue' ? '舌诊' : '体检报告' }}</text>
           </view>
-          <text class="report-date">{{ formatDate(item.reportDate) }}</text>
+          <text class="report-person" v-if="item.personName">{{ item.personName }}</text>
+          <text class="report-date">报告日期:{{ formatDate(item.reportDate) }}</text>
+          <text class="report-upload-date">上传日期:{{ formatDate(item.createdAt) }}</text>
         </view>
         <view class="report-card-right">
           <text class="report-score">{{ item.overallScore || '--' }}<text class="score-unit">分</text></text>
@@ -165,7 +167,9 @@ export default {
 .report-card-left {
   display: flex;
   flex-direction: column;
-  gap: 8rpx;
+  gap: 2rpx;
+  flex: 1;
+  min-width: 0;
 }
 .report-type-badge {
   display: inline-block;
@@ -186,9 +190,21 @@ export default {
   background: #FFF3E0;
   color: #E65100;
 }
+.report-person {
+  font-size: 26rpx;
+  color: #333;
+  font-weight: 500;
+  margin-top: 4rpx;
+}
 .report-date {
-  font-size: 24rpx;
+  font-size: 22rpx;
   color: #888;
+  margin-top: 4rpx;
+}
+.report-upload-date {
+  font-size: 22rpx;
+  color: #AAA;
+  margin-top: 2rpx;
 }
 .report-card-right {
   display: flex;