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