feat(components): CrudTable 新增/编辑默认改为右侧抽屉

formMode 默认值由 dialog 改为 drawer:全站列表页与详情页子表的新增/编辑统一走右侧抽屉(含部门/角色/租户/工作组/员工/用户/订单/产品及各业务页)。

表格本身嵌在弹窗里的场景显式传 form-mode=dialog 保持居中弹窗:应用市场「应用-职务绑定」弹窗内的 AppPosition / AppVirtualPosition / AppVirtualBinding(弹窗内再叠抽屉会错位)。

已部署:102 assets 校验一致,入口 /assets/index-COtyrWR-.js。
This commit is contained in:
TermiNexus committed 2026-09-29 19:13:45 +08:00
1 parent bb25b6f4d6
commit ce3a565006
2 files changed
+8 -3

No files matched your search

+5 -3
View File
@@ -87,9 +87,9 @@ const props = withDefaults(defineProps<{
*/
editable?: boolean
/**
* 新增/编辑表单容器形态(默认 'dialog' 居中弹窗):
* 传 'drawer' 时改为右侧抽屉(列表页编辑建议用抽屉)。
* 注意:表格自身嵌在弹窗里时不要用抽屉(弹窗内再叠抽屉会错位)。
* 新增/编辑表单容器形态(默认 'drawer' 右侧抽屉):
* 传 'dialog' 改回居中弹窗 —— 表格自身嵌在弹窗里时必须传 'dialog'
* (弹窗内再叠抽屉会错位,如应用市场的"应用-职务绑定"弹窗)。
*/
formMode?: 'dialog' | 'drawer'
}>(), {
@@ -97,6 +97,8 @@ const props = withDefaults(defineProps<{
// 不给默认值时 props.editable 恒为 false,canEdit 判定失败 → 所有未传 editable 的
// 表格都退化成只读(新增/批量删除/行内编辑/删除全消失,操作栏只剩「查看」)
editable: true,
// 默认抽屉:GERP 列表页的新增/编辑统一走右侧抽屉(详情页子表同理)
formMode: 'drawer',
})
// 是否可写:editable 未传视为可写;传 false 时隐藏新增/编辑/删除入口(只读视图)
+3
View File
@@ -695,6 +695,7 @@ onMounted(loadMarket)
title="绑定列表"
:max-height="360"
pageable
form-mode="dialog"
:default-page-size="50"
/>
</el-tab-pane>
@@ -710,6 +711,7 @@ onMounted(loadMarket)
title="虚拟职务定义(清单同步)"
:max-height="300"
pageable
form-mode="dialog"
:default-page-size="50"
/>
<div class="gs-vp-sep" />
@@ -718,6 +720,7 @@ onMounted(loadMarket)
title="虚拟职务绑定(实际职务 → 虚拟职务)"
:max-height="300"
pageable
form-mode="dialog"
:default-page-size="50"
/>
</el-tab-pane>