git

src/pages/staff/Organization/form.jsx

@@ -60,7 +60,7 @@ const TreedataFrom = React.forwardRef((props, ref) => {
   //     }
   //   });
   // }
-  //挂载 我先看看
+  //挂载 
   const componentDidMount = () => {
     console.log(this.props.FromValue)
 
@@ -71,7 +71,7 @@ const TreedataFrom = React.forwardRef((props, ref) => {
   return (
 
     <Form   {...formItemLayout} ref={formRef}
-      // onChange={onChange}  onSubmit只有一个 随便写个不行吗onDelete
+      // onChange={onChange}  
       onSubmit={e => handleChange(e, props)}
 
 
@@ -171,7 +171,7 @@ const TreedataFrom = React.forwardRef((props, ref) => {
               { required: true, message: '请选择出生日期' }
             ]
           })(
-            // <RangePicker style={{width: '255px'}} 还是有点问题0.0为啥 />
+            // <RangePicker style={{width: '255px'}}  />
             <DatePicker onChange={onChange} />
           )
         }

src/pages/staff/Organization/index.jsx

@@ -1,5 +1,5 @@
 
-import { Row, Col, Card, Tree, Form, TreeSelect, Input, InputNumber, Modal, Button, message } from 'antd'
+import { Row, Col, Card, Tree, Form, Tabs, TreeSelect, Input, InputNumber, Modal, Button, message } from 'antd'
 import React, { useState, useEffect } from 'react';
 import request from '@/utils/request';
 import apis from '@/services/apis';
@@ -8,6 +8,7 @@ import TreedataFrom from './form';
 const { TreeNode, DirectoryTree } = Tree;
 const FormItem = Form.Item;
 const { Search } = Input;
+const { TabPane } = Tabs;
 
 const treeData =
   [
@@ -55,6 +56,12 @@ class TreeDemo extends React.Component {
       testarr: []
     };
   }
+  // --------标签页
+  callback = (key) => {
+    console.log(key);
+  }
+
+
 
 
   onExpand = expandedKeys => {
@@ -278,14 +285,20 @@ class TreeDemo extends React.Component {
           </Col>
           <Col xs={{ span: 10, offset: 10 }} lg={{ span: 10, offset: 4 }}>
             <Card>
-              <TreedataFrom
-                ref={this.formRef}
-                triggerRef={this.bindRef}
-                onChangethis={this.onChangethis}
-                onSubmit={this.onChangethis}
-
-
-              />
+              <Tabs defaultActiveKey='1' onChange={this.callback}  >
+                <TabPane tab='编辑' key='1'>
+                  <TreedataFrom
+                    ref={this.formRef}
+                    triggerRef={this.bindRef}
+                    onChangethis={this.onChangethis}
+                    onSubmit={this.onChangethis}
+                  />
+                </TabPane>
+                <TabPane tab='新增' key='2'>
+                  <div>You cannot set a form field before rendering a field associated with the value. </div>
+                </TabPane>
+
+              </Tabs>
             </Card>
           </Col>
         </Row>

src/pages/staff/Organization/tree.jsx

@@ -1,110 +0,0 @@
-
-
-
-// import { Tree } from 'antd';
-
-// const { TreeNode } = Tree;
-
-// const treeData = [
-//   {
-//     title: '0-0',
-//     key: '0-0',
-//     children: [
-//       {
-//         title: '0-0-0',
-//         key: '0-0-0',
-//         children: [
-//           { title: '0-0-0-0', key: '0-0-0-0' },
-//           { title: '0-0-0-1', key: '0-0-0-1' },
-//           { title: '0-0-0-2', key: '0-0-0-2' },
-//         ],
-//       },
-//       {
-//         title: '0-0-1',
-//         key: '0-0-1',
-//         children: [
-//           { title: '0-0-1-0', key: '0-0-1-0' },
-//           { title: '0-0-1-1', key: '0-0-1-1' },
-//           { title: '0-0-1-2', key: '0-0-1-2' },
-//         ],
-//       },
-//       {
-//         title: '0-0-2',
-//         key: '0-0-2',
-//       },
-//     ],
-//   },
-//   {
-//     title: '0-1',
-//     key: '0-1',
-//     children: [
-//       { title: '0-1-0-0', key: '0-1-0-0' },
-//       { title: '0-1-0-1', key: '0-1-0-1' },
-//       { title: '0-1-0-2', key: '0-1-0-2' },
-//     ],
-//   },
-//   {
-//     title: '0-2',
-//     key: '0-2',
-//   },
-// ];
-
-// class Demo extends React.Component {
-//   state = {
-//     expandedKeys: ['0-0-0', '0-0-1'],
-//     autoExpandParent: true,
-//     checkedKeys: ['0-0-0'],
-//     selectedKeys: [],
-//   };
-
-//   onExpand = expandedKeys => {
-//     console.log('onExpand', expandedKeys);
-//     // if not set autoExpandParent to false, if children expanded, parent can not collapse.
-//     // or, you can remove all expanded children keys.
-//     this.setState({
-//       expandedKeys,
-//       autoExpandParent: false,
-//     });
-//   };
-
-//   onCheck = checkedKeys => {
-//     console.log('onCheck', checkedKeys);
-//     this.setState({ checkedKeys });
-//   };
-
-//   onSelect = (selectedKeys, info) => {
-//     console.log('onSelect', info);
-//     this.setState({ selectedKeys });
-//   };
-
-//   renderTreeNodes = data =>
-//     data.map(item => {
-//       if (item.children) {
-//         return (
-//           <TreeNode title={item.title} key={item.key} dataRef={item}>
-//             {this.renderTreeNodes(item.children)}
-//           </TreeNode>
-//         );
-//       }
-//       return <TreeNode key={item.key} {...item} />;
-//     });
-
-//   render() {
-//     return (
-//       <Tree
-//         checkable
-//         onExpand={this.onExpand}
-//         expandedKeys={this.state.expandedKeys}
-//         autoExpandParent={this.state.autoExpandParent}
-//         onCheck={this.onCheck}
-//         checkedKeys={this.state.checkedKeys}
-//         onSelect={this.onSelect}
-//         selectedKeys={this.state.selectedKeys}
-//       >
-//         {this.renderTreeNodes(treeData)}
-//       </Tree>
-//     );
-//   }
-// }
-
-// export default Demo