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

master

Browse Source
release/2.19.1.2503.01-业务线个税
lys 6 months ago
parent f90fda8bfb
commit 719fd33812
2 changed files with 443 additions and 295 deletions
Show Stats Download Patch File Download Diff File

95
src/pages/unitTable/index.tsx
Unescape Escape View File

@ -13,16 +13,17 @@ export type extraType = {
permission: boolean;
scrollHeight: number;
rowKey: string;
showTotalCell: boolean
}
showTotalCell: boolean;
isSpecial: boolean;
};
const UnitTable: FC = (props) => {
const [unitTableType, setUnitTableType] = useState<string>("");
const [columns, setColumns] = useState<Array<any>>([]);
const [dataSource, setDataSource] = useState<Array<any>>([]);
const [pageInfo, setPageInfo] = useState<Partial<PaginationData>>({});
const [sumRow, setSumRow] = useState<Partial<{}>>({});//总计行数据
const [sumRow, setSumRow] = useState<Partial<{}>>({}); //总计行数据
const [i18n, setI18n] = useState<any>({});
const [extraParams, setExtraParams] = useState<Partial<extraType>>({ selectedRowKeys: [] });//额外参数
const [extraParams, setExtraParams] = useState<Partial<extraType>>({ selectedRowKeys: [] }); //额外参数
useEffect(() => {
window.parent.postMessage({ type: "init" }, "*");
@ -35,8 +36,19 @@ const UnitTable: FC = (props) => {
const data: any = exceptStr(event.data);
if (!_.isEmpty(data)) {
const {
columns, dataSource, pageInfo, scrollHeight, i18n, showOperateBtn: permission, unitTableType = "welfareRecord",
selectedRowKeys: rowKeys = [], selectedKey, rowKey, showTotalCell = false, sumDataSource = {}
columns,
dataSource,
pageInfo,
scrollHeight,
i18n,
showOperateBtn: permission,
unitTableType = "welfareRecord",
selectedRowKeys: rowKeys = [],
selectedKey,
rowKey,
showTotalCell = false,
sumDataSource = {},
isSpecial = false
} = data;
setI18n(i18n);
setColumns(columns);
@ -45,8 +57,13 @@ const UnitTable: FC = (props) => {
setUnitTableType(unitTableType);
setSumRow(sumDataSource);
setExtraParams({
selectedKey, scrollHeight, permission, rowKey, showTotalCell,
selectedRowKeys: [...extraParams.selectedRowKeys as string[] | number[], ...rowKeys]
selectedKey,
scrollHeight,
permission,
rowKey,
showTotalCell,
isSpecial,
selectedRowKeys: [...(extraParams.selectedRowKeys as string[] | number[]), ...rowKeys]
});
}
};
@ -64,37 +81,49 @@ const UnitTable: FC = (props) => {
});
};
const rowSelection = {
columnWidth: 60, selectedRowKeys: extraParams.selectedRowKeys,
columnWidth: 60,
selectedRowKeys: extraParams.selectedRowKeys,
preserveSelectedRowKeys: true,
onChange: (selectedRowKeys: React.Key[]) => {
// @ts-ignore
setExtraParams({ ...extraParams, selectedRowKeys: selectedRowKeys });
window.parent.postMessage(
{ type: "turn", payload: { id: "CHECKBOX", params: { selectedRowKeys } } }, "*"
);
window.parent.postMessage({ type: "turn", payload: { id: "CHECKBOX", params: { selectedRowKeys } } }, "*");
}
};
return <Table rowKey={extraParams.rowKey || "id"} className={styles.multi_fun_table} dataSource={dataSource}
size="middle" columns={renderCols(columns, unitTableType, i18n, extraParams)}
scroll={{ x: 1200, y: `calc(100vh - ${extraParams?.scrollHeight || 109}px)` }}
bordered={_.some(columns, k => k.children)}
rowSelection={!_.isNil(extraParams?.selectedRowKeys) ? rowSelection : undefined}
pagination={!_.isNil(pageInfo) ? {
...paginationAction(pageInfo, i18n, onChange),
size: "default"
} : false}
summary={() => (
!extraParams.showTotalCell ? <></> :
<Table.Summary fixed={true}>
<Table.Summary.Row>
<Table.Summary.Cell index={0} align="center"><Text
type="danger">{i18n["总计"]}</Text></Table.Summary.Cell>
<CaclFixedTotal columns={!_.isNil(extraParams?.selectedRowKeys) ? columns : columns.slice(1)}
dataSourceUrl="" payload={{}} sumRow={sumRow}/>
</Table.Summary.Row>
</Table.Summary>
)}
/>;
return (
<Table
rowKey={extraParams.rowKey || "id"}
className={styles.multi_fun_table}
dataSource={dataSource}
size="middle"
columns={renderCols(columns, unitTableType, i18n, extraParams)}
scroll={{ x: 1200, y: `calc(100vh - ${extraParams?.scrollHeight || 109}px)` }}
bordered={_.some(columns, (k) => k.children)}
rowSelection={!_.isNil(extraParams?.selectedRowKeys) ? rowSelection : undefined}
pagination={
!_.isNil(pageInfo)
? {
...paginationAction(pageInfo, i18n, onChange),
size: "default"
}
: false
}
summary={() =>
!extraParams.showTotalCell ? (
<></>
) : (
<Table.Summary fixed={true}>
<Table.Summary.Row>
<Table.Summary.Cell index={0} align="center">
<Text type="danger">{i18n["总计"]}</Text>
</Table.Summary.Cell>
<CaclFixedTotal columns={!_.isNil(extraParams?.selectedRowKeys) ? columns : columns.slice(1)} dataSourceUrl="" payload={{}} sumRow={sumRow} />
</Table.Summary.Row>
</Table.Summary>
)
}
/>
);
};
export default UnitTable;

643
src/pages/unitTable/renderColsOpts.tsx
Unescape Escape View File

@ -14,303 +14,422 @@ const { Text } = Typography;
export function renderCols(initialState: any[], type: string, i18n?: AnyObject, extraParams?: Partial<extraType>) {
return React.useMemo(() => {
if (type === "welfareRecord") {
return [..._.map(_.filter(initialState, o => o.dataIndex !== "id"), g => {
let col = { ...g, ellipsis: true, fixed: g.dataIndex === "billMonth", width: 180 };
switch (g.dataIndex) {
case "billMonth":
col = {
...col,
width: 120,
render: (text: string, record: any) => {
const { billStatus } = record;
return (<Button type="link"
onClick={() => postMessageToParent((billStatus === "0" && extraParams?.permission) ? "CALC" : "VIEW", record)}>{text}</Button>);
}
};
break;
case "billStatus":
col = {
...col, width: 100, render: (text: string) => (
<Text style={{ maxWidth: "100%" }} ellipsis>
{text === "1" ? i18n?.["已归档"] : i18n?.["未归档"]}
</Text>
)
};
break;
case "paymentOrganization":
col = { ...col, width: 200 };
break;
case "socialNum":
case "otherNum":
case "fundNum":
col = { ...col, width: 118 };
break;
case "remarks":
col = { ...col, width: 200 };
break;
default:
col = { ...col };
break;
}
return col;
}), {
dataIndex: "operate", title: i18n?.["操作"], width: 185, fixed: "right",
render: (__: string, record: any) => {
const { billStatus } = record;
const items: MenuProps["items"] = [
{
key: "DeleteList",
label: i18n?.["删除"],
onClick: () => postMessageToParent("DELRC", record)
},
{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
return [
..._.map(
_.filter(initialState, (o) => o.dataIndex !== "id"),
(g) => {
let col = { ...g, ellipsis: true, fixed: g.dataIndex === "billMonth", width: 180 };
switch (g.dataIndex) {
case "billMonth":
col = {
...col,
width: 120,
render: (text: string, record: any) => {
const { billStatus } = record;
return (
<Button type="link" onClick={() => postMessageToParent(billStatus === "0" && extraParams?.permission ? "CALC" : "VIEW", record)}>
{text}
</Button>
);
}
};
break;
case "billStatus":
col = {
...col,
width: 100,
render: (text: string) => (
<Text style={{ maxWidth: "100%" }} ellipsis>
{text === "1" ? i18n?.["已归档"] : i18n?.["未归档"]}
</Text>
)
};
break;
case "paymentOrganization":
col = { ...col, width: 200 };
break;
case "socialNum":
case "otherNum":
case "fundNum":
col = { ...col, width: 118 };
break;
case "remarks":
col = { ...col, width: 200 };
break;
default:
col = { ...col };
break;
}
];
return (
<Space>
return col;
}
),
{
dataIndex: "operate",
title: i18n?.["操作"],
width: 185,
fixed: "right",
render: (__: string, record: any) => {
const { billStatus } = record;
const items: MenuProps["items"] = [
{
key: "DeleteList",
label: i18n?.["删除"],
onClick: () => postMessageToParent("DELRC", record)
},
{
!extraParams?.permission ?
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}
];
return (
<Space>
{!extraParams?.permission ? (
<Space>
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>{i18n?.["查看"]}</Button>
<Dropdown menu={{
items: [{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
{i18n?.["查看"]}
</Button>
<Dropdown
menu={{
items: [
{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}
]
}}
placement="bottomRight"
>
<Button type="link" icon={<MoreOutlined />} />
</Dropdown>
</Space> :
</Space>
) : (
<>
{
billStatus === "0" &&
{billStatus === "0" && (
<>
<Button type="link"
onClick={() => postMessageToParent("CALC", record)}>{i18n?.["核算"]}</Button>
<Button type="link"
onClick={() => postMessageToParent("FILE", record)}>{i18n?.["归档"]}</Button>
<Button type="link" onClick={() => postMessageToParent("CALC", record)}>
{i18n?.["核算"]}
</Button>
<Button type="link" onClick={() => postMessageToParent("FILE", record)}>
{i18n?.["归档"]}
</Button>
<Dropdown menu={{ items }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
<Button type="link" icon={<MoreOutlined />} />
</Dropdown>
</>
}
{
billStatus === "1" &&
)}
{billStatus === "1" && (
<>
<Button type="link"
onClick={() => postMessageToParent("VIEW", record)}>{i18n?.["查看"]}</Button>
<Button type="link"
onClick={() => postMessageToParent("RECALC", record)}>{i18n?.["重新核算"]}</Button>
<Dropdown menu={{
items: [
{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}
]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
{i18n?.["查看"]}
</Button>
<Button type="link" onClick={() => postMessageToParent("RECALC", record)}>
{i18n?.["重新核算"]}
</Button>
<Dropdown
menu={{
items: [
{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}
]
}}
placement="bottomRight"
>
<Button type="link" icon={<MoreOutlined />} />
</Dropdown>
</>
}
)}
</>
}
</Space>
);
}
}];
} else if (type === "bonusplan") {
return [..._.map(initialState, g => {
let col = { ...g, ellipsis: true, fixed: false, width: 150 };
switch (g.dataIndex) {
case "taxYear":
case "fileStatusDesc":
col = { ...col, width: 80 };
break;
case "billStatus":
col = {
...col, width: 100, render: (text: string) => (
<Text style={{ maxWidth: "100%" }} ellipsis>
{text === "1" ? i18n?.["已归档"] : i18n?.["未归档"]}
</Text>
)
};
break;
case "optimizedBonusSum":
col = { ...col, width: 220 };
break;
case "employeeCount":
col = {
...col, title: <Space>
<Text>{g.title}</Text>
<Tooltip placement="top"
title={i18n?.["若同一个人 在两个个税扣缴义务人下 同一纳税年度 同时发年终奖，统计为两个人"]}>
<QuestionCircleFilled/>
</Tooltip>
)}
</Space>
};
break;
default:
col = { ...col };
break;
);
}
}
return col;
}), {
dataIndex: "operate", title: i18n?.["操作"], width: 185, fixed: "right",
render: (__: string, record: any) => {
const { fileStatus } = record;
const items: MenuProps["items"] = [
{
key: "FileList",
label: fileStatus === 0 ? i18n?.["归档"] : i18n?.["取消归档"],
onClick: () => postMessageToParent("FILE", record)
},
{
key: "DeleteList",
label: i18n?.["删除"],
onClick: () => postMessageToParent("DEL", record)
},
{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}
];
return (
<Space>
];
} else if (type === "bonusplan") {
return [
..._.map(initialState, (g) => {
let col = { ...g, ellipsis: true, fixed: false, width: 150 };
switch (g.dataIndex) {
case "taxYear":
case "fileStatusDesc":
col = { ...col, width: 80 };
break;
case "billStatus":
col = {
...col,
width: 100,
render: (text: string) => (
<Text style={{ maxWidth: "100%" }} ellipsis>
{text === "1" ? i18n?.["已归档"] : i18n?.["未归档"]}
</Text>
)
};
break;
case "optimizedBonusSum":
col = { ...col, width: 220 };
break;
case "employeeCount":
col = {
...col,
title: (
<Space>
<Text>{g.title}</Text>
<Tooltip placement="top" title={i18n?.["若同一个人 在两个个税扣缴义务人下 同一纳税年度 同时发年终奖，统计为两个人"]}>
<QuestionCircleFilled />
</Tooltip>
</Space>
)
};
break;
default:
col = { ...col };
break;
}
return col;
}),
{
dataIndex: "operate",
title: i18n?.["操作"],
width: 185,
fixed: "right",
render: (__: string, record: any) => {
const { fileStatus } = record;
const items: MenuProps["items"] = [
{
!extraParams?.permission ?
key: "FileList",
label: fileStatus === 0 ? i18n?.["归档"] : i18n?.["取消归档"],
onClick: () => postMessageToParent("FILE", record)
},
{
key: "DeleteList",
label: i18n?.["删除"],
onClick: () => postMessageToParent("DEL", record)
},
{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}
];
return (
<Space>
{!extraParams?.permission ? (
<Space>
<Button type="link"
onClick={() => postMessageToParent("VIEW", record)}>{i18n?.["查看详情"]}</Button>
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
{i18n?.["查看详情"]}
</Button>
<Dropdown menu={{ items: items.slice(-1) }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
<Button type="link" icon={<MoreOutlined />} />
</Dropdown>
</Space> :
</Space>
) : (
<>
<Button type="link"
onClick={() => postMessageToParent("VIEW", record)}>{i18n?.["查看详情"]}</Button>
<Button type="link"
onClick={() => postMessageToParent("EDIT", record)}>{i18n?.["编辑"]}</Button>
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
{i18n?.["查看详情"]}
</Button>
<Button type="link" onClick={() => postMessageToParent("EDIT", record)}>
{i18n?.["编辑"]}
</Button>
<Dropdown menu={{ items }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
<Button type="link" icon={<MoreOutlined />} />
</Dropdown>
</>
}
</Space>
);
)}
</Space>
);
}
}
}];
];
} else if (type === "bonusStrategy") {
const { selectedKey } = extraParams as { selectedKey: string };
return [..._.map(initialState, g => {
let col = { ...g, ellipsis: true, fixed: false, width: 120 };
switch (g.dataIndex) {
case "username":
col = { ...col, fixed: "left" };
break;
case "taxAgentName":
col = { ...col, width: 200, fixed: "left" };
break;
case "idNo":
col = { ...col, width: 150 };
break;
case "originalTaxTypeDesc":
case "originalBonus":
case "originalTax":
case "originalIncome":
col = {
...col,
render: (text: string) => (<div style={{ color: "rgb(93, 156, 236)" }}>{text}</div>)
};
break;
case "optimizedTaxTypeDesc":
case "optimizedBonus":
case "optimizedTax":
case "optimizedIncome":
col = { ...col, render: (text: string) => (<Text type="success">{text}</Text>) };
break;
case "companySave":
case "employeeGain":
col = { ...col, render: (text: string) => (<Text type="warning">{text}</Text>) };
break;
default:
col = { ...col };
break;
}
return col;
}), {
dataIndex: "operate", title: i18n?.["操作"], width: 185, fixed: "right",
render: (__: string, record: any) => {
let items: MenuProps["items"] = [
{
key: "DeleteList",
label: i18n?.["删除"],
onClick: () => postMessageToParent("DEL", record)
},
{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}
];
selectedKey === "getAnnualbonusaddupList" && items.shift();
return (
<Space>
return [
..._.map(initialState, (g) => {
let col = { ...g, ellipsis: true, fixed: false, width: 120 };
switch (g.dataIndex) {
case "username":
col = { ...col, fixed: "left" };
break;
case "taxAgentName":
col = { ...col, width: 200, fixed: "left" };
break;
case "idNo":
col = { ...col, width: 150 };
break;
case "originalTaxTypeDesc":
case "originalBonus":
case "originalTax":
case "originalIncome":
col = {
...col,
render: (text: string) => <div style={{ color: "rgb(93, 156, 236)" }}>{text}</div>
};
break;
case "optimizedTaxTypeDesc":
case "optimizedBonus":
case "optimizedTax":
case "optimizedIncome":
col = { ...col, render: (text: string) => <Text type="success">{text}</Text> };
break;
case "companySave":
case "employeeGain":
col = { ...col, render: (text: string) => <Text type="warning">{text}</Text> };
break;
default:
col = { ...col };
break;
}
return col;
}),
{
dataIndex: "operate",
title: i18n?.["操作"],
width: 185,
fixed: "right",
render: (__: string, record: any) => {
let items: MenuProps["items"] = [
{
!extraParams?.permission ?
key: "DeleteList",
label: i18n?.["删除"],
onClick: () => postMessageToParent("DEL", record)
},
{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}
];
selectedKey === "getAnnualbonusaddupList" && items.shift();
return (
<Space>
{!extraParams?.permission ? (
<Space>
{
selectedKey === "getAnnualbonusstrategyList" &&
<Button type="link"
onClick={() => postMessageToParent("VIEW", record)}>{i18n?.["查看详情"]}</Button>
}
<Button type="link"
onClick={() => postMessageToParent("log", record)}>{i18n?.["操作日志"]}</Button>
</Space> :
{selectedKey === "getAnnualbonusstrategyList" && (
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
{i18n?.["查看详情"]}
</Button>
)}
<Button type="link" onClick={() => postMessageToParent("log", record)}>
{i18n?.["操作日志"]}
</Button>
</Space>
) : (
<>
<Button type="link"
onClick={() => postMessageToParent("EDIT", record)}>{i18n?.["编辑"]}</Button>
{
selectedKey === "getAnnualbonusstrategyList" &&
<Button type="link"
onClick={() => postMessageToParent("VIEW", record)}>{i18n?.["查看详情"]}</Button>
}
{
selectedKey === "getAnnualbonusaddupList" &&
<Button type="link"
onClick={() => postMessageToParent("DEL", record)}>{i18n?.["删除"]}</Button>
}
<Button type="link" onClick={() => postMessageToParent("EDIT", record)}>
{i18n?.["编辑"]}
</Button>
{selectedKey === "getAnnualbonusstrategyList" && (
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
{i18n?.["查看详情"]}
</Button>
)}
{selectedKey === "getAnnualbonusaddupList" && (
<Button type="link" onClick={() => postMessageToParent("DEL", record)}>
{i18n?.["删除"]}
</Button>
)}
<Dropdown menu={{ items }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
<Button type="link" icon={<MoreOutlined />} />
</Dropdown>
</>
}
</Space>
);
)}
</Space>
);
}
}
}];
];
} else if (type === "variableSalary") {
return [..._.map(initialState, g => {
return { ...g, ellipsis: true, fixed: false, width: 150 };
}), {
dataIndex: "operate", title: i18n?.["操作"], width: 185, fixed: "right",
render: (__: string, record: any) => {
return (
<Space>
<Button type="link"
onClick={() => postMessageToParent("EDIT", record)}>{i18n?.["编辑"]}</Button>
<Button type="link"
onClick={() => postMessageToParent("DEL", record)}>{i18n?.["删除"]}</Button>
</Space>
);
return [
..._.map(initialState, (g) => {
return { ...g, ellipsis: true, fixed: false, width: 150 };
}),
{
dataIndex: "operate",
title: i18n?.["操作"],
width: 185,
fixed: "right",
render: (__: string, record: any) => {
return (
<Space>
<Button type="link" onClick={() => postMessageToParent("EDIT", record)}>
{i18n?.["编辑"]}
</Button>
<Button type="link" onClick={() => postMessageToParent("DEL", record)}>
{i18n?.["删除"]}
</Button>
</Space>
);
}
}
}];
];
} else if (type === "dataAcquisition") {
const { isSpecial } = extraParams as { isSpecial: boolean };
return [
..._.map(initialState, (g) => {
let col = { ...g, ellipsis: true, width: 110 };
switch (g.dataIndex) {
case "username":
case "departmentName":
col = { ...col, fixed: true };
break;
case "taxAgentName":
col = { ...col, fixed: true, width: 180 };
break;
case "mobile":
col = { ...col, width: 125 };
break;
case "operate":
col = {
...col,
width: 176,
fixed: "right",
render: (__: string, record: any) => {
let items: MenuProps["items"] = [
{
key: "DeleteList",
label: i18n?.["删除"],
onClick: () => postMessageToParent("DEL", record)
},
{
key: "Log",
label: i18n?.["操作日志"],
onClick: () => postMessageToParent("log", record)
}
];
isSpecial && items.shift();
return (
<Space>
<Button type="link" onClick={() => postMessageToParent("EDIT", record)}>
{i18n?.["编辑"]}
</Button>
{isSpecial ? (
<Button type="link" onClick={() => postMessageToParent("DEL", record)}>
{i18n?.["删除"]}
</Button>
) : (
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
{i18n?.["查看明细"]}
</Button>
)}
<Dropdown menu={{ items }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined />} />
</Dropdown>
</Space>
);
}
};
break;
default:
col = { ...col };
break;
}
return col;
})
];
}
return initialState;
}, [initialState, type, i18n, extraParams]);

Write Preview
Loading…
Cancel
Save