FEV2 / fw-cms

  import React, { useState } from "react";

  import { PageHeaderWrapper } from "@ant-design/pro-layout";

  import { Button, Card, Table } from "antd";
  import * as TYPE from "./entity";
  import Modal from "./components/Modal";
  import useInitial from "@/hooks/useInitail";
  import * as API from "./api";

  
  const Column = Table.Column;
  
  const Leave = () => {
    const [visiable, setVisiable] = useState(false);
    const [type, setType] = useState<number>(0);
    const { data, setParams } = useInitial(API.fetchDetail, {}, type);
  

    const onEdit = (record: any) => {

      setParams(record.type, true);
      setType(record.type);
      setVisiable(true);
    };
    return (
      <PageHeaderWrapper title="请假设置">
        <Card>
          <Table dataSource={TYPE.LeaveData} rowKey="type" pagination={false}>
            <Column title="岗位名称" dataIndex="typeName" />
            <Column
              title="操作"
              align="center"
              render={(text, record, index) => (
                <div>
                  <Button type="link" onClick={() => onEdit(record)}>
                    编辑
                  </Button>
                </div>
              )}
            />
          </Table>
        </Card>
        <Modal
          visiable={visiable}
          setVisiable={setVisiable}
          type={type}

          data={data || {}}

        />
      </PageHeaderWrapper>
    );
  };
  

  export default Leave;