JiangxiMiniProgram/pages/indexEntry/NonPlatformStudentInfo/NonPlatformStudentInfo.vue

<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>