GeneB-miniprogram/src/patient/pages/course/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">
  <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">
              <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}}icon31.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 class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image> -->
                <image class="radio" src="{{imageUrl}}icon29.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">中国医学科学院血液病院</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">
              <view class="aside">
                <view class="slow-line"></view>
                <image 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 class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image> -->
                <image class="radio" src="{{imageUrl}}icon29.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">2025年6月15日</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">
              <view class="aside">
                <view class="slow-line"></view>
                <image 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">
                    已记录
                    <text class="green">2</text>
                    次
                  </view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleBbmReport">
              <view class="aside">
                <view class="slow-line"></view>
                <image 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}}icon31.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer">
                  <view class="content">已完成</view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleBbmRemark">
              <view class="aside">
                <view class="slow-line"></view>
                <image 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>
                </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">
              <view class="aside">
                <view class="slow-line"></view>
                <!-- <image class="radio" src="{{imageUrl}}icon28.png?t={{Timestamp}}"></image> -->
                <image class="radio" src="{{imageUrl}}icon29.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">当前是注射后第3周</view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleLastDiagnosisReport">
              <view class="aside">
                <view class="slow-line"></view>
                <image 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="content">最近录入：2025-08-01</view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleColtStat">
              <view class="aside">
                <view class="slow-line"></view>
                <image 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}}icon31.png?t={{Timestamp}}"></image>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleInhibitorsManage">
              <view class="aside">
                <view class="slow-line"></view>
                <image 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}}icon31.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer">
                  <view class="content">最近录入：2025-08-01</view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleBlood">
              <view class="aside">
                <view class="slow-line"></view>
                <image 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}}icon31.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer">
                  <view class="content">最近录入：2025-08-01</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="guide" src="{{imageUrl}}gif1.gif?t={{Timestamp}}"></image>

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