zpc

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

-<#assign content>
+<#if item.render??>
+${item.render.code}
+<#else>
+<a-tab-pane tab="${item.getCaption()}" key="${item.getName}"  class="<#if item.getPSSysCss?? && item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if>">
 <#list item.getPSDEFormDetails() as formmenber>
-    <#if !(formmenber.isHidden?? && formmenber.isHidden())>
-    <#ibizinclude>
-    ../@MACRO/CONTROL/FORM_MEMBER_LAYOUT.tsx.ftl
-    </#ibizinclude>
-    </#if>
+     ${P.getPartCode(formmenber).code}
 </#list>
-</#assign>
-<#if item.getPSLayout()?? &&  item.getPSLayout().getLayout() == "FLEX">
-<#assign pageLayout = item.getPSLayout()>
-<div style="height: 100%;display: flex;<#if pageLayout.getDir()!="">flex-direction: ${pageLayout.getDir()};</#if><#if pageLayout.getAlign()!="">justify-content: ${pageLayout.getAlign()};</#if><#if pageLayout.getVAlign()!="">align-items: ${pageLayout.getVAlign()};</#if>">
-    ${content}
-</div>
-<#else>
-    ${content}
+</a-tab-pane>
 </#if>
\ No newline at end of file

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

-<#assign content>
-    <#list item.getPSDEFormDetails() as formmenber>
+<!-- 表单分组 -->
\ No newline at end of file
-    <#if !(formmenber.isHidden?? && formmenber.isHidden())>
-    <#ibizinclude>
-    ../@MACRO/CONTROL/FORM_MEMBER_LAYOUT.tsx.ftl
-    </#ibizinclude>
-    </#if>
-    </#list>
-</#assign>
-<Collapse defaultActiveKey={['${item.getName()}']} className='<#if item.getPSSysCss?? && item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>'>
-    <Panel header="${item.getCaption()}" key="${item.getName()}">
-<@ibizindent blank=8>
-<#if item.getPSLayout()?? &&  item.getPSLayout().getLayout() == "FLEX">
-<#assign pageLayout = item.getPSLayout()>
-    <div style="height: 100%;display: flex;<#if pageLayout.getDir()!="">flex-direction: ${pageLayout.getDir()};</#if><#if pageLayout.getAlign()!="">justify-content: ${pageLayout.getAlign()};</#if><#if pageLayout.getVAlign()!="">align-items: ${pageLayout.getVAlign()};</#if>">
-        ${content}
-    </div>
-<#else>
-    <Row>
-        ${content}
-    </Row>
-</#if>
-</@ibizindent>
-    </Panel>
-</Collapse>
\ No newline at end of file

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

-<div className="ibiz-form ${ctrl.getCodeName()?lower_case}<#if ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if><#if ctrl.isInfoFormMode?? && ctrl.isInfoFormMode()> info-form-mode</#if>">
-                <Form layout="inline">
+<#if ctrl.render??>
+${ctrl.render.code}
+<#else>
+<div>
+  <a-form :form="form"  class="app-formctrl<#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
 <#if ctrl.isNoTabHeader()>
     <#list ctrl.getPSDEFormPages() as formmenber>
         ${P.getPartCode(formmenber).code}
     </#list>
 <#else>
-                    <Tabs defaultActiveKey="1" onChange={(key: string) => this.tabChange(key)}>
-<#list ctrl.getPSDEFormPages() as formpage>
-                        <TabPane 
-                            tab={
-                                <span className='caption<#if formpage.getLabelPSSysCss?? && formpage.getLabelPSSysCss()??> ${formpage.getLabelPSSysCss().getCssName()}</#if>'>
-                                <#if formpage.getPSSysImage()??>
-                                <#assign sysimage = formpage.getPSSysImage()/>
-                                <#if sysimage.getImagePath() == "">
-                                    <i className='${sysimage.getCssClass()}'></i>&nbsp;
-                                <#else>
-                                    <img src='${sysimage.getImagePath()}'/>&nbsp;
-                                </#if>
-                                </#if>
-                                    ${formpage.getCaption()}
-                                </span>
-                            } 
-                            key="${formpage_index}">
-<@ibizindent blank=28>
-                            ${P.getPartCode(formpage).code}
-</@ibizindent>
-
-                        </TabPane>
+            <a-tabs defaultActiveKey="1" @change="formPageSelected">
+<#list ctrl.getPSDEFormPages() as formPage>
+                 ${P.getPartCode(formPage).code}
 </#list>
