wxamp-ymtxMerchant/pagesA/pages/precept/precept.wxml

<view class="wzbox">
  <!-- 顶部标题栏 -->
  <view class="header">
    <view class="header-content">
      <view class="title-section">
        <text class="title">远程诊疗</text>
        <text class="subtitle">专业兽医在线解答</text>
      </view>
    </view>
    <view class="header-decoration">
      <view class="decoration-circle circle-1"></view>
      <view class="decoration-circle circle-2"></view>
    </view>
  </view>

  <!-- 问诊记录列表 -->
  <scroll-view class="record-list" scroll-y enable-back-to-top>
    <!-- 空状态 -->
    <view wx:if="{{diagnosisList.length === 0}}" class="empty-state">
      <image class="empty-icon" src="/pagesA/images/kzt.png" mode="widthFix"></image>
      <text class="empty-text">暂无问诊记录</text>
      <text class="empty-tip">开始您的第一次问诊吧</text>
    </view>

    <!-- 问诊记录卡片 -->
    <view wx:else class="records-container">
    
      
      <view wx:for="{{diagnosisList}}"   wx:key="id" class="record-card" bindtap="viewDetail" data-value="{{item}}">
        <!-- 卡片头部：用户信息 + 状态 -->
        <view class="card-header">
          <view class="user-section">
            <image class="user-avatar" src="{{item.userInfo.avatar || '/pages/images/tx.png'}}"></image>
            <text class="user-name">{{item.farmerName || '用户'}}</text>
          </view>
          <view class="status-tag {{item.status === '已回复' ? 'status-replied' : 'status-pending'}}">
            {{item.status}}
          </view>
        </view>

        <!-- 牲畜信息 -->
        <view class="livestock-section">
          <view class="livestock-title-wrapper">
            <view class="livestock-title-line"></view>
            <view class="livestock-title-content">
              <text class="livestock-title-text">牲畜信息</text>
            </view>
            <view class="livestock-title-line"></view>
          </view>

          <view class="livestock-tags">
            <view class="livestock-tag type-tag">
              <text class="tag-text">{{item.animalType}}</text>
            </view>
            <view class="livestock-tag age-tag">
              <text class="tag-text">{{item.animalAge}}</text>
            </view>
            <view class="livestock-tag gender-tag">
              <text class="tag-text">{{item.animalGender}}</text>
            </view>
          </view>
        </view>

        <!-- 症状描述 -->
        <view class="symptom-section">
          <view class="symptom-content">
            <text class="symptom-text">{{item.description}}</text>
          </view>
        </view>

        <!-- 卡片底部 -->
        <view class="card-footer">
          <view class="footer-left">
            <view class="time-info">
              <text class="time-text">{{item.createdTime}}</text>
            </view>
          </view>
          
          <view class="footer-right">
            <view class="reply-info">
              <text class="reply-count">制定方案</text>
            </view>
          </view>
        </view>
      </view>
    </view>

    <!-- 列表底部提示 -->
    <view wx:if="{{diagnosisList.length > 0}}" class="list-footer">
      <text class="footer-text">已显示全部记录</text>
    </view>
  </scroll-view>


</view>