Merge remote-tracking branch 'origin/dev' into dev
This commit is contained in:
辉
commit
7d419b96e9
17
api/pages/api.js
Normal file
17
api/pages/api.js
Normal file
@ -0,0 +1,17 @@
|
||||
import request from "../request.js"
|
||||
|
||||
// 获取OpenId
|
||||
export function getOpenId(code) {
|
||||
return request({
|
||||
url: `/applet/register/getOpenId/${code}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
// 获取当前注册居民
|
||||
export function getCurrentUser(data) {
|
||||
return request({
|
||||
url: `/applet/register/getCurrentResident/${data.openid}/${data.cityCode}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
@ -7,6 +7,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getOpenId, getCurrentUser } from '@/api/pages/api.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@ -14,10 +15,29 @@
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
this.login()
|
||||
},
|
||||
methods: {
|
||||
|
||||
login() {
|
||||
const _this = this
|
||||
uni.login({
|
||||
success(res) {
|
||||
getOpenId(res.code).then(Res => {
|
||||
if(Res.code == 200) {
|
||||
_this.isWxBing(Res.msg, '1')
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
isWxBing(openid, cityCode) {
|
||||
getCurrentUser(openid, cityCode).then(res => {
|
||||
console.log(res);
|
||||
if(!res.data) {
|
||||
// 注册
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -5,76 +5,145 @@
|
||||
<span>人脸采集</span>
|
||||
</view>
|
||||
<view class="form">
|
||||
<span>姓名</span>
|
||||
<input type="text" placeholder="请输入姓名">
|
||||
<span>手机号</span>
|
||||
<input type="text" placeholder="请输入手机号">
|
||||
<span>身份证号</span>
|
||||
<input type="text" placeholder="请输入身份证号">
|
||||
<u-form :model="form" ref="uForm">
|
||||
<span>姓名</span>
|
||||
<u-form-item prop="name">
|
||||
<u-input v-model="form.name" border='true' placeholder="请输入姓名" />
|
||||
</u-form-item>
|
||||
<span>手机号</span>
|
||||
<u-form-item prop="phone">
|
||||
<u-input v-model="form.phone" border='true' placeholder="请输入手机号" />
|
||||
</u-form-item>
|
||||
<span>身份证号</span>
|
||||
<u-form-item prop="indent">
|
||||
<u-input v-model="form.indent" border='true' placeholder="请输入身份证号" />
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
</view>
|
||||
<view class="btn">提交</view>
|
||||
<view class="btn" @click="submit">提交</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules);
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
tipsText: '',
|
||||
form: {
|
||||
name: '',
|
||||
phone: '',
|
||||
indent: ''
|
||||
},
|
||||
rules: {
|
||||
name: [{
|
||||
required: true,
|
||||
message: '请输入姓名',
|
||||
trigger: ['change', 'blur'],
|
||||
}],
|
||||
phone: [{
|
||||
required: true,
|
||||
message: '请输入手机号',
|
||||
trigger: ['change', 'blur'],
|
||||
}, {
|
||||
validator: (rule, value, callback) => {
|
||||
return uni.$u.test.mobile(value);
|
||||
},
|
||||
message: '手机号码不正确',
|
||||
trigger: ['blur'],
|
||||
}],
|
||||
indent: [{
|
||||
required: true,
|
||||
message: '请输入身份证号',
|
||||
trigger: ['change', 'blur'],
|
||||
}, {
|
||||
validator: (rule, value, callback) => {
|
||||
return uni.$u.test.idCard(value);
|
||||
},
|
||||
message: '请输入正确的身份证号',
|
||||
trigger: ['blur'],
|
||||
}]
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
},
|
||||
methods: {
|
||||
|
||||
submit() {
|
||||
this.$refs.uForm.validate(valid => {
|
||||
if (valid) {
|
||||
console.log('验证通过');
|
||||
} else {
|
||||
console.log('验证失败');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.register {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.head {
|
||||
margin-top: 60rpx;
|
||||
.register {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
span {
|
||||
margin-top: 48rpx;
|
||||
|
||||
.head {
|
||||
margin-top: 60rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
margin-top: 48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form {
|
||||
margin-top: 106rpx;
|
||||
input {
|
||||
margin: 21rpx 0 42rpx 0;
|
||||
width: 600rpx;
|
||||
height: 63rpx;
|
||||
background: #F6F6F6;
|
||||
|
||||
.form {
|
||||
margin-top: 106rpx;
|
||||
|
||||
/deep/ .u-input--border {
|
||||
margin: 0 0 12rpx 0;
|
||||
width: 600rpx;
|
||||
background: #F6F6F6;
|
||||
border-radius: 5rpx !important;
|
||||
border: 0;
|
||||
|
||||
input {
|
||||
color: #8E8E8E !important;
|
||||
font-size: 22rpx !important;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
color: #333333;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
width: 496rpx;
|
||||
height: 61rpx;
|
||||
background: #26A888;
|
||||
border-radius: 5rpx;
|
||||
color: #8E8E8E;
|
||||
font-size: 20rpx;
|
||||
padding-left: 26rpx;
|
||||
}
|
||||
span {
|
||||
color: #333333;
|
||||
font-size: 30rpx;
|
||||
font-size: 31rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 61rpx;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 72rpx;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
width: 496rpx;
|
||||
height: 61rpx;
|
||||
background: #26A888;
|
||||
border-radius: 5rpx;
|
||||
font-size: 31rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 61rpx;
|
||||
text-align: center;
|
||||
margin-top: 300rpx;
|
||||
|
||||
.Facecollection {
|
||||
width: 266rpx;
|
||||
height: 266rpx;
|
||||
}
|
||||
|
||||
/deep/ .u-form-item__message {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
.Facecollection {
|
||||
width: 266rpx;
|
||||
height: 266rpx;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user