新增会员

package.json

@@ -27,7 +27,7 @@
     "@umijs/preset-react": "1.x",
     "@umijs/test": "^3.2.0",
     "bizcharts": "^4.0.7",
-    "god": "0.1.7",
+    "god": "0.1.12",
     "lint-staged": "^10.0.7",
     "mobx": "^5.15.4",
     "mobx-react": "^6.2.2",

src/pages/member/memberImport/addMember.tsx

 import React, { useState, useRef, } from 'react'
 import { history } from 'umi'
-import { Card, Button, Tabs } from 'antd'
+import { Card, Button } from 'antd'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import { ContainerOutlined } from '@ant-design/icons'
+import {
+  SchemaForm,
+  FormMegaLayout,
+  Field,
+  createFormActions
+} from '@formily/antd'
+import { Input, FormTab, Select } from '@formily/antd-components'
+import 'antd/dist/antd.css'
 import './index.less'
 
+const components = { Input, Select }
+
+const actions = createFormActions()
+
 const addMember: React.FC<[]> = () => {
   return (
     <PageHeaderWrapper
@@ -18,11 +30,119 @@ const addMember: React.FC<[]> = () => {
         </>
       ]}
       extra={[
-        <Button className='saveBtn' icon={<ContainerOutlined />}>保存</Button>
+        <Button
+          className='saveBtn'
+          icon={<ContainerOutlined />}
+          onClick={() => actions.submit()}
+        >
+          保存
+        </Button>
       ]}
     >
       <Card>
-
+        <SchemaForm
+          components={components}
+          actions={actions}
+        >
+          <FormTab name="tabs" defaultActiveKey={'tab-1'}>
+            <FormTab.TabPane name="tab-1" tab="基本信息">
+              <FormMegaLayout
+                labelWidth="140"
+                labelAlign="left"
+              >
+                <Field
+                  name="aaa"
+                  type="number"
+                  title="会员类型"
+                  x-props={{ style: { width: 572 } }}
+                  enum={[
+                    { value: 1, label: '显示' },
+                    { value: 0, label: '隐藏' }
+                  ]}
+                  required
+                  x-component="Select"
+                />
+                <Field
+                  name="bbb"
+                  type="number"
+                  title="会员角色"
+                  x-props={{ style: { width: 572 } }}
+                  enum={[
+                    { value: 1, label: '显示' },
+                    { value: 0, label: '隐藏' }
+                  ]}
+                  required
+                  x-component="Select"
+                />
+                <Field
+                  name="ccc"
+                  type="number"
+                  title="会员等级"
+                  x-props={{ style: { width: 572 } }}
+                  enum={[
+                    { value: 1, label: '显示' },
+                    { value: 0, label: '隐藏' }
+                  ]}
+                  required
+                  x-component="Select"
+                />
+                <Field
+                  name="ddd"
+                  type="number"
+                  title="会员等级"
+                  x-props={{ style: { width: 572 } }}
+                  enum={[
+                    { value: 1, label: '显示' },
+                    { value: 0, label: '隐藏' }
+                  ]}
+                  required
+                  x-component="Select"
+                />
+                <Field
+                  type="string"
+                  name="eee"
+                  title="注册邮箱"
+                  x-props={{ style: { width: 572 } }}
+                  x-component="Input"
+                />
+              </FormMegaLayout>
+            </FormTab.TabPane>
+            <FormTab.TabPane name="tab-2" tab="渠道信息">
+              <Field
+                type="string"
+                name="a2"
+                title="字段2"
+                required
+                x-component="Input"
+              />
+              <Field
+                type="string"
+                name="a3"
+                title="字段3"
+                required
+                x-component="Input"
+              />
+              <Field
+                type="string"
+                name="a4"
+                title="字段4"
+                required
+                x-component="Input"
+              />
+              <Field
+                type="string"
+                name="a5"
+                title="字段5"
+                required
+                x-component="Input"
+              />
+            </FormTab.TabPane>
+            <FormTab.TabPane name="tab-3" tab="营业执照"></FormTab.TabPane>
+            <FormTab.TabPane name="tab-4" tab="法定代表人"></FormTab.TabPane>
+            <FormTab.TabPane name="tab-5" tab="联系信息"></FormTab.TabPane>
+            <FormTab.TabPane name="tab-6" tab="流转记录"></FormTab.TabPane>
+          </FormTab>
+        </SchemaForm>
       </Card>
     </PageHeaderWrapper>
   )

src/pages/member/memberImport/index.tsx

@@ -173,23 +173,29 @@ const memberImport: React.FC<{}> = () => {
           }}
           formilyProps={{
             layouts: {
-              order: 1
+              order: 1,
+              span: 4
             },
             ctx: {
+              inline: false,
               schema: {
                 type: 'object',
                 properties: {
-                  name: {
-                    type: 'string',
-                    'x-component': 'Search',
+                  megaLayout0: {
+                    type: 'object',
+                    'x-component': 'mega-layout',
                     'x-component-props': {
-                      placeholder: '请输入'
-                    }
-                  },
-                  names: {
-                    type: 'string',
-                    'x-component-props': {
-                      placeholder: '请输入'
+                      grid: true,
+                      columns: 2,
+                    },
+                    properties: {
+                      name: {
+                        type: 'string',
+                        'x-component': 'Search',
+                        'x-component-props': {
+                          placeholder: '请输入'
+                        }
+                      }
                     }
                   }
                 }
@@ -198,9 +204,6 @@ const memberImport: React.FC<{}> = () => {
           }}
           formilyChilds={
             {
-              layouts: {
-                order: 0
-              },
               children: (
                 <>
                   <Button