feature/核算表格双击编辑
黎永顺 9 months ago
parent 6e9bb76ff2
commit 236f99b8b5

@ -285,6 +285,18 @@
height: 14px; height: 14px;
} }
.ant-table-header {
.ant-checkbox-checked {
.ant-checkbox-inner:after {
width: 5px !important;
}
}
.ant-checkbox-inner:after {
width: 8px !important;
}
}
.ant-checkbox-inner:after { .ant-checkbox-inner:after {
width: 5px; width: 5px;
height: 8px; height: 8px;

@ -48,7 +48,7 @@ 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, i18n: i18nRes = {}, columns, dataSource, pageInfo, selectedRowKeys: rowKeys, i18n: i18nRes = {},
showTotalCell = false, sumRowlistUrl = "", payload = {}, calcDetail, showTotalCell = false, sumRowlistUrl = "", payload = {}, calcDetail,
fixed = true, tableScrollHeight, sumRow, optWidth fixed = true, tableScrollHeight, sumRow, optWidth
} = data; } = data;
@ -61,7 +61,7 @@ const index: FunctionComponent<Props> = (props) => {
setSumRow(sumRow); setSumRow(sumRow);
setPageInfo(pageInfo); setPageInfo(pageInfo);
setDataSource(dataSource); setDataSource(dataSource);
setSelectedRowKeys(selectedRowKeys); setSelectedRowKeys([...selectedRowKeys, ...rowKeys]);
setTableScrollHeight(tableScrollHeight); setTableScrollHeight(tableScrollHeight);
setColumns([...convertColumns(_.map(columns, o => ({ ...o, i18n: i18nRes }))), { setColumns([...convertColumns(_.map(columns, o => ({ ...o, i18n: i18nRes }))), {
title: i18nRes["操作"], dataIndex: "operate", fixed: "right", width: optWidth || 120, title: i18nRes["操作"], dataIndex: "operate", fixed: "right", width: optWidth || 120,
@ -142,14 +142,11 @@ const index: FunctionComponent<Props> = (props) => {
columnWidth: 60, columnTitle: (isDetailTable && !showTotalCell) ? "序号" : "", columnWidth: 60, columnTitle: (isDetailTable && !showTotalCell) ? "序号" : "",
renderCell: (value: boolean, record: any, index: number, originNode: React.ReactNode) => ((isDetailTable && !showTotalCell) ? renderCell: (value: boolean, record: any, index: number, originNode: React.ReactNode) => ((isDetailTable && !showTotalCell) ?
<span>{index + 1}</span> : originNode), <span>{index + 1}</span> : originNode),
selectedRowKeys: selectedRowKeys, selectedRowKeys, preserveSelectedRowKeys: true,
onChange: (selectedRowKeys: React.Key[]) => { onChange: (rowKeys: React.Key[]) => {
setSelectedRowKeys(selectedRowKeys); setSelectedRowKeys(rowKeys);
window.parent.postMessage( window.parent.postMessage(
{ { type: "turn", payload: { id: "CHECKBOX", params: { selectedRowKeys: rowKeys } } },
type: "turn",
payload: { id: "CHECKBOX", params: { selectedRowKeys } }
},
"*" "*"
); );
} }

@ -40,7 +40,7 @@ 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, i18n: i18nRes = {}, columns, dataSource, pageInfo, selectedRowKeys: rowKeys, i18n: i18nRes = {},
selectedKey, showOperateBtn, showDelSalaryFileBtn, DCChiefPermission selectedKey, showOperateBtn, showDelSalaryFileBtn, DCChiefPermission
} = data; } = data;
setShowOperateBtn(showOperateBtn); setShowOperateBtn(showOperateBtn);
@ -48,7 +48,7 @@ const Index: FunctionComponent<Props> = (props) => {
setI18n(i18nRes); setI18n(i18nRes);
setPageInfo(pageInfo); setPageInfo(pageInfo);
setDataSource(dataSource); setDataSource(dataSource);
setSelectedRowKeys(selectedRowKeys); setSelectedRowKeys([...rowKeys, ...selectedRowKeys]);
setColumns(columns); setColumns(columns);
setShowDelSalaryFileBtn(showDelSalaryFileBtn); setShowDelSalaryFileBtn(showDelSalaryFileBtn);
setDCChiefPermission(DCChiefPermission); setDCChiefPermission(DCChiefPermission);
@ -68,15 +68,12 @@ const Index: FunctionComponent<Props> = (props) => {
}); });
}; };
const rowSelection = { const rowSelection = {
columnWidth: 60, columnWidth: 60, selectedRowKeys,
selectedRowKeys: selectedRowKeys, preserveSelectedRowKeys: true,
onChange: (selectedRowKeys: React.Key[]) => { onChange: (rowKeys: React.Key[]) => {
setSelectedRowKeys(selectedRowKeys); setSelectedRowKeys(rowKeys);
window.parent.postMessage( window.parent.postMessage(
{ { type: "turn", payload: { id: "ROWSELECTION", params: { selectedRowKeys: rowKeys } } },
type: "turn",
payload: { id: "ROWSELECTION", params: { selectedRowKeys } }
},
"*" "*"
); );
} }

@ -36,7 +36,7 @@ const UnitTable: FC = (props) => {
if (!_.isEmpty(data)) { if (!_.isEmpty(data)) {
const { const {
columns, dataSource, pageInfo, scrollHeight, i18n, showOperateBtn: permission, unitTableType = "welfareRecord", columns, dataSource, pageInfo, scrollHeight, i18n, showOperateBtn: permission, unitTableType = "welfareRecord",
selectedRowKeys, selectedKey, rowKey, showTotalCell = false, sumDataSource = {} selectedRowKeys: rowKeys, selectedKey, rowKey, showTotalCell = false, sumDataSource = {}
} = data; } = data;
setI18n(i18n); setI18n(i18n);
setColumns(columns); setColumns(columns);
@ -44,7 +44,10 @@ const UnitTable: FC = (props) => {
setPageInfo(pageInfo); setPageInfo(pageInfo);
setUnitTableType(unitTableType); setUnitTableType(unitTableType);
setSumRow(sumDataSource); setSumRow(sumDataSource);
setExtraParams({ selectedKey, selectedRowKeys, scrollHeight, permission, rowKey, showTotalCell }); setExtraParams({
selectedKey, scrollHeight, permission, rowKey, showTotalCell,
selectedRowKeys: [extraParams.selectedRowKeys, ...rowKeys]
});
} }
}; };
const onChange = (current: number, pageSize: number) => { const onChange = (current: number, pageSize: number) => {
@ -61,8 +64,8 @@ const UnitTable: FC = (props) => {
}); });
}; };
const rowSelection = { const rowSelection = {
columnWidth: 60, columnWidth: 60, selectedRowKeys: extraParams.selectedRowKeys,
selectedRowKeys: extraParams.selectedRowKeys, preserveSelectedRowKeys: true,
onChange: (selectedRowKeys: React.Key[]) => { onChange: (selectedRowKeys: React.Key[]) => {
// @ts-ignore // @ts-ignore
setExtraParams({ ...extraParams, selectedRowKeys: selectedRowKeys }); setExtraParams({ ...extraParams, selectedRowKeys: selectedRowKeys });

@ -39,7 +39,7 @@ 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, i18n: i18nRes = {}, columns, dataSource, pageInfo, selectedRowKeys: rowKeys, i18n: i18nRes = {},
runStatuses, showOperateBtn runStatuses, showOperateBtn
} = data; } = data;
setShowOperateBtn(showOperateBtn); setShowOperateBtn(showOperateBtn);
@ -47,7 +47,7 @@ const Index: FunctionComponent<Props> = (props) => {
setI18n(i18nRes); setI18n(i18nRes);
setPageInfo(pageInfo); setPageInfo(pageInfo);
setDataSource(dataSource); setDataSource(dataSource);
setSelectedRowKeys(selectedRowKeys); setSelectedRowKeys([...rowKeys, ...selectedRowKeys]);
setColumns(columns); setColumns(columns);
} }
}; };
@ -64,16 +64,14 @@ const Index: FunctionComponent<Props> = (props) => {
return { ...pageInfo, current: size === pageSize ? current : 1, pageSize }; return { ...pageInfo, current: size === pageSize ? current : 1, pageSize };
}); });
}; };
const rowSelection = { const rowSelection = {
columnWidth: 60, columnWidth: 60, selectedRowKeys,
selectedRowKeys: selectedRowKeys, preserveSelectedRowKeys: true,
onChange: (selectedRowKeys: React.Key[]) => { onChange: (rowKeys: React.Key[]) => {
setSelectedRowKeys(selectedRowKeys); setSelectedRowKeys(rowKeys);
window.parent.postMessage( window.parent.postMessage(
{ { type: "turn", payload: { id: "CHECKBOX", params: { selectedRowKeys: rowKeys } } },
type: "turn",
payload: { id: "CHECKBOX", params: { selectedRowKeys } }
},
"*" "*"
); );
} }

Loading…
Cancel
Save