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.
127 lines
2.7 KiB
127 lines
2.7 KiB
<template>
|
|
<view class="pageBgImg">
|
|
<topNavbar title="学员报名"></topNavbar>
|
|
<view class="pad">
|
|
<view class="card">
|
|
<view class="row">
|
|
<view class="lab">证件类型</view>
|
|
<view class="rightCon">
|
|
<view class="val">
|
|
<input v-model="form.typeName" placeholder="请选择" class="input1" @click="showType=true" disabled/></input>
|
|
</view>
|
|
<view class="icon">
|
|
<u-icon name="arrow-right" size="14" color="#686B73" style="margin-left: 12rpx;" ></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="row" v-if="form.type==2">
|
|
<view class="lab">国籍</view>
|
|
<view class="rightCon">
|
|
<view class="val">
|
|
<input v-model="form.classModel" placeholder="请选择" @click="showType=true" disabled/></input>
|
|
</view>
|
|
<view class="icon">
|
|
<u-icon name="arrow-right" size="14" color="#686B73" style="margin-left: 12rpx;" ></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="row" v-if="form.type==2||form.type==3">
|
|
<view class="lab">证件号码</view>
|
|
<view class="rightCon">
|
|
<view class="val">
|
|
<input v-model="form.a" placeholder="请输入" /></input>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card">
|
|
<view class="row">
|
|
<view class="lab">实名认证</view>
|
|
<view class="rightCon">
|
|
<view class="val">待认证</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="btnBg" @click="$goPage('/pages/indexEntry/enroll/uploadAvatar/uploadAvatar')">下一步</view>
|
|
</view>
|
|
|
|
<u-picker :show="showType" :columns="typeArr" keyName="lab" @confirm="confirmType" @cancel="showType=false"></u-picker>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
form: {
|
|
type: 1,
|
|
typeName: ''
|
|
},
|
|
showType: false,
|
|
typeArr: [
|
|
[
|
|
{lab: '居民身份证',id: 1},
|
|
{lab: '外国人永久居留身份证',id: 2},
|
|
{lab: '军官证',id: 3},
|
|
]
|
|
],
|
|
}
|
|
},
|
|
methods: {
|
|
confirmType(val) {
|
|
let item = val.value[0]
|
|
this.form.type = item.id
|
|
this.form.typeName = item.lab
|
|
this.showType = false
|
|
}
|
|
}
|
|
}
|
|
</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>
|