业务线管理

release/2.19.1.2503.01-业务线个税
黎永顺 9 months ago
parent 793d7acefb
commit bba707b041

@ -124,7 +124,15 @@ const Index: FunctionComponent<Props> = (props) => {
</Space> : <Space> </Space> : <Space>
<Button type="link" <Button type="link"
onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button> onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Button type="link" onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button> <Dropdown menu={{
items: [
{
key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
}
]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space> </Space>
); );
} }
@ -154,8 +162,15 @@ const Index: FunctionComponent<Props> = (props) => {
<Space> <Space>
<Button type="link" <Button type="link"
onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button> onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Button type="link" <Dropdown menu={{
onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button> items: [
{
key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
}
]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space> </Space>
); );
} }
@ -190,8 +205,15 @@ const Index: FunctionComponent<Props> = (props) => {
<Space> <Space>
<Button type="link" <Button type="link"
onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button> onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Button type="link" <Dropdown menu={{
onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button> items: [
{
key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
}
]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space> </Space>
); );
} }
@ -230,8 +252,15 @@ const Index: FunctionComponent<Props> = (props) => {
<Space> <Space>
<Button type="link" <Button type="link"
onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button> onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Button type="link" <Dropdown menu={{
onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button> items: [
{
key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
}
]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space> </Space>
); );
} }

