zpc

@CONTROL/@MACRO/CONTROL/FORM_MEMBER_LAYOUT.vue.ftl

 <#assign layout='TABLE_24COL'><#if formmenber.getPSLayoutPos()??><#if formmenber.getPSLayoutPos().getParentPSLayout()??><#assign layout='${formmenber.getPSLayoutPos().getParentPSLayout().getLayout()}'></#if></#if>
 <#assign LayoutPos = formmenber.getPSLayoutPos()>
 <#if layout == 'TABLE_24COL' && LayoutPos??>
-<a-col v-show=true style="<#if (formmenber.getHeight?? && formmenber.getHeight() gt 0)>height: ${formmenber.getHeight()?c}px !important;</#if><#if (formmenber.getWidth?? && formmenber.getWidth() gt 0)>width: ${formmenber.getWidth()?c}px !important;</#if>" <#if LayoutPos.getColXS() != -1> :sm="{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColSM() != -1> :md="{span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if>}"</#if><#if LayoutPos.getColMD() != -1> :lg="{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if>}"</#if><#if LayoutPos.getColLG() != -1> :xl="{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if>}"</#if>>
+<a-col v-show="this.detailsModel.${formmenber.name}.visible" style="<#if (formmenber.getHeight?? && formmenber.getHeight() gt 0)>height: ${formmenber.getHeight()?c}px !important;</#if><#if (formmenber.getWidth?? && formmenber.getWidth() gt 0)>width: ${formmenber.getWidth()?c}px !important;</#if>" <#if LayoutPos.getColXS() != -1> :sm="{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColSM() != -1> :md="{span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if>}"</#if><#if LayoutPos.getColMD() != -1> :lg="{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if>}"</#if><#if LayoutPos.getColLG() != -1> :xl="{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if>}"</#if>>
     ${P.getPartCode(formmenber).code}
 </a-col>
 <#elseif layout == 'FLEX'>
-<div  v-show=true style="<#if LayoutPos.getGrow() != -1>flex-grow: ${LayoutPos.getGrow()?c};<#if !LayoutPos.getHeight()??>height: 0;</#if></#if><#if LayoutPos.getWidth()??>width: ${LayoutPos.getWidth()?c}px;</#if><#if LayoutPos.getHeight()??>height: ${LayoutPos.getHeight()?c}px;</#if>">
+<div  v-show="this.detailsModel.${formmenber.name}.visible" style="<#if LayoutPos.getGrow() != -1>flex-grow: ${LayoutPos.getGrow()?c};<#if !LayoutPos.getHeight()??>height: 0;</#if></#if><#if LayoutPos.getWidth()??>width: ${LayoutPos.getWidth()?c}px;</#if><#if LayoutPos.getHeight()??>height: ${LayoutPos.getHeight()?c}px;</#if>">
 ${P.getPartCode(formmenber).code}
 </div>
 <#else>
-<div v-show=true>
+<div v-show="this.detailsModel.${formmenber.name}.visible">
     ${P.getPartCode(formmenber).code}
 </div>
 </#if>
\ No newline at end of file

@CONTROL/表单/CONTROL.vue#DETAIL_FORMITEM.ftl

@@ -2,7 +2,7 @@
 ${item.render.code}
 <#else>
 <#if !item.isHidden()>