-                    </Tabs>
+            </a-tabs>
 </#if>
-                </Form>
-            </div>
+    </a-form>
+<div>
\ No newline at end of file
+</#if>
\ No newline at end of file

@CONTROL/表单/CONTROL.vue.ftl

 <template>
-  <div style="width:800px;margin:0 auto;">
-    <a-form :form="form" @submit="handleSubmit" :layout="formLayout">
-      <a-tabs defaultActiveKey="1" @change="callback">
-        <a-tab-pane tab="Tab 1" key="1">
-          <a-form-item
-            :label="formdata.note.labelName"
-            :label-col="formdata.note.labelCol"
-            :wrapper-col="formdata.note.wrapperCol"
-            :help="'test'"
-            :required="formdata.note.required"
-            :validate-status="formdata.note.validateStatus"
-            :has-feedback="formdata.note.hasFeedback"
-          >
-            <a-input
-              v-decorator="['note',{rules: [{ required: true, message: 'Please input your note!' }]}]"
-            />
-          </a-form-item>
-          <a-form-item label="Gender" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
-            <a-select
-              v-decorator="['gender',{rules: [{ required: true, message: 'Please select your gender!' }]}]"
-              @change="handleSelectChange"
-            >
-              <a-select-option value="male">male</a-select-option>
-              <a-select-option value="female">female</a-select-option>
-            </a-select>
-          </a-form-item>
-          <a-form-item
-            :label-col="formItemLayout.labelCol"
-            :wrapper-col="formItemLayout.wrapperCol"
-            label="Nickname"
-          >
-            <a-input
-              v-decorator="[
-          'nickname',
-          {rules: [{ required: checkNick, message: 'Please input your nickname' }]}
-        ]"
-              placeholder="Please input your nickname"
-            />
-          </a-form-item>
-          <a-form-item :label-col="{span:4}" :wrapper-col="{ span: 8, offset: 4 }">
-            <a-checkbox :checked="checkNick" @change="handleChange">Nickname is required</a-checkbox>
-          </a-form-item>
-          <a-form-item :wrapper-col="{ span: 12, offset: 5 }">
-            <a-button type="primary" html-type="submit">提交</a-button>
-          </a-form-item>
-        </a-tab-pane>
-        <a-tab-pane tab="Tab 2" key="2" forceRender>Content of Tab Pane 2</a-tab-pane>
-      </a-tabs>
-    </a-form>
-  </div>
+${P.getPartCode(item,'FORM').code}
 </template>
 
 <script>
 export default {
   name: "${ctrl.getCodeName()}${ctrl.getName()}",
   data() {
-    return {
-      formLayout: "Inline",
-      form: this.$form.createForm(this),
-      formItemLayout: {
-        labelCol: { span: 5 },
-        wrapperCol: { span: 12 }
-      },
-      checkNick: false,
-      formdata: {
-        note: {
-          labelName: "Note",
-          labelCol: { span: 5 },
-          wrapperCol: { span: 12 },
-          help: "",
-          required: "true",
-          validateStatus: "warning",
-          hasFeedback: true
-        }
-      }
-    };
+    return {};
   },
   methods: {
-    callback(key) {
-      console.log(key);
-    },
-    handleSubmit(e) {
-      e.preventDefault();
-      this.form.validateFields((err, values) => {
-        if (!err) {
-          console.log("Received values of form: ", values);
-        }
-      });
-    },
-    handleSelectChange(value) {
-      console.log(value);
-      this.form.setFieldsValue({
-      
-      });
-      console.log(ComUtil.createUUID());
-    },
-    handleChange(e) {
-      this.checkNick = e.target.checked;
-      this.$nextTick(() => {
-        this.form.validateFields(["nickname"], { force: true });
-      });
+    formPageSelected(key){
+      console.log("表单选中了"+key);
     }
   }
 };