update：更新

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

@@ -9,7 +9,7 @@ ${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>
+        <template v-if="!isLayoutLoadding">
         <#list ctrl.getRootPSPanelItems() as panelDetail>
         <@renderByDetailType panelDetail ctrl false/>
         </#list>

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

@@ -377,14 +377,13 @@ import UIService from '@/uiservice/ui-service';
      *
      * @memberof ${srfclassname('${ctrl.codeName}')}Base
      */
-    @Watch('inputData',{immediate:true,deep: true})
+    @Watch('inputData', { deep: true } )
     public onInputDataChange(newVal: any, oldVal: any){
         if(newVal){
             this.computedUIData(newVal);
             this.layoutData = Util.deepCopy(newVal);
             this.computeButtonState(newVal);
             this.panelLogic('');
-            this.$forceUpdate();
         }
     }
 
@@ -405,8 +404,8 @@ import UIService from '@/uiservice/ui-service';
     public afterMounted () {
         const _this: any = this;
         _this.initLayout().then((result: any) => {
+            _this.onInputDataChange(this.inputData);
             _this.isLayoutLoadding = false;
-
         });
     }
 

@VIEW/@MACRO/VIEW_LAYOUTPANEL/VIEW_LAYOUTPANEL_RENDER.ftl

@@ -127,7 +127,7 @@
         <@compress  single_line=true><app-preset-text
             name="${panelDetail.getName()}"
             <#if isMultiData == true >:index="slotProps.data.index"</#if>
-            :value=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if>
+            :value=<#if isMultiData == true >"layoutData[`<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>"</#if>
             :layoutModelDetails="layoutModelDetails"/></@compress>
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "FIELD_SWITCH">
         <@compress  single_line=true><app-preset-switch 
@@ -169,7 +169,7 @@
                 <#if panelDetail.getPSEditor?? && panelDetail.getPSEditor()??>
                     <#if panelDetail.getPSEditor().getEditorType() == 'DROPDOWNLIST'>
                     <dropdown-list 
-                        :value=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if> 
+                        :value=<#if isMultiData == true >"layoutData[`<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>"</#if> 
                         :data="layoutData" 
                         :context="context"
                         :viewparams="viewparams"
@@ -189,7 +189,7 @@
                     <input-box 
                         type="number" 
                         :precision="2"
-                        :value=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if>  
+                        :value=<#if isMultiData == true >"layoutData[`<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>"</#if>  
                         :disabled="layoutModelDetails.${panelDetail.name}.disabled" 
                         <#if panelDetail.getUnitName?? && panelDetail.getUnitName()??>unit="${panelDetail.getUnitName()}"</#if>
                         <#if panelDetail.getPlaceHolder()??>placeholder="${panelDetail.getPlaceHolder()}"</#if> 
@@ -199,26 +199,67 @@
                     <input-box 
                         type="password"
                         name="${panelDetail.name}"
-                        :value=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if> 
+                        :value=<#if isMultiData == true >"layoutData[`<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>"</#if> 
                         :disabled="layoutModelDetails.${panelDetail.name}.disabled"
                         <#if panelDetail.getPlaceHolder()??>placeholder="${panelDetail.getPlaceHolder()}"</#if>
                         @change="(value) => handleValueChange({ name: '${panelDetail.name}', value})">
                     </input-box>
-                    <#else>
+                    <#elseif panelDetail.getPSEditor().getEditorType() == 'TEXTBOX'>
                     <app-preset-text-input
                         name="${panelDetail.getName()}"
                         <#if isMultiData == true >:index="slotProps.data.index"</#if>
                         :layoutModelDetails="layoutModelDetails"
-                        :value=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if>
+                        :value=<#if isMultiData == true >"layoutData[`<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.<#if panelDetail.getViewFieldName?? && panelDetail.getViewFieldName() != "">${panelDetail.getViewFieldName()}<#else>${panelDetail.getName()}</#if>"</#if>
                         @valueChange="handleValueChange"/>
+                    <#else>
+                    <app-span 
+                        name="${panelDetail.getName()}" 
+                        <#if isMultiData == true >:index="slotProps.data.index"</#if>
+                        :value=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if> 
+                        <#if panelDetail.getPSCodeList?? && panelDetail.getPSCodeList()??>
+                        <#assign codelist=panelDetail.getPSCodeList() />
+                        tag="${codelist.codeName}" 
+                        codelistType="${codelist.getCodeListType()}" 
+                        <#if codelist.getOrMode?? && codelist.getOrMode()?has_content>
+                        renderMode="${codelist.getOrMode()}" 
+                        </#if>
+                        <#if codelist.valueSeparator?has_content>
+                        valueSeparator="${codelist.valueSeparator}" 
+                        </#if>
+                        <#if codelist.textSeparator?has_content>
+                        textSeparator="${codelist.textSeparator}" 
+                        </#if>
+                        </#if>
+                        :data="layoutData" 
+                        :context="context"
+                        :viewparams="viewparams"
+                        :localContext=<@getNavigateContext panelDetail />
+                        :localParam=<@getNavigateParams panelDetail /> />
                     </#if>
                 <#else>
-                <app-preset-text-input
-                    name="${panelDetail.getName()}"
+                <app-span 
+                    name="${panelDetail.getName()}" 
                     <#if isMultiData == true >:index="slotProps.data.index"</#if>
-                    :layoutModelDetails="layoutModelDetails"
-                    :value=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if>
-                    @valueChange="handleValueChange"/>
+                    :value=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if> 
+                    <#if panelDetail.getPSCodeList?? && panelDetail.getPSCodeList()??>
+                    <#assign codelist=panelDetail.getPSCodeList() />
+                    tag="${codelist.codeName}" 
+                    codelistType="${codelist.getCodeListType()}" 
+                    <#if codelist.getOrMode?? && codelist.getOrMode()?has_content>
+                    renderMode="${codelist.getOrMode()}" 
+                    </#if>
+                    <#if codelist.valueSeparator?has_content>
+                    valueSeparator="${codelist.valueSeparator}" 
+                    </#if>
+                    <#if codelist.textSeparator?has_content>
+                    textSeparator="${codelist.textSeparator}" 
+                    </#if>
+                    </#if>
+                    :data="layoutData" 
+                    :context="context"
+                    :viewparams="viewparams"
+                    :localContext=<@getNavigateContext panelDetail />
+                    :localParam=<@getNavigateParams panelDetail /> />
                 </#if>
             </app-panel-field></@compress>
         </#if>