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

Compare commits

merge into: qt:master
Branches Tags
qt:feature/threejs
qt:feature/2.9.42310.01-薪资项目拓扑图
qt:feature/业务线管理
qt:master
qt:release/2.19.1.2503.01-业务线个税
qt:feature/核算表格双击编辑
qt:custom/鲁控数字-薪资核算列表页面批量编辑
qt:feature/V2-系统多语言
qt:feature/低版本火狐浏览器
qt:custom-新弘农业/V2-薪资核算表格添加序号列
qt:custom-人事报表/V2-demo
...
pull from: qt:feature/业务线管理
Branches Tags
qt:feature/threejs
qt:feature/2.9.42310.01-薪资项目拓扑图
qt:feature/业务线管理
qt:master
qt:release/2.19.1.2503.01-业务线个税
qt:feature/核算表格双击编辑
qt:custom/鲁控数字-薪资核算列表页面批量编辑
qt:feature/V2-系统多语言
qt:feature/低版本火狐浏览器
qt:custom-新弘农业/V2-薪资核算表格添加序号列
qt:custom-人事报表/V2-demo

21 Commits
master ... feature/业务

Author SHA1 Message Date
lys e672532907 feature/业务线管理 3 months ago
lys f3be2b68f6 Merge branch 'master' into feature/业务线管理 3 months ago
lys 78643df60d Merge branch 'master' into feature/业务线管理 4 months ago
lys 8908b23300 feature/业务线管理 4 months ago
lys 4f9bc70fc7 Merge branch 'master' into feature/业务线管理 5 months ago
lys 069131b999 Merge branch 'master' into feature/业务线管理 5 months ago
lys 9702881965 Merge branch 'master' into feature/业务线管理 7 months ago
lys 5f37df75cc feature/业务线管理 8 months ago
lys 7b95a64415 Merge branch 'master' into feature/业务线管理 8 months ago
lys 979a35dc54 Merge branch 'master' into feature/业务线管理 8 months ago
lys 597c00af41 Merge branch 'master' into feature/业务线管理 
# Conflicts:
#	src/pages/unitTable/renderColsOpts.tsx
 8 months ago
lys 4580128814 Merge branch 'master' into feature/业务线管理 8 months ago
lys c86656f970 Merge branch 'master' into feature/业务线管理 8 months ago
lys d375704faf Merge branch 'master' into feature/业务线管理 9 months ago
lys 78faf02e22 样式修改 9 months ago
lys ee0eaf67ad Merge branch 'master' into feature/业务线管理 9 months ago
黎永顺 d82ca76290 Merge branch 'master' into feature/业务线管理 
# Conflicts:
#	src/pages/salaryFileTable/index.tsx
#	src/pages/welfareArchiveTable/index.tsx
 9 months ago
黎永顺 3a5e06a6e7 Merge branch 'master' into feature/业务线管理 
# Conflicts:
#	src/pages/salaryFileTable/index.tsx
#	src/pages/welfareArchiveTable/index.tsx
 9 months ago
黎永顺 b72ccf78d7 Merge branch 'master' into feature/业务线管理 9 months ago
黎永顺 bba707b041 业务线管理 9 months ago
黎永顺 793d7acefb 业务线管理 10 months ago
4 changed files with 229 additions and 223 deletions
Show Stats

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

