cldV2react/src/pages/Hr/AddressBook/index.jsx

import BasicTable from '@/components/Table'
import consts from '@/consts'
import { queryStaff } from '@/services/staff'
import { PageContainer } from '@ant-design/pro-layout'
import React, { useState } from 'react'
import RoleMenu from '../Employee/components/RoleMenu'

const AddressBook = () => {
  const [state, setState] = useState({
    params: { id: '0' }
  })
  const onSelect = id => {
    setState({ ...state, params: { id } })
  }
  const columns = [
    {
      title: '工号',
      dataIndex: 'jobNumber',
      search: false,
      width: 100
    },
    {
      title: '姓名',
      dataIndex: 'username',
      search: false,
      width: 80
    },
    {
      title: '手机',
      dataIndex: 'telephone',
      search: false,
      width: 120
    },
    {
      title: 'QQ',
      dataIndex: 'qq',
      search: false,
      width: 150
    },
    {
      title: '部门',
      dataIndex: 'departmentName',
      search: false,
      width: 70
    },
    {
      title: '岗位',
      dataIndex: 'position',
      search: false,
      width: 100
    },
    {
      title: '生日',
      dataIndex: 'birthday',
      search: false,
      width: 150
    },
    {
      title: '入职时间',
      dataIndex: 'hiredate',
      search: false,
      width: 150
    }
  ]
  return (
    <PageContainer title={false} breadcrumb={false}>
      <div className="h-full w-full flex flex-row">
        <RoleMenu onSelect={onSelect} showType={false} />
        <div style={{ width: 'calc(100% - 12rem)' }}>
          <div className="ml-6 shadow-hex-3e2c5a">
            {state.params.id && (
              <BasicTable
                mainMenuType="hr"
                columnStateType="ADDRESSBOOK"
                params={{ departmentId: state.params.id }}
                rowKey={record => record.id}
                columns={columns}
                request={async params => {
                  const { code = -1, data: { list = [], total = 0 } = { list: [], total: 0 } } =
                    await queryStaff({ ...params })
                  return {
                    data: list,
                    success: code === consts.RET_CODE.SUCCESS,
                    total
                  }
                }}
                search={false}
              />
            )}
          </div>
        </div>
      </div>
    </PageContainer>
  )
}

export default AddressBook