qt
/
salary-management-oneself
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

低版本浏览器适配

Browse Source
feature/低版本火狐浏览器
黎永顺 1 year ago
parent 0f97ae555b
commit 533e651847
3 changed files with 103 additions and 63 deletions
Show Stats Download Patch File Download Diff File

24
src/pages/reportTable/index.tsx
Unescape Escape View File

@ -59,6 +59,30 @@ const ReportTable: FC = (props) => {
bordered bordered
size="small" size="small"
scroll={{ x: 1200, y: `calc(100vh - 109px)` }} scroll={{ x: 1200, y: `calc(100vh - 109px)` }}
summary={() => {
if (!showSumrow) return;
let totalColumns: any[] = [];
_.forEach(columns, it => {
if (_.isEmpty(it.children)) {
totalColumns.push(it);
} else {
totalColumns = [...totalColumns, ...it.children];
}
});
return (
<Table.Summary fixed>
<Table.Summary.Row>
{
_.map(totalColumns, (item, index) => {
return <Table.Summary.Cell index={index} key={index} align="center">
<Text type="danger">{!_.isNil(sumRow[item.dataIndex]) ? sumRow[item.dataIndex] : "-"}</Text>
</Table.Summary.Cell>;
})
}
</Table.Summary.Row>
</Table.Summary>
);
}}
/>; />;
}; };

79
src/pages/salaryFileTable/index.tsx
Unescape Escape View File

