|
@@ -5,6 +5,8 @@ |
|
|
<p class="logoFont">宅基地管理</p> |
|
|
<p class="logoFont">宅基地管理</p> |
|
|
</div> |
|
|
</div> |
|
|
<div style="margin-top:0.5rem;padding:0 10px;"> |
|
|
<div style="margin-top:0.5rem;padding:0 10px;"> |
|
|
|
|
|
<van-tabs v-model="active" :swipeable="true" style="margin-top:0.5rem;padding:0 10px;"> |
|
|
|
|
|
<van-tab title="登录" name="1"> |
|
|
<van-form style="margin:50px 0;" > |
|
|
<van-form style="margin:50px 0;" > |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="formData.username" |
|
|
v-model="formData.username" |
|
@@ -37,6 +39,61 @@ |
|
|
<van-button block type="info" native-type="submit" @click="handleLogin">登录</van-button> |
|
|
<van-button block type="info" native-type="submit" @click="handleLogin">登录</van-button> |
|
|
</div> |
|
|
</div> |
|
|
</van-form> |
|
|
</van-form> |
|
|
|
|
|
</van-tab> |
|
|
|
|
|
<van-tab title="注册" name="2"> |
|
|
|
|
|
<van-form style="margin:50px 0;"> |
|
|
|
|
|
<van-field |
|
|
|
|
|
v-model="formData.memberName" |
|
|
|
|
|
name="请输入姓名" |
|
|
|
|
|
placeholder="请输入姓名" |
|
|
|
|
|
:rules="[{ required: true, message: '请填写姓名' }]" |
|
|
|
|
|
/> |
|
|
|
|
|
<van-field |
|
|
|
|
|
v-model="formData.idcard" |
|
|
|
|
|
name="请输入身份证号" |
|
|
|
|
|
style="margin-top: 20px" |
|
|
|
|
|
placeholder="请输入身份证号" |
|
|
|
|
|
:rules="[{ required: true, message: '请输入身份证号' }]" |
|
|
|
|
|
/> |
|
|
|
|
|
<van-field |
|
|
|
|
|
v-model="formData.mobile" |
|
|
|
|
|
name="请输入手机号" |
|
|
|
|
|
style="margin-top: 20px" |
|
|
|
|
|
placeholder="请输入手机号" |
|
|
|
|
|
:rules="[{ required: true, message: '请填写手机号' }]" |
|
|
|
|
|
/> |
|
|
|
|
|
<van-field |
|
|
|
|
|
v-model="formData.code" |
|
|
|
|
|
center |
|
|
|
|
|
clearable |
|
|
|
|
|
label="验证码" |
|
|
|
|
|
placeholder="图形验证码" |
|
|
|
|
|
> |
|
|
|
|
|
<template #button> |
|
|
|
|
|
<img style="width: 100px" :src="codeUrl" @click="getCode" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
</van-field> |
|
|
|
|
|
<van-field |
|
|
|
|
|
v-model="formData.smsCode" |
|
|
|
|
|
style="margin-top: 20px" |
|
|
|
|
|
placeholder="请输入验证码" |
|
|
|
|
|
:rules="[{ required: true, message: '请填写验证码' }]" |
|
|
|
|
|
> |
|
|
|
|
|
<template #button> |
|
|
|
|
|
<!-- <van-button size="mini" type="info" @click="getRegisterSmsCode" >获取验证码</van-button> --> |
|
|
|
|
|
<div class="registerSmsBtn" @click="getRegisterSmsCode">{{ |
|
|
|
|
|
computeTime > 0 ? `(${computeTime}s)已发送` : "获取短信码" |
|
|
|
|
|
}}</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
</van-field> |
|
|
|
|
|
<div style="margin: 50px 16px 16px;"> |
|
|
|
|
|
<van-button block type="info" native-type="submit" @click="registerSubmit">注册</van-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</van-form> |
|
|
|
|
|
</van-tab> |
|
|
|
|
|
</van-tabs> |
|
|
</div> |
|
|
</div> |
|
|
<van-popup v-model="showKeyboard" :style="{ height: '100%',width:'100%' }" > |
|
|
<van-popup v-model="showKeyboard" :style="{ height: '100%',width:'100%' }" > |
|
|
<van-nav-bar |
|
|
<van-nav-bar |
|
|