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.
202 lines
7.2 KiB
202 lines
7.2 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="/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">
|
|
<view bindtap="viewDetail" data-value="{{item}}">
|
|
<!-- 卡片头部：用户信息 + 状态 -->
|
|
<view class="card-header">
|
|
<view class="user-section">
|
|
<image class="user-avatar" src="{{baseUrl+item.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>
|
|
|
|
<!-- 卡片底部 -->
|
|
<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" bindtap="bindPlan" data-id="{{item.formId}}">制定方案</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="plan-popup" wx:if="{{showPlanPopup}}">
|
|
<!-- 遮罩层 -->
|
|
<view class="popup-mask" bindtap="closePlanPopup"></view>
|
|
<!-- 弹窗主体（从底部滑入） -->
|
|
<view class="popup-content">
|
|
<view class="popup-header">
|
|
<text class="popup-title">制定诊疗方案</text>
|
|
<text class="popup-close" bindtap="closePlanPopup">✕</text>
|
|
</view>
|
|
|
|
<scroll-view scroll-y class="popup-form" enhanced show-scrollbar="{{false}}">
|
|
<!-- 方案标题（新增字段） -->
|
|
<view class="form-item">
|
|
<view class="item-label-wrapper">
|
|
<text class="item-label">方案标题</text>
|
|
<text class="required-star">*</text>
|
|
</view>
|
|
<input
|
|
class="item-input"
|
|
type="text"
|
|
placeholder="请输入方案标题，如：呼吸道感染治疗方案"
|
|
placeholder-class="placeholder-style"
|
|
value="{{planForm.title}}"
|
|
bindinput="onTitleInput"
|
|
maxlength="100"
|
|
/>
|
|
</view>
|
|
|
|
<!-- 诊断结果 -->
|
|
<view class="form-item">
|
|
<view class="item-label-wrapper">
|
|
<text class="item-label">诊断结果</text>
|
|
<text class="required-star">*</text>
|
|
</view>
|
|
<input
|
|
class="item-input"
|
|
type="text"
|
|
placeholder="请输入诊断结果，如：细菌性肠炎"
|
|
placeholder-class="placeholder-style"
|
|
value="{{planForm.diagnosis}}"
|
|
bindinput="onDiagnosisInput"
|
|
maxlength="100"
|
|
/>
|
|
</view>
|
|
|
|
<!-- 治疗方式 -->
|
|
<view class="form-item">
|
|
<view class="item-label-wrapper">
|
|
<text class="item-label">治疗方式</text>
|
|
<text class="required-star">*</text>
|
|
</view>
|
|
<input
|
|
class="item-input"
|
|
type="text"
|
|
placeholder="请输入治疗方式，如：西药治疗、手术治疗等"
|
|
placeholder-class="placeholder-style"
|
|
value="{{planForm.treatmentMethod}}"
|
|
bindinput="onTreatmentMethodInput"
|
|
maxlength="50"
|
|
/>
|
|
</view>
|
|
|
|
<!-- 治疗方案描述（文本域） -->
|
|
<view class="form-item">
|
|
<view class="item-label-wrapper">
|
|
<text class="item-label">治疗方案描述</text>
|
|
<text class="required-star">*</text>
|
|
</view>
|
|
<textarea
|
|
class="item-textarea"
|
|
placeholder="详细描述治疗方案，包括用药、剂量、疗程等"
|
|
placeholder-class="placeholder-style"
|
|
value="{{planForm.treatmentDesc}}"
|
|
bindinput="onTreatmentDescInput"
|
|
maxlength="500"
|
|
auto-height
|
|
/>
|
|
<text class="word-count">{{planForm.treatmentDesc.length || 0}}/500</text>
|
|
</view>
|
|
|
|
<!-- 注意事项（文本域） -->
|
|
<view class="form-item">
|
|
<view class="item-label-wrapper">
|
|
<text class="item-label">注意事项</text>
|
|
<text class="optional-tip">（选填）</text>
|
|
</view>
|
|
<textarea
|
|
class="item-textarea"
|
|
placeholder="饮食、护理、复诊提醒等注意事项"
|
|
placeholder-class="placeholder-style"
|
|
value="{{planForm.precautions}}"
|
|
bindinput="onPrecautionsInput"
|
|
maxlength="300"
|
|
auto-height
|
|
/>
|
|
<text class="word-count">{{planForm.precautions.length || 0}}/300</text>
|
|
</view>
|
|
|
|
</scroll-view>
|
|
|
|
<!-- 弹窗底部按钮 -->
|
|
<view class="popup-footer">
|
|
<button class="btn-cancel" bindtap="closePlanPopup">取消</button>
|
|
<button class="btn-submit" bindtap="submitPlan">提交方案</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|