@ -9,7 +9,7 @@ import { ColumnType } from "antd/lib/table";
import { PaginationData } from "rc-pagination"; import { PaginationData } from "rc-pagination";
import styles from "@/pages/atdTable/components/index.less"; import styles from "@/pages/atdTable/components/index.less";
import { exceptStr, paginationAction } from "@/utils/common"; import { exceptStr, paginationAction } from "@/utils/common";
import { Button, Dropdown, MenuProps, Space, Table } from "antd"; import { Button, Dropdown, Menu, Space, Table } from "antd";
import { MoreOutlined } from "@ant-design/icons"; import { MoreOutlined } from "@ant-design/icons";
interface OwnProps { interface OwnProps {
@ -96,24 +96,34 @@ const Index: FunctionComponent<Props> = (props) => {
opts = { opts = {
...opts, ...opts,
render: (__: any, record: any) => { render: (__: any, record: any) => {
let items: MenuProps["items"] = [ const items = !showDelSalaryFileBtn ? (
{ <Menu>
key: "DeleteTodoList", <Menu.Item key="DeleteTodoList">
label: i18n["删除待办"], <span style={{ width: "100%", height: "100%" }}
onClick: () => handleSalaryFileOperate("DEL-PENDITNG-TO-DO", record, [record?.id]) onClick={(e) => handleSalaryFileOperate("DEL-PENDITNG-TO-DO", [record?.id])}>
}, {i18n["删除待办"]}
{ </span>
key: "DeleteFiles", </Menu.Item>
label: i18n["删除档案"], </Menu>
onClick: () => handleSalaryFileOperate("DEL-SALARY-FILES", record, [record?.id]) ) : <Menu>
} <Menu.Item key="DeleteTodoList">
]; <span style={{ width: "100%", height: "100%" }}
!showDelSalaryFileBtn && (items = _.dropRight(items)); onClick={(e) => handleSalaryFileOperate("DEL-PENDITNG-TO-DO", [record?.id])}>
{i18n["删除待办"]}
</span>
</Menu.Item>
<Menu.Item key="DeleteFiles">
<span style={{ width: "100%", height: "100%" }}
onClick={(e) => handleSalaryFileOperate("DEL-SALARY-FILES", [record?.id])}>
{i18n["删除档案"]}
</span>
</Menu.Item>
</Menu>;
return (<Space> return (<Space>
<Button type="link" onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button> <Button type="link" onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button>
<Button type="link" <Button type="link"
onClick={() => handleSalaryFileOperate("ADD-TO-SALARYPAYMENT", record, [record?.id])}>{i18n["设为发薪人员"]}</Button> onClick={() => handleSalaryFileOperate("ADD-TO-SALARYPAYMENT", record, [record?.id])}>{i18n["设为发薪人员"]}</Button>
<Dropdown menu={{ items }} placement="bottomRight"> <Dropdown overlay={items} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
</Space>); </Space>);
@ -133,18 +143,21 @@ const Index: FunctionComponent<Props> = (props) => {
opts = { opts = {
...opts, ...opts,
render: (__: any, record: any) => { render: (__: any, record: any) => {
const downsizingItems: MenuProps["items"] = [ const downsizingItems = (
{ <Menu>
key: "DeleteTodoList", <Menu.Item key="DeleteTodoList">
label: i18n["删除待办"], <span style={{ width: "100%", height: "100%" }}
onClick: () => handleSalaryFileOperate("DEL-SUSPEND-TO-DO", record, [record?.id]) onClick={(e) => handleSalaryFileOperate("DEL-SUSPEND-TO-DO", record, [record?.id])}>
} {i18n["删除待办"]}
]; </span>
</Menu.Item>
</Menu>
);
return (<Space> return (<Space>
<Button type="link" onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button> <Button type="link" onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button>
<Button type="link" <Button type="link"
onClick={() => handleSalaryFileOperate("SALARY-SUSPENSION", record, [record?.id])}>{i18n["停薪"]}</Button> onClick={() => handleSalaryFileOperate("SALARY-SUSPENSION", record, [record?.id])}>{i18n["停薪"]}</Button>
<Dropdown menu={{ items: downsizingItems }} placement="bottomRight"> <Dropdown overlay={downsizingItems} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
</Space>); </Space>);
@ -155,21 +168,23 @@ const Index: FunctionComponent<Props> = (props) => {
opts = { opts = {
...opts, ...opts,
render: (__: any, record: any) => { render: (__: any, record: any) => {
let stopItems: MenuProps["items"] = [ const stopItems = showDelSalaryFileBtn ? (
{ <Menu>
key: "CancelSuspension", <Menu.Item key="CancelSuspension">
label: i18n["删除档案"], <span style={{ width: "100%", height: "100%" }}
onClick: () => handleSalaryFileOperate("DEL-SALARY-FILES", record, [record?.id]) onClick={(e) => handleSalaryFileOperate("DEL-SALARY-FILES", record, [record?.id])}>
} {i18n["删除档案"]}
]; </span>
!showDelSalaryFileBtn && (stopItems = _.dropRight(stopItems)); </Menu.Item>
</Menu>
) : null;
return (<Space> return (<Space>
<Button type="link" onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button> <Button type="link" onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Button type="link" <Button type="link"
onClick={() => handleSalaryFileOperate("CANCEL-SALARY-SUSPENSION", record, [record?.id])}>{i18n["取消停薪"]}</Button> onClick={() => handleSalaryFileOperate("CANCEL-SALARY-SUSPENSION", record, [record?.id])}>{i18n["取消停薪"]}</Button>
{ {
!_.isEmpty(stopItems) && !_.isEmpty(stopItems) &&
<Dropdown menu={{ items: stopItems }} placement="bottomRight"> <Dropdown overlay={stopItems} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
} }

63
src/pages/welfareArchiveTable/index.tsx
Unescape Escape View File

@ -9,8 +9,7 @@ import { ColumnType } from "antd/lib/table";
import { PaginationData } from "rc-pagination"; import { PaginationData } from "rc-pagination";
import styles from "@/pages/atdTable/components/index.less"; import styles from "@/pages/atdTable/components/index.less";
import { exceptStr, paginationAction } from "@/utils/common"; import { exceptStr, paginationAction } from "@/utils/common";
import type { MenuProps } from "antd"; import { Button, Dropdown, Menu, Space, Table } from "antd";
import { Button, Dropdown, Space, Table } from "antd";
import { MoreOutlined } from "@ant-design/icons"; import { MoreOutlined } from "@ant-design/icons";
interface OwnProps { interface OwnProps {
@ -94,22 +93,18 @@ const Index: FunctionComponent<Props> = (props) => {
opts = { opts = {
...opts, ...opts,
render: (__: any, record: any) => { render: (__: any, record: any) => {
const items: MenuProps["items"] = [ const items = (
{ <Menu>
key: "DeleteFiles", <Menu.Item key="DeleteFiles"><span style={{ width: "100%", height: "100%" }}
label: i18n["删除档案"], onClick={(e) => handleWelfareOperate("DEL-ARCHIVE", record)}>{i18n["删除档案"]}</span></Menu.Item>
onClick: () => handleWelfareOperate("DEL-ARCHIVE", record) <Menu.Item key="DeleteTodoList"><span style={{ width: "100%", height: "100%" }}
}, onClick={(e) => handleWelfareOperate("DEL-TO-DO", record, { runStatus: "4" })}>{i18n["删除待办"]}</span></Menu.Item>
{ </Menu>
key: "DeleteTodoList", );
label: i18n["删除待办"],
onClick: () => handleWelfareOperate("DEL-TO-DO", record, { runStatus: "4" })
}
];
return (<Space> return (<Space>
<Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button> <Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button>
<Button type="link" onClick={() => handleWelfareOperate("ADD-TO-PAY", record)}>{i18n["增员"]}</Button> <Button type="link" onClick={() => handleWelfareOperate("ADD-TO-PAY", record)}>{i18n["增员"]}</Button>
<Dropdown menu={{ items }} placement="bottomRight"> <Dropdown overlay={items} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
</Space>); </Space>);
@ -128,18 +123,21 @@ const Index: FunctionComponent<Props> = (props) => {
opts = { opts = {
...opts, ...opts,
render: (__: any, record: any) => { render: (__: any, record: any) => {
const downsizingItems: MenuProps["items"] = [ const downsizingItems = (
{ <Menu>
key: "DeleteTodoList", <Menu.Item key="DeleteTodoList">
label: i18n["删除待办"], <span style={{ width: "100%", height: "100%" }}
onClick: () => handleWelfareOperate("DEL-TO-DO-STAY", record, { runStatus: "3" }) onClick={(e) => handleWelfareOperate("DEL-TO-DO-STAY", record, { runStatus: "3" })}>
} {i18n["删除待办"]}
]; </span>
</Menu.Item>
</Menu>
);
return (<Space> return (<Space>
<Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button> <Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button>
<Button type="link" <Button type="link"
onClick={() => handleWelfareOperate("STAY-DEL-TO-STOP", record)}>{i18n["减员"]}</Button> onClick={() => handleWelfareOperate("STAY-DEL-TO-STOP", record)}>{i18n["减员"]}</Button>
<Dropdown menu={{ items: downsizingItems }} placement="bottomRight"> <Dropdown overlay={downsizingItems} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
</Space>); </Space>);
@ -150,18 +148,21 @@ const Index: FunctionComponent<Props> = (props) => {
opts = { opts = {
...opts, ...opts,
render: (__: any, record: any) => { render: (__: any, record: any) => {
const stopItems: MenuProps["items"] = [ const stopItems = (
{ <Menu>
key: "CancelSuspension", <Menu.Item key="CancelSuspension">
label: i18n["取消停缴"], <span style={{ width: "100%", height: "100%" }}
onClick: () => handleWelfareOperate("CANCEL-STOP", record) onClick={(e) => handleWelfareOperate("CANCEL-STOP", record)}>
} {i18n["取消停缴"]}
]; </span>
</Menu.Item>
</Menu>
);
return (<Space> return (<Space>
<Button type="link" onClick={() => handleWelfareOperate("VIEW", record)}>{i18n["查看"]}</Button> <Button type="link" onClick={() => handleWelfareOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Button type="link" <Button type="link"
onClick={() => handleWelfareOperate("DEL-ARCHIVE", record)}>{i18n["删除档案"]}</Button> onClick={() => handleWelfareOperate("DEL-ARCHIVE", record)}>{i18n["删除档案"]}</Button>
<Dropdown menu={{ items: stopItems }} placement="bottomRight"> <Dropdown overlay={stopItems} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
</Space>); </Space>);

Write Preview
Loading…
Cancel
Save