Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
I
ibzuaa
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
ibiz4jteam
ibzuaa
提交
229528a3
提交
229528a3
编写于
6月 09, 2020
作者:
laizhilong
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
监听回车键,注册成功后自动登录
上级
5661670d
变更
1
显示空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
73 行增加
和
28 行删除
+73
-28
register.vue
app_web/src/components/login/register.vue
+73
-28
未找到文件。
app_web/src/components/login/register.vue
浏览文件 @
229528a3
...
@@ -13,15 +13,16 @@
...
@@ -13,15 +13,16 @@
<i-input
<i-input
prefix=
'ios-contact'
prefix=
'ios-contact'
v-model
.
trim=
"form.loginname"
v-model
.
trim=
"form.loginname"
@
keyup=
"toTrim
"
placeholder=
"用户名
"
placeholder=
"用户名
"
>
@
keyup
.
enter
.
native=
"handleRegister
"
>
</i-input>
</i-input>
</form-item>
</form-item>
<form-item
prop=
'personname'
>
<form-item
prop=
'personname'
>
<i-input
<i-input
prefix=
'ios-person'
prefix=
'ios-person'
v-model
.
trim=
"form.personname"
v-model
.
trim=
"form.personname"
placeholder=
"用户姓名"
>
placeholder=
"用户姓名"
@
keyup
.
enter
.
native=
"handleRegister"
>
</i-input>
</i-input>
</form-item>
</form-item>
<form-item
prop=
'password'
>
<form-item
prop=
'password'
>
...
@@ -29,7 +30,8 @@
...
@@ -29,7 +30,8 @@
prefix=
'ios-key'
prefix=
'ios-key'
v-model
.
trim=
"form.password"
v-model
.
trim=
"form.password"
type=
'password'
type=
'password'
placeholder=
"密码"
>
placeholder=
"密码"
@
keyup
.
enter
.
native=
"handleRegister"
>
</i-input>
</i-input>
</form-item>
</form-item>
<form-item
prop=
'confrimpassword'
>
<form-item
prop=
'confrimpassword'
>
...
@@ -37,7 +39,8 @@
...
@@ -37,7 +39,8 @@
prefix=
'ios-checkbox'
prefix=
'ios-checkbox'
v-model
.
trim=
"form.confrimpassword"
v-model
.
trim=
"form.confrimpassword"
type=
'password'
type=
'password'
placeholder=
"确认密码"
>
placeholder=
"确认密码"
@
keyup
.
enter
.
native=
"handleRegister"
>
</i-input>
</i-input>
</form-item>
</form-item>
<form-item>
<form-item>
...
@@ -123,12 +126,12 @@
...
@@ -123,12 +126,12 @@
confrimpassword
:
[
confrimpassword
:
[
{
{
validator
:
(
rule
:
any
,
value
:
any
,
callback
:
any
)
=>
{
validator
:
(
rule
:
any
,
value
:
any
,
callback
:
any
)
=>
{
if
(
value
===
''
&&
this
.
form
.
password
!==
''
)
{
if
(
value
===
''
)
{
callback
(
new
Error
(
'确认密码不能为空'
))
callback
(
new
Error
(
'确认密码不能为空'
))
;
}
else
if
(
value
!==
this
.
form
.
password
)
{
}
else
if
(
value
!==
this
.
form
.
password
)
{
callback
(
new
Error
(
'两次输入密码不一致'
))
callback
(
new
Error
(
'两次输入密码不一致'
))
;
}
else
{
}
else
{
callback
()
callback
()
;
}
}
},
},
trigger
:
'change'
trigger
:
'change'
...
@@ -166,16 +169,6 @@
...
@@ -166,16 +169,6 @@
_this
.
$router
.
push
(
'/login'
);
_this
.
$router
.
push
(
'/login'
);
}
}
/**
* 去掉输入框中的空格
*
* @memberof Login
*/
public
toTrim
():
void
{
let
_this
=
this
;
_this
.
form
.
loginname
=
_this
.
form
.
loginname
.
replace
(
/
\s
+/g
,
" "
);
}
/**
/**
* 注册处理
* 注册处理
...
@@ -203,25 +196,25 @@
...
@@ -203,25 +196,25 @@
}
else
{
}
else
{
this
.
$Message
.
success
({
this
.
$Message
.
success
({
content
:
"注册成功"
,
content
:
"注册成功"
,
duration
:
5
,
duration
:
3
,
closable
:
true
closable
:
true
});
});
}
}
//
5s后跳转到登录页
//
3s后跳转登录
this
.
countDown
(
5
);
this
.
countDown
(
3
);
}
}
}).
catch
((
e
:
any
)
=>
{
}).
catch
((
e
:
any
)
=>
{
const
data
=
e
.
data
;
const
data
=
e
.
data
;
if
(
data
&&
data
.
message
)
{
if
(
data
&&
data
.
message
)
{
this
.
$Message
.
error
({
this
.
$Message
.
error
({
content
:
"注册失败,"
+
data
.
message
,
content
:
"注册失败,"
+
data
.
message
,
duration
:
5
,
duration
:
3
,
closable
:
true
closable
:
true
});
});
}
else
{
}
else
{
this
.
$Message
.
error
({
this
.
$Message
.
error
({
content
:
"注册失败"
,
content
:
"注册失败"
,
duration
:
5
,
duration
:
3
,
closable
:
true
closable
:
true
});
});
}
}
...
@@ -229,27 +222,79 @@
...
@@ -229,27 +222,79 @@
}
}
/**
/**
* 跳转登录
页
倒计时
* 跳转登录倒计时
*/
*/
public
countDown
(
totalTime
:
any
):
void
{
public
countDown
(
totalTime
:
any
):
void
{
if
(
!
this
.
canClick
)
return
;
if
(
!
this
.
canClick
)
return
;
this
.
canClick
=
false
;
this
.
canClick
=
false
;
this
.
confirmRegBtnContent
=
totalTime
+
's后
跳转到登录页
'
;
this
.
confirmRegBtnContent
=
totalTime
+
's后
自动登录
'
;
// 设置定时器
// 设置定时器
let
clock
=
window
.
setInterval
(()
=>
{
let
clock
=
window
.
setInterval
(()
=>
{
// 秒数-1
// 秒数-1
totalTime
--
;
totalTime
--
;
this
.
confirmRegBtnContent
=
totalTime
+
's后
跳转到登录页
'
;
this
.
confirmRegBtnContent
=
totalTime
+
's后
自动登录
'
;
if
(
totalTime
<
0
)
{
if
(
totalTime
<
0
)
{
// 清除定时器
// 清除定时器
window
.
clearInterval
(
clock
);
window
.
clearInterval
(
clock
);
// 跳转到登录页
// 跳转到登录页
this
.
$router
.
push
(
"/login"
);
// this.$router.push("/login");
// 登录
const
loginname
:
any
=
this
.
form
.
loginname
;
const
password
:
any
=
this
.
form
.
password
;
const
post
:
Promise
<
any
>
=
this
.
$http
.
post
(
'v7/login'
,
this
.
form
,
true
);
post
.
then
((
response
:
any
)
=>
{
if
(
response
&&
response
.
status
===
200
)
{
const
data
=
response
.
data
;
if
(
data
&&
data
.
token
)
{
localStorage
.
setItem
(
'token'
,
data
.
token
);
}
if
(
data
&&
data
.
user
)
{
localStorage
.
setItem
(
'user'
,
JSON
.
stringify
(
data
.
user
));
}
// 设置cookie,保存账号密码7天
this
.
setCookie
(
loginname
,
password
,
7
);
// 跳转首页
const
url
:
any
=
this
.
$route
.
query
.
redirect
?
this
.
$route
.
query
.
redirect
:
'*'
;
this
.
$router
.
push
({
path
:
url
});
}
}).
catch
((
error
:
any
)
=>
{
const
data
=
error
.
data
;
if
(
data
&&
data
.
message
)
{
this
.
$Message
.
error
({
content
:
"登录失败,"
+
data
.
detail
,
duration
:
5
,
closable
:
true
});
}
else
{
this
.
$Message
.
error
({
content
:
"登录失败"
,
duration
:
5
,
closable
:
true
});
}
});
}
}
},
1000
)
},
1000
)
}
}
/**
* 设置cookie,保存账号密码
* @param loginname
* @param password
*/
public
setCookie
(
loginname
:
any
,
password
:
any
,
exdays
:
any
)
{
// 获取时间
let
exdate
=
new
Date
();
// 保存的天数
exdate
.
setTime
(
exdate
.
getTime
()
+
24
*
60
*
60
*
1000
*
exdays
);
// 字符串拼接cookie
window
.
document
.
cookie
=
"loginname"
+
"="
+
loginname
+
";path=/;expires="
+
exdate
.
toUTCString
();
window
.
document
.
cookie
=
"password"
+
"="
+
password
+
";path=/;expires="
+
exdate
.
toUTCString
();
}
}
}
</
script
>
</
script
>
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录