kola
/
xinda-miniprogram
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
信达小程序
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.
119 Commits
5 Branches
0 Tags
176 MiB
 
 
 
 
Tree: 5e454ce295
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '5e454ce295'
${ noResults }
xinda-miniprogram/src/pages/d_patientDetail/index.wxml

422 lines
15 KiB
Raw Blame History

<navbar fixed title="患者档案" custom-style="background:{{background}}" z-index="10">
<van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" />
</navbar>
<view
class="page"
style="background: url('{{imageUrl}}bg10.png?t={{Timestamp}}') no-repeat top center/100% 610rpx;padding-top:{{pageTop+20}}px;"
>
<view class="banner">
<view class="user">
<view class="avatar">
<image class="a-img" src="{{detail.UserImg}}"></image>
<image wx:if="{{detail.Gender==='1'}}" class="icon" src="{{imageUrl}}icon64.png?t={{Timestamp}}"></image>
<image wx:if="{{detail.Gender==='2'}}" class="icon" src="{{imageUrl}}icon65.png?t={{Timestamp}}"></image>
</view>
<view class="wrap">
<view class="name">{{showTel ? detail.Name : detail.hideName}}</view>
<view class="content">
<view class="age">{{detail.AgeRangeName}}</view>
<view class="tel" bind:tap="handleToggleTel">{{showTel ? detail.Telephone : '***********'}}</view>
<image
bind:tap="handleToggleTel"
wx:if="{{showTel}}"
class="tel-icon"
src="{{imageUrl}}icon63.png?t={{Timestamp}}"
></image>
<image
bind:tap="handleToggleTel"
wx:else
class="tel-icon"
src="{{imageUrl}}icon62.png?t={{Timestamp}}"
></image>
</view>
<view class="reg-date">邀约时间:{{detail.InviteTime}}</view>
<view class="options">
<view class="o-item" bind:tap="handleRemark">备注</view>
<view class="o-item" bind:tap="handleSend">发消息</view>
</view>
</view>
</view>
<view class="b-container" wx:if="{{showDetail}}">
<view class="row">
<view class="label">甲状腺眼病分级</view>
<view class="col">{{detail.DiseaseStageName}}</view>
</view>
<view class="row">
<view class="label">甲状腺眼病分期</view>
<view class="col">{{detail.DiseasePeriodName}}</view>
</view>
<view class="row">
<view class="label">Graves病病史</view>
<view class="col">{{detail.IsGravesName}}</view>
</view>
<view class="row">
<view class="label">TED相关眼部手术史</view>
<view class="col">{{detail.HasTedSurgeryName}}</view>
</view>
<view class="row" wx:if="{{detail.tituyoList.length}}">
<view class="label">替妥尤单抗使用情况</view>
<view class="col">
<text class="c-item" wx:for="{{detail.tituyoList}}" wx:key="index">{{item.tituyoName}}</text>
</view>
</view>
<view class="row" wx:if="{{detail.DoctorRemark}}">
<view class="label">备注</view>
<view class="col">{{detail.DoctorRemark}}</view>
</view>
</view>
</view>
<view class="edc-card" bind:tap="handleEDC" wx:if="{{userInfo.IsEDC==='1'}}">
<image wx:if="{{detail.IsEDC==1}}" class="icon" src="{{imageUrl}}icon50.png?t={{Timestamp}}"></image>
<image wx:else class="icon" src="{{imageUrl}}icon66.png?t={{Timestamp}}"></image>
<view class="content">标识为EDC患者</view>
</view>
<view class="note" wx:if="{{proptosisDetail.recordId}}">
<view class="n-title">
突眼日记
<view class="sub">（可查看患者突眼、眼突度）</view>
</view>
<view class="n-container">
<view class="n-card" bind:tap="handleNoteDetail" data-recordid="{{proptosisDetail.recordId}}">
<view
class="benchmark"
wx:if="{{proptosisDetail.isBaseline === 1}}"
style="background: url('/images/bg56.png') no-repeat top center/100%"
>
基准照
</view>
<image class="photo" mode="aspectFill" src="{{proptosisDetail.firstPhotoUrl || imageUrl + 'icon143.png?t=' + Timestamp}}"></image>
<view class="wrap">
<view class="date">{{proptosisDetail.recordDate}}</view>
<view class="tag" wx:if="{{proptosisDetail.treatmentCount > 0}}">替妥尤单抗:{{proptosisDetail.treatmentCount >= 9 ? '>8' : proptosisDetail.treatmentCount}}</view>
<view class="rotate">已上传{{proptosisDetail.photoCount}}个角度</view>
</view>
<image class="more" src="/images/icon168.png"></image>
</view>
<view class="btn" bind:tap="handleNoteList">共{{proptosisDetail.totalRecords || 0}}条日记记录，点击查看全部</view>
</view>
</view>
<view class="kkd">
<view class="k-title">
健康量表
<view class="sub">最近数值</view>
</view>
<view class="k-container">
<view class="k-qol" bind:tap="hadnleQolDetail">
<view class="title">生活质量自评</view>
<block wx:if="{{qolDetail.TotalScore}}">
<view class="content">
<view
class="num {{qolDetail.TotalScore>=0 && 'status1'}} {{qolDetail.TotalScore>=40 && 'status2'}} {{qolDetail.TotalScore>=80 && 'status3'}}"
>
{{qolDetail.TotalScore}}
<text class="sub">分</text>
</view>
<image
wx:if="{{qolDetail.TotalScore>=80}}"
class="icon"
src="{{imageUrl}}icon123.png?t={{Timestamp}}"
></image>
<image
wx:elif="{{qolDetail.TotalScore>=40}}"
class="icon"
src="{{imageUrl}}icon121.png?t={{Timestamp}}"
></image>
<image wx:else class="icon" src="{{imageUrl}}icon122.png?t={{Timestamp}}"></image>
</view>
<view class="row">
<view class="col">
<view class="label">视觉功能</view>
<view
class="num {{qolDetail.VisionScore>=0 && 'status1'}} {{qolDetail.VisionScore>=40 && 'status2'}} {{qolDetail.VisionScore>=80 && 'status3'}}"
>
{{qolDetail.VisionScore}}分
</view>
</view>
<view class="col">
<view class="label">外观影响</view>
<view
class="num {{qolDetail.AppearanceScore>=0 && 'status1'}} {{qolDetail.AppearanceScore>=40 && 'status2'}} {{qolDetail.AppearanceScore>=80 && 'status3'}}"
>
{{qolDetail.AppearanceScore}}分
</view>
</view>
</view>
<view class="k-footer">
<view class="date">{{qolDetail.CreateTime}}</view>
</view>
</block>
<view class="none" wx:else>
<image class="n-img" src="{{imageUrl}}icon134.png?t={{Timestamp}}"></image>
<view class="n-tip">暂无数据</view>
</view>
</view>
<view class="k-hormones" bind:tap="handleHormones">
<view class="title">激素记录</view>
<block wx:if="{{hormoneDetail.dosage}}">
<view class="content">
<view class="num">
{{hormoneDetail.dosage}}
<text class="sub">mg/周</text>
</view>
</view>
<view class="row">
<view class="col1">最近一周用药方式</view>
<view class="col2" wx:if="{{hormoneDetail.medicationMethod==1}}">口服</view>
<view class="col2" wx:elif="{{hormoneDetail.medicationMethod==2}}">冲击治疗</view>
<view class="col2" wx:elif="{{hormoneDetail.medicationMethod==3}}">局部注射</view>
</view>
<view class="k-footer">
<view class="date">{{hormoneDetail.createTime}}</view>
</view>
</block>
<view class="none" wx:else>
<image class="n-img" src="{{imageUrl}}icon135.png?t={{Timestamp}}"></image>
<view class="n-tip">暂无数据</view>
</view>
</view>
</view>
</view>
<view id="qol"></view>
<view class="chart-list">
<view class="chart-card">
<view class="chart-card-title">生活质量评分趋势</view>
<view class="chart-filter">
<picker class="type" mode="selector" range="{{typeRange}}" range-key="value" bind:change="handleTypeChange">
{{typeName}}
<image class="icon" src="{{imageUrl}}za-images/doctor/triangle-down.png?t={{Timestamp}}"></image>
</picker>
<view class="range">
<picker
mode="date"
end="{{EndDate}}"
fields="{{fields[type]}}"
mode="date"
model:value="{{StartDate}}"
bindchange="handleChange"
>
{{StartDate}}
</picker>
~
<picker
mode="date"
start="{{StartDate}}"
fields="{{fields[type]}}"
mode="date"
model:value="{{EndDate}}"
bindchange="handleChange"
>
{{EndDate}}
</picker>
<image class="icon" src="{{imageUrl}}za-images/doctor/triangle-down.png?t={{Timestamp}}"></image>
</view>
</view>
<view class="title">GO-QOL整体记录曲线</view>
<view class="chart">
<ec-canvas id="chart1" ec="{{ ec }}"></ec-canvas>
</view>
<view class="title">GO-QOL视觉功能影响记录曲线</view>
<view class="chart">
<ec-canvas id="chart2" ec="{{ ec }}"></ec-canvas>
</view>
<view class="title">GO-QOL外观影响记录曲线</view>
<view class="chart">
<ec-canvas id="chart3" ec="{{ ec }}"></ec-canvas>
</view>
</view>
<view class="chart-card chart-card-legend" wx:if="{{list4Show || list5Show || list6Show}}">
<view class="chart-card-title" id="hormone">激素用量趋势</view>
<view class="chart-filter">
<picker
class="type"
mode="selector"
range="{{typeRange}}"
range-key="value"
bind:change="handleHormoneTypeChange"
>
{{hormoneTypeName}}
<image class="icon" src="{{imageUrl}}za-images/doctor/triangle-down.png?t={{Timestamp}}"></image>
</picker>
<view class="range">
<picker
mode="date"
end="{{hormoneEndDate}}"
fields="{{fields[hormoneType]}}"
mode="date"
model:value="{{hormoneStartDate}}"
bindchange="handleHormoneChange"
>
{{hormoneStartDate}}
</picker>
~
<picker
mode="date"
start="{{hormoneStartDate}}"
fields="{{fields[hormoneType]}}"
mode="date"
model:value="{{hormoneEndDate}}"
bindchange="handleHormoneChange"
>
{{hormoneEndDate}}
</picker>
<image class="icon" src="{{imageUrl}}za-images/doctor/triangle-down.png?t={{Timestamp}}"></image>
</view>
</view>
<view class="chart" wx:if="{{list4Show}}">
<view class="legend">
<view class="dot dot4"></view>
口服
</view>
<ec-canvas id="chart4" ec="{{ ec }}"></ec-canvas>
</view>
<view class="chart" wx:if="{{list5Show}}">
<view class="legend">
<view class="dot dot5"></view>
大剂量冲击治疗
</view>
<ec-canvas id="chart5" ec="{{ ec }}"></ec-canvas>
</view>
<view class="chart" wx:if="{{list6Show}}">
<view class="legend">
<view class="dot dot6"></view>
眶内或眼睑局部注射
</view>
<ec-canvas id="chart6" ec="{{ ec }}"></ec-canvas>
</view>
</view>
</view>
</view>
<view class="page-footer">
<view class="btn1" bind:tap="handleRemark">备注</view>
<view class="btn2" bind:tap="handleSend">发消息</view>
</view>
<van-popup
show="{{ popupRemarkShow }}"
style="--popup-close-icon-color: #283031"
position="bottom"
round
closeable
bind:close="handleRemarkClose"
>
<view class="popup-remark">
<view class="title">备注</view>
<textarea
class="textarea"
focus="{{remarkFocus}}"
model:value="{{remark}}"
cursor-spacing="{{100}}"
placeholder-style="color: rgba(194, 201, 202, 1)"
placeholder="请输入备注"
></textarea>
<view class="submit" bind:tap="handleRemarkSubmit">保存</view>
</view>
</van-popup>
<van-popup show="{{ popupEditShow }}" position="center" round bind:close="handleRemarkClose">
<view class="popup-edit">
<view class="title">编辑患者信息</view>
<view class="popup-container">
<view class="row">
<view class="row-header">
<view class="label">抗体类型</view>
</view>
<view class="row-content">
<view class="radio-btns">
<view
wx:for="{{antibodyTypeRangeList}}"
wx:key="index"
class="btn {{detail.AntibodyType + '' === item.id && 'active'}}"
data-key="AntibodyType"
data-id="{{item.id}}"
bind:tap="handleRadio"
>
{{item.value}}
</view>
</view>
</view>
</view>
<view class="row">
<view class="row-header">
<view class="label">胸腺异常</view>
</view>
<view class="row-content">
<view class="radio-btns">
<view
wx:for="{{thyroidAbnormalRangeList}}"
wx:key="index"
class="btn {{detail.ThyroidAbnormal + '' === item.id && 'active'}}"
data-key="ThyroidAbnormal"
data-id="{{item.id}}"
bind:tap="handleRadio"
>
{{item.value}}
</view>
</view>
</view>
</view>
<view class="row">
<view class="row-header">
<view class="label">既往发生危象</view>
</view>
<view class="row-content">
<view class="radio-btns">
<view
wx:for="{{previousConvulsionRangeList}}"
wx:key="index"
class="btn {{detail.PreviousConvulsion + '' === item.id && 'active'}}"
data-key="PreviousConvulsion"
data-id="{{item.id}}"
bind:tap="handleRadio"
>
{{item.value}}
</view>
</view>
</view>
</view>
<view class="row">
<view class="row-header">
<view class="label">传统免疫抑制剂</view>
</view>
<view class="row-content">
<view class="radio-btns">
<view
wx:for="{{traditionalImmunosuppressantRangeList}}"
wx:key="index"
class="btn {{detail.TraditionalImmunosuppressant + '' === item.id && 'active'}}"
data-key="TraditionalImmunosuppressant"
data-id="{{item.id}}"
bind:tap="handleRadio"
>
{{item.value}}
</view>
</view>
</view>
</view>
<view class="row">
<view class="row-header">
<view class="label">医保类型</view>
</view>
<view class="row-content">
<view class="radio-btns">
<view
wx:for="{{medicalInsuranceTypeRangeList}}"
wx:key="index"
class="btn {{detail.MedicalInsuranceType + '' === item.id && 'active'}}"
data-key="MedicalInsuranceType"
data-id="{{item.id}}"
bind:tap="handleRadio"
>
{{item.value}}
</view>
</view>
</view>
</view>
</view>
<view class="popup-footer">
<view class="cancel" bind:tap="handleUserCancel">取消</view>
<view class="conform" bind:tap="handleUserSubmit">保存</view>
</view>
</view>
</van-popup>