salary-management-front/pc4mobx/hrmSalary/pages/declareDetail/components/declareResultDialog.js

83 lines
2.3 KiB
JavaScript

/*
* Author: 黎永顺
* name: 个税申报-异常、失败详情
* Description:
* Date: 2023/8/18
*/
import React, { Component } from "react";
import { WeaDialog, WeaLocaleProvider, WeaTable } from "ecCom";
import { Button, Col, Row } from "antd";
const { getLabel } = WeaLocaleProvider;
class DeclareResultDialog extends Component {
constructor(props) {
super(props);
this.state = {
pageInfo: { current: 1, pageSize: 10, total: 0 },
loading: false, columns: [], dataSource: []
};
}
componentWillReceiveProps(nextProps, nextContext) {
}
render() {
const { loading, columns, dataSource, pageInfo } = this.state;
const pagination = {
...pageInfo,
showTotal: total => `${getLabel(18609, "共")} ${total} ${getLabel(18256, "条")}`,
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 (
<WeaDialog
{...this.props}
scalable hasScroll className="declareResultDialog" initLoadCss
title={(<Row className="declareResultDialogTitle" type="flex">
<Col span={12} className="declareResultDialogTitle-left">
<span className="title">{this.props.title}</span>
</Col>
<Col span={12} className="declareResultDialogTitle-right">
<Button type="primary" onClick={this.handleSubmit}>{getLabel(17416, "导出")}</Button>
</Col>
</Row>)}
style={{
width: 1150,
height: 606.6,
minHeight: 200,
minWidth: 380,
maxHeight: "90%",
maxWidth: "90%",
overflow: "hidden",
transform: "translate(0px, 0px)"
}}
>
<div className="declareResultDialogContent">
<WeaTable
columns={columns} dataSource={dataSource}
loading={loading} className="declareTable"
pagination={pagination}
/>
</div>
</WeaDialog>
);
}
}
export default DeclareResultDialog;