-        <app-form-item :helpInfo="formdata.${item.name}.helpInfo"  :required="formdata.${item.name}.required" :validateStatus="formdata.${item.name}.validateStatus"  :hasFeedback="formdata.${item.name}.hasFeedback"  :labelName="formdata.${item.name}.labelName" :labelwidth="'${item.getLabelWidth()}px'"  :labelPosition="'${item.getLabelPos()}'" :isShowCaption="${item.isShowCaption()?c}"  :formItemStyle="{<#if item.getItemWidth()??&&item.getItemWidth() != 0>width:'${item.getItemWidth()}px',</#if><#if item.getItemHeight()?? && item.getItemHeight() != 0>height:'${item.getItemHeight()}px'</#if>}"  :isEmptyCaption="${item.isEmptyCaption()?c}"  :formItemContentStyle="{<#if item.getEditorHeight()?? && item.getEditorHeight() != 0>height:'${item.getEditorHeight()}px',</#if><#if item.getEditorWidth()?? && item.getEditorWidth() != 0>width:'${item.getEditorWidth()}px'</#if>}"  class="<#if item.getPSSysCss?? && item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if>">
+        <app-form-item :helpInfo="detailsModel.${item.name}.error"  :itemRules="JSON.stringify(this.rules.${item.name})"  :labelName="detailsModel.${item.name}.caption" :labelwidth="'${item.getLabelWidth()}px'"  :labelPosition="'${item.getLabelPos()}'" :isShowCaption="${item.isShowCaption()?c}"  :formItemStyle="{<#if item.getItemWidth()??&&item.getItemWidth() != 0>width:'${item.getItemWidth()}px',</#if><#if item.getItemHeight()?? && item.getItemHeight() != 0>height:'${item.getItemHeight()}px'</#if>}"  :isEmptyCaption="${item.isEmptyCaption()?c}"  :formItemContentStyle="{<#if item.getEditorHeight()?? && item.getEditorHeight() != 0>height:'${item.getEditorHeight()}px',</#if><#if item.getEditorWidth()?? && item.getEditorWidth() != 0>width:'${item.getEditorWidth()}px'</#if>}"  class="<#if item.getPSSysCss?? && item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if>">
             ${P.getEditorCode(item, "EDITOR.vue").code}
         </app-form-item>
 </#if>

@CONTROL/表单/CONTROL.vue.ftl

@@ -9,13 +9,6 @@ export default {
   props:['formData'],
   data() {
     return {
-      formdata:{
-        <#if ctrl.getAllPSDEFormDetails()??>
-        <#list ctrl.getAllPSDEFormDetails() as formitem>
-        "${formitem.getName()}":{labelName:"${formitem.getCaption()}",helpInfo: "<#if formitem.getInputTip?? && formitem.getInputTip()??>${formitem.getInputTip()}</#if>",required: <#if formitem.isAllowEmpty??&&formitem.isAllowEmpty()??&&formitem.isAllowEmpty() == true>false<#else>true</#if>,validateStatus: "",hasFeedback: true}<#if formitem_has_next>,</#if>
-        </#list>
-        </#if>
-      },
       activeGroup:[<#if ctrl.getAllPSDEFormDetails()??><#list ctrl.getAllPSDEFormDetails() as formitem><#if formitem.getDetailType() == "GROUPPANEL">"${formitem.getName()}",</#if></#list></#if>],
       data:this.formData,
       detailsModel:{
@@ -25,7 +18,18 @@ export default {
         <#if !ctrl.isNoTabHeader()>
         ${ctrl.name}: new FormTabPanelModel({ caption: '${ctrl.name}', detailType: 'TABPANEL', name: '${ctrl.name}', visible: true, isShowCaption: true, form: this, tabPages: [<#list ctrl.getPSDEFormPages() as formmenber><#if formmenber_index gt 0>, </#if>{ name: '${formmenber.name}', index: ${formmenber_index}, visible: <#if formmenber.getPSDEFDGroupLogic('PANELVISIBLE')??>false<#else>true</#if> }</#list>] }),
         </#if>
-    }
+      },
+      rules:{
+        <#list ctrl.getAllPSDEFormDetails() as formdetail>
+        <#if formdetail.getDetailType?? && formdetail.getDetailType() == 'FORMITEM'>
+        ${formdetail.getName()}: [
+            { type: '<#assign datatype=srfjavatype(formdetail.getStdDataType())><#if datatype=='BigInteger' || datatype=='Integer' || datatype=='Double'>number<#else>string</#if>', message: '${formdetail.getCaption()} 值必须为<#if datatype=='BigInteger' || datatype=='Integer' || datatype=='Double'>数值<#else>字符串</#if>类型', trigger: 'change' },
+            { required: <#if formdetail.isAllowEmpty()>false<#else>true</#if>, type: '<#assign datatype=srfjavatype(formdetail.getStdDataType())><#if datatype=='BigInteger' || datatype=='Integer' || datatype=='Double'>number<#else>string</#if>', message: '${formdetail.getCaption()} 值不能为空', trigger: 'change' },
+            { required: <#if formdetail.isAllowEmpty()>false<#else>true</#if>, type: '<#assign datatype=srfjavatype(formdetail.getStdDataType())><#if datatype=='BigInteger' || datatype=='Integer' || datatype=='Double'>number<#else>string</#if>', message: '${formdetail.getCaption()} 值不能为空', trigger: 'blur' },
+        ],
+        </#if>
+        </#list>
+      }
     };
   },
   methods: {