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="{{patientInfo.userAvatar}}"></image>
      <view class="wrap">
        <view class="w-header">
          <view class="name">{{patientInfo.patientName}}</view>
          <view class="age">
            <image class="icon" src="{{imageUrl}}icon91.png?t={{Timestamp}}"></image>
            {{patientInfo.ageYear}}岁
          </view>
          <view class="site">
            <image class="icon" src="{{imageUrl}}icon104.png?t={{Timestamp}}"></image>
            {{patientInfo.provinceName}}
          </view>
        </view>
        <view class="w-footer">
          <view class="content">入组时间:{{patientInfo.createTimeName}}</view>
          <view class="doc" bind:tap="handleFile">
            查看档案
            <van-icon name="arrow" />
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="body">
    <view class="doctor" bind:tap="handleAsk">
      <view class="d-header">
        <view class="title">共同照护团队</view>
        <view class="message" wx:if="{{messageCount > 0}}">
          最新消息{{messageCount}}条
          <view class="dot"></view>
        </view>
      </view>
      <view class="d-container">
        <view class="avatar" wx:if="{{doctorAvatarListMore}}">
          <block wx:for="{{doctorAvatarList}}" wx:key="index">
            <image wx:if="{{item=='none'}}" class="a-img" src="{{imageUrl}}icon105.png?t={{Timestamp}}"></image>
            <image wx:else class="a-img" src="{{item}}"></image>
          </block>
        </view>
        <view class="avatar" wx:else>
          <image wx:for="{{doctorAvatarList}}" wx:key="index" class="a-img" src="{{item}}"></image>
        </view>
        <view class="wrap">
          <view class="name">{{lastBindDoctorInfo.doctorName}}</view>
          <view class="content">{{lastBindDoctorInfo.hospitalName}}</view>
        </view>
        <image class="btn" src="{{imageUrl}}icon106.png?t={{Timestamp}}"></image>
      </view>
    </view>
    <view class="progress">
      <view class="p-header">{{patientInfo.patientName}}的检查进展</view>
      <view
        class="card {{patientArchiveInfo.periodOneStatus==2 && 'current'}} {{patientArchiveInfo.periodOneStatus==3 && 'finish'}}"
        bind:tap="handleCourse"
        data-period="0"
      >
        <view class="c-aside">
          <view class="num">1</view>
        </view>
        <view class="c-container">
          <view class="module">
            <view class="m-header">
              <view class="title">诊前筛查</view>
              <view
                class="date"
                wx:if="{{patientArchiveInfo.periodOneExamBeginDate && patientArchiveInfo.periodOneExamEndDate}}"
              >
                {{patientArchiveInfo.periodOneExamBeginDate }}~{{patientArchiveInfo.periodOneExamEndDate}}
              </view>
              <view
                class="date"
                wx:elif="{{patientArchiveInfo.periodOneExamBeginDate || patientArchiveInfo.periodOneExamEndDate}}"
              >
                {{patientArchiveInfo.periodOneExamBeginDate || patientArchiveInfo.periodOneExamEndDate}}
              </view>
            </view>
            <view class="m-body">
              <image
                wx:if="{{patientArchiveInfo.periodOneStatus==1}}"
                class="status"
                src="{{imageUrl}}icon103.png?t={{Timestamp}}"
              ></image>
              <image
                wx:elif="{{patientArchiveInfo.periodOneStatus==2}}"
                class="status"
                src="{{imageUrl}}icon102.png?t={{Timestamp}}"
              ></image>
              <image
                wx:elif="{{patientArchiveInfo.periodOneStatus==3}}"
                class="status"
                src="{{imageUrl}}icon101.png?t={{Timestamp}}"
              ></image>
              <view class="detail" wx:if="{{patientArchiveInfo.periodOneStatus==3}}">查看详情</view>
            </view>
          </view>
        </view>
      </view>
      <view
        class="card {{patientArchiveInfo.periodTwoStatus==2 && 'current'}} {{patientArchiveInfo.periodTwoStatus==3 && 'finish'}}"
        bind:tap="handleCourse"
        data-period="1"
      >
        <view class="c-aside">
          <view class="num">2</view>
        </view>
        <view class="c-container">
          <view class="module">
            <view class="m-header">
              <view class="title">注射前准备</view>
              <view
                class="date"
                wx:if="{{patientArchiveInfo.periodTwoExamBeginDate && patientArchiveInfo.periodTwoExamEndDate}}"
              >
                {{patientArchiveInfo.periodTwoExamBeginDate}}~{{patientArchiveInfo.periodTwoExamEndDate}}
              </view>
              <view
                class="date"
                wx:elif="{{patientArchiveInfo.periodTwoExamBeginDate || patientArchiveInfo.periodTwoExamEndDate}}"
              >
                {{patientArchiveInfo.periodTwoExamBeginDate || patientArchiveInfo.periodTwoExamEndDate}}
              </view>
            </view>
            <view class="m-body">
              <image
                wx:if="{{patientArchiveInfo.periodTwoStatus==1}}"
                class="status"
                src="{{imageUrl}}icon103.png?t={{Timestamp}}"
              ></image>
              <image
                wx:elif="{{patientArchiveInfo.periodTwoStatus==2}}"
                class="status"
                src="{{imageUrl}}icon102.png?t={{Timestamp}}"
              ></image>
              <image
                wx:elif="{{patientArchiveInfo.periodTwoStatus==3}}"
                class="status"
                src="{{imageUrl}}icon101.png?t={{Timestamp}}"
              ></image>
              <view class="detail" wx:if="{{patientArchiveInfo.periodTwoStatus==3}}">查看详情</view>
            </view>
          </view>
        </view>
      </view>
      <view
        class="card {{patientArchiveInfo.periodThreeStatus==2 && 'current'}} {{patientArchiveInfo.periodThreeStatus==3 && 'finish'}}"
        bind:tap="handleCourse"
        data-period="2"
      >
        <view class="c-aside">
          <view class="num">3</view>
        </view>
        <view class="c-container">
          <view class="module">
            <view class="m-header">
              <view class="title">
                注射日
                <view class="tag" wx:if="{{!patientArchiveInfo.injectionDate}}">还未确定注射日</view>
              </view>
              <div class="date" wx:if="{{patientArchiveInfo.injectionDate}}">{{patientArchiveInfo.injectionDate}}</div>
            </view>
            <view class="m-body">
              <image
                wx:if="{{patientArchiveInfo.periodThreeStatus==1}}"
                class="status"
                src="{{imageUrl}}icon103.png?t={{Timestamp}}"
              ></image>
              <image
                wx:elif="{{patientArchiveInfo.periodThreeStatus==2}}"
                class="status"
                src="{{imageUrl}}icon102.png?t={{Timestamp}}"
              ></image>
              <image
                wx:elif="{{patientArchiveInfo.periodThreeStatus==3}}"
                class="status"
                src="{{imageUrl}}icon101.png?t={{Timestamp}}"
              ></image>
              <view class="detail" wx:if="{{patientArchiveInfo.periodThreeStatus==3}}">查看详情</view>
            </view>
          </view>
        </view>
      </view>
      <view
        class="card {{patientArchiveInfo.periodFourStatus==2 && 'current'}} {{patientArchiveInfo.periodFourStatus==3 && 'finish'}}"
        bind:tap="handleCourse"
        data-period="3"
      >
        <view class="c-aside">
          <view class="num">4</view>
        </view>
        <view class="c-container">
          <view class="module">
            <view class="m-header">
              <view class="title">随访计划</view>
            </view>
            <view class="m-body">
              <image
                wx:if="{{patientArchiveInfo.periodFourStatus==1}}"
                class="status"
                src="{{imageUrl}}icon103.png?t={{Timestamp}}"
              ></image>
              <image
                wx:elif="{{patientArchiveInfo.periodFourStatus==2}}"
                class="status"
                src="{{imageUrl}}icon102.png?t={{Timestamp}}"
              ></image>
              <image
                wx:elif="{{patientArchiveInfo.periodFourStatus==3}}"
                class="status"
                src="{{imageUrl}}icon101.png?t={{Timestamp}}"
              ></image>
              <view class="detail" wx:if="{{patientArchiveInfo.periodFourStatus==3}}">查看详情</view>
            </view>
            <!-- <view class="btn">待启动</view> -->
          </view>
        </view>
      </view>
    </view>
    <view class="kkd">
      <view class="k-item" bind:tap="handleFile">
        <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" bind:tap="handleStat">
        <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>