form

console/client/src/sections/console/containers/setUp.js

@@ -4,26 +4,33 @@ import { connect } from 'react-redux';
 import {
     BorderlessTableOutlined, BlockOutlined, RollbackOutlined
 } from '@ant-design/icons';
-import { Col, Row, Button, Modal, Input } from 'antd';
+import { Col, Row, Button, Modal, Form, Input } from 'antd';
 import '../style.less'
 
 function SetUp ({ dispatch }) {
+    const [form] = Form.useForm();
     const [renderMenu, setRenderMenu] = useState([])
+    const [renderForm, setRenderForm] = useState(false)
     const [levelOneMenu] = useState([{
         n: '参数标定',
         ic: <BlockOutlined className='setup-icon' />,
-        child: [
-            {
-                n: '塔机参数',
-                ic: <BorderlessTableOutlined className='setup-icon' />
-            }, {
-                n: '返回',
-                ic: <RollbackOutlined className='setup-icon' />,
-                click: () => {
-                    dispatch(push('/'));
-                }
-            },
-        ]
+        click: () => {
+            setRenderMenu([
+                {
+                    n: '塔机参数',
+                    ic: <BorderlessTableOutlined className='setup-icon' />,
+                    click: () => {
+                        setRenderForm(true)
+                    }
+                }, {
+                    n: '返回',
+                    ic: <RollbackOutlined className='setup-icon' />,
+                    click: () => {
+                        setRenderMenu(levelOneMenu)
+                    }
+                },
+            ])
+        }
     }, {
         n: '限位告警参数',
         ic: <BorderlessTableOutlined className='setup-icon' />
@@ -57,6 +64,19 @@ function SetUp ({ dispatch }) {
                 }
             </div>
 
+            {/* <Form form={form} name="control-hooks"  >
+                <Form.Item
+                    name="note"
+                    label="Note"
+                    rules={[
+                        {
+                            required: true,
+                        },
+                    ]}
+                >
+                    <Input />
+                </Form.Item>
+            </Form> */}
         </div>
     )
 }