mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-10-04 17:14:21 +00:00
feat(components): 增强 FaForm/FaDialog/FaDrawer 并重构业务页面
- FaForm 新增 scrollbar 和 maxHeight 属性,支持表单滚动条 - FaForm 暴露 resetFields、clearValidate、validateField 方法 - FaDialog 和 FaDrawer 新增 formMode、confirmLoading 等属性及 confirm/cancel 事件 - 使用 FaDescriptions 和 FaForm 重构 demo 和 memory 页面,减少模板冗余 - 修复布局组件路径引用,统一至 @/components/layouts - 补充 Fa 前缀组件的 ESLint 全局变量声明
This commit is contained in:
@@ -65,7 +65,7 @@
|
||||
<div v-show="editMode === 'visual'" class="visual-pane">
|
||||
<ElScrollbar max-height="min(58vh, 520px)" class="visual-pane-scroll">
|
||||
<div class="visual-structure max-w-3xl">
|
||||
<ElDescriptions :column="1" border size="small" class="visual-desc">
|
||||
<FaDescriptions :column="1" size="small" class="visual-desc" :scrollbar="false">
|
||||
<template #title>
|
||||
<span class="text-sm font-medium text-[var(--el-text-color-primary)]">选项</span>
|
||||
</template>
|
||||
@@ -81,9 +81,9 @@
|
||||
<ElRadioButton value="masterSub">主表 + 子表明细</ElRadioButton>
|
||||
</ElRadioGroup>
|
||||
</ElDescriptionsItem>
|
||||
</ElDescriptions>
|
||||
</FaDescriptions>
|
||||
|
||||
<ElDescriptions :column="1" border size="small" class="visual-desc mt-3">
|
||||
<FaDescriptions :column="1" size="small" class="visual-desc mt-3" :scrollbar="false">
|
||||
<template #title>
|
||||
<span class="text-sm font-medium text-[var(--el-text-color-primary)]">主表</span>
|
||||
</template>
|
||||
@@ -101,14 +101,14 @@
|
||||
<ElDescriptionsItem label="说明" label-class-name="visual-desc-label">
|
||||
<ElInput v-model="visual.mainComment" placeholder="中文说明,可选" clearable />
|
||||
</ElDescriptionsItem>
|
||||
</ElDescriptions>
|
||||
</FaDescriptions>
|
||||
|
||||
<ElDescriptions
|
||||
<FaDescriptions
|
||||
v-if="visual.subEnabled"
|
||||
:column="1"
|
||||
border
|
||||
size="small"
|
||||
class="visual-desc mt-3"
|
||||
:scrollbar="false"
|
||||
>
|
||||
<template #title>
|
||||
<span class="text-sm font-medium text-[var(--el-text-color-primary)]">子表</span>
|
||||
@@ -137,7 +137,7 @@
|
||||
<ElDescriptionsItem label="对应主表列" label-class-name="visual-desc-label">
|
||||
<ElInput v-model="visual.fkRefColumn" placeholder="一般是 id" clearable />
|
||||
</ElDescriptionsItem>
|
||||
</ElDescriptions>
|
||||
</FaDescriptions>
|
||||
|
||||
<div class="mt-3">
|
||||
<ElLink type="primary" underline="never" @click="syncVisualToSql">
|
||||
@@ -179,6 +179,7 @@ import { ElMessage } from "element-plus";
|
||||
import { ArrowDown, CopyDocument } from "@element-plus/icons-vue";
|
||||
import { useClipboard } from "@vueuse/core";
|
||||
import FaDialog from "@/components/modal/fa-dialog/index.vue";
|
||||
import FaDescriptions from "@/components/others/fa-descriptions/index.vue";
|
||||
import { useSettingsStore } from "@stores";
|
||||
import { ThemeMode } from "@/enums/settings/theme.enum";
|
||||
import { buildSqlFromVisual } from "../utils/buildCreateTableSql";
|
||||
|
||||
Reference in New Issue
Block a user