48 lines
2.1 KiB
JavaScript
48 lines
2.1 KiB
JavaScript
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 = (
|
||
<Menu>
|
||
<Menu.Item key="1">撤回所选</Menu.Item>
|
||
</Menu>
|
||
);
|
||
return (
|
||
<Modal width={800} visible={this.props.visible} onCancel={() => {this.props.onCancel()}}>
|
||
<div style={{padding: "0px 10px", height: "47px", lineHeight: "47px"}}>
|
||
<span style={{fontSize: "14px", color: '#666'}}>批量撤回</span>
|
||
<div style={{float: "right", marginRight: "40px"}}>
|
||
<Dropdown.Button style={{marginRight: "10px"}} overlay={menu}>全部撤回</Dropdown.Button>
|
||
<WeaInputSearch />
|
||
</div>
|
||
</div>
|
||
<div style={{height: "40px", lineHeight: "40px"}}>
|
||
<div className="titleBarLeft">
|
||
<span>薪资所属月：2021-11</span>
|
||
<WeaHelpfulTip
|
||
style={{marginLeft: '10px', marginRight: "10px"}}
|
||
width={200}
|
||
title="薪资周期\n
|
||
2021-11-01至2021-11-30\n
|
||
税款所属期\n
|
||
2021-12\n
|
||
考勤取值周期\n
|
||
2021-11-01至2021-11-30\n
|
||
福利台账月份\n
|
||
引用2021-11的福利台账数据"
|
||
placement="topLeft"
|
||
/>
|
||
<span>工资单模板：上海泛微工资单1</span>
|
||
</div>
|
||
</div>
|
||
<div style={{marginTop: "10px"}}>
|
||
<Table dataSource={dataSource} columns={payrollGrantColumns}/>
|
||
</div>
|
||
</Modal>
|
||
)
|
||
}
|
||
} |