添加注册页面,修改4G设备的添加页面

This commit is contained in:
qianlile
2021-08-24 18:32:04 +08:00
parent 7838cfcbe0
commit 7af68fee6b
16 changed files with 844 additions and 127 deletions

View File

@@ -0,0 +1,370 @@
// miniprogram/pages/register/index.js
const registerOptions = {
"admin": false,
"avatar": "",
"createBy": "",
"createTime": "",
"delFlag": "",
"dept": {
"ancestors": "",
"children": [
null
],
"createBy": "",
"createTime": "",
"delFlag": "",
"deptId": 0,
"deptName": "",
"email": "",
"leader": "",
"orderNum": "",
"params": {},
"parentId": 0,
"parentName": "",
"phone": "",
"remark": "",
"searchValue": "",
"status": "",
"updateBy": "",
"updateTime": ""
},
"deptId": 0,
"email": "",
"loginDate": "",
"loginIp": "",
"nickName": "李四",
"params": {},
"password": "",
"phonenumber": "",
"postIds": [
0
],
"remark": "",
"roleIds": [
2
],
"roles": [
{
"admin": false,
"createBy": "",
"createTime": "",
"dataScope": "2",
"delFlag": "",
"deptCheckStrictly": true,
"deptIds": [
0
],
"flag": true,
"menuCheckStrictly": true,
"menuIds": [
0
],
"params": {},
"remark": "",
"roleId": 2,
"roleKey": "common",
"roleName": "",
"roleSort": "2",
"searchValue": "",
"status": "",
"updateBy": "",
"updateTime": ""
}
],
"salt": "",
"searchValue": "",
"sex": "",
"status": "",
"updateBy": "",
"updateTime": "",
"userId": 0,
"userName": ""
}
const { loginApi } = require('../../API/request.js');
Page({
/**
* 页面的初始数据
*/
data: {
username:'',
password:'',
pwdAgain:'',
phonenumber:'',
email:'',
emailError:'',
radio:'0',
phoneError:'',
phoneValue:true,
emailValue:true,
nickName:'',
nickError:'',
nickValue:false,
nameValue:false,
nameError:'',
pwdValue:false,
pwdError:'',
pwdAgainValue:false,
pwdAgainError:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.setNavigationBarTitle({
title: '用户注册',
})
},
//测试接口,需修改
async register(){
if (!this.checkForm()) {
return;
}else{
wx.showLoading({
title: '正在注册',
})
let registerParams = registerOptions;
registerParams.password = this.data.password;
registerParams.userName = this.data.username;
registerParams.nickName = this.data.nickName;
registerParams.sex = this.data.radio;
registerParams.phonenumber = this.data.phonenumber;
registerParams.email = this.data.email;
wx.request({
url: 'http://localhost/dev-api/system/user/register',
method:'POST',
data:registerParams,
timeout:10000,
success(res){
wx.hideLoading();
if (res.data.code === 200) {
wx.showToast({
title: '注册成功',
icon:'success'
})
setTimeout(() => {
wx.redirectTo({
url: '/pages/login/index',
})
}, 1000);
}else{
wx.showToast({
title: res.data.msg,
icon:'error'
})
}
}
})
}
// const res = await loginApi('/system/user/register',{
// method:'POST',
// body:registerParams,
// json:true
// });
// console.log(formatDate());
},
//检查表单
checkForm(){
if (this.data.nickName === '') {
this.setData({
nickError:'昵称不能为空!'
})
}
if (this.data.username === '') {
this.setData({
nameError:'账号不能为空!'
})
}
if (this.data.password === '') {
this.setData({
pwdError:'密码不能为空!'
})
}
return (this.data.nickValue && this.data.nameValue && this.data.pwdValue && this.data.pwdAgainValue && this.data.phoneValue && this.data.emailValue)
},
onChooseSex(e){
this.setData({
radio:e.detail
})
},
// imputUsername(e){
// this.setData({
// username:e.detail
// })
// },
// imputPassword(e){
// this.setData({
// password:e.detail
// })
// },
endInputPwdAgain(e){
if ((e.detail.value.trim()!=='') && (e.detail.value === this.data.password)) {
this.setData({
pwdAgainValue:true,
pwdAgainError:''
})
}else{
this.setData({
pwdAgainValue:false,
pwdAgainError:'密码输入不一致'
})
}
},
endInputNick(e){
if (e.detail.value.trim() === '') {
this.setData({
nickValue:false,
nickError:'昵称不能为空!'
})
}else{
this.setData({
nickName:e.detail.value,
nickError:'',
nickValue:true
})
}
},
endInputName(e){
if (e.detail.value.trim() === '') {
this.setData({
nameValue:false,
nameError:'账号不能为空!'
})
}else{
this.setData({
username:e.detail.value,
nameError:'',
nameValue:true
})
}
},
endInputPwd(e){
if (e.detail.value.trim() === '') {
this.setData({
pwdValue:false,
pwdError:'密码不能为空!'
})
}else{
this.setData({
password:e.detail.value,
pwdError:'',
pwdValue:true
})
}
},
endInputPhone(e){
if (e.detail.value.trim() !== '') {
const reg = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
if(!reg.test(e.detail.value)){
this.setData({
phoneError:'请输入正确的手机号!',
phoneValue:false
});
return;
}else{
this.setData({
phoneError:'',
phoneValue:true,
phonenumber:e.detail.value
});
};
}else{
this.setData({
phoneError:'',
phoneValue:true,
phonenumber:''
});
}
},
endInputEmail(e){
if (e.detail.value.trim() !== '') {
const reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!reg.test(e.detail.value)){
this.setData({
emailError:'邮箱不合规范!',
emailValue:false
});
return;
}else{
this.setData({
emailError:'',
emailValue:true,
email:e.detail.value
});
};
}else{
this.setData({
emailError:'',
emailValue:true,
email:''
});
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})