diff --git a/pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerTable.js b/pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerTable.js new file mode 100644 index 00000000..0219c069 --- /dev/null +++ b/pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerTable.js @@ -0,0 +1,73 @@ +/* + * Author: 黎永顺 + * name: 薪资账套列表 + * Description: + * Date: 2022/12/7 + */ +import React, { Component } from "react"; +import { WeaTable } from "ecCom"; +import { getLedgerList } from "../../../apis/ledger"; + +class LedgerTable extends Component { + constructor(props) { + super(props); + this.state = { + loading: false, + dataSource: [], + columns: [], + pageInfo: { + current: 1, + pageSize: 10, + total: 0 + } + }; + } + + componentDidMount() { + this.getLedgerList(); + } + + getLedgerList = () => { + const { name } = this.props; + const { pageInfo } = this.state; + const payload = { name, ...pageInfo }; + this.setState({ loading: true }); + getLedgerList(payload).then(({ status, data }) => { + this.setState({ loading: true }); + if (status) { + console.log(data); + } + }); + }; + + render() { + const { dataSource, columns, pageInfo, loading } = this.state; + const pagination = { + ...pageInfo, + showTotal: total => `共 ${total} 条`, + showQuickJumper: true, + showSizeChanger: true, + pageSizeOptions: ["10", "20", "50", "100"], + onShowSizeChange: (current, pageSize) => { + this.setState({ pageInfo: { ...pageInfo, current, pageSize } }); + }, + onChange: current => { + this.setState({ + pageInfo: { ...pageInfo, current } + }, () => { + }); + } + }; + return ( + + ); + } +} + +export default LedgerTable; diff --git a/pc4mobx/hrmSalary/pages/ledgerPage/index.js b/pc4mobx/hrmSalary/pages/ledgerPage/index.js index e7c6d0fd..c9d66bde 100644 --- a/pc4mobx/hrmSalary/pages/ledgerPage/index.js +++ b/pc4mobx/hrmSalary/pages/ledgerPage/index.js @@ -5,13 +5,41 @@ * Date: 2022/12/6 */ import React, { Component } from "react"; +import { WeaInputSearch, WeaTop } from "ecCom"; +import { Button } from "antd"; +import LedgerTable from "./components/ledgerTable"; class Index extends Component { + constructor(props) { + super(props); + this.state = { + searchVal: "" + }; + this.ledgerTableRef = null; + } + render() { + const { searchVal } = this.state; + const btns = [ + , + this.setState({ searchVal })} + onSearch={() => this.ledgerTableRef.getLedgerList()} + /> + ]; return ( -
-薪资账套 -
+ } + iconBgcolor="#F14A2D" + showDropIcon={false} + buttons={btns} + > +
+ this.ledgerTableRef = dom}/> +
+
); } } diff --git a/pc4mobx/hrmSalary/pages/ledgerPage/index.less b/pc4mobx/hrmSalary/pages/ledgerPage/index.less new file mode 100644 index 00000000..34c2ad88 --- /dev/null +++ b/pc4mobx/hrmSalary/pages/ledgerPage/index.less @@ -0,0 +1,3 @@ +.ledgerWrapper { + height: 100%; +}