psvt-miniprogram/src/pages/health/index.wxml

<navbar id="navbar" fixed custom-style="background:{{background}}" back>
  <image class="page-title" slot="left" src="{{imageUrl}}logo2.png?t={{Timestamp}}"></image>
</navbar>

<view
  class="page"
  style="background: url('{{imageUrl}}bg6.png?t={{Timestamp}}') no-repeat top center/100% 478rpx;padding-top: {{pageTop}}px;"
>
  <van-tabs
    class="tabs"
    active="{{ tab }}"
    sticky
    style="--tabs-nav-background-color: {{background}}"
    color="rgba(47, 130, 169, 1)"
    title-active-color="rgba(47, 130, 169, 1)"
    title-inactive-color="rgba(100, 116, 139, 1)"
    bind:change="onChange"
    tab-active-class="tab-active-class"
    tab-class="tab-class"
    wrap-class="wrap-class"
    nav-class="nav-calss"
    offset-top="{{offsetTop}}"
  >
    <van-tab title="健康量表">内容 1</van-tab>
    <van-tab title="心率记录">
      <view class="body2">
        <view class="body-op">
          <view class="date-range">
            <picker mode="date" fields="month" value="{{startMonth}}" bind:change="onStartMonthChange">
              <view class="date">{{startMonth}}</view>
            </picker>
            -
            <picker mode="date" fields="month" value="{{endMonth}}" bind:change="onEndMonthChange">
              <view class="date">{{endMonth}}</view>
            </picker>
            <image class="icon" src="{{imageUrl}}icon25.png?t={{Timestamp}}"></image>
          </view>
          <view class="week-alert">
            <checkbox class="check"></checkbox>
            每周提醒我
          </view>
        </view>
        <view class="stats-grid">
          <view class="stat-card">
            <view class="stat-label">最近1次</view>
            <view class="stat-value">
              <text class="stat-number">{{heartStats.lastHeartRate}}</text>
              <text class="stat-unit">次/分</text>
            </view>
          </view>
          <view class="stat-card">
            <view class="stat-label">最近发作</view>
            <view class="stat-value">
              <text class="stat-number">{{heartStats.attackCount}}</text>
              <text class="stat-unit">次</text>
            </view>
          </view>
          <view class="stat-card">
            <view class="stat-label">最高心率</view>
            <view class="stat-value">
              <text class="stat-number">{{heartStats.maxHeartRate}}</text>
              <text class="stat-unit">次/分</text>
            </view>
          </view>
        </view>
        <view class="chart">
          <ec-canvas id="chart1" ec="{{ ec }}"></ec-canvas>
          <view class="legend">
            <view class="l-item">
              <view class="dot1"></view>
              正常心率
            </view>
            <view class="l-item">
              <view class="dot2"></view>
              发作心率
            </view>
          </view>
        </view>
        <view class="list">
          <view
            class="list-card"
            wx:for="{{heartRateList}}"
            wx:key="id"
            data-id="{{item.id}}"
            bind:tap="handleHeartTap"
          >
            <view class="lc-header">
              <view class="status {{item.isPsvtAttack === 1 ? 'status2' : 'status1'}}">
                {{item.isPsvtAttack === 1 ? 'PSVT发作' : '未发作'}}
              </view>
              <view class="date">{{item.recordDateTime}}</view>
            </view>
            <view class="row">
              <view class="label">心率</view>
              <view class="content">{{item.heartRate}}次/分</view>
            </view>
            <view class="row" wx:if="{{item.remark}}">
              <view class="label">备注</view>
              <view class="content">{{item.remark}}</view>
            </view>
          </view>
        </view>
        <pagination pagination="{{heartRatePagination}}" />
      </view>
    </van-tab>
    <van-tab title="复诊记录">
      <view class="body3">
        <view class="body-op">
          <view class="date-range">
            <picker mode="date" fields="month" value="{{startMonth}}" bind:change="onStartMonthChange">
              <view class="date">{{startMonth}}</view>
            </picker>
            -
            <picker mode="date" fields="month" value="{{endMonth}}" bind:change="onEndMonthChange">
              <view class="date">{{endMonth}}</view>
            </picker>
            <image class="icon" src="{{imageUrl}}icon25.png?t={{Timestamp}}"></image>
          </view>
          <view class="total">
            共复诊
            <view class="high">{{totalRevisits}}</view>
            次 距上次复诊
            <view class="high">{{daysSinceLastRevisit}}</view>
            天
          </view>
        </view>
        <view class="list">
          <view class="card" wx:for="{{revisitList}}" wx:key="id" data-id="{{item.id}}" bind:tap="handleRevisitTap">
            <view class="c-header">
              <view class="label">第{{item.seqNum}}次复诊</view>
              <view class="date">{{item.visitDate}}</view>
            </view>
            <view class="photo9" wx:if="{{item.images && item.images.length}}">
              <view class="p-item" wx:for="{{item.images}}" wx:for-item="img" wx:key="*this">
                <image class="p-img" mode="aspectFill" src="{{img}}"></image>
              </view>
            </view>
            <view class="title">{{item.isUpdatePrescription ? '已更新处方' : '未更新处方'}}</view>
            <view class="content" wx:if="{{item.remark}}">{{item.remark}}</view>
          </view>
        </view>
        <pagination pagination="{{revisitPagination}}" />
      </view>
    </van-tab>
  </van-tabs>
</view>

<view class="fixed-add" bind:tap="handleAdd">
  <image class="icon" src="{{imageUrl}}icon24.png?t={{Timestamp}}"></image>
</view>

<popup
  show="{{popupShow}}"
  type="{{popupType}}"
  params="{{popupParams}}"
  bind:ok="handlePopupOk"
  bind:cancel="handlePopupCancel"
></popup>