kola-web
1 month ago
68 changed files with 2994 additions and 64 deletions
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 711 B |
|
After Width: | Height: | Size: 505 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 18 KiB |
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "修改手机号", |
||||||
|
"usingComponents": {} |
||||||
|
} |
||||||
@ -0,0 +1,50 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
padding: 48rpx 40rpx; |
||||||
|
.form { |
||||||
|
padding: 0 32rpx; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 24rpx; |
||||||
|
.row { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.label { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
width: 5em; |
||||||
|
} |
||||||
|
.container { |
||||||
|
flex: 1; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
.input { |
||||||
|
padding: 32rpx 0; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.place-input { |
||||||
|
color: rgba(161, 164, 172, 0.4); |
||||||
|
} |
||||||
|
.btn { |
||||||
|
flex-shrink: 0; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.login-out { |
||||||
|
margin-top: 48rpx; |
||||||
|
padding: 20rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
line-height: 48rpx; |
||||||
|
color: #fff; |
||||||
|
text-align: center; |
||||||
|
background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); |
||||||
|
border-radius: 96rpx; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,85 @@ |
|||||||
|
const app = getApp<IAppOption>() |
||||||
|
let timer = null as null | number |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: { |
||||||
|
mobile: '', |
||||||
|
code: '', |
||||||
|
|
||||||
|
codeText: '发送验证码', |
||||||
|
}, |
||||||
|
onLoad() {}, |
||||||
|
getCode() { |
||||||
|
if (timer) return |
||||||
|
const mobile = this.data.mobile |
||||||
|
if (!mobile) { |
||||||
|
wx.showToast({ |
||||||
|
title: '手机号不能为空', |
||||||
|
icon: 'none', |
||||||
|
}) |
||||||
|
return |
||||||
|
} |
||||||
|
// 验证手机号
|
||||||
|
if (!/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/.test(mobile)) { |
||||||
|
wx.showToast({ |
||||||
|
title: '手机号格式不正确', |
||||||
|
icon: 'none', |
||||||
|
}) |
||||||
|
return |
||||||
|
} |
||||||
|
wx.ajax({ |
||||||
|
method: 'POST', |
||||||
|
url: '?r=zd/login/send-verify-code', |
||||||
|
data: { |
||||||
|
mobile, |
||||||
|
}, |
||||||
|
}).then((res) => { |
||||||
|
console.log(res) |
||||||
|
wx.showToast({ |
||||||
|
icon: 'none', |
||||||
|
title: '验证码已发送~', |
||||||
|
}) |
||||||
|
let time = 60 |
||||||
|
timer = setInterval(() => { |
||||||
|
time-- |
||||||
|
this.setData({ |
||||||
|
codeText: time + 's后重新发送', |
||||||
|
}) |
||||||
|
if (time <= 0) { |
||||||
|
clearInterval(timer as number) |
||||||
|
timer = null |
||||||
|
this.setData({ |
||||||
|
codeText: '发送验证码', |
||||||
|
}) |
||||||
|
} |
||||||
|
}, 1000) |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleSubmit() { |
||||||
|
wx.showModal({ |
||||||
|
title: '确定修改此手机号？', |
||||||
|
confirmColor: 'rgba(246, 74, 58, 1)', |
||||||
|
success: (res) => { |
||||||
|
if (!res.confirm) return |
||||||
|
const { mobile, code } = this.data |
||||||
|
const { registrationSource, registChannel, regBusinessId } = app.globalData |
||||||
|
wx.ajax({ |
||||||
|
method: 'POST', |
||||||
|
url: '?r=zd/account/update-telephone', |
||||||
|
data: { |
||||||
|
mobile, |
||||||
|
code, |
||||||
|
registrationSource, |
||||||
|
registChannel, |
||||||
|
regBusinessId, |
||||||
|
}, |
||||||
|
}).then((_res) => { |
||||||
|
wx.navigateBack() |
||||||
|
}) |
||||||
|
}, |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleBack() { |
||||||
|
wx.navigateBack() |
||||||
|
}, |
||||||
|
}) |
||||||
@ -0,0 +1,30 @@ |
|||||||
|
<view class="page"> |
||||||
|
<view class="form"> |
||||||
|
<view class="row"> |
||||||
|
<view class="label">新手机号</view> |
||||||
|
<view class="container"> |
||||||
|
<input |
||||||
|
type="number" |
||||||
|
class="input" |
||||||
|
maxlength="11" |
||||||
|
placeholder-class="place-input" |
||||||
|
placeholder="请输入新手机号" |
||||||
|
/> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="row"> |
||||||
|
<view class="label">验证码</view> |
||||||
|
<view class="container"> |
||||||
|
<input |
||||||
|
type="number" |
||||||
|
class="input" |
||||||
|
maxlength="6" |
||||||
|
placeholder-class="place-input" |
||||||
|
placeholder="请输入短信验证码" |
||||||
|
/> |
||||||
|
<view class="btn" bind:tap="getCode">{{codeText}}</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="login-out">提交</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,6 @@ |
|||||||
|
{ |
||||||
|
"navigationStyle": "custom", |
||||||
|
"usingComponents": { |
||||||
|
"navbar": "/components/navbar/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,71 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
padding: 0 40rpx 40rpx; |
||||||
|
.container { |
||||||
|
margin-top: 184rpx; |
||||||
|
position: relative; |
||||||
|
background: linear-gradient(292deg, #ffffff 0%, #fff3f2 100%); |
||||||
|
border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||||
|
border: 2rpx solid #ffffff; |
||||||
|
padding: 136rpx 40rpx 48rpx; |
||||||
|
.avatar { |
||||||
|
position: absolute; |
||||||
|
top: -92rpx; |
||||||
|
left: 50%; |
||||||
|
transform: translateX(-50%); |
||||||
|
width: 184rpx; |
||||||
|
height: 184rpx; |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
.name { |
||||||
|
font-size: 40rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
font-weight: bold; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.title { |
||||||
|
margin: 46rpx auto 0; |
||||||
|
display: block; |
||||||
|
width: 346rpx; |
||||||
|
height: 34rpx; |
||||||
|
} |
||||||
|
.content { |
||||||
|
margin-top: 32rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(161, 164, 172, 1); |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.code { |
||||||
|
margin: 38rpx auto 0; |
||||||
|
display: block; |
||||||
|
width: 296rpx; |
||||||
|
height: 296rpx; |
||||||
|
} |
||||||
|
.tip { |
||||||
|
margin-top: 22rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(161, 164, 172, 1); |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
} |
||||||
|
.btn { |
||||||
|
margin-top: 48rpx; |
||||||
|
padding: 20rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
line-height: 48rpx; |
||||||
|
color: #fff; |
||||||
|
text-align: center; |
||||||
|
background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); |
||||||
|
border-radius: 96rpx; |
||||||
|
} |
||||||
|
.bind-num{ |
||||||
|
margin-top: 20rpx; |
||||||
|
padding: 12rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(161, 164, 172, 1); |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
const _app = getApp<IAppOption>() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: {}, |
||||||
|
onLoad() {}, |
||||||
|
handleFamilyList() { |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/patient/pages/familyList/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
hadnleBakc() { |
||||||
|
wx.navigateBack() |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
<navbar title="我的亲友" fixed custom-style="background:{{background}}"> |
||||||
|
<van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" /> |
||||||
|
</navbar> |
||||||
|
<view |
||||||
|
class="page" |
||||||
|
style="padding-top:{{pageTop}}px;background: url('{{imageUrl}}bg6.png?t={{Timestamp}}') no-repeat top center/100% 668rpx" |
||||||
|
> |
||||||
|
<view class="container"> |
||||||
|
<image |
||||||
|
class="avatar" |
||||||
|
src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567" |
||||||
|
></image> |
||||||
|
<view class="name">王猛</view> |
||||||
|
<image class="title" src="/images/title8.png"></image> |
||||||
|
<view class="content"> |
||||||
|
亲友将同步展示和管理 |
||||||
|
<view></view> |
||||||
|
患者的健康档案 |
||||||
|
</view> |
||||||
|
<image class="code" src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567" show-menu-by-longpress></image> |
||||||
|
<view class="tip">请使用微信扫一扫绑定</view> |
||||||
|
</view> |
||||||
|
<view class="btn" bind:tap="handleFamilyList">查看我的家庭成员</view> |
||||||
|
<view class="bind-num">还能绑定2个人</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "我的亲友", |
||||||
|
"usingComponents": {} |
||||||
|
} |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
} |
||||||
|
.page { |
||||||
|
padding: 48rpx 40rpx; |
||||||
|
.card { |
||||||
|
padding: 32rpx; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 24rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
.wrap { |
||||||
|
.w-header { |
||||||
|
.name { |
||||||
|
display: inline; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.tag { |
||||||
|
margin-left: 20rpx; |
||||||
|
display: inline-block; |
||||||
|
padding: 2rpx 8rpx; |
||||||
|
font-size: 24rpx; |
||||||
|
color: rgba(255, 255, 255, 1); |
||||||
|
line-height: 32rpx; |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
border-radius: 4rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.date{ |
||||||
|
margin-top: 20rpx; |
||||||
|
font-size: 28rpx; |
||||||
|
color: rgba(161, 164, 172, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
.unbind{ |
||||||
|
flex-shrink: 0; |
||||||
|
padding: 32rpx 0 32rpx 32rpx; |
||||||
|
font-size: 28rpx; |
||||||
|
color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,8 @@ |
|||||||
|
const _app = getApp<IAppOption>(); |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: {}, |
||||||
|
onLoad() {}, |
||||||
|
}); |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
<view class="page"> |
||||||
|
<view class="card"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="w-header"> |
||||||
|
<view class="name">Niaha</view> |
||||||
|
<view class="tag">本人</view> |
||||||
|
</view> |
||||||
|
<view class="date">绑定时间:2025-06-12 17:30:50</view> |
||||||
|
</view> |
||||||
|
<view class="unbind">解绑</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
@ -1,6 +1,7 @@ |
|||||||
{ |
{ |
||||||
"navigationStyle": "custom", |
"navigationStyle": "custom", |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"patient-tab-bar":"/patient/components/patient-tab-bar/index" |
"patient-tab-bar":"/patient/components/patient-tab-bar/index", |
||||||
|
"calendar": "/components/calendar/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "查看我的随访计划", |
||||||
|
"usingComponents": {} |
||||||
|
} |
||||||
@ -0,0 +1,142 @@ |
|||||||
|
page { |
||||||
|
background-color: #f7f7fa; |
||||||
|
} |
||||||
|
.page { |
||||||
|
padding: 32rpx 40rpx 260rpx; |
||||||
|
.date-card { |
||||||
|
padding: 18rpx 32rpx; |
||||||
|
background: linear-gradient(19.87deg, #ffffff 55.08%, #ffe8e6 129.24%); |
||||||
|
border-radius: 84rpx 84rpx 84rpx 84rpx; |
||||||
|
border: 2px solid #ffffff; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.icon { |
||||||
|
width: 48rpx; |
||||||
|
height: 48rpx; |
||||||
|
} |
||||||
|
.content { |
||||||
|
padding-left: 16rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.body { |
||||||
|
margin-top: 32rpx; |
||||||
|
background: #fff4f3; |
||||||
|
border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||||
|
border: 2rpx solid #ffffff; |
||||||
|
.title { |
||||||
|
padding: 20rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
.container { |
||||||
|
padding: 48rpx 24rpx 0; |
||||||
|
background-color: #fff; |
||||||
|
.table { |
||||||
|
.thead { |
||||||
|
display: grid; |
||||||
|
border-radius: 24rpx 24rpx 0 0; |
||||||
|
grid-template-columns: repeat(2, 1fr); |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
.th { |
||||||
|
padding: 22rpx; |
||||||
|
text-align: center; |
||||||
|
font-size: 28rpx; |
||||||
|
color: rgba(255, 255, 255, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
.tbody { |
||||||
|
.tr { |
||||||
|
display: grid; |
||||||
|
grid-template-columns: 36rpx calc(50% - 36rpx) 50%; |
||||||
|
.aside { |
||||||
|
margin-right: 12rpx; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
.line-top { |
||||||
|
flex: 1; |
||||||
|
border-right: 1px dashed rgba(207, 209, 213, 1); |
||||||
|
} |
||||||
|
.order { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 24rpx; |
||||||
|
height: 24rpx; |
||||||
|
border-radius: 50%; |
||||||
|
background-color: rgba(207, 209, 213, 1); |
||||||
|
} |
||||||
|
.line-bottom { |
||||||
|
flex: 1; |
||||||
|
border-right: 1px dashed rgba(207, 209, 213, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
.td { |
||||||
|
padding: 28rpx 32rpx; |
||||||
|
font-size: 28rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
text-align: center; |
||||||
|
line-height: 40rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
white-space: pre-line; |
||||||
|
} |
||||||
|
} |
||||||
|
.tr:nth-child(even) { |
||||||
|
.td { |
||||||
|
background-color: rgba(255, 244, 243, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
.active { |
||||||
|
.aside { |
||||||
|
.line-top, |
||||||
|
.line-bottom { |
||||||
|
border-color: rgba(242, 58, 47, 1); |
||||||
|
} |
||||||
|
.order { |
||||||
|
background-color: rgba(242, 58, 47, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.footer { |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
padding: 16rpx 40rpx calc(16rpx + env(safe-area-inset-bottom)); |
||||||
|
background-color: rgba(255, 255, 255, 1); |
||||||
|
display: flex; |
||||||
|
gap: 26rpx; |
||||||
|
box-sizing: border-box; |
||||||
|
.cancel { |
||||||
|
flex: 1; |
||||||
|
padding: 22rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(246, 74, 58, 1); |
||||||
|
border-radius: 84rpx; |
||||||
|
border: 1px solid #f64a3a; |
||||||
|
} |
||||||
|
.submit { |
||||||
|
flex: 1; |
||||||
|
padding: 22rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 32rpx; |
||||||
|
color: #fff; |
||||||
|
background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); |
||||||
|
border-radius: 84rpx; |
||||||
|
border: 1px solid #f64a3a; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,8 @@ |
|||||||
|
const _app = getApp<IAppOption>(); |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: {}, |
||||||
|
onLoad() {}, |
||||||
|
}); |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
<view class="page"> |
||||||
|
<view class="date-card"> |
||||||
|
<image class="icon" src="/images/icon67.png"></image> |
||||||
|
<view class="content">注射日：2025 年5月28日 星期三</view> |
||||||
|
</view> |
||||||
|
<view class="body"> |
||||||
|
<view class="title">基因治疗后时间 监测频率</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="table"> |
||||||
|
<view class="thead"> |
||||||
|
<view class="th">输注后时间</view> |
||||||
|
<view class="th">监测频率</view> |
||||||
|
</view> |
||||||
|
<view class="tbody"> |
||||||
|
<view class="tr {{index<=1 && 'active'}}" wx:for="{{8}}" wx:key="index"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order"></view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="td">1 周内</view> |
||||||
|
<view class="td">每周2次 输注后第3天，第6天</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="footer"> |
||||||
|
<view class="cancel">查看我的随访日历</view> |
||||||
|
<view class="submit">添加复诊检查记录</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "最新复诊检查记录", |
||||||
|
"usingComponents": { |
||||||
|
"uploadFile": "/components/uploadFile/index", |
||||||
|
"popup": "/components/popup/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,207 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
padding: 32rpx 30rpx; |
||||||
|
.date-form { |
||||||
|
padding: 24rpx 32rpx; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 80rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.icon { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 48rpx; |
||||||
|
height: 48rpx; |
||||||
|
} |
||||||
|
.label { |
||||||
|
flex-shrink: 0; |
||||||
|
margin-left: 16rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(0, 0, 0, 1); |
||||||
|
} |
||||||
|
.picker { |
||||||
|
flex: 1; |
||||||
|
.picker-content { |
||||||
|
padding-left: 48rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.content { |
||||||
|
flex: 1; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
&:empty::after { |
||||||
|
content: attr(data-place); |
||||||
|
color: rgba(161, 164, 172, 0.5); |
||||||
|
} |
||||||
|
} |
||||||
|
.tril { |
||||||
|
width: 0; |
||||||
|
height: 0; |
||||||
|
border-style: solid; |
||||||
|
border-width: 12rpx 12rpx 0 12rpx; |
||||||
|
border-color: rgba(207, 209, 213, 1) transparent transparent transparent; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.form { |
||||||
|
margin-top: 48rpx; |
||||||
|
.form-card { |
||||||
|
display: flex; |
||||||
|
gap: 24rpx; |
||||||
|
.aside { |
||||||
|
flex-shrink: 0; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
.line-top { |
||||||
|
flex-shrink: 0; |
||||||
|
height: 32rpx; |
||||||
|
border-left: 1px dashed rgba(207, 209, 213, 1); |
||||||
|
} |
||||||
|
.order { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 40rpx; |
||||||
|
height: 40rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(255, 255, 255, 1); |
||||||
|
background-color: rgba(207, 209, 213, 1); |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
.line-bottom { |
||||||
|
flex: 1; |
||||||
|
height: 20rpx; |
||||||
|
border-left: 1px dashed rgba(207, 209, 213, 1); |
||||||
|
} |
||||||
|
&.active { |
||||||
|
.order { |
||||||
|
color: #fff; |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
.line-bottom, |
||||||
|
.line-top { |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.container { |
||||||
|
flex: 1; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 24rpx; |
||||||
|
margin-bottom: 24rpx; |
||||||
|
.c-header { |
||||||
|
padding: 32rpx 32rpx 32rpx 0; |
||||||
|
.wrap { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
.left { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 12rpx; |
||||||
|
.title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
font-weight: bold; |
||||||
|
display: flex; |
||||||
|
gap: 24rpx; |
||||||
|
align-items: center; |
||||||
|
&::before { |
||||||
|
content: ''; |
||||||
|
width: 8rpx; |
||||||
|
height: 36rpx; |
||||||
|
border-radius: 0 8rpx 8rpx 0; |
||||||
|
background: #f64a3a; |
||||||
|
} |
||||||
|
} |
||||||
|
.icon { |
||||||
|
width: 32rpx; |
||||||
|
height: 32rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.status { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(137, 141, 151, 1); |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 12rpx; |
||||||
|
.icon { |
||||||
|
width: 32rpx; |
||||||
|
height: 32rpx; |
||||||
|
} |
||||||
|
&.active { |
||||||
|
color: rgba(53, 177, 63, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.content { |
||||||
|
padding: 16rpx 32rpx 0; |
||||||
|
font-size: 24rpx; |
||||||
|
color: rgba(96, 97, 99, 1); |
||||||
|
line-height: 36rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.c-body { |
||||||
|
max-height: 100vh; |
||||||
|
transition: all 0.3s; |
||||||
|
&.fold { |
||||||
|
max-height: 0; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.module1 { |
||||||
|
padding: 16rpx 32rpx 32rpx; |
||||||
|
.m-title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.module2,.module3 { |
||||||
|
padding: 0 32rpx 32rpx; |
||||||
|
.m-input { |
||||||
|
padding: 0 32rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 32rpx; |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
border-radius: 24rpx; |
||||||
|
.label { |
||||||
|
flex-shrink: 0; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.input { |
||||||
|
flex: 1; |
||||||
|
font-size: 32rpx; |
||||||
|
height: 96rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.place-input { |
||||||
|
color: rgba(161, 164, 172, 0.5); |
||||||
|
} |
||||||
|
.sub { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
.m-title { |
||||||
|
margin-top: 48rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
const _app = getApp<IAppOption>() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: { |
||||||
|
popupShow: false, |
||||||
|
popupType: 'preDiagnosisReportDate', // 确认绑定曾经扫码医生
|
||||||
|
popupParams: {}, |
||||||
|
}, |
||||||
|
onLoad() {}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,122 @@ |
|||||||
|
<view class="page"> |
||||||
|
<view class="date-form"> |
||||||
|
<image class="icon" src="/images/icon52.png"></image> |
||||||
|
<view class="label">诊前检查时间</view> |
||||||
|
<picker class="picker"> |
||||||
|
<view class="picker-content"> |
||||||
|
<view class="content" data-place="请选择"></view> |
||||||
|
<view class="tril"></view> |
||||||
|
</view> |
||||||
|
</picker> |
||||||
|
</view> |
||||||
|
<view class="form"> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top" style="border: none"></view> |
||||||
|
<view class="order">1</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">生化检查</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="content">重点检查项目：丙氨酸氨基转移酶（ALT）天门冬氨酸氨基转移酶（AST）总胆红素肌酐</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module1"> |
||||||
|
<view class="m-title">请上传您的检查报告</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order">2</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">凝血因子 IX 活性</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module2"> |
||||||
|
<view class="m-input"> |
||||||
|
<view class="label">您的凝血因子水平</view> |
||||||
|
<input type="number" placeholder="请填写" class="input" placeholder-class="place-input" /> |
||||||
|
<view class="sub">%</view> |
||||||
|
</view> |
||||||
|
<view class="m-title">请上传您的检查报告</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order">3</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">其他检查</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module3"> |
||||||
|
<view class="m-input"> |
||||||
|
<view class="label">检查项</view> |
||||||
|
<input type="number" placeholder="请填写" class="input" placeholder-class="place-input" /> |
||||||
|
</view> |
||||||
|
<view class="m-title">请上传您的检查报告</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<popup |
||||||
|
show="{{popupShow}}" |
||||||
|
type="{{popupType}}" |
||||||
|
params="{{popupParams}}" |
||||||
|
bind:ok="handlePopupOk" |
||||||
|
bind:cancel="handlePopupCancel" |
||||||
|
></popup> |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "注销", |
||||||
|
"usingComponents": {} |
||||||
|
} |
||||||
@ -0,0 +1,47 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
padding: 134rpx 40rpx 40rpx; |
||||||
|
.container { |
||||||
|
position: relative; |
||||||
|
padding: 122rpx 32rpx 40rpx; |
||||||
|
background: linear-gradient(2deg, #ffffff 0%, #ffffff 82%, #ffe5e3 100%); |
||||||
|
border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||||
|
border: 2rpx solid #ffffff; |
||||||
|
.icon { |
||||||
|
position: absolute; |
||||||
|
top: -72rpx; |
||||||
|
left: 50%; |
||||||
|
transform: translateX(-50%); |
||||||
|
width: 144rpx; |
||||||
|
height: 144rpx; |
||||||
|
} |
||||||
|
.content { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
line-height: 56rpx; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.btn1 { |
||||||
|
margin-top: 48rpx; |
||||||
|
padding: 20rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
line-height: 48rpx; |
||||||
|
color: #fff; |
||||||
|
text-align: center; |
||||||
|
background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); |
||||||
|
border-radius: 96rpx; |
||||||
|
} |
||||||
|
.btn2 { |
||||||
|
margin-top: 20rpx; |
||||||
|
padding: 20rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
line-height: 48rpx; |
||||||
|
color: rgba(246, 74, 58, 1); |
||||||
|
text-align: center; |
||||||
|
border-radius: 96rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
const _app = getApp<IAppOption>() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: {}, |
||||||
|
onLoad() {}, |
||||||
|
handleLoginOut() { |
||||||
|
wx.showModal({ |
||||||
|
title: '确定注销吗？', |
||||||
|
confirmColor: 'rgba(246, 74, 58, 1)', |
||||||
|
success: (res) => { |
||||||
|
if (res.confirm) { |
||||||
|
} |
||||||
|
}, |
||||||
|
}) |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
<view class="page"> |
||||||
|
<view class="container"> |
||||||
|
<image class="icon" src="/images/icon24.png"></image> |
||||||
|
<view class="content"> |
||||||
|
请注意，注销后您在本平台存储的 |
||||||
|
<view></view> |
||||||
|
全部信息将被删除包括 |
||||||
|
<view></view> |
||||||
|
基础信息、诊疗进展、健康档案等数据 |
||||||
|
<view></view> |
||||||
|
请您谨慎操作 |
||||||
|
</view> |
||||||
|
<view class="btn1" bind:tap="handleLoginOut">确认注销</view> |
||||||
|
<view class="btn2">取消</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
{ |
||||||
|
"navigationStyle": "custom", |
||||||
|
"usingComponents": { |
||||||
|
"popup": "/components/popup/index", |
||||||
|
"patient-tab-bar":"/patient/components/patient-tab-bar/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,153 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
} |
||||||
|
.page { |
||||||
|
padding: 52rpx 30rpx; |
||||||
|
.user { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.avatar-wrapper { |
||||||
|
flex-shrink: 0; |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
width: 128rpx; |
||||||
|
height: 128rpx; |
||||||
|
outline: none; |
||||||
|
&::after { |
||||||
|
border: none; |
||||||
|
} |
||||||
|
.avatar { |
||||||
|
width: 128rpx; |
||||||
|
height: 128rpx; |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
} |
||||||
|
.wrap { |
||||||
|
flex: 1; |
||||||
|
padding-left: 24rpx; |
||||||
|
.name { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.nickname { |
||||||
|
font-size: 40rpx; |
||||||
|
} |
||||||
|
font-weight: bold; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.icon { |
||||||
|
margin-left: 16rpx; |
||||||
|
width: 48rpx; |
||||||
|
height: 48rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.day { |
||||||
|
margin-top: 8rpx; |
||||||
|
font-size: 28rpx; |
||||||
|
color: rgba(1, 1, 5, 0.4); |
||||||
|
line-height: 36rpx; |
||||||
|
display: flex; |
||||||
|
align-items: baseline; |
||||||
|
} |
||||||
|
.icon { |
||||||
|
width: 50rpx; |
||||||
|
height: 50rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.apply { |
||||||
|
margin-top: 48rpx; |
||||||
|
position: relative; |
||||||
|
.a-img { |
||||||
|
width: 100%; |
||||||
|
height: 136rpx; |
||||||
|
border-radius: 120rpx; |
||||||
|
box-shadow: 0px 2px 16px 0px #f33e328f; |
||||||
|
} |
||||||
|
.a-label { |
||||||
|
position: absolute; |
||||||
|
top: -8rpx; |
||||||
|
right: 68rpx; |
||||||
|
width: 115rpx; |
||||||
|
height: 60rpx; |
||||||
|
} |
||||||
|
.content { |
||||||
|
padding: 20rpx 0; |
||||||
|
position: absolute; |
||||||
|
left: 260rpx; |
||||||
|
top: -4rpx; |
||||||
|
width: 8em; |
||||||
|
height: 100%; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
line-height: 1.4; |
||||||
|
box-sizing: border-box; |
||||||
|
font-size: 30rpx; |
||||||
|
color: rgba(255, 255, 255, 1); |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
} |
||||||
|
.list { |
||||||
|
margin-top: 48rpx; |
||||||
|
.list-header { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 8rpx; |
||||||
|
.name { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.icon { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 48rpx; |
||||||
|
height: 48rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.list-container { |
||||||
|
margin-top: 46rpx; |
||||||
|
background: linear-gradient(359deg, #ffffff 0%, #fff8f7 100%); |
||||||
|
border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||||
|
border: 2rpx solid #ffffff; |
||||||
|
padding: 0 22rpx; |
||||||
|
.item { |
||||||
|
padding: 22rpx 0; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
border-bottom: 1px solid rgba(247, 247, 250, 1); |
||||||
|
&:last-of-type { |
||||||
|
border: none; |
||||||
|
} |
||||||
|
.icon { |
||||||
|
width: 60rpx; |
||||||
|
height: 60rpx; |
||||||
|
} |
||||||
|
.content { |
||||||
|
padding: 0 24rpx; |
||||||
|
flex: 1; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
.tex { |
||||||
|
padding-left: 10rpx; |
||||||
|
color: rgba(161, 164, 172, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
.more { |
||||||
|
color: rgba(161, 164, 172, 0.4); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.login-out { |
||||||
|
margin-top: 158rpx; |
||||||
|
width: 670rpx; |
||||||
|
height: 84rpx; |
||||||
|
border-radius: 130rpx 130rpx 130rpx 130rpx; |
||||||
|
border: 2rpx solid rgba(1, 1, 5, 0.04); |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 0.4); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,82 @@ |
|||||||
|
const app = getApp<IAppOption>() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: { |
||||||
|
popupShow: false, |
||||||
|
popupType: 'stayTuned', |
||||||
|
popupParams: {}, |
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
app.waitLogin().then(() => { |
||||||
|
app.getUserInfo().then((userInfo) => { |
||||||
|
this.setData({ |
||||||
|
userInfo, |
||||||
|
// 数字变红
|
||||||
|
Days: userInfo.Days.replace(/(\d+)/g, '<span style="font-size: 20px;color: rgba(242, 58, 47, 1);">$1</span>'), |
||||||
|
}) |
||||||
|
}) |
||||||
|
}) |
||||||
|
}, |
||||||
|
onChooseAvatar(e) { |
||||||
|
const { avatarUrl } = e.detail |
||||||
|
const url = `${app.globalData.upFileUrl}?r=file-service/upload-img` |
||||||
|
wx.showLoading({ |
||||||
|
title: '上传中', |
||||||
|
}) |
||||||
|
wx.uploadFile({ |
||||||
|
url, |
||||||
|
filePath: avatarUrl, |
||||||
|
name: 'file', |
||||||
|
success: (res) => { |
||||||
|
const data = JSON.parse(res.data) |
||||||
|
const avatarUrl = data.data.Url |
||||||
|
wx.ajax({ |
||||||
|
method: 'POST', |
||||||
|
url: '?r=wtx/user/update-avatar', |
||||||
|
data: { |
||||||
|
Avatar: avatarUrl, |
||||||
|
}, |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
wx.hideLoading() |
||||||
|
wx.showToast({ |
||||||
|
title: '头像更新成功!', |
||||||
|
icon: 'none', |
||||||
|
}) |
||||||
|
this.setData({ |
||||||
|
'userInfo.Avatar': avatarUrl, |
||||||
|
}) |
||||||
|
}) |
||||||
|
.catch(() => { |
||||||
|
wx.hideLoading() |
||||||
|
}) |
||||||
|
}, |
||||||
|
fail() { |
||||||
|
wx.hideLoading() |
||||||
|
}, |
||||||
|
}) |
||||||
|
}, |
||||||
|
handlePopupCancel() { |
||||||
|
this.setData({ |
||||||
|
popupShow: false, |
||||||
|
}) |
||||||
|
}, |
||||||
|
routerTo(e) { |
||||||
|
const { url } = e.currentTarget.dataset |
||||||
|
wx.navigateTo({ |
||||||
|
url, |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleUserInfo() { |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/patient/pages/userInfo/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleFamily() { |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/patient/pages/family/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
<view |
||||||
|
class="page" |
||||||
|
style="background: url('{{imageUrl}}bg1.png?t={{Timestamp}}') no-repeat top center/100% 602rpx;padding-top:{{pageTop+21}}px;" |
||||||
|
> |
||||||
|
<view class="user"> |
||||||
|
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"> |
||||||
|
<image class="avatar" src="{{userInfo.Avatar}}"></image> |
||||||
|
</button> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="name"> |
||||||
|
<text class="nickname">你好</text> |
||||||
|
</view> |
||||||
|
<view class="day"> |
||||||
|
今天是陪伴您的第 |
||||||
|
<rich-text class="rich" nodes="{{Days}}"></rich-text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<image class="icon" bind:tap="handleUserInfo" src="/images/icon12.png"></image> |
||||||
|
</view> |
||||||
|
<view class="apply" bind:tap="routerTo" data-url="/pages/applyFrom/index"> |
||||||
|
<image class="a-img" src="{{imageUrl}}index-apply.png?t={{Timestamp}}"></image> |
||||||
|
<view class="content">查看我的健康档案</view> |
||||||
|
</view> |
||||||
|
<view class="list"> |
||||||
|
<view class="list-header" bind:tap="handleNone"> |
||||||
|
<view class="name">切换身份</view> |
||||||
|
</view> |
||||||
|
<view class="list-container"> |
||||||
|
<view class="item"> |
||||||
|
<image class="icon" src="/images/icon68.png"></image> |
||||||
|
<view class="content">我是医生<text class="tex">登录医生端</text></view> |
||||||
|
<van-icon class="more" name="arrow" /> |
||||||
|
</view> |
||||||
|
<view class="item" bind:tap="handleFamily"> |
||||||
|
<image class="icon" src="/images/icon69.png"></image> |
||||||
|
<view class="content">我的亲友</view> |
||||||
|
<van-icon class="more" name="arrow" /> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<popup model:show="{{popupShow}}" type="{{popupType}}" params="{{popupParams}}" bind:cancel="handlePopupCancel"></popup> |
||||||
|
|
||||||
|
<patient-tab-bar></patient-tab-bar> |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "我的诊前检查报告", |
||||||
|
"usingComponents": { |
||||||
|
"uploadFile": "/components/uploadFile/index", |
||||||
|
"popup": "/components/popup/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,402 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
padding: 32rpx 30rpx; |
||||||
|
.date-form { |
||||||
|
padding: 24rpx 32rpx; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 80rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.icon { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 48rpx; |
||||||
|
height: 48rpx; |
||||||
|
} |
||||||
|
.label { |
||||||
|
flex-shrink: 0; |
||||||
|
margin-left: 16rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(0, 0, 0, 1); |
||||||
|
} |
||||||
|
.picker { |
||||||
|
flex: 1; |
||||||
|
.picker-content { |
||||||
|
padding-left: 48rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.content { |
||||||
|
flex: 1; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
&:empty::after { |
||||||
|
content: attr(data-place); |
||||||
|
color: rgba(161, 164, 172, 0.5); |
||||||
|
} |
||||||
|
} |
||||||
|
.tril { |
||||||
|
width: 0; |
||||||
|
height: 0; |
||||||
|
border-style: solid; |
||||||
|
border-width: 12rpx 12rpx 0 12rpx; |
||||||
|
border-color: rgba(207, 209, 213, 1) transparent transparent transparent; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.form { |
||||||
|
margin-top: 48rpx; |
||||||
|
.form-header { |
||||||
|
padding-bottom: 24rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
.form-title { |
||||||
|
font-size: 36rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.order { |
||||||
|
display: flex; |
||||||
|
align-items: baseline; |
||||||
|
color: rgba(161, 164, 172, 1); |
||||||
|
font-size: 28rpx; |
||||||
|
.green { |
||||||
|
font-size: 44rpx; |
||||||
|
color: rgba(53, 177, 63, 1); |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.all { |
||||||
|
font-size: 28rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.form-card { |
||||||
|
display: flex; |
||||||
|
gap: 24rpx; |
||||||
|
.aside { |
||||||
|
flex-shrink: 0; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
.line-top { |
||||||
|
flex-shrink: 0; |
||||||
|
height: 32rpx; |
||||||
|
border-left: 1px dashed rgba(207, 209, 213, 1); |
||||||
|
} |
||||||
|
.order { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 40rpx; |
||||||
|
height: 40rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(255, 255, 255, 1); |
||||||
|
background-color: rgba(207, 209, 213, 1); |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
.line-bottom { |
||||||
|
flex: 1; |
||||||
|
height: 20rpx; |
||||||
|
border-left: 1px dashed rgba(207, 209, 213, 1); |
||||||
|
} |
||||||
|
&.active { |
||||||
|
.order { |
||||||
|
color: #fff; |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
.line-bottom, |
||||||
|
.line-top { |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.container { |
||||||
|
flex: 1; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 24rpx; |
||||||
|
margin-bottom: 24rpx; |
||||||
|
.c-header { |
||||||
|
padding: 32rpx 32rpx 32rpx 0; |
||||||
|
.wrap { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
.left { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 12rpx; |
||||||
|
.title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
font-weight: bold; |
||||||
|
display: flex; |
||||||
|
gap: 24rpx; |
||||||
|
align-items: center; |
||||||
|
&::before { |
||||||
|
content: ''; |
||||||
|
width: 8rpx; |
||||||
|
height: 36rpx; |
||||||
|
border-radius: 0 8rpx 8rpx 0; |
||||||
|
background: #f64a3a; |
||||||
|
} |
||||||
|
} |
||||||
|
.icon { |
||||||
|
width: 32rpx; |
||||||
|
height: 32rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.status { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(137, 141, 151, 1); |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 12rpx; |
||||||
|
.icon { |
||||||
|
width: 32rpx; |
||||||
|
height: 32rpx; |
||||||
|
} |
||||||
|
&.active { |
||||||
|
color: rgba(53, 177, 63, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.content { |
||||||
|
padding: 16rpx 32rpx 0; |
||||||
|
font-size: 24rpx; |
||||||
|
color: rgba(96, 97, 99, 1); |
||||||
|
line-height: 36rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.c-body { |
||||||
|
max-height: 100vh; |
||||||
|
transition: all 0.3s; |
||||||
|
&.fold { |
||||||
|
max-height: 0; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.module1 { |
||||||
|
padding: 16rpx 32rpx 32rpx; |
||||||
|
.m-title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.module2 { |
||||||
|
padding: 16rpx 32rpx 32rpx; |
||||||
|
.m-title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.module3 { |
||||||
|
padding: 0 32rpx 32rpx; |
||||||
|
.m-input { |
||||||
|
padding: 0 32rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 32rpx; |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
border-radius: 24rpx; |
||||||
|
.label { |
||||||
|
flex-shrink: 0; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.input { |
||||||
|
flex: 1; |
||||||
|
font-size: 32rpx; |
||||||
|
height: 96rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.place-input { |
||||||
|
color: rgba(161, 164, 172, 0.5); |
||||||
|
} |
||||||
|
.sub { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
.m-title { |
||||||
|
margin-top: 48rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.module4 { |
||||||
|
padding: 0 32rpx 32rpx; |
||||||
|
.m-select { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
gap: 28rpx; |
||||||
|
.m-item { |
||||||
|
padding: 12rpx 24rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(137, 141, 151, 1); |
||||||
|
background: #f7f7fa; |
||||||
|
border-radius: 12rpx 12rpx 12rpx 12rpx; |
||||||
|
&.active { |
||||||
|
color: #fff; |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.m-title { |
||||||
|
margin-top: 48rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.module5 { |
||||||
|
padding: 0 32rpx 32rpx; |
||||||
|
.m-select-title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.m-select { |
||||||
|
margin-top: 24rpx; |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
gap: 28rpx; |
||||||
|
.m-item { |
||||||
|
padding: 12rpx 24rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(137, 141, 151, 1); |
||||||
|
background: #f7f7fa; |
||||||
|
border-radius: 12rpx 12rpx 12rpx 12rpx; |
||||||
|
&.active { |
||||||
|
color: #fff; |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.m-title { |
||||||
|
margin-top: 48rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.module6 { |
||||||
|
padding: 0 32rpx 32rpx; |
||||||
|
.m-select-title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.m-select { |
||||||
|
margin-top: 24rpx; |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
gap: 28rpx; |
||||||
|
.m-item { |
||||||
|
padding: 12rpx 24rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(137, 141, 151, 1); |
||||||
|
background: #f7f7fa; |
||||||
|
border-radius: 12rpx 12rpx 12rpx 12rpx; |
||||||
|
&.active { |
||||||
|
color: #fff; |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.m-title { |
||||||
|
margin-top: 48rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.module7 { |
||||||
|
padding: 0 32rpx 32rpx; |
||||||
|
.m-select-title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.m-select { |
||||||
|
margin-top: 24rpx; |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
gap: 28rpx; |
||||||
|
.m-item { |
||||||
|
padding: 12rpx 24rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(137, 141, 151, 1); |
||||||
|
background: #f7f7fa; |
||||||
|
border-radius: 12rpx 12rpx 12rpx 12rpx; |
||||||
|
&.active { |
||||||
|
color: #fff; |
||||||
|
background-color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.m-title { |
||||||
|
margin-top: 48rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.module8 { |
||||||
|
padding: 0 32rpx 32rpx; |
||||||
|
.m-input { |
||||||
|
padding: 0 32rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 32rpx; |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
border-radius: 24rpx; |
||||||
|
.label { |
||||||
|
flex-shrink: 0; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.input { |
||||||
|
flex: 1; |
||||||
|
font-size: 32rpx; |
||||||
|
height: 96rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.place-input { |
||||||
|
color: rgba(161, 164, 172, 0.5); |
||||||
|
} |
||||||
|
.sub { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
.m-title { |
||||||
|
margin-top: 48rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.file-list { |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
const _app = getApp<IAppOption>() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: { |
||||||
|
popupShow: false, |
||||||
|
popupType: 'preDiagnosisReportDate', // 确认绑定曾经扫码医生
|
||||||
|
popupParams: {}, |
||||||
|
}, |
||||||
|
onLoad() {}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,308 @@ |
|||||||
|
<view class="page"> |
||||||
|
<view class="date-form"> |
||||||
|
<image class="icon" src="/images/icon52.png"></image> |
||||||
|
<view class="label">诊前检查时间</view> |
||||||
|
<picker class="picker"> |
||||||
|
<view class="picker-content"> |
||||||
|
<view class="content" data-place="请选择"></view> |
||||||
|
<view class="tril"></view> |
||||||
|
</view> |
||||||
|
</picker> |
||||||
|
</view> |
||||||
|
<view class="form"> |
||||||
|
<view class="form-header"> |
||||||
|
<view class="form-title">您的诊前检查项目</view> |
||||||
|
<view class="order"> |
||||||
|
<view class="green">1</view> |
||||||
|
/ |
||||||
|
<view class="all">8</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top" style="border: none"></view> |
||||||
|
<view class="order">1</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">血常规检查</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="content">重点检查项目:白细胞计数）WBC）血红蛋白（HGB）血小板计数（PLT）</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module1"> |
||||||
|
<view class="m-title">请上传您的检查报告</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order">2</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">生化检查</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="content">重点检查项目：丙氨酸氨基转移酶（ALT）天门冬氨酸氨基转移酶（AST）总胆红素肌酐</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module2"> |
||||||
|
<view class="m-title">请上传您的检查报告</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order">3</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">凝血因子 IX 活性</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module3"> |
||||||
|
<view class="m-input"> |
||||||
|
<view class="label">您的凝血因子水平</view> |
||||||
|
<input type="number" placeholder="请填写" class="input" placeholder-class="place-input" /> |
||||||
|
<view class="sub">%</view> |
||||||
|
</view> |
||||||
|
<view class="m-title">请上传您的检查报告</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order">4</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">凝血因子 IX 抑制物检测</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module4"> |
||||||
|
<view class="m-select"> |
||||||
|
<view class="m-item active">阳性（+）</view> |
||||||
|
<view class="m-item">阴性（-）</view> |
||||||
|
</view> |
||||||
|
<view class="m-title">可上传您的抑制物检查结果</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order">5</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">乙型肝炎相关检查</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module5"> |
||||||
|
<view class="m-select-title">乙型肝炎病毒表面抗原（HBsAg）</view> |
||||||
|
<view class="m-select"> |
||||||
|
<view class="m-item active">阳性（+）</view> |
||||||
|
<view class="m-item">阴性（-）</view> |
||||||
|
</view> |
||||||
|
<view class="m-select-title" style="margin-top: 48rpx">乙型肝炎病毒表面抗原（HBsAg）</view> |
||||||
|
<view class="m-select"> |
||||||
|
<view class="m-item active">正常数值</view> |
||||||
|
<view class="m-item">偏高数值</view> |
||||||
|
</view> |
||||||
|
<view class="m-title">请上传乙型肝炎检查报告</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order">6</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">丙型肝炎相关检查</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module6"> |
||||||
|
<view class="m-select-title">丙型肝炎病毒抗体（抗 - HCV）</view> |
||||||
|
<view class="m-select"> |
||||||
|
<view class="m-item active">阳性（+）</view> |
||||||
|
<view class="m-item">阴性（-）</view> |
||||||
|
</view> |
||||||
|
<view class="m-select-title" style="margin-top: 48rpx">丙型肝炎病毒核糖核酸（HCV - RNA）</view> |
||||||
|
<view class="m-select"> |
||||||
|
<view class="m-item active">阳性（+）</view> |
||||||
|
<view class="m-item">阴性（-）</view> |
||||||
|
</view> |
||||||
|
<view class="m-title">请上传丙型肝炎检查报告</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order">7</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">HIV抗体</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="content">类免疫缺陷病毒抗体（HIV - Ab）</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module7"> |
||||||
|
<view class="m-select-title">填选您的HIV检查结果</view> |
||||||
|
<view class="m-select"> |
||||||
|
<view class="m-item active">阳性（+）</view> |
||||||
|
<view class="m-item">阴性（-）</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="form-card"> |
||||||
|
<view class="aside"> |
||||||
|
<view class="line-top"></view> |
||||||
|
<view class="order">8</view> |
||||||
|
<view class="line-bottom"></view> |
||||||
|
</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="c-header"> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="left"> |
||||||
|
<view class="title">甲胎蛋白（AFP）检测</view> |
||||||
|
<image class="icon" src="/images/icon63.png"></image> |
||||||
|
</view> |
||||||
|
<view class="status"> |
||||||
|
<image wx:if="{{true}}" class="icon" src="/images/icon64.png"></image> |
||||||
|
<image wx:else class="icon" src="/images/icon65.png"></image> |
||||||
|
已检查 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="c-body"> |
||||||
|
<view class="module8"> |
||||||
|
<view class="m-input"> |
||||||
|
<view class="label">您的（AFP）检测</view> |
||||||
|
<input type="number" placeholder="请填写" class="input" placeholder-class="place-input" /> |
||||||
|
<view class="sub">μg/L</view> |
||||||
|
</view> |
||||||
|
<view class="m-title">填提交您的AFP 检测报告</view> |
||||||
|
<view class="file-list"> |
||||||
|
<uploadFile></uploadFile> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<popup |
||||||
|
show="{{popupShow}}" |
||||||
|
type="{{popupType}}" |
||||||
|
params="{{popupParams}}" |
||||||
|
bind:ok="handlePopupOk" |
||||||
|
bind:cancel="handlePopupCancel" |
||||||
|
></popup> |
||||||
@ -0,0 +1,6 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "个人信息修改", |
||||||
|
"usingComponents": { |
||||||
|
"pickerArea": "/components/pickerArea/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,70 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(247, 247, 250, 1); |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
padding: 48rpx 40rpx; |
||||||
|
.form { |
||||||
|
padding: 0 32rpx; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 24rpx; |
||||||
|
.row { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.label { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(137, 141, 151, 1); |
||||||
|
width: 5em; |
||||||
|
} |
||||||
|
.container { |
||||||
|
flex: 1; |
||||||
|
.input { |
||||||
|
padding: 32rpx 0; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.place-input { |
||||||
|
color: rgba(161, 164, 172, 0.40); |
||||||
|
} |
||||||
|
.picker, |
||||||
|
.picker-area { |
||||||
|
.picker-content { |
||||||
|
.content { |
||||||
|
padding: 32rpx 0; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
&:empty::after { |
||||||
|
content: attr(data-place); |
||||||
|
color: rgba(161, 164, 172, 0.40); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.tel { |
||||||
|
padding: 32rpx 0; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
.tel-num { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
} |
||||||
|
.btn { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(246, 74, 58, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.login-out { |
||||||
|
margin-top: 48rpx; |
||||||
|
padding: 22rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(1, 1, 5, 1); |
||||||
|
text-align: center; |
||||||
|
line-height: 1; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 96rpx; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
const _app = getApp<IAppOption>() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: {}, |
||||||
|
onLoad() {}, |
||||||
|
handleTel() { |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/patient/pages/changeTel/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleLoginOut() { |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/patient/pages/loginOut/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,40 @@ |
|||||||
|
<view class="page"> |
||||||
|
<view class="form"> |
||||||
|
<view class="row"> |
||||||
|
<view class="label">我的姓名</view> |
||||||
|
<view class="container"> |
||||||
|
<input type="text" class="input" placeholder-class="place-input" placeholder="请输入" /> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="row"> |
||||||
|
<view class="label">出生年月</view> |
||||||
|
<view class="container"> |
||||||
|
<picker class="picker"> |
||||||
|
<view class="picker-content"> |
||||||
|
<view class="content" data-place="请选择"></view> |
||||||
|
</view> |
||||||
|
</picker> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="row"> |
||||||
|
<view class="label">我的姓名</view> |
||||||
|
<view class="container"> |
||||||
|
<pickerArea class="picker-area"> |
||||||
|
<view class="picker-content"> |
||||||
|
<view class="content" data-place="请选择"></view> |
||||||
|
</view> |
||||||
|
</pickerArea> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="row"> |
||||||
|
<view class="label">手机号</view> |
||||||
|
<view class="container"> |
||||||
|
<view class="tel" bind:tap="handleTel"> |
||||||
|
<view class="tel-num">12312312</view> |
||||||
|
<view class="btn">修改手机号</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="login-out" bind:tap="handleLoginOut">注销账号</view> |
||||||
|
</view> |
||||||
Loading…
Reference in new issue