5 changed files with 153 additions and 22 deletions
@ -0,0 +1,123 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2026-02-14 13:56:35 |
||||
|
@ 备注: 表单编辑页面 |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import { FormData, formStruct, DrawerStruct, VideoMsg } from "@/api/DesignForm/types"; |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
appCont: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
formKey: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
appPageKey: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
groupKey: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
formVersion: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
menuId: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
formconfigcont: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
state: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
}); |
||||
|
|
||||
|
const emits = defineEmits<{ |
||||
|
(e: "update:state", val: formStruct): void; |
||||
|
(e: "update:formKey", val: string): void; |
||||
|
(e: "update:appPageKey", val: string): void; |
||||
|
(e: "update:formVersion", val: string): void; |
||||
|
(e: "judgeFormIsEdit", val: boolean): void; |
||||
|
(e: "runNextWindows", val: number): void; |
||||
|
(e: "closeFormPage"): void; |
||||
|
}>(); |
||||
|
|
||||
|
const attrActiveTab = ref("first"); |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="form-content"> |
||||
|
<el-card shadow="always"> |
||||
|
<template #header> |
||||
|
<div class="card-header">控件库</div> |
||||
|
</template> |
||||
|
<el-scrollbar ref="scrollbarRef" class="scroBox "> |
||||
|
|
||||
|
</el-scrollbar> |
||||
|
</el-card> |
||||
|
<el-card shadow="always"> |
||||
|
<template #header> |
||||
|
<div class="card-header">控件库</div> |
||||
|
</template> |
||||
|
</el-card> |
||||
|
<el-card shadow="always"> |
||||
|
<template #header> |
||||
|
<div class="card-header">控件库</div> |
||||
|
</template> |
||||
|
<el-tabs v-model="attrActiveTab"> |
||||
|
<el-tab-pane label="字段设置" name="first">字段设置</el-tab-pane> |
||||
|
<el-tab-pane label="表单设置" name="second">表单设置</el-tab-pane> |
||||
|
<el-tab-pane label="AI设置" name="third">AI设置</el-tab-pane> |
||||
|
</el-tabs> |
||||
|
</el-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.form-content { |
||||
|
width: 100%; |
||||
|
display: grid; |
||||
|
grid-template-columns: 300px 1fr 300px; |
||||
|
grid-template-rows: auto; |
||||
|
gap: 10px; |
||||
|
padding: 10px 10px 0 10px; |
||||
|
|
||||
|
} |
||||
|
.card-header{ |
||||
|
font-size: 1.4rem; |
||||
|
font-weight: 700; |
||||
|
color: #0020C2; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
gap: 10px; |
||||
|
} |
||||
|
:deep .el-card__header{ |
||||
|
padding: 10px 15px; |
||||
|
} |
||||
|
:deep .el-card__body{ |
||||
|
padding: 0; |
||||
|
|
||||
|
} |
||||
|
:deep .el-tabs__header{ |
||||
|
justify-content: space-between; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.scroBox{ |
||||
|
height: calc(100vh - 110px); |
||||
|
overflow: auto; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue