update: 封装formPage

modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/front-end/widgets/form-detail/form-button.hbs

@@ -4,8 +4,8 @@
     :visible="state.detailsModel.{{item.codeName}}.visible"
     class="app-form-button{{#if item.psSysCss}} {{item.psSysCss.cssName}}{{/if}}"
     style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}"
-    cssClass="{{#if item.psSysImage.cssClass}}{{item.psSysImage.cssClass}}{{/if}}"
-    imagePath="{{#if item.psSysImage.imagePath}}{{item.psSysImage.imagePath}}{{/if}}"
+    cssClass="{{#if item.psSysImage.cssClass}}{{item.psSysImage.cssClass}}{{else}}''{{/if}}"
+    imagePath="{{#if item.psSysImage.imagePath}}{{item.psSysImage.imagePath}}{{else}}''{{/if}}"
     :showCaption="{{item.showCaption}}"
     labelCssName="{{#if item.labelPSSysCss}}{{item.labelPSSysCss.cssName}}{{/if}}"
     caption="{{#if item.caption}}{{item.caption}}{{/if}}"

modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/front-end/widgets/form-detail/form-page.hbs

-<a-tab-pane v-show="state.detailsModel.{{item.codeName}}.visible" {{#if item.psSysCss}}class="{{item.psSysCss.cssName}}"{{/if}} key="{{item.codeName}}">
-  <template #tab>
-    <AppIconText {{#if item.labelPSSysCss}}class="{{item.labelPSSysCss.cssName}}" {{/if}}{{#if item.psSysImage}}{{#if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}" {{/if}}{{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}" {{/if}}{{/if}}text="{{item.caption}}"/>
-  </template>
+<AppFormPage
+  :visible="state.detailsModel.{{item.codeName}}.visible"
+  {{#if item.psSysCss}}
+  class="{{item.psSysCss.cssName}}"
+  {{/if}} 
+  key="{{item.codeName}}"
+  {{#if item.psSysImage}}
+  cssClass="{{#if item.psSysImage.cssClass}}{{item.psSysImage.cssClass}}{{else}}''{{/if}}"
+  imagePath="{{#if item.psSysImage.imagePath}}{{item.psSysImage.imagePath}}{{else}}''{{/if}}" 
+  {{/if}} 
+  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 |}}
@@ -15,4 +23,4 @@
     {{/each}}
   </a-row>
   {{/eq}}
-</a-tab-pane>
+</AppFormPage>
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/common/app-form-page.vue

+<script setup lang="ts">
+import { IActionParam, IParam } from "@core";
+
+interface FormGroupProps{
+  visible: boolean;
+  cssClass?: string;
+  imagePath?: string;
+  caption: string  
+}
+
+const props = withDefaults(defineProps<FormGroupProps>(), {
+  visible: true,
+});
+
+</script>
+
+<template>
+  <a-tab-pane v-show="visible">
+    <template #tab>
+      <AppIconText :iconClass="cssClass" :imgPath="imagePath" :text="caption"/>
+    </template>
+    <slot></slot>  
+  </a-tab-pane>
+</template>
+
+<style lang="scss">
+</style>
\ No newline at end of file