import React, {useEffect} from 'react'
import { Layout } from 'antd'
import { useActions } from '@ttk/app-loader'
import CardTree from './components/CardTree'
import CardTable from './components/CardTable'
import FormModal from './components/FormModal'
import ResetPwdModal from './components/ResetPwdModal'
import "./style.less"

export default React.memo(Page)
function Page(props) {
  const actions = useActions(props)
  useEffect(() => {
    actions.getTreeData()
    actions.getGusType()
  }, [])
  return (
    <Layout className="edfx-deptPers">
      <CardTree {...props} />
      <CardTable {...props} />
      <FormModal {...props} />
      <ResetPwdModal {...props} />
    </Layout>
  )
}