学员端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

168 lines
3.9 KiB

<template>
<view class="pageBgImg">
<topNavbar title="学员信息"></topNavbar>
<view class="pad">
<view class="card">
<view class="row">
<view class="lab">姓名</view>
<view class="value">李轻云</view>
</view>
<view class="row">
<view class="lab">证件号</view>
<view class="value">4310271992365685</view>
</view>
<view class="row">
<view class="lab">证件类型</view>
<view class="value">身份证</view>
</view>
</view>
<view class="card">
<view class="row">
<view class="lab">手机号</view>
<view class="rightCon">
<view class="val">
<input v-model="form.classModel" placeholder="请输入手机号" /></input>
</view>
</view>
</view>
<view class="row">
<view class="lab">驾校名称</view>
<view class="rightCon">
<view class="val">
<input v-model="form.classModel" placeholder="请输入手机号" /></input>
</view>
</view>
</view>
<view class="row">
<view class="lab">学驾车型</view>
<view class="rightCon">
<view class="val" @click="showType=true">
<input v-model="form.classModel" placeholder="请选择" disabled=""/></input>
</view>
<view class="icon" @click="showType=true">
<u-icon name="arrow-right" size="14" color="#686B73" style="margin-left: 12rpx;"></u-icon>
</view>
</view>
</view>
</view>
<view class="btnBg" @click="goNext">确认</view>
</view>
<u-picker :show="showType" :columns="typeArr" @confirm="confirmType"
@cancel="showType=false"></u-picker>
</view>
</template>
<script>
import {
getpersonface,
GetDetectInfoEnhanced,
getCardType
} from '@/config/api.js'
export default {
data() {
return {
form: {
value: 1,
typeName: '身份证'
},
showType: false,
typeArr: [
['C1','C2','C3','A2','B2','A1','A3','B1','D','E','F','C4','C5','C6']
],
}
// 报名进度(0:待报名,1:已选驾校,2:已实名制,3:已填写报名信息,4:已签署合同,5:待支付,6:已支付)
},
onLoad(options) {
},
methods: {
confirmType(val) {
let item = val.value[0]
// this.form.value = item.value
// this.form.typeName = item.label
this.showType = false
},
goNext() {
// return this.$goPage('/pages/indexEntry/enroll/registInfo/registInfo')
if (!this.form.value) return this.$u.toast('请选择证件类型')
// 去签约
if (this.vuex_userInfo.applyStep == 3) {
return this.$goPage('/pages/indexEntry/enroll/signContract/signContract')
}
// 去填表
if (this.vuex_userInfo.applyStep == 2) {
if (this.title == '学员信息') {
// 非平台学员
return his.$goPage('/pages/indexEntry/enroll/registInfo/registInfo')
}
return this.$goPage('/pages/indexEntry/enroll/registInfo/registInfo')
}
// 去支付
if (this.vuex_userInfo.applyStep == 4 || this.vuex_userInfo.applyStep == 5) {
return this.$goPage('/pages/indexEntry/enroll/payment/payment')
}
if (!this.vuex_userInfo.applyStep || this.vuex_userInfo.applyStep < 2) {
// return this.$goPage('/pages/indexEntry/enroll/realName/realName')
this.getpersonfaceFn()
}
// this.$goPage('/pages/indexEntry/enroll/signContract/signContract')
// this.$goPage('/pages/indexEntry/enroll/uploadAvatar/uploadAvatar')
}
}
}
</script>
<style>
.input1::placeholder {
color: red !important;
}
</style>
<style lang="scss" scoped>
.card {
padding: 10rpx 46rpx 10rpx 32rpx;
margin-bottom: 20rpx;
.row {
height: 100rpx;
display: flex;
align-items: center;
.lab {
width: 152rpx;
}
.rightCon {
flex: 1;
width: 0;
display: flex;
.val {
flex: 1;
width: 0;
input {
font-size: 28rpx;
}
}
.icon {
width: 30rpx;
height: 30rpx;
u-icon {}
}
}
}
}
.btnBg {
width: 396rpx;
margin: 100rpx auto 0 auto;
}
</style>