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>
      <swiper-item class="swiper-item">
        <scroll-view class="scroll-view" 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 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 class="bind-doctor">
                    绑定我的医生
                    <van-icon name="arrow" />
                  </view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleCasesAdd">
              <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="row">
              <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">
              <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 class="status-icon">
                    <image class="s-icon" src="{{imageUrl}}icon42.png?t={{Timestamp}}"></image>
                  </view>
                </view>
                <view class="c-footer">
                  <view class="content">本阶段检查如何？</view>
                </view>
              </view>
            </view>
            <view class="next">
              下一阶段
              <image class="icon" src="/images/icon48.png"></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" 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 class="bind-doctor">
                    绑定我的治疗医生
                    <van-icon name="arrow" />
                  </view>
                </view>
              </view>
            </view>
            <view class="row">
              <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="row"  bind:tap="handleAavReport">
              <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.我的AAV 检查</view>
                  </view>
                  <image class="icon" src="{{imageUrl}}icon31.png?t={{Timestamp}}"></image>
                </view>
                <view class="c-footer">
                  <view class="content">基因治疗前3个月内</view>
                  <view class="content">需完成AAV抗体滴度检测</view>
                </view>
              </view>
            </view>
            <view class="row" bind:tap="handleAavReport">
              <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 class="c-footer">
                  <view class="content">本阶段检查如何？</view>
                </view>
              </view>
            </view>
            <view class="next">
              下一阶段
              <image class="icon" src="/images/icon48.png"></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" 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="/images/icon52.png"></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">
              下一阶段
              <image class="icon" src="/images/icon48.png"></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>
  </view>
</view>

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