git pull

src/pages/staff/Organization/TreeTitle.jsx

@@ -0,0 +1,79 @@
+import { Icon } from 'antd';
+import { useState } from 'react';
+
+export default (props) => {
+    const [isEdit, setIsEdit] = useState(false)
+    const [inputVal, setInputVal] = useState()
+    const { onAdd, onDelete, isDelete, onChange, value } = props
+
+    const handleClose = () => {
+        setIsEdit(false)
+        setInputVal(value)
+    }
+
+    const handleSave = () => {
+        onChange(inputVal)
+        setIsEdit(false)
+        setInputVal()
+    }
+
+    if (isEdit) {
+        return (
+
+            <div>
+                {/* 逻辑运算 OR  */}
+                {/* item项目value根据状态切换 */}
+                {/*onChange这个API是一个函数，并且需要返回值，API的返回值是onChange方法的返回值
+                e就是api的形参，这个参数的生成需要onChange的API触发，同时将e传给方法并获取其返回值
+                实参把值给形参，由形参保存。
+                这个e会获取到最新的变化值并且传到onchange方法
+                */}
+                <input value={inputVal} onChange={(e) => setInputVal(e.target.value)} />
+
+                <Icon
+                    //取消保存
+                    type="close-circle"
+                    theme="filled"
+
+                    style={{ marginLeft: 10 }}
+                    onClick={handleClose}//恢复默认值 
+                />
+                <Icon
+                    //保存节点
+                    type="check-circle"
+                    theme="filled"
+                    style={{ marginLeft: 10 }}
+                    onClick={handleSave}
+                />
+            </div>
+        )
+    }
+
+    return (
+        <div >
+            <span>{value}</span>
+            <span>
+                {/* 编辑edit onclick 拿到项目的key */}
+                <Icon
+                    type="edit"
+                    style={{ marginLeft: 10 }}
+                    onClick={() => setIsEdit(true)}
+                />
+                {/* 编辑plus onclick 拿到项目的key */}
+                <Icon
+                    type="plus"
+                    style={{ marginLeft: 10 }}
+                    onClick={onAdd}
+                />
+                {/* 先确认父key是不是绝对等于"0" */}
+                {isDelete && (
+                    <Icon
+                        type="delete"
+                        style={{ marginLeft: 10 }}
+                        onClick={onDelete}
+                    />
+                )}
+            </span>
+        </div>
+    )
+}

src/pages/staff/Organization/form.jsx

@@ -0,0 +1,4 @@
+
+export default (props) => {
+
+}

src/pages/staff/Organization/index.jsx

