Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
是阿延啊
gin-vue-admin
提交
a6f26284
G
gin-vue-admin
项目概览
是阿延啊
/
gin-vue-admin
与 Fork 源项目一致
Fork自
FLIPPED-AURORA / gin-vue-admin
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gin-vue-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
a6f26284
编写于
3月 17, 2020
作者:
K
klausY
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
增加验证码功能
上级
fae4df79
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
50 addition
and
5 deletion
+50
-5
QMPlusVuePage/src/api/user.js
QMPlusVuePage/src/api/user.js
+17
-1
QMPlusVuePage/src/view/login/login.vue
QMPlusVuePage/src/view/login/login.vue
+32
-3
QMPlusVuePage/vue.config.js
QMPlusVuePage/vue.config.js
+1
-1
未找到文件。
QMPlusVuePage/src/api/user.js
浏览文件 @
a6f26284
...
...
@@ -65,4 +65,20 @@ export const setUserAuthority = (data) => {
method
:
'
post
'
,
data
:
data
})
}
\ No newline at end of file
}
// @Tags User
// @Summary 验证码
// @Security ApiKeyAuth
// @accept application/json
// @Produce application/json
// @Param data body api.SetUserAuth true "设置用户权限"
// @Success 200 {string} json "{"success":true,"data":{},"msg":"修改成功"}"
// @Router /user/setUserAuthority [post]
export
const
captcha
=
(
data
)
=>
{
return
service
({
url
:
"
/base/captcha
"
,
method
:
'
post
'
,
data
:
data
})
}
QMPlusVuePage/src/view/login/login.vue
浏览文件 @
a6f26284
...
...
@@ -16,6 +16,14 @@
<i
:class=
"'el-input__icon el-icon-' + lock"
@
click=
"changeLock"
slot=
"suffix"
></i>
</el-input>
</el-form-item>
<el-form-item>
<el-input
v-model=
"loginForm.captcha"
name=
"logVerify"
maxlength=
"10"
/>
<img
:src=
"path + picPath"
alt=
"请输入验证码"
@
click=
"loginVefify()"
class=
"vPic"
>
</el-form-item>
<el-form-item>
<el-button
@
click=
"submitForm"
style=
"width:100%"
>
登 录
</el-button>
</el-form-item>
...
...
@@ -27,6 +35,8 @@
<
script
>
import
{
mapActions
}
from
'
vuex
'
import
{
captcha
}
from
'
@/api/user
'
const
path
=
process
.
env
.
VUE_APP_BASE_API
export
default
{
name
:
'
Login
'
,
data
()
{
...
...
@@ -49,14 +59,22 @@ export default {
lock
:
'
lock
'
,
loginForm
:
{
username
:
''
,
password
:
''
password
:
''
,
captcha
:
''
,
captchaId
:
''
,
},
rules
:
{
username
:
[{
validator
:
checkUsername
,
trigger
:
'
blur
'
}],
password
:
[{
validator
:
checkPassword
,
trigger
:
'
blur
'
}]
}
},
path
:
path
,
logVerify
:
''
,
picPath
:
''
}
},
created
()
{
this
.
loginVefify
()
},
methods
:
{
...
mapActions
(
'
user
'
,
[
'
LoginIn
'
]),
async
login
()
{
...
...
@@ -78,6 +96,13 @@ export default {
},
changeLock
()
{
this
.
lock
===
'
lock
'
?
(
this
.
lock
=
'
unlock
'
)
:
(
this
.
lock
=
'
lock
'
)
},
loginVefify
()
{
console
.
log
(
this
.
logVerify
)
captcha
({}).
then
(
ele
=>
{
this
.
picPath
=
ele
.
data
.
picPath
this
.
loginForm
.
captchaId
=
ele
.
data
.
captchaId
})
}
}
}
...
...
@@ -94,5 +119,9 @@ export default {
margin-left
:
-22vw
;
top
:
25vh
;
}
.vPic
{
position
:
absolute
;
right
:
10px
;
}
}
</
style
>
\ No newline at end of file
</
style
>
QMPlusVuePage/vue.config.js
浏览文件 @
a6f26284
...
...
@@ -95,4 +95,4 @@ module.exports = {
}
)
}
}
\ No newline at end of file
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录