You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
3.1 KiB
87 lines
3.1 KiB
<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="/images/empty-icon.png"></image>
|
|
<text class="empty-text">暂无问诊记录</text>
|
|
<text class="empty-tip">开始您的第一次问诊吧</text>
|
|
</view>
|
|
|
|
<!-- 问诊记录卡片 -->
|
|
<view wx:else class="records-container">
|
|
<view class="section-header">
|
|
<text class="section-title">问诊记录</text>
|
|
<text class="section-count">{{diagnosisList.length}}条</text>
|
|
</view>
|
|
|
|
<view wx:for="{{diagnosisList}}" wx:key="id" class="record-card" bindtap="viewDetail" data-index="{{index}}">
|
|
<!-- 卡片头部：用户信息 + 状态 -->
|
|
<view class="card-header">
|
|
<view class="user-info">
|
|
<image class="user-avatar" src="{{item.userInfo.avatar || '/icons/default-avatar.svg'}}"></image>
|
|
<view class="user-details">
|
|
<text class="user-name">{{item.userInfo.nickName || '用户'}}</text>
|
|
<text class="pet-info">{{item.petInfo.type}}，{{item.petInfo.age}}岁，{{item.petInfo.gender}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="status-tag {{item.status === 'replied' ? 'status-replied' : 'status-pending'}}">
|
|
{{item.status === 'replied' ? '已回复' : '待回复'}}
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 症状描述 -->
|
|
<view class="symptom-section">
|
|
<view class="section-title-row">
|
|
<text class="section-title-text">症状描述</text>
|
|
</view>
|
|
<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.createdAt}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="footer-right">
|
|
<view class="reply-info">
|
|
<text class="reply-count">{{item.replies.length}}条回复</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 列表底部提示 -->
|
|
<view wx:if="{{diagnosisList.length > 0}}" class="list-footer">
|
|
<text class="footer-text">已显示全部记录</text>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 新增问诊按钮 -->
|
|
<view class="create-btn-container">
|
|
<view class="create-btn" bindtap="showCreateModal">
|
|
<image class="btn-icon" src="/pagesA/images/jh.png"></image>
|
|
<text class="btn-text">问诊单</text>
|
|
</view>
|
|
</view>
|
|
</view>
|