@@ -1,253 +1,507 @@
-import React, { useState } from "react";
-import { Tree, Icon, Card } from "antd";
-import { nanoid } from "nanoid";//生成唯一id
-import { duration } from "moment";
-
-const { TreeNode } = Tree;
-//树形数据
-const treeData = [
-  {
-    value: "0",
-    defaultValue: "0",
-    key: "0",
-    parentKey: '0',
-    isEditable: false,
-    children: [
-      {
-        value: "0",
-        key: "0-1",
-        defaultValue: "0-1",
-        isEditable: false,
-      },
-    ],
-  },
-
-];
-
-const expandedKeyArr = ["0"];
-export default function TreeDemo() {
-  const [data, setData] = useState(treeData);//获取值，及时更新被修改的值。变量
-  const [expandedKeys, setExpandedKeys] = useState(expandedKeyArr);//状态
-  const onExpand = (expandedKeys) => {
-    //记录折叠的key值
-    setExpandedKeys(expandedKeys);
-  };
-  //开始渲染树形节点 data拿到数据
-  const renderTreeNodes = (data) => {
-    //遍历项目
-    let nodeArr = data.map((item) => {
-      //项目编辑内容=title
-      if (item.isEditable) {
-        item.title = (
-          <div>
-            {/* 逻辑运算 OR  */}
-            {/* item项目value根据状态切换 */}
-            {/*onChange这个API是一个函数，并且需要返回值，API的返回值是onChange方法的返回值
-            e就是api的形参，这个参数的生成需要onChange的API触发，同时将e传给方法并获取其返回值
-            实参把值给形参，由形参保存。
-
-            这个e会获取到最新的变化值并且传到onchange方法
-            */}
-            <input value={item.value || ''} onChange={(e) => onChange(e, item.key)} />
-
-            <Icon
-              //取消保存
-              type="close-circle"
-              theme="filled"
-
-              style={{ marginLeft: 10 }}
-              onClick={() => onClose(item.key, item.defaultValue)}//恢复默认值 
-            />
-            <Icon
-              //保存节点
-              type="check-circle"
-              theme="filled"
-              style={{ marginLeft: 10 }}
-              onClick={() => onSave(item.key)}
-            />
-          </div>
-        );
-      } else {
-        //放在标题旁边
-        item.title = (
-          <div >
-            <span>{item.value}</span>
-            <span>
-              {/* 编辑edit onclick 拿到项目的key */}
-              <Icon
-                type="edit"
-                style={{ marginLeft: 10 }}
-                onClick={() => onEdit(item.key)}
-              />
-              {/* 编辑plus onclick 拿到项目的key */}
-              <Icon
-                type="plus"
-                style={{ marginLeft: 10 }}
-                onClick={() => onAdd(item.key)}
-              />
-              {/* 先确认父key是不是绝对等于"0" */}
-              {item.parentKey === "0" ? null : (
-                <Icon
-                  type="delete"
-                  style={{ marginLeft: 10 }}
-                  onClick={() => onDelete(item.key)}
-                />
-              )}
-            </span>
-          </div>
-        );
-      }
-      //更新数据----------------------------
-      if (item.children) {
-        return (
-          <TreeNode title={item.title} key={item.key} dataRef={item}>
-            {/* 渲染 */}
-            {renderTreeNodes(item.children)}
-          </TreeNode>
-        );
-      }
-      //返回他的标题，和key值
-      return <TreeNode title={item.title} key={item.key} />;
-    });
-    //返回节点
-    return nodeArr;
+// import React, { useState } from "react";
+// import { Tree, Icon, Card } from "antd";
+// import { nanoid } from "nanoid";//生成唯一id
+// import { duration } from "moment";
+// import TreeTitle from './TreeTitle'
+
+// const { TreeNode } = Tree;
+// //树形数据
+// const treeData = [
+//   {
+//     value: "0",
+//     defaultValue: "0",
+//     key: "0",
+//     parentKey: '0',
+//     isEditable: false,
+//     children: [
+//       {
+//         value: "0",
+//         key: "0-1",
+//         defaultValue: "0-1",
+//         isEditable: false,
+//       },
+//     ],
+//   },
+
+// ];
+
+// const expandedKeyArr = ["0"];
+// export default function TreeDemo() {
+//   const [data, setData] = useState(treeData);//获取值，及时更新被修改的值。变量
+//   const [expandedKeys, setExpandedKeys] = useState(expandedKeyArr);//状态
+//   // const onExpand = (expandedKeys) => {
+//   //   //记录折叠的key值
+//   //   setExpandedKeys(expandedKeys);
+//   // };
+//   //开始渲染树形节点 data拿到数据
+//   const renderTreeNodes = (data) => {
+//     //遍历项目
+//     let nodeArr = data.map((item) => {
+
+//       const Title = (
+//         <TreeTitle
+//           value={item.value}
+//           isDelete={item.parentKey !== "0"}
+//           onAdd={() => onAdd(item.key)}
+//           onDelete={() => onDelete(item.key)}
+//           onChange={(val) => onChange(val, item.key)}
+//         />
+//       );
+//       if (item.children) {
+//         return (
+//           <TreeNode title={Title} key={item.key} dataRef={item}>
+//             {/* 渲染 */}
+//             {renderTreeNodes(item.children)}
+//           </TreeNode>
+//         );
+//       }
+//       //返回他的标题，和key值
+//       return <TreeNode title={Title} key={item.key} />;
+//     });
+//     //返回节点
+//     return nodeArr;
+//   }
+//   //新增
+//   const onAdd = (key) => {
+//     if (expandedKeys.indexOf(key) === -1) {
+//       expandedKeyArr.push(key);
+//     }
+//     setExpandedKeys(expandedKeyArr.slice());
+//     addNode(key, treeData);//添加节点 树形
+//     //useState里数据务必为immutable （不可赋值的对象），所以必须加上slice()返回一个新的数组对象
+//     setData(treeData.slice());//添加子项
+//   };
+//   //编辑
+//   //拿到key treeData数据--setData设置数据---slice删除数据中已返回的元素  [aa,bb,cc,dd,ee]--slice(2)输出[cc,dd,ee]
+//   const onEdit = (key) => {
+//     editNode(key, treeData);
+//     setData(treeData.slice());
+//   };
+//   const editNode = (key, data) =>
+//     data.forEach((item) => {
+//       if (item.key === key) {
+//         //编辑状态 true
+
+//         item.isEditable = true;
+//       } else {
+
+//         //编辑状态 false
+//         item.isEditable = false;
+//       }
+//       item.value = item.defaultValue; // 当某节点处于编辑状态，并改变数据，点击编辑其他节点时，此节点变成不可编辑状态，value 需要回退到 defaultvalue
+//       //当某子项处于编辑状态，改变数据，点击其他时候，此项变成不可编辑
+//       if (item.children) {
+//         editNode(key, item.children);
+//         //编辑子节点
+//       }
+//     });
+
+//   const addNode = (key, data) =>
+//     data.forEach((item) => {
+//       if (item.key === key) {//如果拿到的key相同则判断子项
+//         if (item.children) {
+//           item.children.push({
+//             value: "default",//创建新的子项默认值
+//             key: nanoid(), // 这个 key 应该是唯一的
+//           });
+//         } else {
+//           item.children = [];
+//           item.children.push({
+//             value: "default",
+//             key: nanoid(),
+//           });
+//         }
+//         return;
+//       }
+//       if (item.children) {
+//         addNode(key, item.children);
+//       }
+//     });
+
+//   const onChange = (val, key) => {
+//     changeNode(key, val, treeData);
+//     setData(treeData.slice());
+//   };
+
+//   const changeNode = (key, value, data) =>
+//     data.forEach((item) => {
+//       if (item.key === key) {//新增子项内容赋值
+//         item.value = value;
+//       }
+//       if (item.children) {
+//         changeNode(key, value, item.children);//子项
+//       }
+//     });
+
+//   //确认保存节点
+//   const saveNode = (key, data) =>
+//     data.forEach((item) => {
+//       if (item.key === key) {
+//         item.defaultValue = item.value;//item.value内容赋值给defaultValue
+//       }
+//       //子项保存不能编辑
+//       if (item.children) {
+//         saveNode(key, item.children);
+//       }
+//       //项目是否能编辑
+//       item.isEditable = false;
+//     });
+
+//   //取消确认
+//   const closeNode = (key, defaultValue, data) =>
+//     data.forEach((item) => {
+//       item.isEditable = false;
+//       if (item.key === key) {
+//         item.value = defaultValue;
+//       }
+//       if (item.children) {
+//         closeNode(key, defaultValue, item.children);
+//       }
+//     });
+//   // slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
+//   const onDelete = (key) => {
+//     deleteNode(key, treeData);
+//     setData(treeData.slice());
+//   };
+//   //删除节点
+//   const deleteNode = (key, data) =>
+//     //拿到每个key数据， 如果要删除的key相同，则删除，并返回。如果不同判断子项
+//     data.forEach((item, index) => {
+//       if (item.key === key) {
+//         data.splice(index, 1);//从某个位置开始删除元素
+//         return;
+//       } else {
+//         if (item.children) {
+//           deleteNode(key, item.children);
+//         }
+//       }
+//     });
+
+//   return (
+//     <div>
+//       <Card style={{ width: '90%' }}>
+//         <Tree
+//           switcherIcon={<Icon type="down-square" theme="filled" />}
+//           expandedKeys={expandedKeys}
+//         // onExpand={onExpand}
+//         >
+//           {renderTreeNodes(data)}
+//         </Tree>
+//       </Card>
+
+//     </div>
+//   );
+// }
+
+
+
+
+
+
+
+
+
+
+
+
+
+import { Row, Col, Card, Tree, DatePicker, Form, Input, InputNumber, Radio, Button } from 'antd'
+import React, { useEffect, useState, useCallback } from 'react';
+import ImageUpload from '@/components/XForm/ImageUpload';
+
+// import userTrees from './tree'
+
+const { TreeNode, DirectoryTree } = Tree
+const FormItem = Form.Item;
+
+
+
+
+const userTree = React.forwardRef((props, ref) => {
+  const [loading, setLoading] = useState(false);//防止多次点击 定义loadind
+  const [formData, setFormData] = useState();//提交表单的数据
+  const [contentType, setContentType] = useState(1);//单选。初始默认显示1 富文本框。点击视频， 渲染2
+  const { form, history } = props;
+  const { getFieldDecorator, setFieldsValue, validateFields } = form;
+  const { curriculumId } = history.location.query || {}
+  function goBack() {
+    window.history.back(-1)
   }
-  //新增
-  const onAdd = (key) => {
-    if (expandedKeys.indexOf(key) === -1) {
-      expandedKeyArr.push(key);
-    }
-    setExpandedKeys(expandedKeyArr.slice());
-    addNode(key, treeData);//添加节点 树形
-    //useState里数据务必为immutable （不可赋值的对象），所以必须加上slice()返回一个新的数组对象
-    setData(treeData.slice());//添加子项
-  };
-  //编辑
-  //拿到key treeData数据--setData设置数据---slice删除数据中已返回的元素  [aa,bb,cc,dd,ee]--slice(2)输出[cc,dd,ee]
-  const onEdit = (key) => {
-    editNode(key, treeData);
-    setData(treeData.slice());
-  };
-  const editNode = (key, data) =>
-    data.forEach((item) => {
-      if (item.key === key) {
-        //编辑状态 true
-
-        item.isEditable = true;
-      } else {
-
-        //编辑状态 false
-        item.isEditable = false;
-      }
-      item.value = item.defaultValue; // 当某节点处于编辑状态，并改变数据，点击编辑其他节点时，此节点变成不可编辑状态，value 需要回退到 defaultvalue
-      //当某子项处于编辑状态，改变数据，点击其他时候，此项变成不可编辑
-      if (item.children) {
-        editNode(key, item.children);
-        //编辑子节点
-      }
-    });
-
-  const addNode = (key, data) =>
-    data.forEach((item) => {
-      if (item.key === key) {//如果拿到的key相同则判断子项
-        if (item.children) {
-          item.children.push({
-            value: "default",//创建新的子项默认值
-            key: nanoid(), // 这个 key 应该是唯一的
-          });
-        } else {
-          item.children = [];
-          item.children.push({
-            value: "default",
-            key: nanoid(),
-          });
-        }
-        return;
-      }
-      if (item.children) {
-        addNode(key, item.children);
-      }
-    });
-
-  const onChange = (e, key) => {
-    changeNode(key, e.target.value, treeData);
-    setData(treeData.slice());
-  };
 
-  const changeNode = (key, value, data) =>
-    data.forEach((item) => {
-      if (item.key === key) {//新增子项内容赋值
-        item.value = value;
-      }
-      if (item.children) {
-        changeNode(key, value, item.children);//子项
-      }
-    });
-
-  const onSave = (key) => {
-    saveNode(key, treeData);
-    setData(treeData.slice());
-  };
-  //确认保存节点
-  const saveNode = (key, data) =>
-    data.forEach((item) => {
-      if (item.key === key) {
-        item.defaultValue = item.value;//item.value内容赋值给defaultValue
-      }
-      //子项保存不能编辑
-      if (item.children) {
-        saveNode(key, item.children);
-      }
-      //项目是否能编辑
-      item.isEditable = false;
-    });
-
-  const onClose = (key, defaultValue) => {
-    closeNode(key, defaultValue, treeData);
-    //项目关闭，获取treeData树数据值
-    setData(treeData);
-  };
-  //取消确认
-  const closeNode = (key, defaultValue, data) =>
-    data.forEach((item) => {
-      item.isEditable = false;
-      if (item.key === key) {
-        item.value = defaultValue;
-      }
-      if (item.children) {
-        closeNode(key, defaultValue, item.children);
-      }
-    });
-  // slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
-  const onDelete = (key) => {
-    deleteNode(key, treeData);
-    setData(treeData.slice());
+  const formItemLayout = {
+    //布局
+    labelCol: { span: 6 },
+    wrapperCol: { span: 14 },
+
   };
-  //删除节点
-  const deleteNode = (key, data) =>
-    //拿到每个key数据， 如果要删除的key相同，则删除，并返回。如果不同判断子项
-    data.forEach((item, index) => {
-      if (item.key === key) {
-        data.splice(index, 1);//从某个位置开始删除元素
-        return;
-      } else {
-        if (item.children) {
-          deleteNode(key, item.children);
-        }
-      }
-    });
 
   return (
-    <div>
-      <Card style={{ width: '90%' }}>
-        <Tree
-          switcherIcon={<Icon type="down-square" theme="filled" />}
-          expandedKeys={expandedKeys}
-          onExpand={onExpand}>
-          {renderTreeNodes(data)}
-        </Tree>
-      </Card>
-
-    </div>
-  );
-}
+    <Card>
+      <Row justify='center'>
+        <Col xs={{ span: 5, offset: 1 }} lg={{ span: 6, offset: 0 }}>
+          <Card>
+            <DirectoryTree multiple>
+              <TreeNode title="parent 0" key="0-0">
+                <TreeNode title="leaf 0-0" key="0-0-0" isLeaf />
+                <TreeNode title="leaf 0-1" key="0-0-1" isLeaf />
+              </TreeNode>
+              <TreeNode title="parent 1" key="0-1">
+                <TreeNode title="leaf 1-0" key="0-1-0" isLeaf />
+                <TreeNode title="leaf 1-1" key="0-1-1" isLeaf />
+                <TreeNode title="leaf 1-1" key="0-1-2" isLeaf />
+                <TreeNode title="leaf 1-1" key="0-1-3" isLeaf />
+                <TreeNode title="leaf 1-1" key="0-1-4" isLeaf />
+                <TreeNode title="leaf 1-1" key="0-1-5" isLeaf />
+              </TreeNode>
+            </DirectoryTree>
+          </Card>
+        </Col>
+        {/* FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF>Form表单 */}
+        <Col xs={{ span: 10, offset: 10 }} lg={{ span: 10, offset: 4 }}>
+          <Card>
+            <Form {...formItemLayout} >
+              <FormItem label="照片" help="建议尺寸：750px*600px，比例5:4，格式：jpg，用于：列表和详情">
+                {
+                  getFieldDecorator('curriculumImg', {
+                    rules: [
+                      { required: true, message: '请上传照片' }
+                    ]
+                  })(
+                    <ImageUpload />
+                  )
+                }
+              </FormItem>
+              <FormItem label="姓名">
+                {
+                  getFieldDecorator('name', {
+                    rules: [
+                      { required: true, message: '请输入姓名' }
+                    ]
+                  })(
+                    <Input style={{ width: '88px' }} />
+                  )
+                }
+              </FormItem>
+              <FormItem label="年龄" >
+                {
+                  getFieldDecorator('weight', {
+                    rules: [{ required: true, message: '请输入年龄' }]
+                  })(
+                    <InputNumber min='18' />
+                  )
+                }
+              </FormItem>
+
+              <FormItem label="性别">
+                {
+                  getFieldDecorator('type', {
+                    rules: [
+                      { required: true, message: '请选择性别' }
+                    ]
+                  })(
+                    <Radio.Group value={contentType} style={{ width: '500px' }} defaultValue={1}>
+                      {/* onChange={e => setContentType(e.target.value)} */}
+                      <Radio value={1}>男</Radio>
+                      <Radio value={2}>女</Radio>
+                    </Radio.Group>
+                  )
+                }
+              </FormItem>
+              <Form.Item label="工作总时间" style={{ marginBottom: 0 }} help="如未离职，第二个日期则不用输入">
+                <Form.Item style={{ display: 'inline-block' }} >
+                  <DatePicker />
+                </Form.Item>
+                <span style={{ display: 'inline-block', width: '20px', textAlign: 'center' }}>至</span>
+                <Form.Item style={{ display: 'inline-block' }}>
+                  <DatePicker />
+                </Form.Item>
+              </Form.Item>
+
+              <FormItem wrapperCol={{ span: 12, offset: 6 }}>
+                <Button loading={loading} type="primary" htmlType="">
+                  保存
+                </Button>
+                <Button style={{ marginLeft: '2em' }} onClick={goBack}>
+                  返回
+                </Button>
+                <Button type='danger' style={{ marginLeft: '2em' }} >
+                  删除
+                </Button>
+              </FormItem>
+            </Form>
+          </Card>
+        </Col>
+      </Row>
+    </Card>
+
+  )
+})
+
+
+
+// import React, { useEffect, useState, useCallback } from 'react';
+// import { Button, Form, Select, Input, InputNumber, Radio, message, DatePicker, Card } from 'antd';
+// import ImageUpload from '@/components/XForm/ImageUpload';
+// import FileUpload from '@/components/XForm/FileUpload';
+// import Wangedit from '@/components/Wangedit/Wangedit';
+// import router from 'umi/router';
+// import { fetch, apis } from '@/utils/request';
+
+// const FormItem = Form.Item;
+// const Option = Select.Option;
+// // const getCurriculumData = fetch(apis.course.searchCourse);
+// // const saveCurriculumData = fetch(apis.course.addCourse);
+// // const updateCurriculumData = fetch(apis.course.alterCourse);
+// const goBack = () => router.goBack(-1);
+
+// const userTree = React.forwardRef((props, ref) => {
+//   const [loading, setLoading] = useState(false);//防止多次点击 定义loadind
+//   const [formData, setFormData] = useState();//提交表单的数据
+//   const [contentType, setContentType] = useState(1);//单选。初始默认显示1 富文本框。点击视频， 渲染2
+//   const { form, history } = props;
+//   const { getFieldDecorator, setFieldsValue, validateFields } = form;
+//   const { curriculumId } = history.location.query || {}
+
+//   const formItemLayout = {
+//     //布局
+//     labelCol: { span: 6 },
+//     wrapperCol: { span: 14 },
+
+//   };
+
+//   const handleSubmit = (e) => {
+//     e.preventDefault();
+//     validateFields((err, values) => {
+//       if (err) {
+//         return;
+//         //字符验证未填写---返回
+//       }
+
+//       setLoading(true);//loading开始
+
+//       if (curriculumId) {
+//         //如果有这个id拿。没有就，拿返回的curriculumId
+//         updateCurriculumData({
+//           data: {
+//             ...values,
+//             curriculumId
+//           },
+//           urlData: { id: curriculumId }
+//         }).then(() => {
+//           setLoading(false);
+//           message.success('数据更新成功');
+//           goBack()
+//         }).catch((err) => {
+//           setLoading(false);//loading消失
+//           message.error(err.message || err);
+//         })
+//       } else {
+//         saveCurriculumData({ data: values }).then(() => {
+//           setLoading(false);
+//           message.success('数据保存成功');
+//           goBack()
+//         }).catch((err) => {
+//           setLoading(false);//loading消失
+//           message.error(err.message || err);
+//         })
+//       }
+//     });
+//   }
+
+//   const getCourseData = useCallback(({ curriculumId }) => {//函数结果存 初始化运行一次，等待调用。
+//     getCurriculumData({ urlData: { id: curriculumId } }).then((res) => {
+//       setFormData(res)
+//     })
+//   }, [])
+
+//   useEffect(() => {
+//     if (curriculumId) {
+//       getCourseData({ curriculumId })//第一次渲染前//获取id
+//     }
+//   }, [curriculumId])//第二次id一样不执行
+
+//   useEffect(() => {
+//     if (formData) {//1.form表单数据{2} 执行。无变更不执行
+//       setFieldsValue(formData)
+//     }
+//   }, [formData])//2.有变更跟的话
+
+
+//   return (
+//     <Card>
+//       <Form {...formItemLayout} onSubmit={handleSubmit}>
+//         <FormItem label="照片" help="建议尺寸：750px*600px，比例5:4，格式：jpg，用于：列表和详情">
+//           {
+//             getFieldDecorator('curriculumImg', {
+//               rules: [
+//                 { required: true, message: '请上传照片' }
+//               ]
+//             })(
+//               <ImageUpload />
+//             )
+//           }
+//         </FormItem>
+//         <FormItem label="姓名">
+//           {
+//             getFieldDecorator('name', {
+//               rules: [
+//                 { required: true, message: '请输入姓名' }
+//               ]
+//             })(
+//               <Input style={{ width: '88px' }} />
+//             )
+//           }
+//         </FormItem>
+//         <FormItem label="年龄" >
+//           {
+//             getFieldDecorator('weight', {
+//               rules: [{ required: true, message: '请输入年龄' }]
+//             })(
+//               <InputNumber min='18' />
+//             )
+//           }
+//         </FormItem>
+
+//         <FormItem label="性别">
+//           {
+//             getFieldDecorator('type', {
+//               rules: [
+//                 { required: true, message: '请选择性别' }
+//               ]
+//             })(
+//               <Radio.Group value={contentType} style={{ width: '500px' }} defaultValue={1}>
+//                 {/* onChange={e => setContentType(e.target.value)} */}
+//                 <Radio value={1}>男</Radio>
+//                 <Radio value={2}>女</Radio>
+//               </Radio.Group>
+//             )
+//           }
+//         </FormItem>
+//         <Form.Item label="工作总时间" style={{ marginBottom: 0 }} help="如未离职，第二个日期则不用输入">
+//           <Form.Item style={{ display: 'inline-block' }} >
+//             <DatePicker />
+//           </Form.Item>
+//           <span style={{ display: 'inline-block', width: '20px', textAlign: 'center' }}>至</span>
+//           <Form.Item style={{ display: 'inline-block' }}>
+//             <DatePicker />
+//           </Form.Item>
+//         </Form.Item>
+
+//         <FormItem wrapperCol={{ span: 12, offset: 6 }}>
+//           <Button loading={loading} type="primary" htmlType="">
+//             保存
+//           </Button>
+//           <Button style={{ marginLeft: '2em' }} onClick={goBack}>
+//             返回
+//           </Button>
+//           <Button type='danger' style={{ marginLeft: '2em' }} >
+//             删除
+//           </Button>
+//         </FormItem>
+//       </Form>
+//     </Card>
+
+//   )
+// })
+
+export default Form.create({})(userTree);