表单 直接内容项

@CONTROL/表单/CONTROL-BASE.vue#DETAIL_RAWITEM.ftl

 <#if item.render??>
 ${item.render.code}
 <#else>
-<div class="<#if item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if>" style="<#if item.getRawItemHeight() gt 0>height: ${item.getRawItemHeight()?c}px;</#if><#if item.getRawItemWidth() gt 0>width: ${item.getRawItemWidth()?c}px;</#if>">
-    <#if item.getContentType?? && item.getContentType()??>
-    <#assign contentType = item.getContentType()>
-        <#if contentType == 'RAW' && item.getRawContent?? && item.getRawContent()??>
-            ${item.getRawContent()}
-        <#elseif contentType == 'HTML' && item.getHtmlContent?? && item.getHtmlContent()??>
-            ${item.getHtmlContent()}
-        <#elseif contentType == 'IMAGE' && item.getPSSysImage?? && item.getPSSysImage()??>
-            <i class='<#assign img=ctrl.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)>${img.getCssClass()}</#if>'></i>
+<app-rawitem
+    classStyle="<#if item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if>"
+    sizeStyle="<#if item.getRawItemHeight() gt 0>height: ${item.getRawItemHeight()?c}px;</#if><#if item.getRawItemWidth() gt 0>width: ${item.getRawItemWidth()?c}px;</#if>"
+    contentType="<#if item.getContentType?? && item.getContentType()??>${item.getContentType()}</#if>"
+    <#if item.getRawContent?? && item.getRawContent()??>
+    rawContent="${item.getRawContent()}"
     </#if>
+    <#if item.getHtmlContent?? && item.getHtmlContent()??>
+    htmlContent="${item.getHtmlContent()}"
     </#if>
-</div>
+    <#if item.getPSSysImage?? && item.getPSSysImage()??>
+    <#assign img=item.getPSSysImage()>
+    <#if img.getCssClass()?? && (img.getCssClass()?length gt 0)>
+    imageClass="${img.getCssClass()}"</#if>>
+</app-rawitem>
 </#if>
\ No newline at end of file