GeneB-miniprogram/src/patient/pages/course/index.wxml

<page-meta page-style="{{ popupShow ? 'overflow: hidden;' : '' }}" />
<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">
  <view class="pgae-header" style="padding-top:{{pageTop + 30}}px">
    <view class="title">我的专属诊疗流程</view>
    <view class="content">从开始治疗到长期随访全周期流程</view>
  </view>
  <view class="page-container">
    <swiper class="swiper" current="{{current}}" vertical bindchange="handleSwiperChange">
      <!-- 阶段一 -->
      <swiper-item class="swiper-item">
        <scroll-view class="scroll-view" scroll-y show-scrollbar="{{false}}">
          <view class="scroll-view-container">
            <view class="row">
              <view class="aside">
                <view class="num">1</view>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-header">
                  <view class="title">准备您的诊前筛查</view>
                  <view class="content">
                    <view>关注每次检查</view>
                    <view>是对自己和家人的关爱！</view>
                  </view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleSelectHostipal">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo1.hospitalName}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">1.我的定点检查医院</view>
                    <view class="hostipl-name" wx:if="{{periodInfo1.hospitalName}}">{{periodInfo1.hospitalName}}</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer"></view>
              </view>
            </view>
            <view class="row" bind:tap="handleCasesAdd">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo1.isMedicalHistory===1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">2.补充我的病史信息</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handlePreDiagnosisReport" data-period="1">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo1.isExamReport===1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">3.我的诊前检查报告</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
              </view>
            </view>
            <view class="next" bind:tap="handleNext">
              下一阶段
              <image class="icon" src="{{imageUrl}}icon48.png?t={{Timestamp}}"></image>
            </view>
            <view class="grow-row">
              <view class="aside">
                <view class="line"></view>
              </view>
              <view class="container"></view>
            </view>
          </view>
        </scroll-view>
      </swiper-item>
      <!-- 阶段二 -->
      <swiper-item class="swiper-item">
        <scroll-view class="scroll-view" scroll-y show-scrollbar="{{false}}">
          <view class="scroll-view-container">
            <view class="row">
              <view class="aside">
                <view class="num">2</view>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-header">
                  <view class="title">基因治疗中心检查</view>
                  <view class="content">
                    <view>做好每一步检查，</view>
                    <view>向美好生活继续迈进！</view>
                  </view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleTCenter">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo2.hospitalName}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">1.治疗中心</view>
                    <view class="hostipl-name" wx:if="{{periodInfo2.hospitalName}}">{{periodInfo2.hospitalName}}</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer"></view>
              </view>
            </view>
            <view class="row" bind:tap="handlePreDiagnosisReport" data-period="2">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo2.isExamReport===1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">2.我的检查报告</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
              </view>
            </view>
            <view class="next" bind:tap="handleNext">
              下一阶段
              <image class="icon" src="{{imageUrl}}icon48.png?t={{Timestamp}}"></image>
            </view>
            <view class="grow-row">
              <view class="aside">
                <view class="line"></view>
              </view>
              <view class="container"></view>
            </view>
          </view>
        </scroll-view>
      </swiper-item>
      <!-- 阶段三 -->
      <swiper-item class="swiper-item">
        <scroll-view class="scroll-view" scroll-y show-scrollbar="{{false}}">
          <view class="scroll-view-container">
            <view class="row">
              <view class="aside">
                <view class="num">3</view>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-header">
                  <view class="title">基因治疗-注射日</view>
                  <view class="content">
                    <view>重要的日子，终于要来了～</view>
                  </view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="hadnleInjectDate">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo3.injectionDate}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">1.{{periodInfo3.injectionDate ? '注射日':'录入您的注射日'}}</view>
                    <view class="hostipl-name" wx:if="{{periodInfo3.injectionDate}}">
                      {{periodInfo3.injectionDate}}
                    </view>
                  </view>
                  <!-- <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image> -->
                  <image class="icon" src="{{imageUrl}}icon52.png?t={{Timestamp}}"></image>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleInhibitorsManage" data-period="3">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo3.immuneCount>0}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">2.免疫抑制剂使用记录</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer">
                  <view class="inhibitors-content" wx:if="{{periodInfo3.immuneCount>0}}">
                    已记录
                    <text class="green">{{periodInfo3.immuneCount}}</text>
                    次
                  </view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleBbmReport">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo3.isInjection==1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">3.BBM-H901输注记录</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer">
                  <view class="content" wx:if="{{periodInfo3.isInjection == 1}}">已完成</view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleBbmRemark">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo3.isInjectionFeel==1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">
                      4.此次输注感受如何？
                      <image
                        wx:if="{{periodInfo3.injectionFeel==1}}"
                        class="feel"
                        src="{{imageUrl}}icon44.png?t={{Timestamp}}"
                      ></image>
                      <image
                        wx:elif="{{periodInfo3.injectionFeel==2}}"
                        class="feel"
                        src="{{imageUrl}}icon42.png?t={{Timestamp}}"
                      ></image>
                      <image
                        wx:elif="{{periodInfo3.injectionFeel==3}}"
                        class="feel"
                        src="{{imageUrl}}icon43.png?t={{Timestamp}}"
                      ></image>
                      <image wx:else class="feel" src="{{imageUrl}}icon49.png?t={{Timestamp}}"></image>
                    </view>
                  </view>
                </view>
              </view>
            </view>
            <view class="next" bind:tap="handleNext">
              下一阶段
              <image class="icon" src="{{imageUrl}}icon48.png?t={{Timestamp}}"></image>
            </view>
            <view class="grow-row">
              <view class="aside">
                <view class="line"></view>
              </view>
              <view class="container"></view>
            </view>
          </view>
        </scroll-view>
      </swiper-item>
      <!-- 阶段四 -->
      <swiper-item class="swiper-item">
        <scroll-view class="scroll-view" scroll-y show-scrollbar="{{false}}">
          <view class="scroll-view-container">
            <view class="row">
              <view class="aside">
                <view class="num">4</view>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-header">
                  <view class="title">长期随访</view>
                  <view class="content">
                    <view>世界本该如此美好，现在也属于你</view>
                  </view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleFollowPlan" data-period="4">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo4.isVisitFollowUp==1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">1.查看我的随访计划</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon66.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer">
                  <view
                    class="content"
                    wx:if="{{periodInfo4.followUpWeekInfo.iYear || periodInfo4.followUpWeekInfo.iYearDay || periodInfo4.followUpWeekInfo.iWeek}}"
                  >
                    当前是注射后
                    <block wx:if="{{periodInfo4.followUpWeekInfo.iYear}}">
                      第{{periodInfo4.followUpWeekInfo.iYear}}年
                      <block wx:if="{{periodInfo4.followUpWeekInfo.iYearDay}}">
                        第{{periodInfo4.followUpWeekInfo.iYearDay}}天
                      </block>
                    </block>
                    <block wx:if="{{periodInfo4.followUpWeekInfo.iWeek}}">
                      第{{periodInfo4.followUpWeekInfo.iWeek}}周
                    </block>
                  </view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleLastDiagnosisReport">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo4.isRevisit==1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">2.最新复诊检查记录</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer" wx:if="{{periodInfo4.revisitDate}}">
                  <view class="content">最近录入：{{periodInfo4.revisitDate}}</view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleColtStat">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo4.isVisitHealthChange==1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">3.查看我的健康变化</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleInhibitorsManage" data-period="4">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo4.isImmune==1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">4.免疫抑制剂记录</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer" wx:if="{{periodInfo4.immuneDate}}">
                  <view class="content">最近录入：{{periodInfo4.immuneDate}}</view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleBlood">
              <view class="aside">
                <view class="slow-line"></view>
                <image
                  wx:if="{{periodInfo4.isBleed==1}}"
                  class="radio"
                  src="{{imageUrl}}icon29.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image>
                <view class="line"></view>
              </view>
              <view class="container">
                <view class="c-body">
                  <view class="wrap">
                    <view class="content">5.我的出血记录</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon30.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer" wx:if="{{periodInfo4.bleedDate}}">
                  <view class="content">最近录入：{{periodInfo4.bleedDate}}</view>
                </view>
              </view>
            </view>
            <view class="grow-row">
              <view class="aside">
                <view class="line"></view>
              </view>
              <view class="container"></view>
            </view>
          </view>
        </scroll-view>
      </swiper-item>
    </swiper>
  </view>
</view>

<image
  class="guide1"
  wx:if="{{current==0 && periodInfo1.isEnterPeriod==2}}"
  src="{{imageUrl}}gif1.gif?t={{Timestamp}}"
></image>
<image
  class="guide2"
  wx:if="{{current==1  && periodInfo2.isEnterPeriod==2}}"
  src="{{imageUrl}}gif1.gif?t={{Timestamp}}"
></image>
<image
  class="guide3"
  wx:if="{{current==2  && periodInfo3.isEnterPeriod==2}}"
  src="{{imageUrl}}gif1.gif?t={{Timestamp}}"
></image>
<image
  class="guide4"
  wx:if="{{current==3  && periodInfo4.isEnterPeriod==2}}"
  src="{{imageUrl}}gif1.gif?t={{Timestamp}}"
></image>

<popup
  show="{{popupShow}}"
  type="{{popupType}}"
  params="{{popupParams}}"
  bind:ok="handlePopupOk"
  bind:cancel="handlePopupCancel"
></popup>