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-10-07 14:23:55 +08:00
parent 9d12708736
commit 3bbb17b3fe
3 changed files with 240 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages.json
View File

@ -355,6 +355,13 @@
"enablePullDownRefresh": false
}
},
{
"path": "Onlinesigning/Onlinesigning",
"style": {
"navigationBarTitleText": "在线签约",
"enablePullDownRefresh": false
}
},
{
"path": "Screeningdetails/Screeningdetails",
"style": {

7
pages/homepage/homepage.vue
View File

@ -8,7 +8,7 @@
</view>
</view>
<view class="contentcenter">
<view class="home">
<view class="home" @tap="goonline">
<image src="/static/pageC/qianyue.png" mode=""></image>
<view class="name">
家医签约
@ -78,6 +78,11 @@
this.login()
},
methods: {
goonline(){
uni.navigateTo({
url: '/pagesC/Onlinesigning/Onlinesigning'
})
},
goHealthrecords() {
uni.navigateTo({
url: '/pagesC/Healthrecords/Healthrecords'

227
pagesC/Onlinesigning/Onlinesigning.vue Normal file
View File

@ -0,0 +1,227 @@
<template>
<view class="app">
<view class="content">
<view class="numberone">1
<view class="information">
填写个人信息
</view>
</view>
<view class="item">
</view>
<view class="numbertwo">
2
<view class="information">
选择签约机构
</view>
</view>
<view class="contentbottom">
<view class="name">
姓名
<u-input v-model="value" :type="type" :border="border" placeholder="请输入姓名" placeholder-style="font-size: 20rpx;
font-family: Source Han Sans CN;font-weight: 400;color: #8E8E8E;padding-left:20rpx" />
</view>
<view class="name">
身份证号
<u-input v-model="value" :type="type" :border="border" placeholder="请输入身份证号" placeholder-style="font-size: 20rpx;
font-family: Source Han Sans CN;font-weight: 400;color: #8E8E8E;padding-left:20rpx" />
</view>
<view class="name">
手机号码
<u-input v-model="value" :type="type" :border="border" placeholder="请输入手机号码" placeholder-style="font-size: 20rpx;
font-family: Source Han Sans CN;font-weight: 400;color: #8E8E8E;padding-left:20rpx" />
</view>
<view class="name">
现任区县
<view class="select">
<text>请选择现任区县</text>
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="name">
乡镇
<view class="select">
<text>请选择乡镇</text>
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="name">
村/社区
<view class="select">
<text>请选择村/社区</text>
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="name">
详细地址
<u-input v-model="value" :type="type" :border="border" placeholder="请输入详细地址" placeholder-style="font-size: 20rpx;
font-family: Source Han Sans CN;font-weight: 400;color: #8E8E8E;padding-left:20rpx;" />
</view>
</view>
<view class="nextpage">
下一步
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
}
</script>
<style lang="scss">
.app {
// height: 100vh;
background-color: #F7F5F5;
padding: 30rpx 0 0 0;
.content {
width: 95%;
height: 100vh;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 15rpx auto;
position: relative;
.nextpage{
width: 496rpx;
height: 61rpx;
background: #26A888;
border-radius: 5rpx;
line-height: 61rpx;
color: white;
text-align: center;
// position: absolute;
// bottom: 0;
}
.contentbottom {
position: absolute;
top: 20%;
}
.name {
padding: 25rpx 30rpx 0 30rpx;
font-size: 30rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 38rpx;
::v-deep .u-input {
width: 636rpx;
height: 63rpx;
background: #F6F6F6;
margin: 12rpx auto;
border: none;
border-radius: 5rpx;
}
.select {
width: 636rpx;
height: 63rpx;
background: #F6F6F6;
margin: 12rpx auto;
// border: 1rpx solid #F6F6F6;
border-radius: 5rpx;
display: flex;
position: relative;
text {
padding-left: 20rpx;
line-height: 63rpx;
font-size: 20rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #8E8E8E;
}
image {
width: 9rpx;
height: 17rpx;
position: absolute;
right: 40rpx;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
}
.numberone {
width: 90rpx;
height: 90rpx;
position: absolute;
top: 6%;
left: 15%;
background: #26A888;
border-radius: 50%;
color: #fff;
line-height: 90rpx;
text-align: center;
font-size: 50rpx;
font-family: Source Han Sans CN;
font-weight: bold;
.information {
width: 160rpx;
// margin: 5px 0 0 0;
margin: 11px 4px 4px -10px;
// padding-top: 30rpx;
font-size: 26rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #26A888;
line-height: 38rpx;
}
}
.numbertwo {
width: 90rpx;
height: 90rpx;
position: absolute;
top: 6%;
left: 65%;
background: #F0F1F6;
border-radius: 50%;
color: #fff;
line-height: 90rpx;
text-align: center;
font-size: 50rpx;
font-family: Source Han Sans CN;
font-weight: bold;
.information {
width: 160rpx;
margin: 11px 4px 4px -11px;
font-size: 26rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #8E8E8E;
line-height: 38rpx;
}
}
.item {
position: absolute;
width: 202rpx;
height: 1rpx;
top: 10%;
left: 31%;
background: linear-gradient(-90deg, #E6E6E6, #26A888);
}
}
}
</style>