62 lines
2.2 KiB
JavaScript
62 lines
2.2 KiB
JavaScript
import React from 'react'
|
||
import { payrollGrantDetailColumns, dataSource} from '../columns'
|
||
|
||
export default class PayrollGrantDeatail extends React.Component {
|
||
|
||
|
||
render() {
|
||
const handleMenuClick = () => {
|
||
|
||
}
|
||
const menu = (
|
||
<Menu onClick={handleMenuClick}>
|
||
<Menu.Item key="1">导出选中</Menu.Item>
|
||
</Menu>
|
||
);
|
||
const renderRightOperation = () => {
|
||
return (
|
||
<div style={{display: "inline-block"}}>
|
||
<Dropdown.Button style={{marginRight: "10px"}} overlay={menu}>导出全部</Dropdown.Button>
|
||
<WeaInputSearch />
|
||
</div>
|
||
)
|
||
}
|
||
return (
|
||
<div>
|
||
<CustomTab
|
||
searchOperationItem={
|
||
renderRightOperation()
|
||
}
|
||
/>
|
||
<div className="titleBar">
|
||
<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 className="titleBarRight">
|
||
<span>已发放：111/<span style={{color: "red"}}>1111</span></span>
|
||
<span style={{marginLeft: "10px"}}>未确认：111</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<Table dataSource={dataSource} columns={payrollGrantDetailColumns} />
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
} |