提交 799e6a9e 编写于 作者: LUCIFER-ZHU's avatar LUCIFER-ZHU

update: 封装formtabpage

上级 06c0ef57
<a-tab-pane v-show="state.detailsModel.{{item.codeName}}.visible" {{#if item.psSysCss}}class="{{item.psSysCss.cssName}}"{{/if}} key="{{item.codeName}}" tab="{{item.caption}}">
<AppFormTabpage
:visible="state.detailsModel.{{item.codeName}}.visible"
{{#if item.psSysCss}}
class="{{item.psSysCss.cssName}}"
{{/if}}
key="{{item.codeName}}"
caption="{{#if item.caption}}{{item.caption}}{{/if}}"
>
{{#eq item.psLayout.layout "FLEX"}}
<div class="app-form-layout-flex" style="display: flex;{{#if item.psLayout.dir}}flex-direction: {{item.psLayout.dir}};{{/if}}{{#if item.psLayout.align}}justify-content: {{item.psLayout.align}};{{/if}}{{#if item.psLayout.vAlign}}align-items: {{item.psLayout.vAlign}};{{/if}}">
{{#each item.psDEFormDetails as | formDetail |}}
......@@ -11,5 +18,5 @@
{{>(lookup . 'formDetail.detailType') item=formDetail}}
{{/each}}
</a-row>
{{/eq}}
</a-tab-pane>
{{/eq}}
</AppFormTabpage>
<script setup lang="ts">
import { IActionParam, IParam } from "@core";
interface FormGroupProps{
visible: boolean;
caption: string
}
const props = withDefaults(defineProps<FormGroupProps>(), {
visible: true,
});
</script>
<template>
<a-tab-pane v-show="visible" :tab="caption">
<slot></slot>
</a-tab-pane>
</template>
<style lang="scss">
</style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册