@ -24,9 +24,7 @@ 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);
const [showDelSalaryFileBtn, setShowDelSalaryFileBtn] = useState<boolean>(false);//待定薪、停薪员工 是否允许删除薪资档案 const [showDelSalaryFileBtn, setShowDelSalaryFileBtn] = useState<boolean>(false);//待定薪、停薪员工 是否允许删除薪资档案
const [DCChiefPermission, setDCChiefPermission] = useState<undefined>(undefined);//二开权限（大成）
useEffect(() => { useEffect(() => {
window.parent.postMessage({ type: "init" }, "*"); window.parent.postMessage({ type: "init" }, "*");
@ -40,10 +38,8 @@ const Index: FunctionComponent<Props> = (props) => {
const data: any = exceptStr(event.data); const data: any = exceptStr(event.data);
if (!_.isEmpty(data)) { if (!_.isEmpty(data)) {
const { const {
columns, dataSource, pageInfo, selectedRowKeys: rowKeys = [], i18n: i18nRes = {}, columns, dataSource, pageInfo, selectedRowKeys: rowKeys = [], i18n: i18nRes = {}, selectedKey, showDelSalaryFileBtn
selectedKey, showOperateBtn, showDelSalaryFileBtn, DCChiefPermission
} = data; } = data;
setShowOperateBtn(showOperateBtn);
setRunStatuses(selectedKey); setRunStatuses(selectedKey);
setI18n(i18nRes); setI18n(i18nRes);
setPageInfo(pageInfo); setPageInfo(pageInfo);
@ -51,7 +47,6 @@ const Index: FunctionComponent<Props> = (props) => {
setSelectedRowKeys([...rowKeys, ...selectedRowKeys]); setSelectedRowKeys([...rowKeys, ...selectedRowKeys]);
setColumns(columns); setColumns(columns);
setShowDelSalaryFileBtn(showDelSalaryFileBtn); setShowDelSalaryFileBtn(showDelSalaryFileBtn);
setDCChiefPermission(DCChiefPermission);
} }
}; };
const onChange = (current: number, pageSize: number) => { const onChange = (current: number, pageSize: number) => {
@ -113,19 +108,30 @@ const Index: FunctionComponent<Props> = (props) => {
} }
]; ];
!showDelSalaryFileBtn && (items = _.dropRight(items)); !showDelSalaryFileBtn && (items = _.dropRight(items));
return (<Space> return (
{ record?.opts.includes("admin") ?
(_.isNil(DCChiefPermission) || DCChiefPermission) ? <Space>
<Button type="link" <Button type="link"
onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button> : onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button>
<Button type="link" onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button> <Button type="link"
} onClick={() => handleSalaryFileOperate("ADD-TO-SALARYPAYMENT", record, [record?.id])}>{i18n["设为发薪人员"]}</Button>
<Button type="link" <Dropdown menu={{ items }} placement="bottomRight">
onClick={() => handleSalaryFileOperate("ADD-TO-SALARYPAYMENT", record, [record?.id])}>{i18n["设为发薪人员"]}</Button> <Button type="link" icon={<MoreOutlined/>}/>
<Dropdown menu={{ items }} placement="bottomRight"> </Dropdown>
<Button type="link" icon={<MoreOutlined/>}/> </Space> : <Space>
</Dropdown> <Button type="link"
</Space>); onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Dropdown menu={{
items: [
{
key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
}
]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space>
);
} }
}; };
break; break;
@ -142,18 +148,27 @@ const Index: FunctionComponent<Props> = (props) => {
} }
]; ];
return ( return (
<Space> record?.opts.includes("admin") ?
{ <Space>
(((_.isNil(DCChiefPermission) || DCChiefPermission) && runStatuses === "fixed") || runStatuses === "ext") ? <Button type="link"
<Button type="link" onClick={() => handleSalaryFileOperate("CHANGE-SALARY", record)}>{i18n["调薪"]}</Button>
onClick={() => handleSalaryFileOperate("CHANGE-SALARY", record)}>{i18n["调薪"]}</Button> : <Dropdown menu={{ items }} placement="bottomRight">
<Button type="link" <Button type="link" icon={<MoreOutlined/>}/>
onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button> </Dropdown>
} </Space> :
<Dropdown menu={{ items }} placement="bottomRight"> <Space>
<Button type="link" icon={<MoreOutlined/>}/> <Button type="link"
</Dropdown> onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
</Space> <Dropdown menu={{
items: [
{
key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
}
]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space>
); );
} }
}; };
@ -174,14 +189,30 @@ const Index: FunctionComponent<Props> = (props) => {
onClick: () => handleSalaryFileOperate("log", record) onClick: () => handleSalaryFileOperate("log", record)
} }
]; ];
return (<Space> return (
<Button type="link" onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button> record?.opts.includes("admin") ?
<Button type="link" <Space>
onClick={() => handleSalaryFileOperate("SALARY-SUSPENSION", record, [record?.id])}>{i18n["停薪"]}</Button> <Button type="link" onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button>
<Dropdown menu={{ items: downsizingItems }} placement="bottomRight"> <Button type="link"
<Button type="link" icon={<MoreOutlined/>}/> onClick={() => handleSalaryFileOperate("SALARY-SUSPENSION", record, [record?.id])}>{i18n["停薪"]}</Button>
</Dropdown> <Dropdown menu={{ items: downsizingItems }} placement="bottomRight">
</Space>); <Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space> :
<Space>
<Button type="link"
onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Dropdown menu={{
items: [
{
key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
}
]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space>
);
} }
}; };
break; break;
@ -190,54 +221,56 @@ const Index: FunctionComponent<Props> = (props) => {
...opts, ...opts,
render: (__: any, record: any) => { render: (__: any, record: any) => {
let stopItems: MenuProps["items"] = [ let stopItems: MenuProps["items"] = [
{
key: "Log",
label: i18n["操作日志"],
onClick: () => handleSalaryFileOperate("log", record)
},
{ {
key: "CancelSuspension", key: "CancelSuspension",
label: i18n["删除档案"], label: i18n["删除档案"],
onClick: () => handleSalaryFileOperate("DEL-SALARY-FILES", record, [record?.id]) onClick: () => handleSalaryFileOperate("DEL-SALARY-FILES", record, [record?.id])
},
{
key: "Log",
label: i18n["操作日志"],
onClick: () => handleSalaryFileOperate("log", record)
} }
]; ];
!showDelSalaryFileBtn && (stopItems = _.dropRight(stopItems)); !showDelSalaryFileBtn && (stopItems = _.dropRight(stopItems));
return (<Space> return (
<Button type="link" onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button> record?.opts.includes("admin") ?
<Button type="link" <Space>
onClick={() => handleSalaryFileOperate("CANCEL-SALARY-SUSPENSION", record, [record?.id])}>{i18n["取消停薪"]}</Button> <Button type="link" onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
{ <Button type="link"
!_.isEmpty(stopItems) && onClick={() => handleSalaryFileOperate("CANCEL-SALARY-SUSPENSION", record, [record?.id])}>{i18n["取消停薪"]}</Button>
<Dropdown menu={{ items: stopItems }} placement="bottomRight"> {
<Button type="link" icon={<MoreOutlined/>}/> !_.isEmpty(stopItems) &&
</Dropdown> <Dropdown menu={{ items: stopItems }} placement="bottomRight">
} <Button type="link" icon={<MoreOutlined/>}/>
</Space>); </Dropdown>
}
</Space> :
<Space>
<Button type="link"
onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
<Dropdown menu={{
items: [
{
key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
}
]
}} placement="bottomRight">
<Button type="link" icon={<MoreOutlined/>}/>
</Dropdown>
</Space>
);
} }
}; };
break; break;
default: default:
break; break;
} }
return showOperateBtn ? [..._.filter(columns, o => o.dataIndex !== "operate"), opts] : return [..._.filter(columns, o => o.dataIndex !== "operate"), opts];
[..._.filter(columns, o => o.dataIndex !== "operate"), {
...opts,
render: (__: any, record: any) => (
<Space>
{
(DCChiefPermission && (runStatuses === "pending" || runStatuses === "fixed")) ?
<Button type="link"
onClick={() => handleSalaryFileOperate(runStatuses === "fixed" ? "CHANGE-SALARY" : "EDIT", record)}>{runStatuses === "fixed" ? i18n["调薪"] : i18n["编辑"]}</Button> :
<Button type="link" onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
}
<Button type="link" onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button>
</Space>
)
}];
} else { } else {
return []; return [];
} }
}, [columns, runStatuses, i18n, showOperateBtn, showDelSalaryFileBtn, DCChiefPermission]); }, [columns, runStatuses, i18n, showDelSalaryFileBtn]);
return (<Table return (<Table
rowKey="id" size="small" className={styles.tableWrapper} rowKey="id" size="small" className={styles.tableWrapper}
columns={cols} dataSource={dataSource} rowSelection={rowSelection} columns={cols} dataSource={dataSource} rowSelection={rowSelection}

184
src/pages/standingbookTable/index.tsx
Unescape Escape View File

@ -1,9 +1,8 @@
import React, { FC, useEffect, useState } from "react"; import React, { FC, useEffect, useState } from "react";
import { Button, Spin, Table, Typography } from "antd"; import { Button, Table, Typography } from "antd";
import { exceptStr, paginationFun } from "@/utils/common"; import { exceptStr, paginationFun } from "@/utils/common";
import { defaultPage, IPage } from "@/common/types"; import { defaultPage, IPage } from "@/common/types";
import styles from "@/pages/atdTable/components/index.less"; import styles from "@/pages/atdTable/components/index.less";
import API from "@/api";
const { Text } = Typography; const { Text } = Typography;
const StandingbookTable: FC = (props) => { const StandingbookTable: FC = (props) => {
@ -12,7 +11,6 @@ const StandingbookTable: FC = (props) => {
const [dataSource, setDataSource] = useState<Array<any>>([]); const [dataSource, setDataSource] = useState<Array<any>>([]);
const [pageInfo, setPageInfo] = useState<IPage>(defaultPage); const [pageInfo, setPageInfo] = useState<IPage>(defaultPage);
const [sumRow, setSumRow] = useState<Partial<{}>>({}); const [sumRow, setSumRow] = useState<Partial<{}>>({});
const [showSumrow, setShowSumrow] = useState<boolean>(false);
useEffect(() => { useEffect(() => {
window.parent.postMessage({ type: "init" }, "*"); window.parent.postMessage({ type: "init" }, "*");
@ -24,134 +22,108 @@ const StandingbookTable: FC = (props) => {
const receiveMessageFromIndex = async (event: any) => { const receiveMessageFromIndex = async (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, showOperates, selectedRowKeys, sumRow } = data;
columns, dataSource, pageInfo, showOperates, selectedRowKeys,
sumpayload, selectedKey
} = data;
const { current: pageNum, pageSize: size, total } = pageInfo; const { current: pageNum, pageSize: size, total } = pageInfo;
const conventColumns = _.map(_.filter(columns, it => it.dataIndex !== "id"), item => { const conventColumns = _.map(
const { dataIndex } = item; _.filter(columns, (it) => it.dataIndex !== "id"),
if (dataIndex === "employeeId") { (item) => {
const { dataIndex } = item;
if (dataIndex === "employeeId") {
return {
title: "姓名",
dataIndex,
fixed: "left",
width: 150,
render: (_: any, record: Partial<any>) => <span>{record?.userName}</span>
};
}
return { return {
title: "姓名", dataIndex, fixed: "left", width: 150, dataIndex,
render: (_: any, record: Partial<any>) => ( width: 150,
<span>{record?.userName}</span> title: <span dangerouslySetInnerHTML={{ __html: item.title }} />
)
}; };
} }
return { );
dataIndex, width: 150,
title: <span dangerouslySetInnerHTML={{ __html: item.title }}/>
};
});
setDataSource(dataSource); setDataSource(dataSource);
setColumns( setColumns(
!showOperates ? conventColumns : !showOperates
[ ? conventColumns
...conventColumns, : [
{ ...conventColumns,
title: "操作", {
dataIndex: "operate", title: "操作",
fixed: "right", dataIndex: "operate",
width: 120, fixed: "right",
render: (_: any, record: any) => { width: 120,
return ( render: (_: any, record: any) => {
<Button type="link" onClick={() => handleEdit(record)}>编辑</Button> return (
); <Button type="link" onClick={() => handleEdit(record)}>
编辑
</Button>
);
}
} }
} ]
]
); );
setPageInfo({ pageNum, size, total }); setPageInfo({ pageNum, size, total });
setSelected(selectedRowKeys); setSelected(selectedRowKeys);
const confCode: any = await API.CalculateService.getSysconfcode({ code: "OPEN_ACCT_RESULT_SUM" }); setSumRow(sumRow);
setShowSumrow(confCode.data.status && confCode.data.data === "1");
if (confCode.data.status && confCode.data.data === "1") {
const sumRowlist: any = selectedKey === "1" ? await API.CalculateService.siaccountDetailCommonListSum(sumpayload) :
selectedKey === "3" ? await API.CalculateService.siaccountDetailSupplementaryListSum(sumpayload) :
selectedKey === "regression" ? await API.CalculateService.siaccountDetailRecessionListSum(sumpayload) :
selectedKey === "difference" ? await API.CalculateService.siaccountDetailBalanceListSum(sumpayload) : {
data: {
status: false,
data: { sumRow: {} }
}
};
if (sumRowlist.data.status) {
if (!_.isEmpty(sumRowlist.data.data.sumRow)) {
setSumRow(sumRowlist.data.data.sumRow);
} else {
setSumRow({ [new Date().getTime()]: new Date().getTime() });
}
}
if (sumRowlist.data.status && _.isNil(sumRowlist.data.data.sumRow)) {
setSumRow({ [new Date().getTime()]: new Date().getTime() });
}
}
} }
}; };
const handleEdit = (record: any) => { const handleEdit = (record: any) => {
window.parent.postMessage({ type: "turn", payload: { id: "EDIT", params: { ...record } } }, "*"); window.parent.postMessage({ type: "turn", payload: { id: "EDIT", params: { ...record } } }, "*");
}; };
const sizeChange = (pageobj: IPage) => { const sizeChange = (pageobj: IPage) => {};
};
const onChange = (pageobj: IPage) => { const onChange = (pageobj: IPage) => {
setPageInfo({ ...pageInfo, ...pageobj }); setPageInfo({ ...pageInfo, ...pageobj });
window.parent.postMessage( window.parent.postMessage({ type: "turn", payload: { id: "PAGEINFO", params: { ...pageInfo, ...pageobj } } }, "*");
{
type: "turn",
payload: { id: "PAGEINFO", params: { ...pageInfo, ...pageobj } }
},
"*"
);
}; };
const rowSelection = { const rowSelection = {
selectedRowKeys: selected, selectedRowKeys: selected,
columnWidth: 80, columnWidth: 60,
onChange: (selectedRowKeys: Array<any>) => { onChange: (selectedRowKeys: Array<any>) => {
setSelected(selectedRowKeys); setSelected(selectedRowKeys);
window.parent.postMessage( window.parent.postMessage({ type: "turn", payload: { id: "ROWSELECT", params: { selectedRowKeys } } }, "*");
{
type: "turn",
payload: { id: "ROWSELECT", params: { selectedRowKeys } }
},
"*"
);
} }
}; };
return <Table return (
rowKey="id" <Table
className={styles.tableWrapper} rowKey="id"
columns={columns} className={styles.tableWrapper}
dataSource={dataSource} columns={columns}
size="small" dataSource={dataSource}
rowSelection={rowSelection} size="small"
pagination={{ rowSelection={rowSelection}
...paginationFun(pageInfo, sizeChange, onChange), pagination={{
size: "default" ...paginationFun(pageInfo, sizeChange, onChange),
}} size: "default"
scroll={{ x: 1200, y: `calc(100vh - 172px)` }} }}
summary={() => { scroll={{ x: 1200, y: `calc(100vh - 172px)` }}
if (_.isEmpty(columns) || !showSumrow) return; summary={() => {
return ( if (_.isEmpty(sumRow)) return;
<Table.Summary fixed> return (
<Table.Summary.Row> <Table.Summary fixed>
{ <Table.Summary.Row>
_.isEmpty(sumRow) ? <Spin tip="加载中"/> : {_.map([{}, ...columns], (item, index) => {
_.map([{}, ...columns], (item, index) => { if (index === 0) {
if (index === 0) { return (
return <Table.Summary.Cell index={0} key={index} align="center"><Text <Table.Summary.Cell index={0} key={index} align="center">
type="danger">总计</Text></Table.Summary.Cell>; <Text type="danger">总计</Text>
} </Table.Summary.Cell>
return <Table.Summary.Cell index={index} key={index}> );
}
return (
<Table.Summary.Cell index={index} key={index}>
<Text type="danger">{!_.isNil(sumRow[item.dataIndex]) ? sumRow[item.dataIndex] : "-"}</Text> <Text type="danger">{!_.isNil(sumRow[item.dataIndex]) ? sumRow[item.dataIndex] : "-"}</Text>
</Table.Summary.Cell>; </Table.Summary.Cell>
}) );
} })}
</Table.Summary.Row> </Table.Summary.Row>
</Table.Summary> </Table.Summary>
); );
}} }}
/>; />
);
}; };
export default StandingbookTable; export default StandingbookTable;

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

@ -27,7 +27,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 ( return (
<Button type="link" onClick={() => postMessageToParent(billStatus === "0" && extraParams?.permission ? "CALC" : "VIEW", record)}> <Button type="link" onClick={() => postMessageToParent(billStatus === "0" && record?.opts.includes("admin") ? "CALC" : "VIEW", record)}>
{text} {text}
</Button> </Button>
); );
@ -84,7 +84,7 @@ 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)}> <Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
{i18n?.["查看"]} {i18n?.["查看"]}
@ -359,12 +359,20 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
render: (__: string, record: any) => { render: (__: string, record: any) => {
return ( return (
<Space> <Space>
<Button type="link" onClick={() => postMessageToParent("EDIT", record)}> {record?.opts.includes("admin") ? (
{i18n?.["编辑"]} <Space>
</Button> <Button type="link" onClick={() => postMessageToParent("EDIT", record)}>
<Button type="link" onClick={() => postMessageToParent("DEL", record)}> {i18n?.["编辑"]}
{i18n?.["删除"]} </Button>
</Button> <Button type="link" onClick={() => postMessageToParent("DEL", record)}>
{i18n?.["删除"]}
</Button>
</Space>
) : (
<Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
{i18n?.["查看"]}
</Button>
)}
</Space> </Space>
); );
} }
@ -404,13 +412,15 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
onClick: () => postMessageToParent("log", record) onClick: () => postMessageToParent("log", record)
} }
]; ];
isSpecial && items.shift(); (isSpecial || !record?.opts.includes("admin")) && items.shift();
return ( return (
<Space> <Space>
<Button type="link" onClick={() => postMessageToParent("EDIT", record)}> {record?.opts.includes("admin") && (
{i18n?.["编辑"]} <Button type="link" onClick={() => postMessageToParent("EDIT", record)}>
</Button> {i18n?.["编辑"]}
{isSpecial ? ( </Button>
)}
{isSpecial && record?.opts.includes("admin") ? (
<Button type="link" onClick={() => postMessageToParent("DEL", record)}> <Button type="link" onClick={() => postMessageToParent("DEL", record)}>
{i18n?.["删除"]} {i18n?.["删除"]}
</Button> </Button>

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

@ -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: rowKeys = [], i18n: i18nRes = {}, runStatuses } = data;
columns, dataSource, pageInfo, selectedRowKeys: rowKeys = [], i18n: i18nRes = {},
runStatuses, showOperateBtn
} = data;
setShowOperateBtn(showOperateBtn);
setRunStatuses(runStatuses); setRunStatuses(runStatuses);
setI18n(i18nRes); setI18n(i18nRes);
setPageInfo(pageInfo); setPageInfo(pageInfo);
@ -87,6 +82,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 = {
@ -109,13 +112,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;
@ -131,13 +134,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> : UnAuthOpts(record));
</Space>);
} }
}; };
break; break;
@ -157,14 +159,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;
@ -184,38 +186,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"
}}
/>); />);
}; };

Write Preview
Loading…
Cancel
Save