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

<navbar fixed title="突眼日记" custom-style="background:{{background}}">
  <van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" />
</navbar>

<view class="container" style="padding-top:{{pageTop+20}}px;">
  <!-- 基准照片设置卡片 - 未设置状态 -->
  <view wx:if="{{!hasBaseline}}" class="setting-card-empty" bindtap="addRecord">
    <view class="setting-header">
      <view class="setting-title">
        <image class="icon" src="{{imageUrl}}icon144.png?t={{Timestamp}}"></image>
        <text>基准照片设置</text>
      </view>
      <view class="setting-status">待设置</view>
    </view>
    <view class="setting-desc">请先上传一组完整的照片作为基准，后续记录将以此为参照进行对比。</view>
  </view>

  <!-- 基准照片设置卡片 - 已设置状态 -->
  <view wx:if="{{hasBaseline}}" class="setting-card" bindtap="viewBaselineDetail">
    <view class="setting-header">
      <view class="setting-title">
        <image class="icon" src="{{imageUrl}}icon143.png?t={{Timestamp}}"></image>
        <text>基准照片设置</text>
      </view>
    </view>
    <view class="setting-body">
      <image class="photo" mode="aspectFill" src="{{baselinePhotoUrl || imageUrl + 'icon143.png?t=' + Timestamp}}"></image>
      <view class="wrap">
        <view class="name">已设置基准照</view>
        <view class="date">记录日期：{{baselineDate}}</view>
      </view>
      <view class="more">查看</view>
    </view>
  </view>

  <!-- 功能按钮区 -->
  <view class="action-buttons">
    <view class="action-btn primary" bindtap="addRecord">
      <view class="corner-fold"></view>
      <image class="btn-icon" src="{{imageUrl}}icon147.png?t={{Timestamp}}"></image>
      <text class="btn-text">新增记录</text>
    </view>
    <view class="action-btn secondary" bindtap="comparePhotos">
      <image class="btn-icon" src="{{imageUrl}}icon145.png?t={{Timestamp}}"></image>
      <text class="btn-text">照片对比</text>
    </view>
  </view>

  <!-- 历史记录 -->
  <view class="history-section">
    <view class="section-title">
      <view class="title-bar"></view>
      <text>历史记录</text>
    </view>

    <!-- 空状态 -->
    <view wx:if="{{recordList.length === 0 && !loading}}" class="history-empty">
      <image class="icon" src="{{imageUrl}}icon146.png?t={{Timestamp}}"></image>
      <text class="empty-text">暂无记录，点击上方按钮开始</text>
    </view>

    <!-- 记录列表 -->
    <view wx:if="{{recordList.length > 0}}" class="history-list">
      <view class="list-item" wx:for="{{recordList}}" wx:key="recordId" data-record-id="{{item.recordId}}" bind:tap="handleHistory">
        <view wx:if="{{item.isBaseline === 1}}" class="benchmark" style="background: url('{{imageUrl}}bg50.png?t={{Timestamp}}') no-repeat top center/100%">基准照</view>
        <image class="photo" mode="aspectFill" src="{{item.firstPhotoUrl || imageUrl + 'icon143.png?t=' + Timestamp}}"></image>
        <view class="wrap">
          <view class="date">{{item.recordDate}}</view>
          <view class="tag" wx:if="{{item.treatmentCount > 0}}">替妥尤单抗:{{item.treatmentCount >= 9 ? '>8' : item.treatmentCount}}</view>
          <view class="rotate">已上传{{item.photoCount}}个角度</view>
        </view>
        <image class="more" src="{{imageUrl}}icon148.png?t={{Timestamp}}"></image>
      </view>
    </view>

    <!-- 分页状态 -->
    <view wx:if="{{recordList.length > 0}}" class="list-footer">
      <view wx:if="{{loading}}" class="footer-text">加载中...</view>
      <view wx:elif="{{!hasMore}}" class="footer-text">没有更多了</view>
    </view>
  </view>
</view>