赵忠林
eee4644d06
feat(registration): 优化经销商注册流程并增加地址定位功能 - 修改导航栏标题从“邀请注册”为“注册成为会员” - 修复重复提交问题并移除不必要的submitting状态 - 增加昵称和头像的必填验证提示 - 添加用户角色缺失时的默认角色写入机制 - 集成地图选点功能，支持经纬度获取和地址解析 - 实现微信地址导入功能，自动填充基本信息 - 增加定位权限检查和错误处理机制 - 添加.gitignore规则忽略备份文件夹src__bak - 移除已废弃的银行卡和客户管理页面代码 - 优化表单验证规则和错误提示信息 - 实现经销商注册成功后自动跳转到“我的”页面 - 添加用户信息缓存刷新机制确保角色信息同步 ```
103 lines
2.8 KiB
TypeScript
103 lines
2.8 KiB
TypeScript
import {loginBySms} from "@/api/passport/login";
|
||
import {useState} from "react";
|
||
import Taro from '@tarojs/taro'
|
||
import {Popup} from '@nutui/nutui-react-taro'
|
||
import {UserParam} from "@/api/system/user/model";
|
||
import {Button} from '@nutui/nutui-react-taro'
|
||
import {Form, Input} from '@nutui/nutui-react-taro'
|
||
import {Copyright, Version} from "@/config/app";
|
||
const UserFooter = () => {
|
||
const [openLoginByPhone, setOpenLoginByPhone] = useState(false)
|
||
const [clickNum, setClickNum] = useState<number>(0)
|
||
const [FormData, setFormData] = useState<UserParam>(
|
||
{
|
||
phone: undefined,
|
||
password: undefined
|
||
}
|
||
)
|
||
|
||
const onLoginByPhone = () => {
|
||
setFormData({})
|
||
setClickNum(clickNum + 1);
|
||
if (clickNum > 10) {
|
||
setOpenLoginByPhone(true);
|
||
}
|
||
}
|
||
|
||
const closeLoginByPhone = () => {
|
||
setClickNum(0)
|
||
setOpenLoginByPhone(false)
|
||
}
|
||
|
||
// 提交表单
|
||
const submitByPhone = (values: any) => {
|
||
loginBySms({
|
||
phone: values.phone,
|
||
code: values.code
|
||
}).then(() => {
|
||
setOpenLoginByPhone(false);
|
||
setTimeout(() => {
|
||
Taro.reLaunch({
|
||
url: '/pages/index/index'
|
||
})
|
||
},1000)
|
||
})
|
||
}
|
||
|
||
return (
|
||
<>
|
||
<div className={'text-center py-4 w-full text-gray-300'} onClick={onLoginByPhone}>
|
||
<div className={'text-xs text-gray-400 py-1'}>当前版本：{Version}</div>
|
||
<div className={'text-xs text-gray-400 py-1'}>Copyright © { new Date().getFullYear() } {Copyright}</div>
|
||
</div>
|
||
|
||
<Popup
|
||
style={{width: '350px', padding: '10px'}}
|
||
visible={openLoginByPhone}
|
||
closeOnOverlayClick={false}
|
||
closeable={true}
|
||
onClose={closeLoginByPhone}
|
||
>
|
||
<Form
|
||
style={{width: '350px',padding: '10px'}}
|
||
divider
|
||
initialValues={FormData}
|
||
labelPosition="left"
|
||
onFinish={(values) => submitByPhone(values)}
|
||
footer={
|
||
<div
|
||
style={{
|
||
display: 'flex',
|
||
justifyContent: 'center',
|
||
width: '100%'
|
||
}}
|
||
>
|
||
<Button nativeType="submit" block style={{backgroundColor: '#000000',color: '#ffffff'}}>
|
||
提交
|
||
</Button>
|
||
</div>
|
||
}
|
||
>
|
||
<Form.Item
|
||
label={'手机号码'}
|
||
name="phone"
|
||
required
|
||
rules={[{message: '手机号码'}]}
|
||
>
|
||
<Input placeholder="请输入手机号码" maxLength={11} type="text"/>
|
||
</Form.Item>
|
||
<Form.Item
|
||
label={'短信验证码'}
|
||
name="code"
|
||
required
|
||
rules={[{message: '短信验证码'}]}
|
||
>
|
||
<Input placeholder="请输入短信验证码" maxLength={6} type="text"/>
|
||
</Form.Item>
|
||
</Form>
|
||
</Popup>
|
||
</>
|
||
)
|
||
}
|
||
export default UserFooter
|