GeneB-miniprogram/src/doctor/pages/patientDetail/index.wxml

<navbar fixed custom-style="background:{{background}}" back>
  <van-icon
    name="arrow-left"
    slot="left"
    size="18px"
    color="{{background==='#ffffff' ? '#000' : '#fff'}}"
    bind:tap="handleBack"
  />
  <view class="nav-title {{background=='#ffffff' && 'nav-title_dark'}}" slot="title">患者详情</view>
</navbar>
<view
  class="page"
  style="padding-top:{{pageTop}}px;background:url('{{imageUrl}}bg22.png?t={{Timestamp}}') no-repeat top center/100% 600rpx"
>
  <view class="header">
    <view class="user">
      <image
        class="avatar"
        src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567"
      ></image>
      <view class="wrap">
        <view class="w-header">
          <view class="name">王青</view>
          <view class="age">
            <image class="icon" src="{{imageUrl}}icon91.png?t={{Timestamp}}"></image>
            32岁
          </view>
          <view class="site">
            <image class="icon" src="{{imageUrl}}icon92.png?t={{Timestamp}}"></image>
            北京
          </view>
        </view>
        <view class="w-footer">
          <view class="content">入组时间:2025年6月12日</view>
          <view class="doc">
            查看档案
            <van-icon name="arrow" />
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="body">
    <view class="doctor">
      <view class="d-header">
        <view class="title">共同照护团队</view>
        <view class="message">
          最新消息12条
          <view class="dot"></view>
        </view>
      </view>
      <view class="d-container">
        <view class="avatar">
          <image
            class="a-img"
            src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567"
          ></image>
          <image
            class="a-img"
            src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567"
          ></image>
        </view>
        <view class="wrap">
          <view class="name">刘湖飞</view>
          <view class="content">天津血液科诊断中心</view>
        </view>
        <view class="btn">去看看></view>
      </view>
    </view>
    <view class="progress">
      <view class="p-header">刘可的检查进展</view>
      <view class="card finish">
        <view class="c-aside">
          <view class="line-top hide"></view>
          <view class="num">1</view>
          <view class="line-bottom"></view>
        </view>
        <view class="c-container">
          <view class="module">
            <view class="m-header">
              <view class="title">诊前筛查</view>
              <view class="date">2024-08-24</view>
            </view>
            <view class="m-body">
              <image class="status" src="/images/icon102.png"></image>
              <view class="detail">查看详情</view>
            </view>
          </view>
        </view>
      </view>
      <view class="card current">
        <view class="c-aside">
          <view class="line-top"></view>
          <view class="num">2</view>
          <view class="line-bottom"></view>
        </view>
        <view class="c-container">
          <view class="module">
            <view class="m-header">
              <view class="title">注射前准备</view>
            </view>
            <view class="m-body">
              <image class="status" src="/images/icon101.png"></image>
            </view>
          </view>
        </view>
      </view>
      <view class="card">
        <view class="c-aside">
          <view class="line-top"></view>
          <view class="num">3</view>
          <view class="line-bottom"></view>
        </view>
        <view class="c-container">
          <view class="module">
            <view class="m-header">
              <view class="title">
                诊前筛查
                <view class="tag">还未确定注射日</view>
              </view>
            </view>
            <view class="m-body">
              <image class="status" src="/images/icon103.png"></image>
            </view>
          </view>
        </view>
      </view>
      <view class="card">
        <view class="c-aside">
          <view class="line-top"></view>
          <view class="num">4</view>
          <view class="line-bottom hide"></view>
        </view>
        <view class="c-container">
          <view class="module">
            <view class="m-header">
              <view class="title">诊前筛查</view>
            </view>
            <view class="m-body">
              <image class="status" src="/images/icon103.png"></image>
            </view>
            <view class="btn">待启动</view>
          </view>
        </view>
      </view>
    </view>
    <view class="kkd">
      <view class="k-item">
        <image class="icon" src="{{imageUrl}}icon73.png?t={{Timestamp}}"></image>
        <view class="wrap">
          <view class="title">他的全部</view>
          <view class="content">病历档案</view>
        </view>
      </view>
      <view class="k-item">
        <image class="icon" src="{{imageUrl}}icon74.png?t={{Timestamp}}"></image>
        <view class="wrap">
          <view class="title">查看他的</view>
          <view class="content">健康变化</view>
        </view>
      </view>
    </view>
  </view>
</view>