@ -24,7 +24,7 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
render: (text: string, record: any) => { render: (text: string, record: any) => {
const { billStatus } = record; const { billStatus } = record;
return (<Button type="link" return (<Button type="link"
onClick={() => postMessageToParent((billStatus === "0" && extraParams?.permission) ? "CALC" : "VIEW", record)}>{text}</Button>); onClick={() => postMessageToParent((billStatus === "0" && record?.opts.includes("admin")) ? "CALC" : "VIEW", record)}>{text}</Button>);
} }
}; };
break; break;
@ -72,15 +72,13 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
return ( return (
<Space> <Space>
{ {
!extraParams?.permission ? !record?.opts.includes("admin") ?
<Space> <Space>
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>{i18n?.["查看"]}</Button> <Button type="link" onClick={() => postMessageToParent("VIEW", record)}>{i18n?.["查看"]}</Button>
<Dropdown menu={{ <Dropdown menu={{
items: [{ items: [
key: "Log", { key: "Log", label: i18n?.["操作日志"], onClick: () => postMessageToParent("log", record) }
label: i18n?.["操作日志"], ]
onClick: () => postMessageToParent("log", record)
}]
}} placement="bottomRight"> }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>

@ -25,7 +25,6 @@ const Index: FunctionComponent<Props> = (props) => {
const [pageInfo, setPageInfo] = useState<Partial<PaginationData>>({}); const [pageInfo, setPageInfo] = useState<Partial<PaginationData>>({});
const [i18n, setI18n] = useState<any>({}); const [i18n, setI18n] = useState<any>({});
const [runStatuses, setRunStatuses] = useState<string>(""); const [runStatuses, setRunStatuses] = useState<string>("");
const [showOperateBtn, setShowOperateBtn] = useState<boolean>(false);
useEffect(() => { useEffect(() => {
window.parent.postMessage({ type: "init" }, "*"); window.parent.postMessage({ type: "init" }, "*");
@ -38,11 +37,7 @@ const Index: FunctionComponent<Props> = (props) => {
const receiveMessageFromIndex = (event: any) => { const receiveMessageFromIndex = (event: any) => {
const data: any = exceptStr(event.data); const data: any = exceptStr(event.data);
if (!_.isEmpty(data)) { if (!_.isEmpty(data)) {
const { const { columns, dataSource, pageInfo, selectedRowKeys, i18n: i18nRes = {}, runStatuses } = data;
columns, dataSource, pageInfo, selectedRowKeys, i18n: i18nRes = {},
runStatuses, showOperateBtn
} = data;
setShowOperateBtn(showOperateBtn);
setRunStatuses(runStatuses); setRunStatuses(runStatuses);
setI18n(i18nRes); setI18n(i18nRes);
setPageInfo(pageInfo); setPageInfo(pageInfo);
@ -69,11 +64,7 @@ const Index: FunctionComponent<Props> = (props) => {
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
onChange: (selectedRowKeys: React.Key[]) => { onChange: (selectedRowKeys: React.Key[]) => {
setSelectedRowKeys(selectedRowKeys); setSelectedRowKeys(selectedRowKeys);
window.parent.postMessage( window.parent.postMessage({ type: "turn", payload: { id: "CHECKBOX", params: { selectedRowKeys } } },
{
type: "turn",
payload: { id: "CHECKBOX", params: { selectedRowKeys } }
},
"*" "*"
); );
} }
@ -89,6 +80,14 @@ const Index: FunctionComponent<Props> = (props) => {
}; };
const cols: any = useMemo(() => { const cols: any = useMemo(() => {
let opts: any = { title: i18n["操作"], dataIndex: "operate", fixed: "right", width: 185 }; let opts: any = { title: i18n["操作"], dataIndex: "operate", fixed: "right", width: 185 };
const UnAuthOpts = (record: any) => (<Space>
<Button type="link" onClick={() => handleWelfareOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Dropdown menu={{
items: [{ key: "Log", label: i18n["操作日志"], onClick: () => handleWelfareOperate("log", record) }]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space>);
switch (runStatuses) { switch (runStatuses) {
case "1": case "1":
opts = { opts = {
@ -111,13 +110,13 @@ const Index: FunctionComponent<Props> = (props) => {
onClick: () => handleWelfareOperate("log", record) onClick: () => handleWelfareOperate("log", record)
} }
]; ];
return (<Space> return (record?.opts.includes("admin") ? <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 menu={{ items }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
</Space>); </Space> : UnAuthOpts(record));
} }
}; };
break; break;
@ -133,13 +132,12 @@ const Index: FunctionComponent<Props> = (props) => {
onClick: () => handleWelfareOperate("log", record) onClick: () => handleWelfareOperate("log", record)
} }
]; ];
return ( return (record?.opts.includes("admin") ? <Space>
<Space>
<Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button> <Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button>
<Dropdown menu={{ items }} placement="bottomRight"> <Dropdown menu={{ items }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
</Space>); </Space> : UnAuthOpts(record));
} }
}; };
break; break;
@ -159,14 +157,14 @@ const Index: FunctionComponent<Props> = (props) => {
onClick: () => handleWelfareOperate("log", record) onClick: () => handleWelfareOperate("log", record)
} }
]; ];
return (<Space> return (record?.opts.includes("admin") ? <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 menu={{ items: downsizingItems }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
</Space>); </Space> : UnAuthOpts(record));
} }
}; };
break; break;
@ -186,38 +184,27 @@ const Index: FunctionComponent<Props> = (props) => {
onClick: () => handleWelfareOperate("log", record) onClick: () => handleWelfareOperate("log", record)
} }
]; ];
return (<Space> return (record?.opts.includes("admin") ? <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 menu={{ items: stopItems }} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown> </Dropdown>
</Space>); </Space> : UnAuthOpts(record));
} }
}; };
break; break;
default: default:
break; break;
} }
return showOperateBtn ? [...columns, opts] : [...columns, { return [...columns, opts];
...opts, }, [columns, runStatuses, i18n]);
render: (__: any, record: any) => (
<Space>
<Button type="link" onClick={() => handleWelfareOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Button type="link" onClick={() => handleWelfareOperate("log", record)}>{i18n["操作日志"]}</Button>
</Space>
)
}];
}, [columns, runStatuses, i18n, showOperateBtn]);
return (<Table return (<Table
rowKey="baseInfo" size="small" className={styles.tableWrapper} rowKey="baseInfoId" size="small" className={styles.tableWrapper}
columns={cols} dataSource={dataSource} rowSelection={rowSelection} columns={cols} dataSource={dataSource} rowSelection={rowSelection}
scroll={{ x: 1200, y: `calc(100vh - 103px)` }} scroll={{ x: 1200, y: `calc(100vh - 103px)` }}
pagination={{ pagination={{ ...paginationAction(pageInfo, i18n, onChange), size: "default" }}
...paginationAction(pageInfo, i18n, onChange),
size: "default"
}}
/>); />);
}; };

Loading…
Cancel
Save