更新：多数据容器

@CONTROL/面板/CONTROL-BASE.vue#PANEL.ftl

@@ -9,11 +9,11 @@ ${ctrl.render.code}
 <#else>
     <div class="app-layoutpanel ${ctrl.getCodeName()}<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>" v-loading="isLayoutLoadding" :style="{width: <#if ctrl.getWidth()?? && ctrl.getWidth() gt 0>'${ctrl.getWidth()?c}px'<#else>'100%'</#if>, height: <#if ctrl.getHeight() gt 0>'${ctrl.getHeight()?c}px'<#else>'100%'</#if>,  overflow: 'auto'}">
     <#if ctrl.getRootPSPanelItems()??>
-        <template v-if="!isLayoutLoadding">
+        <div v-show="!isLayoutLoadding" :style="{height: '100%', width: '100%'}">
         <#list ctrl.getRootPSPanelItems() as panelDetail>
         <@renderByDetailType panelDetail ctrl false/>
         </#list>
-        </template>
+        </div>
     </#if>
     </div>
 </#if>

@CONTROL/面板/CONTROL-BASE.vue.ftl

@@ -231,12 +231,13 @@ import UIService from '@/uiservice/ui-service';
      * @memberof ${srfclassname('${ctrl.name}')}Base
      */
     public handleValueChange(args: { name: string, value: any }, index?: number) {
-        if (!args || !args.name || Object.is(args.name, '') || !this.layoutData.hasOwnProperty(args.name)) {
+        const { name, value } = args;
+        <#noparse>let fullName = (index || index === 0) ? `${name}_${index}` : name;</#noparse>
+        if (!fullName || !this.layoutData.hasOwnProperty(fullName)) {
             return;
         }
-        const { name, value } = args;
-        this.layoutData[name] = value;
-        this.layoutModelDetails[name].setData(value);
+        this.layoutData[fullName] = value;
+        this.layoutModelDetails[fullName].setData(value);
         this.panelLogic(name, index);
         this.computeButtonAuthState();
         this.panelEditItemChange(name, value);

@MACRO/PANEL.ftl

@@ -39,9 +39,6 @@ this.$verify.testCond(_${item.getDstModelField()?lower_case}, "${item.getCondOp(
      * @memberof ${srfclassname('${item.codeName}')}Base
      */
     public panelLogic(name: string, index?: number): void {
-        if (name && (index || index === 0)) {
-            <#noparse>name = name.replace(`_${index}`,"");</#noparse>
-        }
         <#list panelItems as panelItem>
         <#if panelItem.getPSPanelItemGroupLogic('ITEMBLANK')??>
             <#assign ITEMBLANK = panelItem.getPSPanelItemGroupLogic('ITEMBLANK')/>
@@ -49,11 +46,9 @@ this.$verify.testCond(_${item.getDstModelField()?lower_case}, "${item.getCondOp(
                 let ret = true;
                 <#if ITEMBLANK.getRelatedItemNames()??>
                 <#list ITEMBLANK.getRelatedItemNames() as detailName>
-                let _${detailName} = '';
+                let _${detailName} = this.layoutData['${detailName}'];
                 if (index || index === 0) {
                     _${detailName} = this.layoutData[`${detailName}<#noparse>_${index}</#noparse>`];
-                } else {
-                    _${detailName} = this.layoutData['${detailName}'];
                 }
                 </#list>
                 </#if>
@@ -73,11 +68,9 @@ this.$verify.testCond(_${item.getDstModelField()?lower_case}, "${item.getCondOp(
                 let ret = false;
                 <#if ITEMENABLE.getRelatedItemNames()??>
                 <#list ITEMENABLE.getRelatedItemNames() as detailName>
-                let _${detailName} = '';
+                let _${detailName} = this.layoutData['${detailName}'];
                 if (index || index === 0) {
                     _${detailName} = this.layoutData[`${detailName}<#noparse>_${index}</#noparse>`];
-                } else {
-                    _${detailName} = this.layoutData['${detailName}'];
                 }
                 </#list>
                 </#if>
@@ -97,11 +90,9 @@ this.$verify.testCond(_${item.getDstModelField()?lower_case}, "${item.getCondOp(
                 let ret = false;
                 <#if PANELVISIBLE.getRelatedItemNames()??>
                 <#list PANELVISIBLE.getRelatedItemNames() as detailName>
-                let _${detailName} = '';
+                let _${detailName} = this.layoutData['${detailName}'];
                 if (index || index === 0) {
                     _${detailName} = this.layoutData[`${detailName}<#noparse>_${index}</#noparse>`];
-                } else {
-                    _${detailName} = this.layoutData['${detailName}'];
                 }
                 </#list>
                 </#if>
@@ -327,7 +318,7 @@ this.$verify.testCond(_${item.getDstModelField()?lower_case}, "${item.getCondOp(
      * @public
      * @memberof ${srfclassname('${item.name}')}Base
      */
-    public isLayoutLoadding: boolean = false;
+    public isLayoutLoadding: boolean = true;
 
     /**
      * 布局面板数据
@@ -371,10 +362,10 @@ this.$verify.testCond(_${item.getDstModelField()?lower_case}, "${item.getCondOp(
      *  @public
      *  @memberof ${srfclassname('${item.name}')}Base
      */
-    public async initLayoutItem(layoutModelItem: any, index: number = 0) {
+    public async initLayoutItem(layoutModelItem: any, index?: number) {
         const { name } = layoutModelItem;
         const layoutModelDetail = Util.getLayoutItemInstance(layoutModelItem);
-        if (!index) {
+        if (!(index || index === 0)) {
             await layoutModelDetail.load(this.context, this.viewparams);
             this.$set(this.layoutModelDetails, name, layoutModelDetail);
             this.$set(this.layoutData, name, layoutModelDetail.getData());
@@ -401,7 +392,7 @@ this.$verify.testCond(_${item.getDstModelField()?lower_case}, "${item.getCondOp(
                 for (let i = 0; i < layoutModelDetail.details.length; i++) {
                     const key = layoutModelDetail.details[i];
                     if (this.layoutItems[key]) {
-                        await this.initLayoutItem(this.layoutItems[key],index);
+                        await this.initLayoutItem(this.layoutItems[key], index);
                     }
                 }
             }

@VIEW/@MACRO/VIEW_HEADER-BASE.vue.ftl

@@ -331,12 +331,13 @@ ${P.getCtrlCode('toolbar', 'CONTROL.vue').code}
      * @memberof ${srfclassname('${view.name}')}Base
      */
     public handleValueChange(args: { name: string, value: any }, index?: number) {
-        if (!args || !args.name || Object.is(args.name, '') || !this.layoutData.hasOwnProperty(args.name)) {
+        const { name, value } = args;
+        <#noparse>let fullName = (index || index === 0) ? `${name}_${index}` : name;</#noparse>
+        if (!fullName || !this.layoutData.hasOwnProperty(fullName)) {
             return;
         }
-        const {name,value} = args;
-        this.layoutData[name] = value;
-        this.layoutModelDetails[name].setData(value);
+        this.layoutData[fullName] = value;
+        this.layoutModelDetails[fullName].setData(value);
         this.panelLogic(name, index);
         this.computeButtonAuthState();
     }

@VIEW/@MACRO/VIEW_LAYOUTPANEL/VIEW_LAYOUTPANEL_RENDER.ftl

@@ -187,7 +187,7 @@
                         codelistType="${codelist.getCodeListType()}"
                         </#if> 
                         placeholder=<#if panelDetail.getPlaceHolder()??>'${panelDetail.getPlaceHolder()}'<#else>'请选择...'</#if> 
-                        @change="(value) => handleValueChange({ name: <#if isMultiData == true >`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`<#else>'${panelDetail.name}'</#if>, value}<#if isMultiData == true >, `<#noparse>${slotProps.data.index}</#noparse>`</#if>)">
+                        @change="(value) => handleValueChange({ name: '${panelDetail.name}', value }<#if isMultiData == true >, `<#noparse>${slotProps.data.index}</#noparse>`</#if>)">
                     </dropdown-list>
                     <#elseif panelDetail.getPSEditor().getEditorType() == 'NUMBER'>
                     <input-box 
@@ -197,7 +197,7 @@
                         :disabled=<#if isMultiData == true >"layoutModelDetails[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`] ? layoutModelDetails[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`].disabled : false"<#else>"layoutModelDetails.${panelDetail.getName()} ? layoutModelDetails.${panelDetail.getName()}.disabled : false"</#if> 
                         <#if panelDetail.getUnitName?? && panelDetail.getUnitName()??>unit="${panelDetail.getUnitName()}"</#if>
                         <#if panelDetail.getPlaceHolder()??>placeholder="${panelDetail.getPlaceHolder()}"</#if> 
-                        @change="(value) => handleValueChange({ name: <#if isMultiData == true >`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`<#else>'${panelDetail.name}'</#if>, value}<#if isMultiData == true >, `<#noparse>${slotProps.data.index}</#noparse>`</#if>)">
+                        @change="(value) => handleValueChange({ name: '${panelDetail.name}', value }<#if isMultiData == true >, `<#noparse>${slotProps.data.index}</#noparse>`</#if>)">
                     </input-box>
                     <#elseif panelDetail.getPSEditor().getEditorType() == 'PASSWORD'>
                     <input-box 
@@ -206,7 +206,7 @@
                         :itemValue=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if>
                         :disabled=<#if isMultiData == true >"layoutModelDetails[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`] ? layoutModelDetails[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`].disabled : false"<#else>"layoutModelDetails.${panelDetail.getName()} ? layoutModelDetails.${panelDetail.getName()}.disabled : false"</#if>
                         <#if panelDetail.getPlaceHolder()??>placeholder="${panelDetail.getPlaceHolder()}"</#if>
-                        @change="(value) => handleValueChange({ name: <#if isMultiData == true >`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`<#else>'${panelDetail.name}'</#if>, value}<#if isMultiData == true >, `<#noparse>${slotProps.data.index}</#noparse>`</#if>)">
+                        @change="(value) => handleValueChange({ name: '${panelDetail.name}', value }<#if isMultiData == true >, `<#noparse>${slotProps.data.index}</#noparse>`</#if>)">
                     </input-box>
                     <#elseif panelDetail.getPSEditor().getEditorType() == 'TEXTBOX'>
                     <input-box 
@@ -215,7 +215,7 @@
                         :itemValue=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if>
                         :disabled=<#if isMultiData == true >"layoutModelDetails[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`] ? layoutModelDetails[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`].disabled : false"<#else>"layoutModelDetails.${panelDetail.getName()} ? layoutModelDetails.${panelDetail.getName()}.disabled : false"</#if>
                         <#if panelDetail.getPlaceHolder()??>placeholder="${panelDetail.getPlaceHolder()}"</#if>
-                        @change="(value) => handleValueChange({ name: <#if isMultiData == true >`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`<#else>'${panelDetail.name}'</#if>, value}<#if isMultiData == true >, `<#noparse>${slotProps.data.index}</#noparse>`</#if>)">
+                        @change="(value) => handleValueChange({ name: '${panelDetail.name}', value }<#if isMultiData == true >, `<#noparse>${slotProps.data.index}</#noparse>`</#if>)">
                     </input-box>
                     <#else>
                     <app-span