面板按钮与直接内容

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

@@ -2,12 +2,14 @@
 <#if item.render??>
 ${item.render.code}
 <#else>
-    <app-panel-button 
+    <app-panel-item 
         caption="<#if item.getCaption?? && item.getCaption()??>${item.getCaption()}</#if>"
         icon="<#if item.getPSSysImage?? && item.getPSSysImage()??>${item.getPSSysImage().getCssClass()}</#if>"
+        itemType="BUTTON"
         :showCaption="<#if item.isShowCaption?? && item.isShowCaption()??>${item.isShowCaption()?c}<#else>true</#if>"
         <#if item.getPSUIAction?? && item.getPSUIAction()??>@onClick="($event)=>{uiAction(null, '${item.getPSUIAction().getUIActionTag()}', $event)}"</#if>
-    />
+    >
+    </app-panel-item>
 </#if>
 </#assign>
 

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

@@ -4,7 +4,7 @@
 <#if item.render??>
 ${item.render.code}
 <#else>
-    <app-panel-item
+    <app-panel-field
       name='${item.name}'
       error='detailsModel.${item.name}.error'
       labelPos='<#if item.getLabelPos?? && item.getLabelPos()??>${item.getLabelPos()}<#else>LEFT</#if>'
@@ -15,7 +15,7 @@ ${item.render.code}
       :itemRules="rules.${item.name}"
       >
     ${P.getEditorCode(item, "PANELEDITOR.vue").code}
-    </app-panel-item>
+    </app-panel-field>
 </#if>
 </div>
   </#assign>

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

@@ -2,7 +2,15 @@
 <#if item.render??>
 ${item.render.code}
 <#else>
-${item.getHtmlContent()}
+    <app-panel-item 
+        caption="<#if item.getCaption?? && item.getCaption()??>${item.getCaption()}</#if>"
+        icon="<#if item.getPSSysImage?? && item.getPSSysImage()??>${item.getPSSysImage().getCssClass()}</#if>"
+        itemType="RAWITEM"
+        :showCaption="<#if item.isShowCaption?? && item.isShowCaption()??>${item.isShowCaption()?c}<#else>true</#if>"
+    >
+    ${item.getHtmlContent()}
+    </app-panel-item>
+
 </#if>
 </#assign>