drone_delivery_of_medicines_applet/pages/hospital/hospital.wxml

<!--hospital.wxml-->
<view class="container">
  <!-- 自定义导航栏 -->
  <view class="custom-navbar">
    <view class="navbar-content">
      <view class="back-btn" bindtap="goBack">
        <text class="back-icon">‹</text>
      </view>
      <view class="navbar-title">
        <text>医院详情</text>
      </view>
      <view class="navbar-right"></view>
    </view>
  </view>

  <!-- 医院信息 -->
  <view class="hospital-info">
    <image class="hospital-image" src="{{hospital.image}}" mode="aspectFill"></image>
    <view class="hospital-details">
      <text class="hospital-name">{{hospital.name}}</text>
      <text class="hospital-address">{{hospital.address}}</text>
      <view class="hospital-meta">
        <text class="rating">{{hospital.rating}}分</text>
        <text class="distance">{{hospital.distance}}</text>
      </view>
    </view>
  </view>

  <!-- 病例单列表 -->
  <view class="cases-section">
    <view class="section-title">
      <text>病例单</text>
      <text class="case-count">共{{hospital.cases.length}}个</text>
    </view>
    <view class="case-list">
      <view class="case-item" wx:for="{{hospital.cases}}" wx:key="id" bindtap="viewCaseDetail" data-case="{{item}}">
        <view class="case-header">
          <text class="case-date">{{item.date}}</text>
          <text class="case-doctor">{{item.doctor}} - {{item.department}}</text>
        </view>
        <view class="case-body">
          <text class="case-diagnosis">诊断：{{item.diagnosis}}</text>
          <text class="case-medicines">药品：{{item.medicines.length}}种</text>
        </view>
        <view class="case-arrow">
          <text>></text>
        </view>
      </view>
    </view>
  </view>

  <!-- 病例单详情模态框 -->
  <view class="modal" wx:if="{{showCaseModal}}">
    <view class="modal-content">
      <view class="modal-header">
        <text class="modal-title">病例单详情</text>
        <text class="modal-close" bindtap="closeCaseModal">×</text>
      </view>
      <view class="modal-body">
        <view class="case-detail">
          <view class="detail-row">
            <text class="detail-label">就诊日期：</text>
            <text class="detail-value">{{selectedCase.date}}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">医生：</text>
            <text class="detail-value">{{selectedCase.doctor}}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">科室：</text>
            <text class="detail-value">{{selectedCase.department}}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">诊断结果：</text>
            <text class="detail-value diagnosis">{{selectedCase.diagnosis}}</text>
          </view>
          <view class="detail-section">
            <text class="detail-label">处方药品：</text>
            <view class="medicine-list">
              <view class="medicine-item" wx:for="{{selectedCase.medicines}}" wx:key="id">
                <text class="medicine-name">{{item.name}}</text>
                <text class="medicine-price">¥{{item.price}}</text>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="modal-footer">
        <button class="btn cancel" bindtap="closeCaseModal">关闭</button>
        <button class="btn confirm" bindtap="orderFromCase">下单</button>
      </view>
    </view>
  </view>
</view>