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

<navbar fixed custom-style="background:{{background}}" back>
  <van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" />
</navbar>
<view
  class="page"
  style="padding-top:{{pageTop}}px;background:url('{{imageUrl}}bg25.png?t={{Timestamp}}') no-repeat top center/100% 693rpx"
>
  <view class="user">
    <view class="avatar">
      <image class="a-img" src="{{userInfo.userAvatar}}"></image>
    </view>
    <view class="wrap">
      <view class="w-header">
        <view class="name">{{userInfo.patientName}}</view>
        <view class="age">
          <image class="icon" src="{{imageUrl}}icon91.png?t={{Timestamp}}"></image>
          {{userInfo.ageYear}}岁
        </view>
        <view class="site">
          <image class="icon" src="{{imageUrl}}icon92.png?t={{Timestamp}}"></image>
          {{userInfo.provinceName}}
        </view>
      </view>
      <view class="w-footer">
        <view class="info">入组时间:{{userInfo.CreateTime}}</view>
      </view>
    </view>
  </view>
  <view class="navbar">
    <view class="nav {{nav==0 && 'active'}}" bindtap="handleNav" data-nav="0">治疗档案</view>
    <view class="nav {{nav==1 && 'active'}}" bindtap="handleNav" data-nav="1">病史档案</view>
    <view class="nav {{nav==2 && 'active'}}" bindtap="handleNav" data-nav="2">随访日历</view>
  </view>
  <view class="container0" wx:if="{{nav==0}}">
    <view class="card1" wx:if="{{periodFour.length}}">
      <view class="c-header">
        <view class="left" bindtap="handleFold" data-fold="fold1">
          <view class="title">随访计划</view>
          <image class="fold-icon {{fold1 && 'trun'}}" src="{{imageUrl}}icon56.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <view class="{{fold1 && 'fold'}}">
        <view
          class="c-body"
          wx:for="{{periodFour}}"
          wx:key="index"
          bind:tap="handleRevisitDetail"
          data-id="{{item.examId}}"
          data-period="{{item.period}}"
        >
          <!-- <image wx:if="{{true}}" class="status" src="{{imageUrl}}icon42.png?t={{Timestamp}}"></image> -->
          <!-- <image wx:elif="{{false}}" class="status" src="{{imageUrl}}icon43.png?t={{Timestamp}}"></image> -->
          <!-- <image wx:elif="{{false}}" class="status" src="{{imageUrl}}icon44.png?t={{Timestamp}}"></image> -->
          <view class="row">
            <view class="label">日期</view>
            <view class="content" wx:if="{{item.beginDate && item.endDate}}">
              <view>{{item.beginDate}}~</view>
              <view>{{item.endDate}}</view>
            </view>
            <view class="content" wx:elif="{{item.beginDate || item.endDate}}">{{item.beginDate || item.endDate}}</view>
            <view class="content" wx:else>--</view>
          </view>
          <view class="row">
            <view class="label">诊疗医院</view>
            <view class="content">{{item.hospitalName || '未填写'}}</view>
          </view>
          <view class="row">
            <view class="label">检查项目</view>
            <view class="content">{{item.totalNum}}/{{item.allNum}}</view>
          </view>
        </view>
        <view class="more" bind:tap="handleRevisitAll">
          查看全部
          <van-icon name="arrow" />
        </view>
      </view>
    </view>
    <view
      class="card2"
      wx:if="{{periodThree.injectionDate || periodThree.injectionWeight || periodThree.injectionDrugs || periodThree.injectionNum}}"
    >
      <view class="c-header">
        <view class="left" bindtap="handleFold" data-fold="fold2">
          <view class="title">注射日</view>
          <image class="fold-icon {{fold2 && 'trun'}}" src="{{imageUrl}}icon56.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <view class="{{fold2 && 'fold'}}">
        <view class="c-body">
          <view class="row">
            <view class="label">注射日期</view>
            <view class="content">{{periodThree.injectionDate}}</view>
          </view>
          <view class="row">
            <view class="label">BBM-H901</view>
            <view class="content">
              <view wx:if="{{periodThree.injectionWeight}}">体重 {{periodThree.injectionWeight}}kg</view>
              <view wx:else>体重 未填写</view>
              <view wx:if="{{periodThree.injectionDrugs}}">用药 {{periodThree.injectionDrugs}}ml</view>
              <view wx:else>用药 未填写</view>
              <view wx:if="{{periodThree.injectionNum}}">预期用药 {{periodThree.injectionNum}} 瓶</view>
              <view wx:else>预期用药 未填写</view>
            </view>
          </view>
          <view class="options">
            <view class="item" bind:tap="handleCourse" data-progress="2">
              诊疗阶段详情
              <van-icon name="arrow" />
            </view>
            <view class="item" bind:tap="handleBbmDetail">
              查看详情
              <van-icon name="arrow" />
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="card3" wx:if="{{periodTwo.length}}">
      <view class="c-header">
        <view class="left" bindtap="handleFold" data-fold="fold3">
          <view class="title">基因治疗中心检查</view>
          <image class="fold-icon {{fold3 && 'trun'}}" src="{{imageUrl}}icon56.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <view class="{{fold3 && 'fold'}}">
        <view class="c-body" wx:for="{{periodTwo}}" wx:key="index">
          <view class="row">
            <view class="label">日期</view>
            <view class="content" wx:if="{{item.beginDate && item.endDate}}">
              <view>{{item.beginDate}}~</view>
              <view>{{item.endDate}}</view>
            </view>
            <view class="content" wx:else>未填写</view>
          </view>
          <view class="row">
            <view class="label">诊疗医院</view>
            <view class="content">{{item.hospitalName || '未填写'}}</view>
          </view>
          <view class="row">
            <view class="label">检查项目</view>
            <view class="content">{{item.totalNum}}/{{item.allNum}}</view>
          </view>
          <view class="options">
            <view class="item" bind:tap="handleCourse" data-progress="1">
              诊疗阶段详情
              <van-icon name="arrow" />
            </view>
            <view
              class="item"
              bind:tap="handlePreDiagnosisReport"
              data-id="{{item.examId}}"
              data-period="{{item.period}}"
            >
              查看详情
              <van-icon name="arrow" />
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="card4" wx:if="{{periodOne.length}}">
      <view class="c-header">
        <view class="left" bindtap="handleFold" data-fold="fold4">
          <view class="title">诊前筛查</view>
          <image class="fold-icon {{fold4 && 'trun'}}" src="{{imageUrl}}icon56.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <view class="{{fold4 && 'fold'}}">
        <view class="c-body" wx:for="{{periodOne}}" wx:key="index">
          <view class="row">
            <view class="label">日期</view>
            <view class="content" wx:if="{{item.beginDate && item.endDate}}">
              <view>{{item.beginDate}}~</view>
              <view>{{item.endDate}}</view>
            </view>
            <view class="content" wx:else>未填写</view>
          </view>
          <view class="row">
            <view class="label">定点医院</view>
            <view class="content">{{item.hospitalName || '未填写'}}</view>
          </view>
          <view class="row">
            <view class="label">检查项目</view>
            <view class="content">{{item.totalNum}}/{{item.allNum}}</view>
          </view>
          <view class="options">
            <view class="item" bind:tap="handleCourse" data-progress="0">
              诊疗阶段详情
              <van-icon name="arrow" />
            </view>
            <view
              class="item"
              bind:tap="handlePreDiagnosisReport"
              data-id="{{item.examId}}"
              data-period="{{item.period}}"
            >
              查看详情
              <van-icon name="arrow" />
            </view>
          </view>
        </view>
      </view>
    </view>
    <image wx:if="{{empty0}}" class="none" src="{{imageUrl}}none.png"></image>
  </view>
  <view class="container1" wx:if="{{nav==1}}">
    <view class="c1_card1">
      <view class="row">
        <view class="label">出生年月</view>
        <view class="content">{{medical.birthMonth}}（{{medical.ageYear}}岁）</view>
      </view>
      <view class="row">
        <view class="label">确诊时间</view>
        <view class="content">
          {{medical.diagnosisTime || '未填写'}}
          <block wx:if="{{medical.diagnosisAge}}">（{{medical.diagnosisAge}}）</block>
        </view>
      </view>
      <view class="row">
        <view class="label">您的体重</view>
        <view class="content" wx:if="{{medical.weight}}">{{medical.weight}} kg</view>
        <div class="content" wx:else>未填写</div>
      </view>
    </view>
    <view class="c1_card1">
      <view class="row">
        <view class="label">凝血因子</view>
        <view class="content" wx:if="{{medical.clottingFactor}}">{{medical.clottingFactor}}%</view>
        <view class="content" wx:else>未填写</view>
      </view>
      <view class="row">
        <view class="label">治疗方案</view>
        <view class="content">{{medical.treatmentPlanName || '未填写'}}</view>
      </view>
      <view class="row">
        <view class="label">FIX暴露日</view>
        <view class="content" wx:if="{{medical.fixExposureDay}}">{{medical.fixExposureDay}}个</view>
        <view class="content" wx:else>未填写</view>
      </view>
    </view>
    <view class="c1_card2">
      <view class="row">
        <view class="wrap">
          <view class="label">既往FIX抑制物病史</view>
          <view class="content">{{medical.beforeFixHistoryName || '未填写'}}</view>
        </view>
      </view>
      <view class="row">
        <view class="wrap">
          <view class="label">既往肝脏疾病病史</view>
          <view class="content">{{medical.beforeLiverHistoryName || '未填写'}}</view>
        </view>
        <view class="remark" wx:if="{{medical.liverRecord}}">{{medical.liverRecord}}</view>
      </view>
      <view class="row">
        <view class="wrap">
          <view class="label">您是否有饮酒史</view>
          <view class="content">{{medical.drinkingHistoryName || '未填写'}}</view>
        </view>
      </view>
      <view class="row">
        <view class="wrap">
          <view class="label">您是否有过敏史</view>
          <view class="content">{{medical.allergyHistoryName || '未填写'}}</view>
        </view>
        <view class="remark" wx:if="{{medical.allergyRecord}}">{{medical.allergyRecord}}</view>
      </view>
      <view class="row1">
        <view class="wrap">
          <view class="label">
            <view>您是否可能存在不适合</view>
            <view>使用糖皮质激素的情况？</view>
          </view>
          <view class="line"></view>
          <view class="content">{{medical.isNotGlucocorticoidName || '未填写'}}</view>
        </view>
        <view class="remark" wx:if="{{medical.medicalHistoryInfo}}">{{medical.medicalHistoryInfo}}</view>
      </view>
    </view>
    <view class="c1_card2">
      <view class="row">
        <view class="wrap">
          <view class="label" style="width: 4em">靶关节</view>
          <view class="content">
            <view wx:for="{{medical.lastBleedingInfo.bleedingPartList}}" wx:key="bleedingId">
              {{item.bleedingPartName}}
            </view>
          </view>
        </view>
      </view>
      <view class="row">
        <view class="wrap">
          <view class="label">最近6个月出血</view>
        </view>
        <view class="remark" wx:if="{{medical.lastBleedingInfo.remark}}">{{medical.lastBleedingInfo.remark}}</view>
      </view>
    </view>
  </view>
  <view class="container2" wx:if="{{nav==2}}">
    <view class="date-card">
      <image class="icon" src="{{imageUrl}}icon107.png?t={{Timestamp}}"></image>
      <view class="content">注射日：{{followExam.injectionDateName || '未填写'}}</view>
    </view>
    <view
      class="notic"
      wx:if="{{followExam.injectionDate}}"
      style="background: url('{{imageUrl}}bg26.png?t={{Timestamp}}') no-repeat top center/100%"
    >
      <view class="title">{{followExam.tipsInfo}}</view>
      <view class="content" wx:if="{{followExam.lastNoticeWeekInfo}}">{{followExam.lastNoticeWeekInfo}}</view>
      <view class="sub-content" wx:if="{{followExam.lastNoticeExamInfo}}">{{followExam.lastNoticeExamInfo}}</view>
      <image
        wx:if="{{followExam.examDiffPassMonth==1}}"
        class="badge"
        src="{{imageUrl}}icon94.png?t={{Timestamp}}"
      ></image>
      <image wxx:else class="badge" src="{{imageUrl}}icon95.png?t={{Timestamp}}"></image>
    </view>
    <view class="card">
      <view
        class="c-calendar"
        style="background: #fff url('{{imageUrl}}icon99.png?t={{Timestamp}}') no-repeat bottom right/118rpx 116rpx"
      >
        <calendar
          bind:whenChangeMonth="handleWhenChangeMonth"
          config="{{calendarConfig}}"
          id="calendar"
          bind:jumpToToday="toggleFold"
        ></calendar>
        <view class="lengend">
          <view class="l-item">
            <view class="dot dot1"></view>
            注射日
          </view>
          <view class="l-item">
            <view class="dot dot2"></view>
            已复诊
          </view>
          <view class="l-item">
            <view class="dot dot3"></view>
            建议复诊
          </view>
        </view>
      </view>
      <view class="c-sub-card"></view>
    </view>
  </view>
</view>