health.applet/miniprogram/module/care/pages/careDetail/careDetail.wxml

<view class="fullscreen-bg">
  <t-navbar title="服务包详情" left-arrow />
  <scroll-view 
    class="page-scroll__container" 
    scroll-y 
  >
    <block wx:if="{{!loading}}">
      <block wx:if="{{isShow}}">
        <!-- 调理中卡片 -->
        <view class="info-card card-content">
          <view class="status-tag">
            {{statusText}}
          </view>
          <view class="detail-container">
            <view class="detail-box">
              <view class="row"><text class="label">开具时间：</text>{{careDetail.createTime}}</view>
              <view class="row"><text class="label">开具医生：</text>{{careDetail.createBy}}</view>
              <view class="delivery" wx:if="{{isShowDelivery}}">
              <view style="margin-bottom:10px"> 
                <text class="label">配送：</text>
                <text>是</text>
              </view>
                <view class="address-block">
                 <view>
                 {{careDetail.provinceName}}{{careDetail.cityName}}{{careDetail.areaName}}{{careDetail.detailAddress}}
                  </view>
                  <view>
                  <text style="margin-right:10px"> {{patientName}}</text>
                  <text>{{careDetail.phone}}</text>
                  
                  </view>
                </view>
              </view>
              <view class="row"><text class="label">价格：</text>{{careDetail.cost}}元</view>
            </view>
          </view>
        </view>
        <!-- 健康状况卡片 -->
        <view class="info-card status-card">
          <view class="row">
            <image class="icon" src="../../assets/icon/icon_health@2x.png" mode="heightFix" />
            <text class="card-title">健康状况</text>
          </view>
          <view class="content-box">
            <view class="row"><text class="label">程度：</text>{{careDetail.healthAnalysisReport.willillDegreeName}}</view>
            <view class="row"><text class="label">表现：</text>{{careDetail.healthAnalysisReport.willillFunctionName}}</view>
            <view class="row"><text class="label">体质：</text>{{careDetail.healthAnalysisReport.constitutionGroupName}}</view>
            <view class="row"><text class="label">证素：</text>{{careDetail.healthAnalysisReport.factorItemSummary}}</view>
            <view class="row"><text class="label">证型：</text>{{careDetail.healthAnalysisReport.diagnoseSyndromeSummary}}</view>
          </view>
        </view>
        <!-- 调养方案 -->
        <view class="info-card status-card">
          <view class="row">
            <image class="icon" src="../../assets/icon/icon_scheme@2x.png" mode="heightFix" />
            <text class="card-title">调养方案</text>
          </view>
          <view wx:for="{{careDetail.items}}" wx:key="id">
            <!-- 线下操作-->
            <view class="scheme-card" wx:if="{{item.conditioningProgramDetail.isOffline && item.conditioningProgramDetail.isOffline==='Y'}}">
              <view class="scheme-title" wx:if="{{item.conditioningProgramDetail && item.conditioningProgramDetail.name && item.conditioningProgramDetail.name!=='null'}}">{{item.conditioningProgramDetail.name}}</view>
              <view class="divider"></view>
              <image class="scheme-img" src="{{item.conditioningProgramDetail.photo}}" mode="aspectFill" wx:if="{{item.conditioningProgramDetail.photo}}" />
              <view class="scheme-row light"><text class="text-gray" wx:if="{{item.arrangeDate || item.arrangeDate!==null}}">下次时间：</text>{{item.arrangeDate}}</view>
              <view class="scheme-row between">
                <text>
                  <text class="text-gray">已完成：</text>
                  <text class="success">
                    <text> {{item.finishCount}}次</text>
                    <text style="margin:0 5px;color:black">/</text>
                    <text style="color:black">{{item.totalMeasure}}次</text>
                  </text>
                </text>
                <text class="link" bindtap="onRecord" data-id="{{item.id}}" wx:if="{{item.conditioningProgramDetail.isOffline && item.conditioningProgramDetail.isOffline==='Y'}}">核销记录</text>
              </view>
              <view class="scheme-row">
                <text class="text-gray">频次：</text>
                每 {{item.frequencyType}}天{{item.frequencyMeasure}}{{item.conditioningProgramDetail.cpFixedPricingRule.convertUnit || '次'}}
              </view>
              <view class="scheme-row">
                <text class="text-gray">机构：</text>
                {{item.conditioningProgramDetail.conditioningProgramSupplierName}}
              </view>
              <view class="scheme-bottom" wx:if="{{item.actualStartDate}}">
                <text class="next-time" wx:if="{{item.arrangeDate}}">下一次时间：{{item.arrangeDate}}</text>
                <view class="link opt-box" bindtap="onOffline" data-id="{{item.id}}">
                  <t-icon name="app" size="24rpx" color="#1976d2" />
                  <text style="margin-left:10px">线下操作</text>
                </view>
              </view>
            </view>
            <!-- 线上操作 -->
            <view class="scheme-card" wx:if="{{item.conditioningProgramDetail.isOffline && item.conditioningProgramDetail.isOffline==='N'}}">
              <view class="scheme-title">{{item.conditioningProgramDetail.name}}</view>
              <view class="divider"></view>
              <image class="scheme-img" src="{{item.conditioningProgramDetail.photo}}" mode="aspectFill" wx:if="{{item.conditioningProgramDetail.photo}}" />
              <view class="scheme-row light">
                <text class="text-gray">数量：</text>
                {{item.totalMeasure}}
              </view>
              <view class="scheme-row between">
                <text>
                  <text class="label between">频次：</text>
                  <text>每{{item.frequencyType}}天{{item.frequencyMeasure}}{{item.conditioningProgramDetail.cpFixedPricingRule.convertUnit}}</text>
                </text>
              <text class="link" bindtap="onCardRecord" data-id="{{item.id}}" wx:if="{{item.conditioningProgramDetail.isOffline && item.conditioningProgramDetail.isOffline==='N'}}">打卡记录</text>

              </view>
              <view class="desc-row">
                <text class="desc-label">{{item.remark || ''}}</text>
              </view>
            </view>
            <!-- 健康评估-->
            <view class="scheme-card" wx:if="{{item.conditioningProgramDetail.conditioningProgramType && item.conditioningProgramDetail.conditioningProgramType==='健康评估'}}">
              <view class="scheme-title">{{item.conditioningProgramDetail.name}}</view>
              <view class="divider"></view>
              <image class="scheme-img" src="{{item.conditioningProgramDetail.photo}}" mode="aspectFill" wx:if="{{item.conditioningProgramDetail.photo}}" />
              <view class="scheme-row between" style="margin-top:15px">
                <text>
                  <text class="text-gray">已完成：</text>
                  <text class="success">
                    <text> {{item.finishCount}}次</text>
                    <text style="margin:0 5px;color:black">/</text>
                    <text style="color:black">{{item.totalMeasure}}次</text>
                  </text>
                </text>
                <text class="link" bindtap="onReport" data-id="{{item.id}}" wx:if="{{item.conditioningProgramDetail.conditioningProgramType && item.conditioningProgramDetail.conditioningProgramType==='健康评估'}}">健康分析报告</text>
              </view>
              <view class="scheme-row">
                <text class="text-gray">频次：</text>
                <view wx:if="{{item.frequencyType==='不限'}}">{{item.frequencyType}}{{item.conditioningProgramDetail.cpFixedPricingRule.convertUnit}}</view>
                <view wx:else>
                  每 {{item.frequencyType}}天{{item.frequencyMeasure}}{{item.conditioningProgramDetail.cpFixedPricingRule.convertUnit}}
                </view>
              
              </view>
              <view class="desc-row">
                <text class="text-gray">操作指南：</text>
                <text class="desc-label">{{item.remark}}</text>
              </view>
            </view>
          </view>
        </view>
        <!--调养效果  -->
        <view class="info-card status-card">
          <view class="row">
            <image class="icon" src="../../assets/icon/icon_effect@3x.png" mode="heightFix" />
            <text class="header-title">调养效果</text>
          </view>
          <!--调养效果  -->
          <record-care></record-care>
          <!--舌象  -->
          <view class="tongue-list-outer">
            <view class="tongue-list-title">舌象</view>
            <view class="tongue-list-table">
              <view class="table-header">
                <view class="header-cell date-cell">日期</view>
                <view class="header-cell">舌面</view>
                <view class="header-cell">舌底</view>
              </view>
              <block wx:for="{{healthReports}}" wx:key="healthAnalysisReportId">
                <view class="table-row">
                  <view class="cell date-cell">
                    <view>{{item.time4}}</view>
                    <view class="report-btn" bindtap="onSeeReport" data-date="{{item.time4}}" data-id="{{item.healthAnalysisReportId}}">
                      <t-icon name="file" size="20rpx" color="#1976d2" />
                      <text>查看报告</text>
                    </view>
                  </view>
                  <view class="cell">
                    <t-image wx:if="{{item.upImg}}" src="{{item.upImg}}" mode="aspectFit" width="80rpx" height="80rpx" shape="round" bind:tap="onPreviewImage" data-url="{{item.upImg}}" />
                    <t-icon wx:else name="image" size="48rpx" color="#ccc" />
                  </view>
                  <view class="cell">
                    <t-image wx:if="{{item.downImg}}" src="{{item.downImg}}" mode="aspectFit" width="80rpx" height="80rpx" shape="round" bind:tap="onPreviewImage" data-url="{{item.downImg}}" />
                    <t-icon wx:else name="image" size="48rpx" color="#ccc" />
                  </view>
                </view>
              </block>
            </view>
          </view>
          <!--面象  -->
          <view class="tongue-list-outer">
            <view class="tongue-list-title">面象</view>
            <view class="tongue-list-table">
              <view class="table-header">
                <view class="header-cell date-cell">日期</view>
                <view class="header-cell">面部</view>
              </view>
              <block wx:for="{{healthReports}}" wx:key="healthAnalysisReportId">
                <view class="table-row">
                  <view class="cell date-cell">
                    <view>{{item.time4}}</view>
                    <view class="report-btn" bindtap="onSeeReport" data-date="{{item.time4}}" data-id="{{item.healthAnalysisReportId}}">
                      <t-icon name="file" size="20rpx" color="#1976d2" />
                      <text>查看报告</text>
                    </view>
                  </view>
                  <view class="cell">
                    <t-image wx:if="{{item.faceImg}}" src="{{item.faceImg}}" mode="aspectFit" width="80rpx" height="80rpx" shape="round" bind:tap="onPreviewImage" data-url="{{item.faceImg}}" />
                    <t-icon wx:else name="image" size="48rpx" color="#ccc" />
                  </view>
                </view>
              </block>
            </view>
          </view>
          <!--症状  -->
          <view class="symptom-list-outer">
            <view class="symptom-list-title">症状</view>
            <view class="container">
              <!-- 表头 -->
              <view class="table-headers">
                <view class="date-header">日期</view>
                <view class="symptoms-header-scroll">
                  <view class="symptoms-header">症状</view>
                </view>
              </view>
              <!-- 表格内容 -->
              <view class="table-body">
                <!-- 固定日期列 -->
                <view class="date-column">
                  <view wx:for="{{healthReports}}" wx:key="healthAnalysisReportId" class="date-cells">
                    {{item.time4}}
                  </view>
                </view>
                <!-- 可滚动症状列 -->
                <scroll-view class="symptoms-column" scroll-x>
                  <view class="symptoms-grid">
                    <view wx:for="{{healthReports}}" wx:key="healthAnalysisReportId" class="symptoms-row">
                      <view wx:for="{{item.symptoms}}" wx:key="index" class="symptom-cells" wx:for-item="symptom">
                        {{symptom.name || ' '}}
                      </view>
                    </view>
                  </view>
                </scroll-view>
              </view>
            </view>
          </view>
          <!--指标  -->
          <view class="index-container">
            <view class="index-title">指标</view>
             <record-index></record-index>
          </view>
        </view>
      </block>
      <block wx:else>
        <t-empty icon="info-circle-filled" description="暂无数据" />
      </block>
    </block>
  </scroll-view>
</view>