wewe
This commit is contained in:
左哥
parent
768635302b
commit
ec32bf4c60
10
app.json
10
app.json
@ -79,19 +79,27 @@
|
||||
"navigationBarBackgroundColor": "#fff",
|
||||
"navigationBarTitleText": "Weixin",
|
||||
"navigationBarTextStyle": "black"
|
||||
|
||||
},
|
||||
"tabBar": {
|
||||
"custom": true,
|
||||
"color": "#888888",
|
||||
"selectedColor": "#005BA2",
|
||||
"list": [
|
||||
{
|
||||
"iconPath": "assets/images/home/home.png",
|
||||
"selectedIconPath": "assets/images/home/homeAct.png",
|
||||
"pagePath": "pages/home/index",
|
||||
"text": "首页"
|
||||
},
|
||||
{
|
||||
"iconPath": "assets/images/home/sf.png",
|
||||
"selectedIconPath": "assets/images/home/sfAct.png",
|
||||
"pagePath": "pages/message/index",
|
||||
"text": "随访"
|
||||
},
|
||||
{
|
||||
"iconPath": "assets/images/home/my.png",
|
||||
"selectedIconPath": "assets/images/home/myAct.png",
|
||||
"pagePath": "pages/my/index",
|
||||
"text": "我的"
|
||||
}
|
||||
|
||||
BIN
assets/images/home/home.png
Normal file
BIN
assets/images/home/home.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/images/home/homeAct.png
Normal file
BIN
assets/images/home/homeAct.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 694 B |
BIN
assets/images/home/my.png
Normal file
BIN
assets/images/home/my.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/images/home/myAct.png
Normal file
BIN
assets/images/home/myAct.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/images/home/sf.png
Normal file
BIN
assets/images/home/sf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/images/home/sfAct.png
Normal file
BIN
assets/images/home/sfAct.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/images/my/baby.png
Normal file
BIN
assets/images/my/baby.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
24
assets/images/my/jkjy.svg
Normal file
24
assets/images/my/jkjy.svg
Normal file
@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>健康教育</title>
|
||||
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="04我的-00-00" transform="translate(-28.000000, -273.000000)">
|
||||
<g id="编组-11备份-3" transform="translate(12.000000, 204.000000)">
|
||||
<g id="健康教育" transform="translate(0.000000, 53.000000)">
|
||||
<g transform="translate(16.000000, 16.000000)">
|
||||
<rect id="矩形" fill="#FFFFFF" opacity="0.00999999978" x="0" y="0" width="20" height="20"></rect>
|
||||
<g id="编组-4" transform="translate(2.000000, 2.000000)">
|
||||
<path d="M14,6.08333333 C14.345178,6.08333333 14.657678,6.22324435 14.8838835,6.44944986 C15.110089,6.67565536 15.25,6.98815536 15.25,7.33333333 L15.25,7.33333333 L15.25,14 C15.25,14.345178 15.110089,14.657678 14.8838835,14.8838835 C14.657678,15.110089 14.345178,15.25 14,15.25 L14,15.25 L11.8649104,15.25 L11.8649104,6.08333333 Z" id="蒙版备份" stroke="#333333" stroke-width="1.5"></path>
|
||||
<path d="M9.44444444,0.75 C10.0657648,0.75 10.6282648,1.00183983 11.0354347,1.40900974 C11.4426046,1.81617966 11.6944444,2.37867966 11.6944444,3 L11.6944444,3 L11.6944444,15.25 L3,15.25 C2.37867966,15.25 1.81617966,14.9981602 1.40900974,14.5909903 C1.00183983,14.1838203 0.75,13.6213203 0.75,13 L0.75,13 L0.75,3 C0.75,2.37867966 1.00183983,1.81617966 1.40900974,1.40900974 C1.81617966,1.00183983 2.37867966,0.75 3,0.75 L3,0.75 Z" id="蒙版" stroke="#333333" stroke-width="1.5"></path>
|
||||
<g id="编组-2" transform="translate(3.111111, 3.400000)" fill="#005BA2">
|
||||
<rect id="矩形" x="0" y="2.44444444" width="6.22222222" height="1.33333333" rx="0.666666667"></rect>
|
||||
<path d="M0.666666667,2.44444444 L5.55555556,2.44444444 C5.92374539,2.44444444 6.22222222,2.74292128 6.22222222,3.11111111 C6.22222222,3.47930094 5.92374539,3.77777778 5.55555556,3.77777778 L0.666666667,3.77777778 C0.298476833,3.77777778 3.64153152e-14,3.47930094 3.64153152e-14,3.11111111 C3.64153152e-14,2.74292128 0.298476833,2.44444444 0.666666667,2.44444444 Z" id="矩形" transform="translate(3.111111, 3.111111) rotate(90.000000) translate(-3.111111, -3.111111) "></path>
|
||||
</g>
|
||||
<rect id="矩形备份" fill="#005BA2" x="2.66666667" y="11.2" width="7.11111111" height="1.33333333" rx="0.666666667"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
BIN
assets/images/my/my-top-bg.png
Normal file
BIN
assets/images/my/my-top-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
22
assets/images/my/yyfa.svg
Normal file
22
assets/images/my/yyfa.svg
Normal file
@ -0,0 +1,22 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>用药方案</title>
|
||||
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="04我的-00-00" transform="translate(-28.000000, -220.000000)">
|
||||
<g id="编组-11备份-3" transform="translate(12.000000, 204.000000)">
|
||||
<g id="用药方案" transform="translate(16.000000, 16.000000)">
|
||||
<rect id="Rectangle-3" fill-opacity="0.01" fill="#EEEEEE" x="0" y="0" width="20" height="20"></rect>
|
||||
<g id="编组-14" transform="translate(3.600000, 2.000000)">
|
||||
<rect id="矩形" stroke="#333333" stroke-width="1.5" x="2.25980392" y="0.75" width="8.31372549" height="2.625" rx="1"></rect>
|
||||
<path d="M10.1646069,3.5 L11.8771593,6.09940994 C12.0116516,6.30354996 12.0833333,6.54264578 12.0833333,6.78710705 L12.0833333,6.78710705 L12.0833333,14.5 C12.0833333,14.845178 11.9434223,15.157678 11.7172168,15.3838835 C11.4910113,15.610089 11.1785113,15.75 10.8333333,15.75 L10.8333333,15.75 L2,15.75 C1.65482203,15.75 1.34232203,15.610089 1.11611652,15.3838835 C0.889911016,15.157678 0.75,14.845178 0.75,14.5 L0.75,14.5 L0.75,6.78710705 C0.75,6.54264578 0.821681769,6.30354996 0.95617402,6.09940994 L0.95617402,6.09940994 L2.66872645,3.5 L10.1646069,3.5 Z" id="矩形" stroke="#333333" stroke-width="1.5"></path>
|
||||
<rect id="矩形" x="0" y="7.5625" width="12.8333333" height="6.1875"></rect>
|
||||
<g id="编组-24" transform="translate(3.666667, 7.235119)" fill="#005BA2">
|
||||
<rect id="矩形" x="0" y="2.0625" width="5.5" height="1.375" rx="0.6875"></rect>
|
||||
<path d="M0.6875,2.0625 L4.8125,2.0625 C5.19219577,2.0625 5.5,2.37030423 5.5,2.75 C5.5,3.12969577 5.19219577,3.4375 4.8125,3.4375 L0.6875,3.4375 C0.307804235,3.4375 -1.13686838e-13,3.12969577 -1.13686838e-13,2.75 C-1.13686838e-13,2.37030423 0.307804235,2.0625 0.6875,2.0625 Z" id="矩形" transform="translate(2.750000, 2.750000) rotate(90.000000) translate(-2.750000, -2.750000) "></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
@ -1,8 +1,8 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4945922 */
|
||||
src: url('//at.alicdn.com/t/c/font_4945922_1cebnuqykww.woff2?t=1749652718973') format('woff2'),
|
||||
url('//at.alicdn.com/t/c/font_4945922_1cebnuqykww.woff?t=1749652718973') format('woff'),
|
||||
url('//at.alicdn.com/t/c/font_4945922_1cebnuqykww.ttf?t=1749652718973') format('truetype');
|
||||
src: url('//at.alicdn.com/t/c/font_4945922_h7s60vu3p4o.woff2?t=1749983302860') format('woff2'),
|
||||
url('//at.alicdn.com/t/c/font_4945922_h7s60vu3p4o.woff?t=1749983302860') format('woff'),
|
||||
url('//at.alicdn.com/t/c/font_4945922_h7s60vu3p4o.ttf?t=1749983302860') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
@ -13,6 +13,26 @@
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-jiahao2:before {
|
||||
content: "\e660";
|
||||
}
|
||||
|
||||
.icon-zengjiatianjiajiahao:before {
|
||||
content: "\e62a";
|
||||
}
|
||||
|
||||
.icon-gantanhao_icon:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
|
||||
.icon-touxiang:before {
|
||||
content: "\e62c";
|
||||
}
|
||||
|
||||
.icon-youjiantou:before {
|
||||
content: "\e612";
|
||||
}
|
||||
|
||||
.icon-shouji:before {
|
||||
content: "\e6f7";
|
||||
}
|
||||
@ -44,4 +64,3 @@
|
||||
.icon-xiangji:before {
|
||||
content: "\e609";
|
||||
}
|
||||
|
||||
|
||||
44
pages/clockIn/index copy.less
Normal file
44
pages/clockIn/index copy.less
Normal file
@ -0,0 +1,44 @@
|
||||
/* pages/clockIn/index.wxss */
|
||||
.clockin{
|
||||
padding: 36rpx;
|
||||
padding-bottom: 120rpx;
|
||||
.new-time{
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.clockin-item{
|
||||
margin-top: 36rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
padding: 28rpx;
|
||||
.t-button{
|
||||
}
|
||||
.item-top{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20rpx;
|
||||
font-size: 28rpx;
|
||||
.active{
|
||||
color: var(--td-brand-color);
|
||||
}
|
||||
}
|
||||
.medicine-name{
|
||||
font-weight: bold;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
.dose{
|
||||
font-size: 28rpx;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
}
|
||||
.footer-example{
|
||||
position: fixed;
|
||||
bottom: 42rpx;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
color: var(--td-brand-color);
|
||||
font-size: 28rpx;
|
||||
line-height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
}
|
||||
20
pages/clockIn/index copy.wxml
Normal file
20
pages/clockIn/index copy.wxml
Normal file
@ -0,0 +1,20 @@
|
||||
<!--pages/clockIn/index.wxml-->
|
||||
<view class="clockin">
|
||||
<view class="new-time">{{newTime}}</view>
|
||||
|
||||
<view class="clockin-item" wx:for="{{list}}">
|
||||
<view class="item-top">
|
||||
<text>{{item.medicine_time}}</text>
|
||||
<t-tag class="margin-16" variant="light" theme="success">已完成</t-tag>
|
||||
</view>
|
||||
<view wx:for="{{item.detail}}" wx:for-item="detail" class="item-bottom">
|
||||
|
||||
<view class="medicine-name">{{detail.name}}</view>
|
||||
<view class="dose">{{detail.dose}} {{detail.time}}</view>
|
||||
<t-button bindtap="clockIn" theme="primary" block>打卡</t-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer-example">
|
||||
<text bindtap="toRecord">历史服药记录 ></text>
|
||||
</view>
|
||||
@ -16,11 +16,16 @@ Page({
|
||||
const res = await request('patient/medicine_records', 'get', {
|
||||
page: 1,
|
||||
page_size: 10,
|
||||
time_type: 1
|
||||
time_type: 1,
|
||||
status: 0
|
||||
})
|
||||
const arr = res.list.map(item => {
|
||||
item.detail = JSON.parse(item.detail)
|
||||
return item
|
||||
})
|
||||
this.setData({
|
||||
list: arr
|
||||
})
|
||||
// this.setData({
|
||||
// list: res.list
|
||||
// })
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
|
||||
@ -1,44 +1,495 @@
|
||||
/* pages/clockIn/index.wxss */
|
||||
.clockin{
|
||||
padding: 36rpx;
|
||||
padding-bottom: 120rpx;
|
||||
.new-time{
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.clockin-item{
|
||||
margin-top: 36rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
padding: 28rpx;
|
||||
.t-button{
|
||||
}
|
||||
.item-top{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20rpx;
|
||||
font-size: 28rpx;
|
||||
.active{
|
||||
color: var(--td-brand-color);
|
||||
}
|
||||
}
|
||||
.medicine-name{
|
||||
font-weight: bold;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
.dose{
|
||||
font-size: 28rpx;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
}
|
||||
.footer-example{
|
||||
position: fixed;
|
||||
bottom: 42rpx;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
color: var(--td-brand-color);
|
||||
font-size: 28rpx;
|
||||
line-height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: rgba(248,248,248,1.000000);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 24rpx;
|
||||
}
|
||||
.group_1 {
|
||||
background-color: rgba(255,255,255,1.000000);
|
||||
padding-bottom: 12rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.image_1 {
|
||||
width: 750rpx;
|
||||
height: 88rpx;
|
||||
}
|
||||
.section_1 {
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
margin: 12rpx 12rpx 0 32rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 24rpx;
|
||||
height: 48rpx;
|
||||
margin: 8rpx 0 8rpx 0;
|
||||
}
|
||||
.text_1 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(0,0,0,1);
|
||||
font-size: 34rpx;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-weight: 500;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 40rpx;
|
||||
margin: 8rpx 0 0 252rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 174rpx;
|
||||
height: 64rpx;
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.group_2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 24rpx 0 26rpx 0;
|
||||
}
|
||||
.text-wrapper_1 {
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.text_2 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(34,34,34,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
}
|
||||
.text_3 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(96,98,102,1);
|
||||
font-size: 26rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
}
|
||||
.group_3 {
|
||||
border: 1px solid rgba(255,255,255,1);
|
||||
margin-top: -2rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 24rpx 24rpx 0rpx 22rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 24rpx;
|
||||
background: linear-gradient( 180deg, #EDF3F8 0%, #F7FAFC 100%);
|
||||
}
|
||||
.group-item{
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
.section_2 {
|
||||
width: 112rpx;
|
||||
margin-right: 544rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.group_4 {
|
||||
border-radius: 100%;
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border: 2.5px solid rgba(142,181,213,1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 6rpx 0 2rpx 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.text_4 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(144,147,153,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
}
|
||||
.section_3 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 16rpx 0 0 34rpx;
|
||||
}
|
||||
.block_1 {
|
||||
background-color: rgba(255,255,255,1.000000);
|
||||
border-radius: 16rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
padding: 24rpx 50rpx 24rpx 24rpx;
|
||||
}
|
||||
.image-text_1 {
|
||||
width: 298rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.section_4 {
|
||||
border-radius: 16rpx;
|
||||
background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/4438d491898944508b7d13f8ad91d0ef_mergeImage.png);
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border: 1px solid rgba(0,91,162,0.1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.text-group_1 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 10rpx 0 8rpx 0;
|
||||
}
|
||||
.text_5 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(34,34,34,1);
|
||||
font-size: 32rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
margin-right: 86rpx;
|
||||
}
|
||||
.text_6 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(144,147,153,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
margin-top: 22rpx;
|
||||
}
|
||||
.box_1 {
|
||||
background-color: rgba(237,243,248,1.000000);
|
||||
width: 2rpx;
|
||||
height: 62rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 20rpx 0 18rpx 114rpx;
|
||||
}
|
||||
.text_7 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(0,91,162,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
margin: 34rpx 0 0 50rpx;
|
||||
}
|
||||
.section_5 {
|
||||
width: 112rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 24rpx 544rpx 0 0;
|
||||
}
|
||||
.box_2 {
|
||||
border-radius: 100%;
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border: 2.5px solid rgba(0,91,162,1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 6rpx 0 2rpx 0;
|
||||
}
|
||||
.text_8 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(34,34,34,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
}
|
||||
.section_6 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 16rpx 0 0 34rpx;
|
||||
}
|
||||
.box_3 {
|
||||
background-color: rgba(255,255,255,1.000000);
|
||||
border-radius: 16rpx;
|
||||
width: 622rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: flex-center;
|
||||
padding: 24rpx 24rpx 24rpx 24rpx;
|
||||
}
|
||||
.image-text_2 {
|
||||
width: 298rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.image_4 {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
.text-group_2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 12rpx 0 12rpx 0;
|
||||
}
|
||||
.text_9 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(34,34,34,1);
|
||||
font-size: 32rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
margin-right: 86rpx;
|
||||
}
|
||||
.text_10 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(144,147,153,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.section_7 {
|
||||
background-color: rgba(237,243,248,1.000000);
|
||||
width: 2rpx;
|
||||
height: 62rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 20rpx 0 18rpx 114rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
background-color: rgba(0,91,162,1.000000);
|
||||
border-radius: 32rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 22rpx 0 22rpx 24rpx;
|
||||
padding: 12rpx 40rpx 12rpx 40rpx;
|
||||
}
|
||||
.text_11 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(255,255,255,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
.section_8 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 16rpx 0 0 34rpx;
|
||||
}
|
||||
.box_4 {
|
||||
background-color: rgba(255,255,255,1.000000);
|
||||
border-radius: 16rpx;
|
||||
width: 622rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: flex-center;
|
||||
padding: 24rpx 24rpx 24rpx 24rpx;
|
||||
}
|
||||
.image-text_3 {
|
||||
width: 298rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.image_5 {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
.text-group_3 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 12rpx 0 12rpx 0;
|
||||
}
|
||||
.text_12 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(34,34,34,1);
|
||||
font-size: 32rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
margin-right: 86rpx;
|
||||
}
|
||||
.text_13 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(144,147,153,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.section_9 {
|
||||
background-color: rgba(237,243,248,1.000000);
|
||||
width: 2rpx;
|
||||
height: 62rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 20rpx 0 18rpx 114rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
background-color: rgba(0,91,162,1.000000);
|
||||
border-radius: 32rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 22rpx 0 22rpx 24rpx;
|
||||
padding: 12rpx 40rpx 12rpx 40rpx;
|
||||
}
|
||||
.text_14 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(255,255,255,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
.section_10 {
|
||||
width: 112rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 24rpx 544rpx 0 0;
|
||||
}
|
||||
.group_5 {
|
||||
border-radius: 100%;
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border: 2.5px solid rgba(0,91,162,1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 6rpx 0 2rpx 0;
|
||||
}
|
||||
.text_15 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(34,34,34,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
}
|
||||
.section_11 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 16rpx 0 0 34rpx;
|
||||
}
|
||||
.group_6 {
|
||||
background-color: rgba(255,255,255,1.000000);
|
||||
border-radius: 16rpx;
|
||||
width: 622rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: flex-center;
|
||||
padding: 24rpx 24rpx 24rpx 24rpx;
|
||||
}
|
||||
.image-text_4 {
|
||||
width: 298rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.box_5 {
|
||||
border-radius: 16rpx;
|
||||
background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1d20527d73294b4688010486fcc35ccc_mergeImage.png);
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border: 1px solid rgba(0,91,162,0.1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.text-group_4 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 12rpx 0 12rpx 0;
|
||||
}
|
||||
.text_16 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(34,34,34,1);
|
||||
font-size: 32rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
margin-right: 86rpx;
|
||||
}
|
||||
.text_17 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(144,147,153,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.box_6 {
|
||||
background-color: rgba(237,243,248,1.000000);
|
||||
width: 2rpx;
|
||||
height: 62rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 20rpx 0 18rpx 114rpx;
|
||||
}
|
||||
.text-wrapper_4 {
|
||||
background-color: rgba(0,91,162,1.000000);
|
||||
border-radius: 32rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 22rpx 0 22rpx 24rpx;
|
||||
padding: 12rpx 40rpx 12rpx 40rpx;
|
||||
}
|
||||
.text_18 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(255,255,255,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
.image_6 {
|
||||
position: absolute;
|
||||
left: 32rpx;
|
||||
top: 48rpx;
|
||||
width: 2rpx;
|
||||
height: 196rpx;
|
||||
}
|
||||
.image_7 {
|
||||
position: absolute;
|
||||
left: 32rpx;
|
||||
top: 260rpx;
|
||||
width: 2rpx;
|
||||
height: 368rpx;
|
||||
}
|
||||
.image_8 {
|
||||
width: 750rpx;
|
||||
height: 68rpx;
|
||||
margin-top: 460rpx;
|
||||
}
|
||||
@ -1,17 +1,36 @@
|
||||
<!--pages/clockIn/index.wxml-->
|
||||
<view class="clockin">
|
||||
<view class="new-time">{{newTime}}</view>
|
||||
|
||||
<view class="clockin-item">
|
||||
<view class="item-top">
|
||||
<text>早上</text>
|
||||
<t-tag class="margin-16" variant="light" theme="success">已完成</t-tag>
|
||||
<view class="page">
|
||||
|
||||
<view class="group_2">
|
||||
<view class="text-wrapper_1">
|
||||
<text lines="1" class="text_2">2025年3月1日</text>
|
||||
<text lines="1" class="text_3">历史服药记录</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="medicine-name">优思弗</view>
|
||||
<view class="dose">1片 饭后服用</view>
|
||||
<t-button bindtap="clockIn" theme="primary" block>打卡</t-button>
|
||||
</view>
|
||||
<view class="footer-example">
|
||||
<text bindtap="toRecord">历史服药记录 ></text>
|
||||
<view class="group_3">
|
||||
<view class="group-item" wx:for="{{list}}">
|
||||
<view class="section_2">
|
||||
<view class="group_4"></view>
|
||||
<text lines="1" class="text_4">{{item.medicine_time}}</text>
|
||||
</view>
|
||||
<view class="section_3" wx:for="{{item.detail}}" wx:for-item="detail">
|
||||
<view class="block_1">
|
||||
<view class="image-text_1">
|
||||
<view class="section_4"></view>
|
||||
<view class="text-group_1">
|
||||
<text lines="1" class="text_5">{{detail.name}}</text>
|
||||
<text lines="1" class="text_6">{{detail.dose}} {{detail.time}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box_1"></view>
|
||||
<text lines="1" class="text_7" wx:if="{{item.status == 1}}">未打卡</text>
|
||||
<view class="text-wrapper_3" wx:if="{{item.status == 2}}">
|
||||
<text lines="1" class="text_14">打卡</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
@ -1,11 +1,23 @@
|
||||
// pages/followUp/index.js
|
||||
import request from '~/api/request';
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
|
||||
// 凝血酶原时间(s)/国际标准化比/活化的部分凝血酶时间（s）
|
||||
data: {
|
||||
style: 'border: 2rpx solid #efefef;border-radius: 12rpx;',
|
||||
|
||||
dataItem:[
|
||||
{
|
||||
title: '随访信息',
|
||||
child: []
|
||||
}
|
||||
],
|
||||
|
||||
|
||||
|
||||
personInfo: {
|
||||
name: '',
|
||||
gender: 0,
|
||||
@ -98,6 +110,12 @@ Page({
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
onInput(e) {
|
||||
const { key } = e.currentTarget.dataset;
|
||||
this.setData({
|
||||
[key]: e.detail.value,
|
||||
});
|
||||
},
|
||||
showPicker(e) {
|
||||
const { mode } = e.currentTarget.dataset;
|
||||
@ -128,7 +146,11 @@ Page({
|
||||
handleClick(e) {
|
||||
console.log(e.detail.file);
|
||||
},
|
||||
toQuestionnaire(){
|
||||
request('/patient/follow_questionnaire', 'post', {
|
||||
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<view>随访信息</view>
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 随访名称</view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" size="small" bind:tap="onInput" data-key="follow_name" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 随访日期</view>
|
||||
@ -13,7 +13,7 @@
|
||||
</view>
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 随访医院</view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" size="small" bind:tap="onInput" data-key="follow_hospital" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -25,7 +25,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 身高（cm） </view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" size="small" bind:tap="onInput" data-key="height" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -34,7 +34,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 体重（kg） </view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="weight" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -42,7 +42,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 头围（cm） </view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="head_circumference" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -51,7 +51,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 上臀围（cm） </view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="high_hip" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -72,7 +72,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 总胆红素（µmol/L) </view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" size="small" bind:tap="onInput" data-key="total_bilirubin" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -80,8 +80,8 @@
|
||||
<t-col span="12">
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 总胆红素（µmol/L) </view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<view class="input-example__label">直接胆红素(µmol/L)</view>
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="direct_bilirubin" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -89,7 +89,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 总胆汁酸（g/L） </view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="total_bile_acid" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -98,7 +98,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 白蛋白（g/L） </view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="albumin" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -106,7 +106,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 谷草（U/L）</view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" size="small" bind:tap="onInput" data-key="grain_grass" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -115,7 +115,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 谷丙（U/L）</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="gu_bing" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -123,7 +123,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> GGT（U/L）</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="ggt" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -132,7 +132,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> ALP（U/L）</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="alp" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -154,7 +154,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 凝血酶原时间（s）</view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="follow_name" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -163,7 +163,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 国际标准化比</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="follow_name" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -171,7 +171,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 活化的部分凝血酶时间（s）</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="follow_name" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -195,7 +195,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 血小板（10^9/L） </view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="platelets" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -204,7 +204,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 血红蛋白（g/L）</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="hemoglobin" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -212,7 +212,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 白细胞（10^9/L）</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="white_blood_cells" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -236,7 +236,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 25（OH）D3 (ng/ml) </view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="oh_d3" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -245,7 +245,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 维生素A (ng/ml)</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="vitamin_a" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -253,7 +253,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 维生素K (ng/ml)</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="vitamin_k" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -262,7 +262,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 维生素E (ng/ml)</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="vitamin_e" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -284,8 +284,8 @@
|
||||
<t-col span="12">
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 肝肋下(mm)肝肋下(mm)</view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<view class="input-example__label"> 肝肋下(mm)</view>
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="under_the_liver_rib" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -294,7 +294,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 肝剑突下(mm)</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="under_the_xiphoid_liver" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
@ -302,7 +302,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 脾肋下(mm)</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="spleen_rib_area" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -311,7 +311,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 门静脉主干(mm)</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="main_portal_vein" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -320,7 +320,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 门静脉流速</view>
|
||||
<t-input placeholder="请输入" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="pvv" size="small" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -329,7 +329,7 @@
|
||||
<view class="dark">
|
||||
<view class="input-example">
|
||||
<view class="input-example__label"> 肝弹性值</view>
|
||||
<t-input placeholder="请输入" borderless="{{true}}" style="{{style}}" />
|
||||
<t-input placeholder="请输入" bind:tap="onInput" data-key="liver_elasticity_value" borderless="{{true}}" style="{{style}}" />
|
||||
</view>
|
||||
</view>
|
||||
</t-col>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
// pages/clockIn/index.js
|
||||
import request from '~/api/request';
|
||||
Page({
|
||||
|
||||
/**
|
||||
@ -29,6 +29,16 @@ Page({
|
||||
})
|
||||
},
|
||||
|
||||
getList(){
|
||||
request('patient/medicine_records', getComputedStyle, {
|
||||
time_type: 3,
|
||||
status: 0,
|
||||
page:1,
|
||||
page_size: 10
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
@ -40,7 +50,7 @@ Page({
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
this.getList()
|
||||
},
|
||||
|
||||
/**
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {
|
||||
"t-button": "tdesign-miniprogram/button/button",
|
||||
"t-tag": "tdesign-miniprogram/tag/tag"
|
||||
},
|
||||
"navigationStyle": "default",
|
||||
"navigationBarTitleText": "随访计划"
|
||||
}
|
||||
}
|
||||
@ -2,6 +2,16 @@
|
||||
.clockin{
|
||||
padding: 28rpx;
|
||||
padding-bottom: 200rpx;
|
||||
padding-top: 200rpx;
|
||||
position: relative;
|
||||
.clockin-img{
|
||||
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.new-time{
|
||||
font-size: 28rpx;
|
||||
}
|
||||
@ -10,14 +20,35 @@
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
padding: 28rpx;
|
||||
.t-button{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
.margin-16{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
background: rgba(34, 34, 34, 0.1);
|
||||
border-radius: 0rpx 24rpx 0rpx 24rpx;
|
||||
color: #909399;
|
||||
padding: 0 24rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.success{
|
||||
color: #00B095;
|
||||
background: rgba(0, 176, 149, 0.1);
|
||||
}
|
||||
.primary{
|
||||
color: var(--td-brand-color);
|
||||
background: rgba(237, 243, 248, 1);
|
||||
}
|
||||
.item-top{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 10rpx;
|
||||
font-size: 30rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
|
||||
.active{
|
||||
color: var(--td-brand-color);
|
||||
}
|
||||
@ -29,21 +60,34 @@
|
||||
.dose{
|
||||
font-size: 28rpx;
|
||||
// margin-bottom: 30rpx;
|
||||
color: #909399;
|
||||
}
|
||||
.t-button{
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
}
|
||||
.footer-example{
|
||||
// position: fixed;
|
||||
// bottom: 202rpx;
|
||||
// width: 100%;
|
||||
// left: 0;
|
||||
// text-align: center;
|
||||
// color: var(--td-brand-color);
|
||||
// font-size: 28rpx;
|
||||
// line-height: 60rpx;
|
||||
// line-height: 60rpx;
|
||||
margin-top: 28rpx;
|
||||
position: fixed;
|
||||
bottom: 202rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
view{
|
||||
width: 246rpx;
|
||||
height: 82rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 2rpx 14rpx 0rpx rgba(0,91,162,0.08);
|
||||
border-radius: 40rpx;
|
||||
line-height: 82rpx;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
color: #222222;
|
||||
text{
|
||||
font-size: 40rpx;
|
||||
color: var(--td-brand-color);
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,13 +1,15 @@
|
||||
<!--pages/clockIn/index.wxml-->
|
||||
<view class="clockin">
|
||||
<image src="../../assets/images/my/my-top-bg.png" mode="aspectFill" class="clockin-img"></image>
|
||||
<view class="clockin-item" wx:for="{{dataList}}" wx:key="id">
|
||||
<view class="margin-16 success" wx:if="{{item.status == 2}}">已完成</view>
|
||||
<view class="margin-16" wx:if="{{item.status == 1}}">未开始</view>
|
||||
<view class="margin-16 primary" wx:if="{{item.status == 3}}">待开始</view>
|
||||
<view class="item-top">
|
||||
<text>{{item.plan_name}}</text>
|
||||
<t-tag class="margin-16" variant="light" theme="success" wx:if="{{item.status == 2}}">已完成</t-tag>
|
||||
<t-tag class="margin-16" variant="light" wx:if="{{item.status == 1}}">未开始</t-tag>
|
||||
<t-tag class="margin-16" variant="light" theme="primary" wx:if="{{item.status == 3}}">待开始</t-tag>
|
||||
<text>{{item.plan_date}}</text>
|
||||
|
||||
</view>
|
||||
<view class="dose">随访时间：{{item.plan_date}}</view>
|
||||
<view class="dose">{{item.plan_name}}</view>
|
||||
<t-button theme="primary" block bindtap="toQuestionnaire" wx:if="{{item.status == 2}}">填写随访问卷</t-button>
|
||||
<t-button bindtap="toRegister" theme="primary" block wx:if="{{item.status == 3}}">预约挂号</t-button>
|
||||
</view>
|
||||
@ -41,6 +43,11 @@
|
||||
<view class="dose">随访时间：2025年5月20日</view>
|
||||
</view> -->
|
||||
<view class="footer-example">
|
||||
<t-button theme="primary" block bindtap="toQuestionnaire">添加随访</t-button>
|
||||
<view bindtap="toQuestionnaire">
|
||||
<text class="iconfont icon-zengjiatianjiajiahao"></text>
|
||||
添加随访
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
107
pages/my/index copy.js
Normal file
107
pages/my/index copy.js
Normal file
@ -0,0 +1,107 @@
|
||||
import request from '~/api/request';
|
||||
import useToastBehavior from '~/behaviors/useToast';
|
||||
|
||||
Page({
|
||||
behaviors: [useToastBehavior],
|
||||
|
||||
data: {
|
||||
isLoad: true,
|
||||
service: [],
|
||||
personalInfo: {
|
||||
name: '邹方成'
|
||||
},
|
||||
gridList: [
|
||||
{
|
||||
name: '全部发布',
|
||||
icon: 'root-list',
|
||||
type: 'all',
|
||||
url: '',
|
||||
},
|
||||
{
|
||||
name: '审核中',
|
||||
icon: 'search',
|
||||
type: 'progress',
|
||||
url: '',
|
||||
},
|
||||
{
|
||||
name: '已发布',
|
||||
icon: 'upload',
|
||||
type: 'published',
|
||||
url: '',
|
||||
},
|
||||
{
|
||||
name: '草稿箱',
|
||||
icon: 'file-copy',
|
||||
type: 'draft',
|
||||
url: '',
|
||||
},
|
||||
],
|
||||
|
||||
settingList: [
|
||||
{ label: '用药方案', path: '/pages/therapeuticRegimen/index', icon: 'service', type: 'text' },
|
||||
{ label: '健康教育', path: '/pages/articleList/index', icon: 'setting', type: 'text' },
|
||||
|
||||
],
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
// this.getServiceList();
|
||||
},
|
||||
|
||||
handelClick(e) {
|
||||
console.log(e)
|
||||
},
|
||||
|
||||
async onShow() {
|
||||
const Token = wx.getStorageSync('access_token');
|
||||
if (Token) {
|
||||
const personalInfo = await this.getPersonalInfo();
|
||||
this.setData({
|
||||
isLoad: false,
|
||||
personalInfo: personalInfo,
|
||||
settingList: [
|
||||
{ label: '用药方案', path: '/pages/therapeuticRegimen/index', icon: 'service', type: 'text' },
|
||||
{ label: '健康教育', path: '/pages/articleList/index', icon: 'setting', type: 'text' },
|
||||
|
||||
],
|
||||
});
|
||||
} else {
|
||||
this.setData({
|
||||
isLoad: true,
|
||||
settingList: [
|
||||
{ label: '用药方案', path: '', icon: 'service', type: 'text' },
|
||||
{ label: '健康教育', path: '', icon: 'setting', type: 'text' },
|
||||
|
||||
],
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
getServiceList() {
|
||||
request('/api/getServiceList').then((res) => {
|
||||
const { service } = res.data.data;
|
||||
this.setData({ service });
|
||||
});
|
||||
},
|
||||
|
||||
async getPersonalInfo() {
|
||||
const info = await request('patient/basic/0').then((res) => res);
|
||||
return info;
|
||||
},
|
||||
|
||||
onLogin(e) {
|
||||
wx.navigateTo({
|
||||
url: '/pages/login/login',
|
||||
});
|
||||
},
|
||||
|
||||
onNavigateTo() {
|
||||
wx.navigateTo({ url: `/pages/my/info-edit/index` });
|
||||
},
|
||||
|
||||
onEleClick(e) {
|
||||
const { name, url } = e.currentTarget.dataset.data;
|
||||
if (url) return;
|
||||
this.onShowToast('#t-toast', name);
|
||||
},
|
||||
});
|
||||
128
pages/my/index copy.less
Normal file
128
pages/my/index copy.less
Normal file
@ -0,0 +1,128 @@
|
||||
.my {
|
||||
height: calc(100vh - 56px);
|
||||
overflow-y: auto;
|
||||
|
||||
--td-navbar-bg-color: transparent;
|
||||
.nav-bg {
|
||||
width: 750rpx;
|
||||
height: 200rpx;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&-info,
|
||||
&-service,
|
||||
&-setting {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
&-info {
|
||||
border-radius: 24rpx;
|
||||
margin: 8rpx 32rpx 0rpx 32rpx;
|
||||
// padding-bottom: 32rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.cell-class-title {
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.cell-class-center {
|
||||
display: flex;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.divider-class {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.grid-class {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.grid-item .t-grid-item__content {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.split-line {
|
||||
border-right: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
// 头像margin-right
|
||||
--td-spacer-1: 32rpx;
|
||||
|
||||
&__person {
|
||||
.name {
|
||||
line-height: 48rpx;
|
||||
font-size: 32rpx;
|
||||
color: #000000e6;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tags {
|
||||
display: flex;
|
||||
margin-top: 16rpx;
|
||||
|
||||
--td-text-color-primary: #000000e6;
|
||||
--td-tag-medium-font-size: 20rpx;
|
||||
--td-tag-medium-icon-size: 24rpx;
|
||||
}
|
||||
|
||||
.tag:not(:last-child) {
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-service {
|
||||
border-radius: 24rpx;
|
||||
margin: 32rpx;
|
||||
padding-bottom: 8rpx;
|
||||
overflow: hidden;
|
||||
|
||||
&__list-item {
|
||||
.t-grid-item__content {
|
||||
padding-bottom: 16rpx !important;
|
||||
}
|
||||
.t-grid-item__text {
|
||||
height: 40rpx !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--tips {
|
||||
height: 44rpx;
|
||||
line-height: 44rpx;
|
||||
padding-left: 40rpx;
|
||||
margin-top: 32rpx;
|
||||
color: #000000e6;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.my-cell{
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.my-info__person{
|
||||
position: relative;
|
||||
text{
|
||||
font-size: 24rpx;
|
||||
margin-left: 20rpx;
|
||||
color: #666;
|
||||
}
|
||||
.edit{
|
||||
position: absolute;
|
||||
right: -20rpx;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
.time{
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.peld{
|
||||
font-size: 26rpx;
|
||||
color: red;
|
||||
.tag{
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
44
pages/my/index copy.wxml
Normal file
44
pages/my/index copy.wxml
Normal file
@ -0,0 +1,44 @@
|
||||
<t-toast id="t-toast" />
|
||||
|
||||
<view class="my">
|
||||
<nav title-text="我的" />
|
||||
<view class="my-info">
|
||||
<t-cell-group>
|
||||
<t-cell wx:if="{{!isLoad}}" bordered="{{false}}">
|
||||
<t-avatar image="{{personalInfo.image}}" slot="left-icon" size="large" />
|
||||
<view class="my-info__person" slot="description">
|
||||
<view class="name">{{personalInfo.username}}
|
||||
<text wx:if="{{personalInfo.sex == 1}}">男</text>
|
||||
<text wx:if="{{personalInfo.sex == 2}}">女</text>
|
||||
<text>{{personalInfo.age}}</text>
|
||||
<t-icon class="edit" slot="right-icon" name="edit" size="36rpx" color="#000000e6" bindtap="onNavigateTo" />
|
||||
</view>
|
||||
<view class="time">胆道闭锁手术时间：{{personalInfo.operative_date}}</view>
|
||||
<view class="peld">PELD评分：{{personalInfo.risk_value}}
|
||||
<t-tag wx:if="{{personalInfo.risk_type == 1}}" class="tag" theme="success" size="small">低危</t-tag>
|
||||
<t-tag wx:if="{{personalInfo.risk_type == 2}}" class="tag" theme="warning" size="small">中危</t-tag>
|
||||
<t-tag wx:if="{{personalInfo.risk_type == 3}}" class="tag" theme="danger" size="small">高危</t-tag>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
</t-cell>
|
||||
<t-cell wx:if="{{isLoad}}" title="请先登录/注册" bordered="{{false}}" t-class-title="cell-class-title" t-class-center="cell-class-center" bindtap="onLogin">
|
||||
<t-avatar slot="left-icon" icon="user" size="128rpx" />
|
||||
</t-cell>
|
||||
</t-cell-group>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="my-cell">
|
||||
<t-cell-group theme="card">
|
||||
<t-cell wx:for="{{settingList}}" wx:for-item="item" wx:key="type" title="{{item.label}}" url="{{item.path}}" arrow />
|
||||
|
||||
</t-cell-group>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
@ -104,4 +104,17 @@ Page({
|
||||
if (url) return;
|
||||
this.onShowToast('#t-toast', name);
|
||||
},
|
||||
toPath(e){
|
||||
wx.navigateTo({
|
||||
url: e.currentTarget.dataset.url,
|
||||
})
|
||||
},
|
||||
logOut(){
|
||||
wx.removeStorageSync('access_token');
|
||||
this.setData({
|
||||
isLoad: true,
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
@ -1,128 +1,382 @@
|
||||
.my {
|
||||
height: calc(100vh - 56px);
|
||||
overflow-y: auto;
|
||||
.page {
|
||||
background-color: rgba(248,248,248,1.000000);
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
.block_1 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 200rpx;
|
||||
}
|
||||
.box_1 {
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.text-wrapper_1 {
|
||||
background-color: rgba(238,238,238,1.000000);
|
||||
border-radius: 24rpx;
|
||||
margin-top: 44rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 32rpx 158rpx 32rpx 156rpx;
|
||||
}
|
||||
.text_1 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(136,136,136,1);
|
||||
font-size: 32rpx;
|
||||
letter-spacing: 0rpx;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
.image_1 {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
.block_2 {
|
||||
background-color: rgba(255,255,255,1.000000);
|
||||
width: 750rpx;
|
||||
margin-top: -2rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 14rpx 98rpx 12rpx 102rpx;
|
||||
}
|
||||
.image-text_1 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.label_1 {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
.text-group_1 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(136,136,136,1);
|
||||
font-size: 20rpx;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 20rpx;
|
||||
align-self: center;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
.image-text_2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.label_2 {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
.text-group_2 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(136,136,136,1);
|
||||
font-size: 20rpx;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 20rpx;
|
||||
align-self: center;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
.image-text_3 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.label_3 {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
.text-group_3 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(136,136,136,1);
|
||||
font-size: 20rpx;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 20rpx;
|
||||
margin: 4rpx 6rpx 0 2rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 750rpx;
|
||||
height: 68rpx;
|
||||
}
|
||||
.block_3 {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0rpx;
|
||||
top: 0rpx;
|
||||
background-size: 100% 100%;
|
||||
padding-bottom: 232rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.image_3 {
|
||||
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
.section_1 {
|
||||
width: 430rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 12rpx 12rpx 0 308rpx;
|
||||
}
|
||||
.text_2 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(0,0,0,1);
|
||||
font-size: 34rpx;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-weight: 500;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
line-height: 40rpx;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
.image_4 {
|
||||
width: 174rpx;
|
||||
height: 64rpx;
|
||||
}
|
||||
.section_2 {
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
margin: 36rpx 24rpx 0 32rpx;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-top: 200rpx;
|
||||
|
||||
--td-navbar-bg-color: transparent;
|
||||
.nav-bg {
|
||||
width: 750rpx;
|
||||
height: 200rpx;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&-info,
|
||||
&-service,
|
||||
&-setting {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
&-info {
|
||||
border-radius: 24rpx;
|
||||
margin: 8rpx 32rpx 0rpx 32rpx;
|
||||
// padding-bottom: 32rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.cell-class-title {
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.cell-class-center {
|
||||
display: flex;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.divider-class {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.grid-class {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.grid-item .t-grid-item__content {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.split-line {
|
||||
border-right: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
// 头像margin-right
|
||||
--td-spacer-1: 32rpx;
|
||||
|
||||
&__person {
|
||||
.name {
|
||||
line-height: 48rpx;
|
||||
font-size: 32rpx;
|
||||
color: #000000e6;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tags {
|
||||
display: flex;
|
||||
margin-top: 16rpx;
|
||||
|
||||
--td-text-color-primary: #000000e6;
|
||||
--td-tag-medium-font-size: 20rpx;
|
||||
--td-tag-medium-icon-size: 24rpx;
|
||||
}
|
||||
|
||||
.tag:not(:last-child) {
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-service {
|
||||
border-radius: 24rpx;
|
||||
margin: 32rpx;
|
||||
padding-bottom: 8rpx;
|
||||
overflow: hidden;
|
||||
|
||||
&__list-item {
|
||||
.t-grid-item__content {
|
||||
padding-bottom: 16rpx !important;
|
||||
}
|
||||
.t-grid-item__text {
|
||||
height: 40rpx !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--tips {
|
||||
height: 44rpx;
|
||||
line-height: 44rpx;
|
||||
padding-left: 40rpx;
|
||||
margin-top: 32rpx;
|
||||
color: #000000e6;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.my-cell{
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.my-info__person{
|
||||
position: relative;
|
||||
text{
|
||||
font-size: 24rpx;
|
||||
margin-left: 20rpx;
|
||||
color: #666;
|
||||
}
|
||||
.edit{
|
||||
position: absolute;
|
||||
right: -20rpx;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
.time{
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.peld{
|
||||
font-size: 26rpx;
|
||||
color: red;
|
||||
.tag{
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
}
|
||||
.image_5 {
|
||||
box-sizing: border-box;
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
margin-bottom: 48rpx;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
padding: 20rpx;
|
||||
border-radius: 120rpx;
|
||||
border: 4rpx solid rgba(255,255,255,1);
|
||||
image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.block_4 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 4rpx 0 0 24rpx;
|
||||
}
|
||||
.text-group_4 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.text_3 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(34,34,34,1);
|
||||
font-size: 36rpx;
|
||||
font-family: Alibaba-PuHuiTi-M;
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
line-height: 36rpx;
|
||||
// margin-right: 330rpx;
|
||||
}
|
||||
.text_4 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(34,34,34,1);
|
||||
font-size: 28rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 28rpx;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
.text_5 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(96,98,102,1);
|
||||
font-size: 24rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 24rpx;
|
||||
// margin: -76rpx 170rpx 0 88rpx;
|
||||
}
|
||||
.group_1 {
|
||||
width: 270rpx;
|
||||
background-color: rgba(208,15,22,0.100000);
|
||||
border-radius: 28rpx;
|
||||
border: 1px solid rgba(255,255,255,1);
|
||||
padding-left: 20rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 22rpx 82rpx 0 0;
|
||||
}
|
||||
.image-text_4 {
|
||||
width: 188rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 14rpx 0 14rpx 0;
|
||||
}
|
||||
.thumbnail_1 {
|
||||
color: rgba(212,48,48,1);
|
||||
transform: translateY(-2rpx);
|
||||
}
|
||||
.text-group_5 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(212,48,48,1);
|
||||
font-size: 24rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 24rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
border-radius: 28rpx;
|
||||
border: 1px solid rgba(255,255,255,1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 12rpx 22rpx 12rpx 22rpx;
|
||||
}
|
||||
.scuess{
|
||||
background-color: #2ba471;
|
||||
}
|
||||
.waring{
|
||||
background-color: #e37318;
|
||||
}
|
||||
.danger{
|
||||
background-color: rgba(208,15,22,1.000000);
|
||||
|
||||
}
|
||||
.text_6 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(255,255,255,1);
|
||||
font-size: 24rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 24rpx;
|
||||
}
|
||||
.label_4 {
|
||||
position: absolute;
|
||||
font-size: 44rpx;
|
||||
right: 0;
|
||||
top: 28rpx;
|
||||
|
||||
}
|
||||
.section_3 {
|
||||
background-color: rgba(255,255,255,1.000000);
|
||||
border-radius: 16rpx;
|
||||
position: absolute;
|
||||
left: 24rpx;
|
||||
top: 408rpx;
|
||||
width: 702rpx;
|
||||
height: 210rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.block_5 {
|
||||
background-color: rgba(255,255,255,0.010000);
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 32rpx 32rpx 32rpx 32rpx;
|
||||
}
|
||||
.image-text_5 {
|
||||
width: 192rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.thumbnail_2 {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
.text-group_6 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(51,51,51,1);
|
||||
font-size: 32rpx;
|
||||
letter-spacing: 0rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
.thumbnail_3 {
|
||||
|
||||
margin: 4rpx 0 4rpx 0;
|
||||
// margin-right: 60rpx;
|
||||
font-size: 40rpx;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.block_6 {
|
||||
background-color: rgba(248,248,248,1.000000);
|
||||
height: 2rpx;
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
.block_7 {
|
||||
background-color: rgba(255,255,255,0.010000);
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 32rpx 32rpx 32rpx 32rpx;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
.image-text_6 {
|
||||
width: 192rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.thumbnail_4 {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
.text-group_7 {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(51,51,51,1);
|
||||
font-size: 32rpx;
|
||||
letter-spacing: 0rpx;
|
||||
font-family: Alibaba-PuHuiTi-R;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
line-height: 32rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
.thumbnail_5 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin: 4rpx 0 4rpx 0;
|
||||
}
|
||||
.noLogin{
|
||||
transform: translateY(36rpx);
|
||||
}
|
||||
@ -1,44 +1,74 @@
|
||||
<t-toast id="t-toast" />
|
||||
|
||||
<view class="my">
|
||||
<nav title-text="我的" />
|
||||
<view class="my-info">
|
||||
<t-cell-group>
|
||||
<t-cell wx:if="{{!isLoad}}" bordered="{{false}}">
|
||||
<t-avatar image="{{personalInfo.image}}" slot="left-icon" size="large" />
|
||||
<view class="my-info__person" slot="description">
|
||||
<view class="name">{{personalInfo.username}}
|
||||
<text wx:if="{{personalInfo.sex == 1}}">男</text>
|
||||
<text wx:if="{{personalInfo.sex == 2}}">女</text>
|
||||
<text>{{personalInfo.age}}</text>
|
||||
<t-icon class="edit" slot="right-icon" name="edit" size="36rpx" color="#000000e6" bindtap="onNavigateTo" />
|
||||
</view>
|
||||
<view class="time">胆道闭锁手术时间：{{personalInfo.operative_date}}</view>
|
||||
<view class="peld">PELD评分：{{personalInfo.risk_value}}
|
||||
<t-tag wx:if="{{personalInfo.risk_type == 1}}" class="tag" theme="success" size="small">低危</t-tag>
|
||||
<t-tag wx:if="{{personalInfo.risk_type == 2}}" class="tag" theme="warning" size="small">中危</t-tag>
|
||||
<t-tag wx:if="{{personalInfo.risk_type == 3}}" class="tag" theme="danger" size="small">高危</t-tag>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="page">
|
||||
<view class="block_1">
|
||||
<view class="box_1">
|
||||
<view class="text-wrapper_1" wx:if="{{!isLoad}}" bind:tap="logOut">
|
||||
<text lines="1" class="text_1">退出登录</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="block_3">
|
||||
<image src="../../assets/images/my/my-top-bg.png" class="image_3"></image>
|
||||
|
||||
<view class="section_2" wx:if="{{!isLoad}}" bind:tap="onNavigateTo">
|
||||
<view class="image_5">
|
||||
<image src="../../assets/images/my/baby.png" class=""></image>
|
||||
</view>
|
||||
|
||||
<view class="block_4">
|
||||
<view class="text-group_4">
|
||||
<text lines="1" class="text_3">{{personalInfo.username}}<text lines="1" decode="true" class="text_5">{{personalInfo.sex == 1 ? '男': '女'}} · {{personalInfo.age}}</text></text>
|
||||
<text lines="1" class="text_4">胆道闭锁手术时间：{{personalInfo.operative_date}}</text>
|
||||
</view>
|
||||
|
||||
</t-cell>
|
||||
<t-cell wx:if="{{isLoad}}" title="请先登录/注册" bordered="{{false}}" t-class-title="cell-class-title" t-class-center="cell-class-center" bindtap="onLogin">
|
||||
<t-avatar slot="left-icon" icon="user" size="128rpx" />
|
||||
</t-cell>
|
||||
</t-cell-group>
|
||||
|
||||
|
||||
<view class="group_1">
|
||||
<view class="image-text_4">
|
||||
<text class="iconfont icon-gantanhao_icon thumbnail_1"></text>
|
||||
<text lines="1" class="text-group_5">PELD评分：{{personalInfo.risk_value}}</text>
|
||||
</view>
|
||||
<view class="text-wrapper_2 scuess" wx:if="{{personalInfo.risk_type == 1}}">
|
||||
<text lines="1" class="text_6">低危</text>
|
||||
</view>
|
||||
<view class="text-wrapper_2 waring" wx:if="{{personalInfo.risk_type == 2}}">
|
||||
<text lines="1" class="text_6">中危</text>
|
||||
</view>
|
||||
<view class="text-wrapper_2 danger" wx:if="{{personalInfo.risk_type == 3}}">
|
||||
<text lines="1" class="text_6">高危</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<text class="iconfont icon-youjiantou label_4"></text>
|
||||
</view>
|
||||
<view class="section_2" wx:if="{{isLoad}}" bind:tap="onLogin">
|
||||
<view class="image_5">
|
||||
<image src="../../assets/images/my/baby.png" class=""></image>
|
||||
</view>
|
||||
|
||||
<view class="block_4">
|
||||
<view class="text-group_4">
|
||||
<text lines="1" class="text_3 noLogin">请先登录/注册</text>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<text class="iconfont icon-youjiantou label_4"></text>
|
||||
</view>
|
||||
<view class="section_3">
|
||||
<view class="block_5" data-url="/pages/therapeuticRegimen/index" bind:tap="toPath">
|
||||
<view class="image-text_5">
|
||||
<image src="../../assets/images/my/yyfa.svg" class="thumbnail_2"></image>
|
||||
<text lines="1" class="text-group_6">用药方案</text>
|
||||
</view>
|
||||
<text class="iconfont icon-youjiantou thumbnail_3"></text>
|
||||
</view>
|
||||
<view class="block_6"></view>
|
||||
<view class="block_7" data-url="/pages/articleList/index" bind:tap="toPath">
|
||||
<view class="image-text_6">
|
||||
<image src="../../assets/images/my/jkjy.svg" class="thumbnail_4"></image>
|
||||
<text lines="1" class="text-group_7">健康教育</text>
|
||||
</view>
|
||||
<text class="iconfont icon-youjiantou thumbnail_3"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="my-cell">
|
||||
<t-cell-group theme="card">
|
||||
<t-cell wx:for="{{settingList}}" wx:for-item="item" wx:key="type" title="{{item.label}}" url="{{item.path}}" arrow />
|
||||
|
||||
</t-cell-group>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
Loading…
x
Reference in New Issue
Block a user