Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
B
basic-vue-admin
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
Basic
basic-vue-admin
Commits
21f7a854
提交
21f7a854
authored
6月 08, 2021
作者:
无木
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(demo): account list page validate and save
上级
8e4f486f
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
15 行增加
和
5 行删除
+15
-5
AccountModal.vue
src/views/demo/system/account/AccountModal.vue
+3
-1
account.data.ts
src/views/demo/system/account/account.data.ts
+1
-1
index.vue
src/views/demo/system/account/index.vue
+11
-3
没有找到文件。
src/views/demo/system/account/AccountModal.vue
浏览文件 @
21f7a854
...
...
@@ -16,6 +16,7 @@
emits
:
[
'success'
,
'register'
],
setup
(
_
,
{
emit
})
{
const
isUpdate
=
ref
(
true
);
const
rowId
=
ref
(
''
);
const
[
registerForm
,
{
setFieldsValue
,
updateSchema
,
resetFields
,
validate
}]
=
useForm
({
labelWidth
:
100
,
...
...
@@ -32,6 +33,7 @@
isUpdate
.
value
=
!!
data
?.
isUpdate
;
if
(
unref
(
isUpdate
))
{
rowId
.
value
=
data
.
record
.
id
;
setFieldsValue
({
...
data
.
record
,
});
...
...
@@ -59,7 +61,7 @@
// TODO custom api
console
.
log
(
values
);
closeModal
();
emit
(
'success'
);
emit
(
'success'
,
{
isUpdate
:
unref
(
isUpdate
),
values
:
{
...
values
,
id
:
rowId
.
value
}
}
);
}
finally
{
setModalProps
({
confirmLoading
:
false
});
}
...
...
src/views/demo/system/account/account.data.ts
浏览文件 @
21f7a854
...
...
@@ -61,7 +61,7 @@ export const accountFormSchema: FormSchema[] = [
label
:
'密码'
,
component
:
'InputPassword'
,
required
:
true
,
s
how
:
false
,
ifS
how
:
false
,
},
{
label
:
'角色'
,
...
...
src/views/demo/system/account/index.vue
浏览文件 @
21f7a854
...
...
@@ -45,9 +45,10 @@
components
:
{
BasicTable
,
PageWrapper
,
DeptTree
,
AccountModal
,
TableAction
},
setup
()
{
const
[
registerModal
,
{
openModal
}]
=
useModal
();
const
[
registerTable
,
{
reload
}]
=
useTable
({
const
[
registerTable
,
{
reload
,
updateTableDataRecord
}]
=
useTable
({
title
:
'账号列表'
,
api
:
getAccountList
,
rowKey
:
'id'
,
columns
,
formConfig
:
{
labelWidth
:
120
,
...
...
@@ -82,8 +83,15 @@
console
.
log
(
record
);
}
function
handleSuccess
()
{
reload
();
function
handleSuccess
({
isUpdate
,
values
})
{
if
(
isUpdate
)
{
// 演示不刷新表格直接更新内部数据。
// 注意:updateTableDataRecord要求表格的rowKey属性为string并且存在于每一行的record的keys中
const
result
=
updateTableDataRecord
(
values
.
id
,
values
);
console
.
log
(
result
);
}
else
{
reload
();
}
}
function
handleSelect
(
deptId
=
''
)
{
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论