|
|
@@ -1,54 +0,0 @@
|
|
|
-import React, { useState, useEffect } from 'react'
|
|
|
-import { Row, Col, Drawer, Spin } from 'antd'
|
|
|
-import consts from '@/consts'
|
|
|
-import { apiStaffDetail } from '@/services/staff'
|
|
|
-import StaffDetail from './StaffDetail'
|
|
|
-import TabList from './TabList'
|
|
|
-import LowerList from './LowerList'
|
|
|
-
|
|
|
-const SoftwareDetail = props => {
|
|
|
- const { visible, dataId = '', ...resetDrawerProps } = props
|
|
|
- const [state, setState] = useState({
|
|
|
- loading: false,
|
|
|
- staff: {},
|
|
|
- log: []
|
|
|
- })
|
|
|
- const initData = async id => {
|
|
|
- setState({ ...state, loading: true })
|
|
|
- const {
|
|
|
- data: { staff = {}, log = [] },
|
|
|
- code = -1
|
|
|
- } = await apiStaffDetail(id)
|
|
|
- if (code === consts.RET_CODE.SUCCESS) {
|
|
|
- setState({ ...state, staff, log, loading: false })
|
|
|
- }
|
|
|
- }
|
|
|
- useEffect(() => {
|
|
|
- visible && initData(dataId)
|
|
|
- }, [visible])
|
|
|
- return (
|
|
|
- <Drawer
|
|
|
- {...resetDrawerProps}
|
|
|
- visible={visible}
|
|
|
- className="zh-drawer"
|
|
|
- getContainer={() => document.getElementById('root')}>
|
|
|
- <Spin spinning={state.loading}>
|
|
|
- <div className="sheet-box">
|
|
|
- <Row>
|
|
|
- <Col span={12} className="sheet-box-left">
|
|
|
- <div className="sheet-left-panel pr-4">
|
|
|
- <StaffDetail staff={state.staff} />
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- <Col span={12} className="sheet-box-right">
|
|
|
- <LowerList />
|
|
|
- <TabList />
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Drawer>
|
|
|
- )
|
|
|
-}
|
|
|
-
|
|
|
-export default SoftwareDetail
|