From 02f041bd9f25c603526a19e524af5a5698b043f0 Mon Sep 17 00:00:00 2001 From: MustangDeng <670124965@qq.com> Date: Thu, 17 Mar 2022 22:38:00 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E8=B5=84=E5=8D=95=E8=AF=A6=E6=83=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pc4mobx/hrmSalary/pages/payroll/columns.js | 85 +++++++++++++++++++ .../pages/payroll/payrollGrant/index.js | 38 ++++++++- .../payrollGrant/payrollGrantDetail.js | 62 ++++++++++++++ .../payroll/payrollGrant/payrollGrantModal.js | 48 +++++++++++ .../payrollGrant/payrollWithdrawModal.js | 48 +++++++++++ 5 files changed, 278 insertions(+), 3 deletions(-) create mode 100644 pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollGrantDetail.js create mode 100644 pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollGrantModal.js create mode 100644 pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollWithdrawModal.js diff --git a/pc4mobx/hrmSalary/pages/payroll/columns.js b/pc4mobx/hrmSalary/pages/payroll/columns.js index 74c361b1..b7fbb69a 100644 --- a/pc4mobx/hrmSalary/pages/payroll/columns.js +++ b/pc4mobx/hrmSalary/pages/payroll/columns.js @@ -107,6 +107,91 @@ export const payrollColumns = [ } ] +export const payrollGrantColumns = [ + { + title: "姓名", + dataIndex: "title", + key: "title" + }, + { + title: "个税扣缴义务人", + dataIndex: "title", + key: "title" + }, + { + title: "部门", + dataIndex: "title", + key: "title" + }, + { + title: "手机号", + dataIndex: "title", + key: "title" + }, + { + title: "工号", + dataIndex: "title", + key: "title" + }, + { + title: "发放状态", + dataIndex: "title", + key: "title" + } +] + +export const payrollGrantDetailColumns = [ + { + title: "姓名", + dataIndex: "title", + key: "title" + }, + { + title: "个税扣缴义务人", + dataIndex: "title", + key: "title" + }, + { + title: "人员类型", + dataIndex: "title", + key: "title" + }, + { + title: "部门", + dataIndex: "title", + key: "title" + }, + { + title: "手机号", + dataIndex: "title", + key: "title" + }, + { + title: "工号", + dataIndex: "title", + key: "title" + }, + { + title: "薪资项目1", + dataIndex: "title", + key: "title" + }, + { + title: "薪资项目2", + dataIndex: "title", + key: "title" + }, + { + title: "薪资项目3", + dataIndex: "title", + key: "title" + }, + { + title: "薪资项目4", + dataIndex: "title", + key: "title" + }, +] export const dataSource = [ { diff --git a/pc4mobx/hrmSalary/pages/payroll/payrollGrant/index.js b/pc4mobx/hrmSalary/pages/payroll/payrollGrant/index.js index 3ecbb728..6c8e0064 100644 --- a/pc4mobx/hrmSalary/pages/payroll/payrollGrant/index.js +++ b/pc4mobx/hrmSalary/pages/payroll/payrollGrant/index.js @@ -4,18 +4,38 @@ import { dataSource, payrollColumns } from '../columns'; import { Menu, Button, Dropdown, Table } from 'antd' import CustomTab from '../../../components/customTab' import "./index.less" +import PayrollGrantModal from './payrollGrantModal' export default class PayrollGrant extends React.Component { + constructor(props) { + super(props); + this.state = { + payrollGrantVisible: false, + payrollWithdrawVisible: false + } + } render() { + + const handleMenuClick = (e) => { + switch(e.key) { + case "1": + this.setState({payrollGrantVisible: true}) + break; + case "2": + this.setState({payrollWithdrawVisible: true}) + break; + } + } + const menu = ( - - {}}>批量发放 + + 批量发放 批量撤回 全部导出 导出选中 自定义列 - ); + ); const renderRightOperation = () => { return (
@@ -64,6 +84,18 @@ export default class PayrollGrant extends React.Component {
+ { + this.state.payrollGrantVisible && {this.setState({payrollGrantVisible: false})}}/> + } + + { + this.state.payrollWithdrawVisible && {this.setState({payrollWithdrawVisible: false})}} + /> + } ) } diff --git a/pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollGrantDetail.js b/pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollGrantDetail.js new file mode 100644 index 00000000..abe3003f --- /dev/null +++ b/pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollGrantDetail.js @@ -0,0 +1,62 @@ +import React from 'react' +import { payrollGrantDetailColumns, dataSource} from '../columns' + +export default class PayrollGrantDeatail extends React.Component { + + + render() { + const handleMenuClick = () => { + + } + const menu = ( + + 导出选中 + + ); + const renderRightOperation = () => { + return ( +
+ 导出全部 + +
+ ) + } + return ( +
+ +
+
+ 薪资所属月：2021-11 + + 工资单模板：上海泛微工资单1 +
+ +
+ 已发放：111/1111 + 未确认：111 +
+
+ +
+
+ + + ) + } +} \ No newline at end of file diff --git a/pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollGrantModal.js b/pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollGrantModal.js new file mode 100644 index 00000000..be7ee662 --- /dev/null +++ b/pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollGrantModal.js @@ -0,0 +1,48 @@ +import React from 'react' +import { WeaInputSearch, WeaHelpfulTip } from "ecCom" +import { payrollGrantColumns, dataSource } from "../columns" +import { Menu, Button,Table, Modal, Dropdown } from "antd" + +export default class payrollGrantModal extends React.Component { + + render() { + const menu = ( + + 发放所选 + + ); + return ( + {this.props.onCancel()}}> +
+ 批量发放 +
+ 全部发放 + +
+
+
+
+ 薪资所属月：2021-11 + + 工资单模板：上海泛微工资单1 +
+
+
+
+ + + ) + } +} \ No newline at end of file diff --git a/pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollWithdrawModal.js b/pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollWithdrawModal.js new file mode 100644 index 00000000..dc354d96 --- /dev/null +++ b/pc4mobx/hrmSalary/pages/payroll/payrollGrant/payrollWithdrawModal.js @@ -0,0 +1,48 @@ +import React from 'react' +import { WeaInputSearch, WeaHelpfulTip } from "ecCom" +import { payrollGrantColumns, dataSource } from "../columns" +import { Menu, Button,Table, Modal, Dropdown } from "antd" + +export default class PayrollWithDrawModal extends React.Component { + + render() { + const menu = ( + + 撤回所选 + + ); + return ( + {this.props.onCancel()}}> +
+ 批量撤回 +
+ 全部撤回 + +
+
+
+
+ 薪资所属月：2021-11 + + 工资单模板：上海泛微工资单1 +
+
+
+
+ + + ) + } +} \ No newline at end of file