员工详情表单弹窗

src/pages/Staff/Employee/components/EmployeeDetail/EmployeeForm.jsx

@@ -2,7 +2,8 @@ import React from 'react'
 import { Col, Row } from 'antd'
 import EditableForm from '@/components/EditableForm'
 
-const EmployeeForm = () => {
+const EmployeeForm = props => {
+  const { data } = props
   const columns = [
     {
       dataIndex: 'jobNumber',
@@ -218,7 +219,7 @@ const EmployeeForm = () => {
         </Col>
         <Col span={2} />
       </Row>
-      <EditableForm columns={columns} type="employee" />
+      <EditableForm columns={columns} dataSource={data} type="employee" tartgetUrl="/data/update" />
     </div>
   )
 }

src/pages/Staff/Employee/components/EmployeeDetail/EmployeeLowerList.jsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const EmployeeLowerList = () => {
+  return <div>lowerlist</div>
+}
+
+export default EmployeeLowerList

src/pages/Staff/Employee/components/EmployeeDetail/EmployeeTabList.jsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const EmployeeTabList = () => {
+  return <div>tablist</div>
+}
+
+export default EmployeeTabList

src/pages/Staff/Employee/components/EmployeeDetail/index.jsx

@@ -9,6 +9,7 @@ import { apiStaffDetail } from '@/services/staff'
 
 const EmployeeDetail = props => {
   const { dispatch, shouldUpdate, visible, dataId = '' } = props
+  console.log(dataId)
   const [state, setState] = useState({
     loading: false,
     data: {}
@@ -40,7 +41,7 @@ const EmployeeDetail = props => {
       <Row>
         <Col span={12} className="sheet-box-left">
           <div className="sheet-left-panel zh-pd-right-15">
-            <EmployeeForm />
+            <EmployeeForm data={state.data} />
           </div>
         </Col>
         <Col span={12} className="sheet-box-right">

src/pages/Staff/Employee/index.jsx

@@ -14,7 +14,7 @@ const Employee = () => {
   })
   const { toggleDrawer, setDrawerProps } = useModal()
   // 展示员工详情
-  const showDrawer = () => {
+  const showDrawer = id => {
     setDrawerProps({
       closable: true,
       onClose: () => toggleDrawer(),
@@ -22,7 +22,7 @@ const Employee = () => {
         height: '100vh',
         overflowY: 'hidden'
       },
-      children: <EmployeeDetail />
+      children: <EmployeeDetail dataId={id} />
     })
     toggleDrawer()
   }