You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
506 lines
21 KiB
506 lines
21 KiB
<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>
|
|
|