Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
剑九 六千里
vue-vben-admin
提交
8b4b767f
V
vue-vben-admin
项目概览
剑九 六千里
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
1
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
8b4b767f
编写于
7月 21, 2021
作者:
无
无木
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(demo): add `async-validator` demo
添加表单使用后端接口异步验证的例子
上级
341bd633
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
67 addition
and
6 deletion
+67
-6
mock/demo/system.ts
mock/demo/system.ts
+14
-1
src/api/demo/system.ts
src/api/demo/system.ts
+4
-0
src/views/demo/form/RuleForm.vue
src/views/demo/form/RuleForm.vue
+30
-3
src/views/demo/system/account/account.data.ts
src/views/demo/system/account/account.data.ts
+19
-2
未找到文件。
mock/demo/system.ts
浏览文件 @
8b4b767f
import
{
MockMethod
}
from
'
vite-plugin-mock
'
;
import
{
resultPageSuccess
,
resultSuccess
}
from
'
../_util
'
;
import
{
result
Error
,
result
PageSuccess
,
resultSuccess
}
from
'
../_util
'
;
const
accountList
=
(()
=>
{
const
result
:
any
[]
=
[];
...
...
@@ -185,4 +185,17 @@ export default [
return
resultSuccess
(
menuList
);
},
},
{
url
:
'
/basic-api/system/accountExist
'
,
timeout
:
500
,
method
:
'
post
'
,
response
:
({
body
})
=>
{
const
{
account
}
=
body
||
{};
if
(
account
&&
account
.
indexOf
(
'
admin
'
)
!==
-
1
)
{
return
resultError
(
'
该字段不能包含admin
'
);
}
else
{
return
resultSuccess
(
`
${
account
}
can use`
);
}
},
},
]
as
MockMethod
[];
src/api/demo/system.ts
浏览文件 @
8b4b767f
...
...
@@ -14,6 +14,7 @@ import { defHttp } from '/@/utils/http/axios';
enum
Api
{
AccountList
=
'
/system/getAccountList
'
,
IsAccountExist
=
'
/system/accountExist
'
,
DeptList
=
'
/system/getDeptList
'
,
setRoleStatus
=
'
/system/setRoleStatus
'
,
MenuList
=
'
/system/getMenuList
'
,
...
...
@@ -38,3 +39,6 @@ export const getAllRoleList = (params?: RoleParams) =>
export
const
setRoleStatus
=
(
id
:
number
,
status
:
string
)
=>
defHttp
.
post
({
url
:
Api
.
setRoleStatus
,
params
:
{
id
,
status
}
});
export
const
isAccountExist
=
(
account
:
string
)
=>
defHttp
.
post
({
url
:
Api
.
IsAccountExist
,
params
:
{
account
}
},
{
errorMessageMode
:
'
none
'
});
src/views/demo/form/RuleForm.vue
浏览文件 @
8b4b767f
...
...
@@ -15,9 +15,10 @@
<
script
lang=
"ts"
>
import
{
defineComponent
}
from
'
vue
'
;
import
{
BasicForm
,
FormSchema
,
useForm
}
from
'
/@/components/Form/index
'
;
import
{
CollapseContainer
}
from
'
/@/components/Container
/index
'
;
import
{
CollapseContainer
}
from
'
/@/components/Container
'
;
import
{
useMessage
}
from
'
/@/hooks/web/useMessage
'
;
import
{
PageWrapper
}
from
'
/@/components/Page
'
;
import
{
isAccountExist
}
from
'
/@/api/demo/system
'
;
const
schemas
:
FormSchema
[]
=
[
{
...
...
@@ -120,11 +121,11 @@
validator
:
async
(
rule
,
value
)
=>
{
if
(
!
value
)
{
/* eslint-disable-next-line */
return
Promise
.
reject
(
'
值不能为空
'
);
return
Promise
.
reject
(
'
值不能为空
'
);
}
if
(
value
===
'
1
'
)
{
/* eslint-disable-next-line */
return
Promise
.
reject
(
'
值不能为1
'
);
return
Promise
.
reject
(
'
值不能为1
'
);
}
return
Promise
.
resolve
();
},
...
...
@@ -174,6 +175,32 @@
},
rules
:
[{
required
:
true
,
message
:
'
覆盖默认生成的校验信息
'
}],
},
{
field
:
'
field8
'
,
component
:
'
Input
'
,
label
:
'
后端异步验证
'
,
colProps
:
{
span
:
8
,
},
helpMessage
:
[
'
本字段演示异步验证
'
,
'
本地规则:必须填写
'
,
'
后端规则:不能包含admin
'
],
rules
:
[
{
required
:
true
,
message
:
'
请输入数据
'
,
},
{
validator
(
_
,
value
)
{
return
new
Promise
((
resolve
,
reject
)
=>
{
isAccountExist
(
value
)
.
then
(()
=>
resolve
())
.
catch
((
err
)
=>
{
reject
(
err
.
message
||
'
验证失败
'
);
});
});
},
},
],
},
];
export
default
defineComponent
({
...
...
src/views/demo/system/account/account.data.ts
浏览文件 @
8b4b767f
import
{
getAllRoleList
}
from
'
/@/api/demo/system
'
;
import
{
getAllRoleList
,
isAccountExist
}
from
'
/@/api/demo/system
'
;
import
{
BasicColumn
}
from
'
/@/components/Table
'
;
import
{
FormSchema
}
from
'
/@/components/Table
'
;
...
...
@@ -54,7 +54,24 @@ export const accountFormSchema: FormSchema[] = [
field
:
'
account
'
,
label
:
'
用户名
'
,
component
:
'
Input
'
,
required
:
true
,
helpMessage
:
[
'
本字段演示异步验证
'
,
'
不能输入带有admin的用户名
'
],
rules
:
[
{
required
:
true
,
message
:
'
请输入用户名
'
,
},
{
validator
(
_
,
value
)
{
return
new
Promise
((
resolve
,
reject
)
=>
{
isAccountExist
(
value
)
.
then
(()
=>
resolve
())
.
catch
((
err
)
=>
{
reject
(
err
.
message
||
'
验证失败
'
);
});
});
},
},
],
},
{
field
:
'
pwd
'
,
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录