master
parent
5e290bc9b8
commit
304940c490
@ -0,0 +1,166 @@
|
|||||||
|
<template>
|
||||||
|
<view class="containers">
|
||||||
|
<view class="steps">
|
||||||
|
<uni-steps :options="steps" :active="stepActive" active-color="#044ed7" />
|
||||||
|
</view>
|
||||||
|
<uni-forms ref="formdata" :model="form" :rules="rules" labelWidth="100px">
|
||||||
|
<view class="formtext">基础信息</view>
|
||||||
|
<uni-forms-item label="学习类型" required>
|
||||||
|
<uni-data-select @change='changeType' v-model="form.type" :localdata="typeList">
|
||||||
|
</uni-data-select>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="姓名" required name="name">
|
||||||
|
<uni-easyinput v-model="form.name" placeholder="请输入姓名" />
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="联系电话" required name="mobile">
|
||||||
|
<uni-easyinput v-model="form.mobile" placeholder="请输入联系电话" />
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="身份证号" required name="idcard">
|
||||||
|
<uni-easyinput type="idcard" v-model="form.idcard" placeholder="请输入证件号码" />
|
||||||
|
</uni-forms-item>
|
||||||
|
</uni-forms>
|
||||||
|
<button class='study' type="primary" style="background-color: #044ed7;" @click="toUrl">开始学习</button>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default{
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
steps: [{
|
||||||
|
title: '填报'
|
||||||
|
}, {
|
||||||
|
title: '学习'
|
||||||
|
}, {
|
||||||
|
title: '完成'
|
||||||
|
}],
|
||||||
|
stepActive: 0,
|
||||||
|
form:{
|
||||||
|
type:1,
|
||||||
|
name:'',
|
||||||
|
idcard:'',
|
||||||
|
mobile:''
|
||||||
|
},
|
||||||
|
rules:{
|
||||||
|
name: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '姓名不能为空'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
type: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '类型不能为空'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
mobile: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '联系电话不能为空'
|
||||||
|
}, {
|
||||||
|
pattern: '^[1][3-9][\\d]{9}',
|
||||||
|
errorMessage: '联系号码格式错误'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
idcard: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '身份证号码不能为空'
|
||||||
|
}, {
|
||||||
|
pattern: '^[1-9]\\d{5}(18|19|20)\\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]',
|
||||||
|
errorMessage: '身份证格式错误'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
},
|
||||||
|
typeList:[{
|
||||||
|
value:1,
|
||||||
|
text:'普通访客'
|
||||||
|
},{
|
||||||
|
value:2,
|
||||||
|
text:'施工访客'
|
||||||
|
},{
|
||||||
|
value:3,
|
||||||
|
text:'物流访客'
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onLoad() {
|
||||||
|
this.isStudy()
|
||||||
|
let res = uni.getStorageSync('studydata')
|
||||||
|
if(res){
|
||||||
|
console.log(res)
|
||||||
|
this.form = res
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
toUrl(){
|
||||||
|
this.$refs['formdata'].validate().then(res => {
|
||||||
|
uni.setStorageSync('studydata', this.form)
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/visit/study?type=' + this.form.type
|
||||||
|
})
|
||||||
|
}).catch(err => {
|
||||||
|
console.log('err', err);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
changeType(e){
|
||||||
|
console.log(e)
|
||||||
|
this.form.type = e
|
||||||
|
this.isStudy()
|
||||||
|
},
|
||||||
|
isStudy(){
|
||||||
|
let that = this
|
||||||
|
this.util.request({
|
||||||
|
api: '/api/mobile/visit/ask-log',
|
||||||
|
method: "get",
|
||||||
|
data:{
|
||||||
|
type:that.form.type
|
||||||
|
},
|
||||||
|
utilSuccess: function(res) {
|
||||||
|
if(res.msg=='学习有效中'){
|
||||||
|
uni.showToast({
|
||||||
|
title: '该类型培训已通过，无须重复培训',
|
||||||
|
duration: 2000,
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
utilFail: function(res) {
|
||||||
|
// console.log(res)
|
||||||
|
// uni.showToast({
|
||||||
|
// title: res,
|
||||||
|
// duration: 2000,
|
||||||
|
// icon: 'none'
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.containers {
|
||||||
|
background-color: #fff;
|
||||||
|
min-height: 100vh;
|
||||||
|
padding: 20rpx;
|
||||||
|
padding-bottom: 60rpx;
|
||||||
|
}
|
||||||
|
.formtext {
|
||||||
|
margin-bottom: 20rpx
|
||||||
|
}
|
||||||
|
.steps {
|
||||||
|
margin-bottom: 40rpx
|
||||||
|
}
|
||||||
|
|
||||||
|
.study{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 60rpx;
|
||||||
|
margin: 20rpx;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
Loading…
Reference in new issue