<!--module/health/pages/home/home.wxml-->
<t-navbar title="健康档案" left-arrow />
<scroll-view class="page-scroll__container" type="list" scroll-y style="{{containerStyle}}">
  <report-health-patient dataset="{{healthPatient.data}}" loading="{{healthPatient.loading}}" message="{{healthPatient.message}}"></report-health-patient>
  <report-health-status dataset="{{healthReport.data}}" loading="{{healthReport.loading}}" message="{{healthReport.message}}" mark:id="{{healthId}}" bind:tap="toReportPage">
    <view class="extra-warapper" slot="extra-status" catch:tap="">
      <text>更新记录</text>
      <t-icon t-class="icon" name="chevron-right-double-s" size="24px" />
    </view>
    <view class="extra-warapper" slot="extra-report" catch:tap="showReportList">
      <text>更新记录</text>
      <t-icon t-class="icon" name="chevron-right-double-s" size="24px" />
    </view>
  </report-health-status>
  <report-health-scheme dataset="{{healthReport.data.conditProgram}}" mark:id="{{healthId}}" bind:tap="toSchemePage"></report-health-scheme>
  <report-health-index dataset="{{healthIndex.data}}" loading="{{healthIndex.loading}}" message="{{healthIndex.message}}">
    <view class="extra-warapper" slot="extra" catch:tap="toHealthIndexListPage">
      <text>更新记录</text>
      <t-icon t-class="icon" name="chevron-right-double-s" size="24px" />
    </view>

  </report-health-index>
</scroll-view>

<t-message id="{{$messageId}}"></t-message>

<draggable-sheet class="draggable-sheet-wrapper health-report-list" style="height: {{container.height}}px;" initial-child-size="0" min-child-size="0" max-child-size="0.8" snap="{{true}}" snap-sizes="{{[0.5]}}">
  <scroll-view class="scrollable draggable-sheet-container" type="custom" scroll-y associative-container="draggable-sheet" show-scrollbar="{{false}}" bounces="{{false}}">
    <sticky-section>
      <sticky-header>
        <view class="draggable-sheet-bar">
          <view class="indicator" />
          <view class="title">健康分析报告记录</view>
        </view>
      </sticky-header>
      <list-builder list="{{healthReportList.data}}" child-height="90">
        <block slot:item slot:index>
          <t-cell t-class="cell-border-gradient" title="{{item.reportTime}}" description="{{item.description}}" arrow mark:id="{{item.id}}" bind:tap="toReportPage">
            <image slot="image" src="../../assets/image/health-report.png" style="width: 53px;height: 53px;"></image>
          </t-cell>
        </block>
      </list-builder>
    </sticky-section>
  </scroll-view>
</draggable-sheet>