<template>
	<view class="leader">
		<form @submit="formSubmit" @reset="formReset">
			<view class="cu-form-group">
				<view class="title"><span style="color:red;display: inline-block; vertical-align:inherit;margin-right:4upx">*</span>姓名</view>
				<input class="text-right" placeholder="请输入姓名(注意简繁体)" :value="form.name" name="input" @input="updateInputVal($event,'name')"></input>
			</view>
		<view class="cu-form-group">
			<view class="title">手机号码</view>
			<input class="text-right" placeholder="请输入手机号码" type="number" :value="form.phone" name="input" @input="updateInputVal($event,'phone')"></input>
		</view>
			<view class="cu-form-group">
				<view class="title">身份证</view>
				<input class="text-right" type="idcard" placeholder="请输入身份证号码" :value="form.idCard" name="input" @input="updateInputVal($event,'idCard')"></input>
			</view>
			<view class="padding">
				<button form-type="submit" class="cu-btn block bg-blue margin-tb-sm lg">提交</button>
			</view>
		</form>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form:{
					name:'',
					phone:'',
					idCard:''
				}
			}
		},
		methods: {
			// 更新输入框绑定的表单内容
			updateInputVal(event, props) {
				this.form[props] = event.target.value
			},
			formSubmit(){
				if(!this.form.name){
					uni.showToast({
						icon: 'none',
						title: '姓名必填'
					})
				}else if(!this.form.phone && !this.form.idCard){
					uni.showToast({
						icon: 'none',
						title: '手机号码或者身份证必填其中一项'
					})
				}else{
					this.$http.post(`/sict-ncov/user/vip/register?name=${this.form.name}&phone=${this.form.phone}&idCard=${this.form.idCard}`).then(res => {
						const d = res.data
						if(d.code == 1){
							uni.showToast({
								icon: 'success',
								title: '注册成功！'
							})
							setTimeout(function() {
								uni.navigateTo({
									url: '/pages/index/index',
								});
							}, 1500);
							
						}else{
							uni.showToast({
								icon: 'none',
								title: d.message
							})
							setTimeout(function() {
								uni.navigateTo({
									url: '/pages/index/index',
								});
							}, 1500);
						}
					}).catch(err => {
						console.log(err)
					})
				}
			}
		}
	}
</script>

<style scoped>
.leader{
}
</style>