在线签约
This commit is contained in:
闫晓茹
parent
9d12708736
commit
3bbb17b3fe
@ -355,6 +355,13 @@
|
|||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "Onlinesigning/Onlinesigning",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "在线签约",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "Screeningdetails/Screeningdetails",
|
"path": "Screeningdetails/Screeningdetails",
|
||||||
"style": {
|
"style": {
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="contentcenter">
|
<view class="contentcenter">
|
||||||
<view class="home">
|
<view class="home" @tap="goonline">
|
||||||
<image src="/static/pageC/qianyue.png" mode=""></image>
|
<image src="/static/pageC/qianyue.png" mode=""></image>
|
||||||
<view class="name">
|
<view class="name">
|
||||||
家医签约
|
家医签约
|
||||||
@ -78,6 +78,11 @@
|
|||||||
this.login()
|
this.login()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
goonline(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pagesC/Onlinesigning/Onlinesigning'
|
||||||
|
})
|
||||||
|
},
|
||||||
goHealthrecords() {
|
goHealthrecords() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pagesC/Healthrecords/Healthrecords'
|
url: '/pagesC/Healthrecords/Healthrecords'
|
||||||
|
|||||||
227
pagesC/Onlinesigning/Onlinesigning.vue
Normal file
227
pagesC/Onlinesigning/Onlinesigning.vue
Normal 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>
|
||||||
Loading…
Reference in New Issue
Block a user