85 lines
3.2 KiB
Plaintext
85 lines
3.2 KiB
Plaintext
<view class="detail-container">
|
|
<t-navbar title="手术详情" left-arrow bind:go-back="goBack" />
|
|
|
|
<block wx:if="{{loading}}">
|
|
<!-- 加载中骨架屏 -->
|
|
<view class="skeleton-container">
|
|
<t-skeleton theme="paragraph" loading></t-skeleton>
|
|
</view>
|
|
</block>
|
|
<block wx:elif="{{loadError}}">
|
|
<!-- 加载错误提示 -->
|
|
<view class="error-container">
|
|
<t-empty icon="error-circle" description="加载失败，请返回重试" />
|
|
</view>
|
|
</block>
|
|
<block wx:elif="{{surgery}}">
|
|
<view class="detail-card">
|
|
<!-- 手术基本信息 -->
|
|
<view class="info-section">
|
|
<view class="info-header">手术信息</view>
|
|
<view class="info-content">
|
|
<view class="info-item">
|
|
<text class="label">手术编号</text>
|
|
<text class="value">{{surgery.surgery_id}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">手术名称</text>
|
|
<text class="value">{{surgery.surgery_name}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">患者姓名</text>
|
|
<text class="value">{{surgery.patient}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">手术时间</text>
|
|
<text class="value">{{surgery.formattedTime}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">主刀医生</text>
|
|
<text class="value doctor">{{surgery.doctorName}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">所属科室</text>
|
|
<text class="value department">{{surgery.departmentName}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 设备信息部分，修改为更简洁的列表 -->
|
|
<view class="device-section">
|
|
<view class="info-header">使用设备 ({{surgery.devices.length}})</view>
|
|
<view class="device-list">
|
|
<block wx:if="{{surgery.devices && surgery.devices.length > 0}}">
|
|
<view class="device-card" wx:for="{{surgery.devices}}" wx:key="id">
|
|
<view class="device-header">
|
|
<text class="device-name">{{item.displayName}}</text>
|
|
</view>
|
|
<view class="device-time-info">
|
|
<view class="time-item">
|
|
<text class="time-label">开始时间:</text>
|
|
<text class="time-value">{{item.startTimeDisplay}}</text>
|
|
</view>
|
|
<view class="time-item">
|
|
<text class="time-label">结束时间:</text>
|
|
<text class="time-value">{{item.endTimeDisplay}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<block wx:else>
|
|
<view class="no-device">
|
|
<t-empty icon="info-circle" description="无使用设备记录" />
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<block wx:else>
|
|
<!-- 数据为空的提示 -->
|
|
<view class="empty-container">
|
|
<t-empty icon="info-circle-filled" description="无法获取手术详情" />
|
|
</view>
|
|
</block>
|
|
</view> |