xinyilu/xinelu-applet-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

筛查记录+筛查详情

Browse Source
This commit is contained in:
闫晓茹 2023-09-27 18:00:42 +08:00
parent 3bd7cf0cf5
commit ca6260e543
2 changed files with 170 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
pagesC/Screeningrecords/Screeningrecords.vue Normal file
View File

@ -0,0 +1,81 @@
<template>
<view class="app">
<view class="content">
<view class="big">眼底筛查
</view>
<view class="servename">
2023-12-12 12:12:12
</view>
<view class="appoint" @tap="goapponint">
详情
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
methods: {
goapponint() {
uni.navigateTo({
url: '/pagesC/Screeningdetails/Screeningdetails'
});
},
},
}
</script>
<style lang="scss">
.app {
height: 100vh;
background-color: #F7F5F5;
padding: 30rpx 0 0 0;
.content {
position: relative;
width: 95%;
height: 183rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 15rpx auto;
.servename {
padding: 0 50rpx 0 50rpx;
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #868585;
line-height: 38rpx;
}
.appoint {
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
width: 169rpx;
height: 61rpx;
background: #26A888;
border-radius: 5rpx;
line-height: 61rpx;
text-align: center;
color: #fff;
}
.big {
padding: 35rpx 50rpx 30rpx 50rpx;
font-size: 32rpx;
font-family: Source Han Sans CN;
font-weight: 500;
color: #000000;
line-height: 38rpx;
}
}
}
</style>

89
pagesC/appointmenttime/appointmenttime.vue Normal file
View File

@ -0,0 +1,89 @@
<template>
<view class="app">
<view class="content">
<view class="appointtime">预约时间
</view>
<u-calendar v-model="show" :mode="mode" @change="change"></u-calendar>
<view class="time" @tap="show=true">
<image src="/static/pageC/time.png" mode=""></image>
</view>
<view class="submit">
提交
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
show: false,
mode: 'date'
};
},
}
</script>
<style lang="scss">
.app {
height: 100vh;
background-color: #F7F5F5;
padding: 30rpx 0 0 0;
.content {
width: 95%;
height: 100%;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 0 auto;
.submit {
width: 496rpx;
height: 61rpx;
background: #26A888;
border-radius: 5rpx;
line-height: 61rpx;
color: #FFFFFF;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
position: fixed;
bottom: 5%;
}
.appointtime {
font-size: 30rpx;
padding: 30rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 38rpx;
}
.time {
margin: 0 auto;
width: 80%;
height: 63rpx;
background: #F6F6F6;
border-radius: 5rpx;
position: relative;
image {
width: 36rpx;
height: 34rpx;
position: absolute;
right: 3%;
top: 50%;
transform: translateY(-50%);
}
}
}
}
</style>