<!--module/health/components/report-health-status/report-health-status.wxml-->
<view class="card-wrapper report-data-wrapper" style="margin-top:30px">
  <view class="report-box">
    <view class="health-title">
      <block slot="title">
        <t-loading wx:if="{{loading}}" theme="spinner" size="20px" class="loading" />
        <image wx:else class="icon" src="../../assets/icon/icon_health@2x.png" mode="heightFix" />
        <text class="title-box">{{i18n.health.status}}</text>
      </block>
    </view>

    <block slot="right-icon">
      <view class="extra-warapper" slot="extra-status" catch:tap="showStatusList">
        <text>更新记录</text>
        <t-icon t-class="icon" name="chevron-right-double-s" size="24px" />
      </view>
    </block>
  </view>



  <!-- 欲病状态 -->
  <view class="card-container">
    <view class="status-title">{{dataset.report[0].value}}</view>
    <view class="card-body report-wrapper" mark:id="{{dataset.reportId}}" style="padding-top:0px;border-radius: 0 0 10px 10px;">
      <view class="content-wrapper" style="border-top: 1px solid #E7E7E7;padding-top:10px">
        <span class="row" wx:for="{{dataset.report}}" wx:key="value">
          <text wx:if="{{item.label}}" style="color:#8C8C8C;font-size:14px">{{i18n.health.statusTable[index]}}</text>
          <text style="font-size:14px"> {{item.value}}</text>
        </span>
      </view>
    </view>
    <t-empty wx:if="{{message}}" t-class="empty-wrapper error" icon="info-circle" description="{{message}}" />
  </view>
  <!-- 症状 -->
  <view class="card-container">
    <view class="status-title">{{i18n.health.statusNext}}</view>
    <view class="card-body status-data-wrapper" wx:if="{{dataset.condition.length}}" style="border-top: 1px solid #E7E7E7;padding-top:10px">
      <span class="row" wx:for="{{dataset.condition}}" wx:key="value">

        <view>{{item.value}}</view>
      </span>
    </view>
    <t-empty wx:if="{{message}}" t-class="empty-wrapper error" icon="info-circle" description="{{message}}" />
    <view class="nodata-box">
      <view slot="description" wx:if="{{!loading && !dataset.condition.length}}" style="padding: 0px 10px 20px 20px;">暂无数据</view>
    </view>
  </view>


  <!-- 舌象/面相 -->
  <card-analysis-content tongue="{{tongue}}" face="{{face}}" simple="{{ {tongue: false, face: true} }}" :type="files">
  </card-analysis-content>
</view>

<report-health-scheme dataset="{{dataset.conditProgram}}" mark:type="scheme" mark:id="{{dataset.reportId}}" bind:tap="toPreviewPage"></report-health-scheme>

<root-portal>
  <view wx:if="{{panel.shade}}" class="draggable-sheet-shade" catch:tap="_hideDraggableSheet"></view>
  <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]}}" worklet:onsizeupdate="_draggableSizeUpdate" mark:type="{{panel.type}}" bind:tap="toPreviewPage">
    <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 wx:if="{{panel.title}}" class="title">{{panel.title}}</view>
          </view>
        </sticky-header>
        <list-builder list="{{panel.data}}" child-height="90">
          <block slot:item slot:index>
            <t-cell t-class="cell-border-gradient" hover arrow title="{{item.reportTime}}" mark:id="{{item.id}}">
              <text slot="description" overflow="ellipsis">{{item.description}}</text>
            </t-cell>
          </block>
        </list-builder>
      </sticky-section>
    </scroll-view>
  </draggable-sheet>
</root-portal>

<view wx:if="{{i18n.home.__showRecord__}}" class="card-wrapper report-data-wrapper" mark:type="report" bind:tap="toPreviewPage">
  <view>
    <view class="report-box">
      <view class="health-title">
        <block slot="title">
          <t-loading wx:if="{{loading}}" theme="spinner" size="20px" class="loading" />
          <image wx:else class="icon" src="../../assets/icon/icon_scheme@2x.png" mode="heightFix"></image>
          <text class="title-box">{{i18n.report.title}}</text>
        </block>
      </view>
      <block slot="right-icon">
        <view class="extra-warapper" catch:tap="showReportList">
          <text>更新记录</text>
          <t-icon t-class="icon" name="chevron-right-double-s" size="24px" />
        </view>
      </block>

    </view>
  </view>
  <view class="card-body report-wrapper tongue-box" mark:id="{{dataset.reportId}}">
    <view class="content-wrapper report-content">
      <view class="status-box">{{dataset.report[0].value}}</view>
      <view wx:if="{{dataset.report.length>0}}" class="status-content">{{dataset.report[1].value}}表现为{{dataset.report[2].value}}</view>
      <view class="status-box">体质：{{dataset.report[3].value}}</view>
    </view>

    <image class="image-wrapper" src="../../assets/image/health-report.png" mode="aspectFill" />
  </view>
  <view slot="description" wx:if="{{!loading && !dataset.report.length}}">暂无数据</view>
  <t-empty wx:if="{{message}}" t-class="empty-wrapper error" icon="info-circle" description="{{message}}" />
</view>