GeneB-miniprogram/src/patient/pages/coltStat/index.wxml

<navbar fixed title="查看我的健康变化" custom-style="background:{{background}}" back>
  <van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" />
</navbar>
<view class="page">
  <view
    class="page-header"
    style="padding-top:{{pageTop}}px;background:#fff url('{{imageUrl}}bg11.png?t={{Timestamp}}') no-repeat top center/100% 693rpx"
  >
    <view class="calendar-wrap">
      <view class="calendar-header">
        <view class="left" bind:tap="handleCalendarSwitch" data-type="prev">
          <!-- <image class="icon" src="{{imageUrl}}calendar-left-disabled.png?t={{Timestamp}}"></image> -->
          <image class="icon" src="{{imageUrl}}calendar-left.png?t={{Timestamp}}"></image>
        </view>
        <view class="current-date">
          {{calendarCurrent.year}}
          <view class="name">年</view>
          {{calendarCurrent.month}}
          <view class="name">月</view>
        </view>
        <view class="right">
          <image
            wx:if="{{disableRight}}"
            class="icon"
            src="{{imageUrl}}calendar-right-disabled.png?t={{Timestamp}}"
          ></image>
          <image
            wx:else
            bind:tap="handleCalendarSwitch"
            data-type="next"
            class="icon"
            src="{{imageUrl}}calendar-right.png?t={{Timestamp}}"
          ></image>
        </view>
      </view>
      <view class="calendar">
        <calendar
          bind:afterCalendarRender="afterCalendarRender"
          bind:takeoverTap="takeoverTap"
          bind:onSwipe="onSwipe"
          config="{{calendarConfig}}"
          id="calendar"
        ></calendar>
      </view>
    </view>
    <view class="legend">
      <view class="l-item">
        <view class="dot dot1"></view>
        <view class="name">出血</view>
      </view>
      <view class="l-item">
        <view class="dot dot2"></view>
        <view class="name">注射</view>
      </view>
    </view>
    <view class="more {{!calendarConfig.weekMode && 'active'}}" bindtap="handleCalendarMore">
      <image class="icon" src="{{imageUrl}}icon84.png?t={{Timestamp}}"></image>
    </view>
  </view>
  <view class="page-container">
    <view class="module1">
      <view class="title">我的健康变化</view>
      <view class="container">
        <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
      </view>
    </view>
    <view class="tabs">
      <view class="tab {{tabActve===1 && 'active'}}" bind:tap="handleTab" data-active="{{1}}">凝血因子</view>
      <view class="tab {{tabActve===2 && 'active'}}" bind:tap="handleTab" data-active="{{2}}">生化检查</view>
    </view>
    <view class="doc">
      <view class="total">
        已记录
        <text class="num">3</text>
        条
      </view>
      <view class="more">
        查看档案
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="tab1" wx:if="{{tabActve===1}}">
      <view class="tab1-module">
        <view class="item">
          <view class="icon">
            <image class="i-img" src="{{imageUrl}}icon57.png?t={{Timestamp}}"></image>
          </view>
          <view class="wrap">
            <view class="name">因子检查</view>
            <view class="num">
              30
              <text class="sub">次</text>
            </view>
          </view>
        </view>
        <view class="item">
          <view class="icon">
            <image class="i-img" src="{{imageUrl}}icon58.png?t={{Timestamp}}"></image>
          </view>
          <view class="wrap">
            <view class="name">因子检查</view>
            <view class="num">
              30
              <text class="sub">次</text>
            </view>
          </view>
        </view>
      </view>
      <view class="tab1-list">
        <view class="list-item">
          <view class="aside">
            <view class="order"></view>
            <view class="line"></view>
          </view>
          <view class="container">
            <view class="date">2025.6.15</view>
            <view class="wrap">
              <view class="title">基因中心检查</view>
              <view class="progress">13</view>
            </view>
          </view>
        </view>
        <view class="list-item">
          <view class="aside">
            <view class="order"></view>
            <view class="line"></view>
          </view>
          <view class="container">
            <view class="date">2025.6.15</view>
            <view class="wrap">
              <view class="title">基因中心检查</view>
              <view class="progress">13</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="tab2" wx:elif="{{tabActve===2}}">
      <view class="tab2-list">
        <view class="list-item">
          <view class="aside">
            <view class="order"></view>
            <view class="line"></view>
          </view>
          <view class="container">
            <view class="date">2025.6.15</view>
            <view class="wrap">
              <view class="title">基因中心检查</view>
              <view class="row">
                <view class="legend legend1"></view>
                <view class="label">AST天门冬氨酸氨基转移酶</view>
                <view class="num">40U/L</view>
              </view>
              <view class="row">
                <view class="legend legend2"></view>
                <view class="label">ALT丙氨酸氨基转移酶</view>
                <view class="num">100U/L</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>