salary-management-front/pc4mobx/hrmSalary/pages/socialSecurityBenefits/standingBook/components/abnormalDrawer.js

79 lines
2.3 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
* Author: 黎永顺
* Description: 异常列表
* Date: 2022-04-21 16:51:27
* LastEditTime: 2022-04-21 20:08:59
*/
import React, { Component } from "react";
import { Button, Table, Dropdown, Menu, Tooltip, Icon } from "antd";
import { WeaSlideModal, WeaTable } from "ecCom";
import "./index.less";
export default class AbnormalDrawer extends Component {
constructor(props) {
super(props);
this.state = {
selectedRowKeys: [],
};
}
onSelectChange = (selectedRowKeys) => {
this.setState({ selectedRowKeys });
};
render() {
const { selectedRowKeys } = this.state;
const { loading } = this.props;
const rowSelection = {
selectedRowKeys,
onChange: this.onSelectChange,
};
return (
<WeaSlideModal
{...this.props}
width={50}
height={100}
direction={"right"}
measure={"%"}
content={
<div className="abnormalWapper">
<div className="top">
<Tooltip
placement="bottom"
title="提示核算范围内人员福利项目在福利方案中开启缴纳但核算数值为0的进行异常统计点击忽略视为该数据主观判断为非异常数据导出档案只导出异常数据点击核算也不再重新核算">
<Icon type="question-circle" />
</Tooltip>
<Button type="primary">导出档案</Button>
<Button>核算</Button>
<Dropdown
overlay={
<Menu>
<Menu.Item key="log">忽略全部</Menu.Item>
<Menu.Item key="column">取消全部忽略</Menu.Item>
</Menu>
}>
<i className="icon-coms-more" />
</Dropdown>
</div>
{/* table */}
<WeaTable
rowKey="id"
columns={this.props.columns}
dataSource={this.props.dataSource}
loading={loading}
pagination={{
onChange: (value) => {
this.props.onPageChange(value)
},
total: this.props.total,
showTotal: (total) => `${total}`,
}}
rowSelection={rowSelection}
scroll={{ x: 1200 }}
/>
</div>
}
/>
);
}
}