xinda-miniprogram/src/patient/pages/qolReport/index.wxml

<view class="page">
  <view class="page-header">
    <van-tabs
      active="{{ active }}"
      tab-class="tab-class"
      color="#B982FF"
      line-width="60rpx"
      line-height="8rpx"
      title-active-color="#211D2E"
      title-inactive-color="#69686E"
      bind:change="handleChangeType"
    >
      <van-tab title="日"></van-tab>
      <van-tab title="月度"></van-tab>
      <van-tab title="年度"></van-tab>
    </van-tabs>
    <view class="form">
      <view class="date">
        <picker
          bindchange="handleChange"
          class="start"
          end="{{EndMonth}}"
          fields="{{fields[type]}}"
          mode="date"
          model:value="{{BeginMonth}}"
        >
          {{BeginMonth}}
        </picker>
        <view class="line">~</view>
        <picker
          bindchange="handleChange"
          class="end"
          fields="{{fields[type]}}"
          mode="date"
          model:value="{{EndMonth}}"
          start="{{BeginMonth}}"
        >
          {{EndMonth}}
        </picker>
        <van-icon class="icon" name="play" />
      </view>
    </view>
  </view>

  <view class="chart-list">
    <view class="chart-card">
      <view class="title">GO-QOL整体记录曲线</view>
      <view class="chart">
        <ec-canvas id="chart1" ec="{{ ec }}"></ec-canvas>
      </view>
    </view>
    <view class="chart-card">
      <view class="title">GO-QOL视觉功能影响记录曲线</view>
      <view class="chart">
        <ec-canvas id="chart2" ec="{{ ec }}"></ec-canvas>
      </view>
    </view>
    <view class="chart-card">
      <view class="title">GO-QOL外观影响记录曲线</view>
      <view class="chart">
        <ec-canvas id="chart3" ec="{{ ec }}"></ec-canvas>
      </view>
    </view>
  </view>

  <view class="list">
    <view class="list-title">我的历史测评报告</view>
    <view class="list-container">
      <view
        class="row {{item.TotalScore>=0 && 'status1'}} {{item.TotalScore>=40 && 'status2'}} {{item.TotalScore>=80 && 'status3'}}"
        wx:for="{{list}}"
        wx:key="index"
        bind:tap="handleDetail"
        data-id="{{item.Id}}"
        data-index="{{index}}"
        bind:longpress="handleDelete"
      >
        <view class="aside">
          <view class="line-top" style="opacity: 0"></view>
          <view class="side"></view>
          <view class="line"></view>
        </view>
        <view class="r-container">
          <view class="date">评估日期：{{item.Date}}</view>
          <view class="r-card">
            <view class="wrap">
              <view class="num">{{item.TotalScore}}</view>
              <view class="inner">
                <view class="label" wx:if="{{item.TotalScore >= 80}}">轻度影响</view>
                <view class="label" wx:elif="{{item.TotalScore >= 40}}">中度影响</view>
                <view class="label" wx:else>重度影响</view>
                <view class="name">TED生活质量评分</view>
              </view>
            </view>
            <view class="stat">
              <view class="s-item">
                视觉功能
                <view class="score">{{item.VisionScore}}分</view>
              </view>
              <view class="s-item">
                外观
                <view class="score">{{item.AppearanceScore}}分</view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <pagination pagination="{{pagination}}"></pagination>
    </view>
  </view>

  <view class="page-footer">
    <view class="home" bind:tap="handleHome">
      <image class="icon" src="{{imageUrl}}icon74.png?t={{Timestamp}}"></image>
      <view>首页</view>
    </view>
    <view class="btn" bind:tap="handleQol">评测</view>
  </view>
</view>