feature/核算表格双击编辑
lys 6 months ago
parent c325d4ae4c
commit 4ad2bc0eba

@ -41,7 +41,7 @@
}
:global {
span.anticon-lock {
span.anticon-lock, span.anticon-question-circle {
color: #5d9cec;
}
}

@ -1,6 +1,6 @@
import React, { FunctionComponent } from "react";
import Icon from "@/lib/CustomIcon";
import { LockOutlined, UnlockOutlined } from "@ant-design/icons";
import { LockOutlined, UnlockOutlined, QuestionCircleOutlined } from "@ant-design/icons";
import styles from "@/pages/atdTable/components/index.less";
interface OwnProps {
@ -29,6 +29,12 @@ const CalcExplainFooter: FunctionComponent<Props> = (props) => {
<UnlockOutlined />
<span>{i18n["当前状态未锁定,右击锁定"]}</span>
</div>
{(i18n["反馈信息,右击删除反馈信息"] || i18n["反馈信息,右击设置反馈信息"]) && (
<div className={styles["icon-item"]}>
<QuestionCircleOutlined />
<span>{i18n["反馈信息,右击删除反馈信息"] || i18n["反馈信息,右击设置反馈信息"]}</span>
</div>
)}
<div className={styles["icon-item"]}>
<Icon type="icon-pilianggengxin" />
<span>{i18n["批量更新"]}</span>

@ -6,8 +6,8 @@
*/
import React, { FunctionComponent, useEffect, useState } from "react";
import type { MenuProps } from "antd";
import { Button, Dropdown, Space, Table, Typography } from "antd";
import { LockOutlined, UnlockOutlined } from "@ant-design/icons";
import { Button, Dropdown, Space, Table, Tooltip, Typography } from "antd";
import { DeleteOutlined, LockOutlined, QuestionCircleOutlined, SettingOutlined, UnlockOutlined } from "@ant-design/icons";
import CustomTableTitle from "@/pages/calcTable/customTableTitle";
import CalcExplainFooter from "@/pages/calcTable/calcExplainFooter";
import CaclFixedTotal from "./calcFixedTotal";
@ -131,11 +131,12 @@ const index: FunctionComponent<Props> = (props) => {
i18n: item.i18n,
onCell: (record: any) => ({
onContextMenu: (e: any) => {
!item.calcDetail && e.preventDefault();
(!item.calcDetail || item.rightClickType) && e.preventDefault();
}
}),
render: (text: string, record: any) => {
const items: MenuProps["items"] = [
let items: MenuProps["items"] = !item.calcDetail
? [
{
label: item.i18n["锁定"],
key: "LOCK",
@ -158,14 +159,48 @@ const index: FunctionComponent<Props> = (props) => {
salaryItemId: item?.dataIndex
})
}
];
]
: [];
item.rightClickType === "DELFEEDBACK" &&
(items = [
...items,
{
label: item.i18n["删除反馈"],
key: "DELFEEDBACK",
icon: <DeleteOutlined />,
onClick: () =>
handleDelFeedback({
acctEmpId: record?.id,
salaryItemId: item?.dataIndex
})
}
]);
item.rightClickType === "SETFEEDBACK" &&
(items = [
...items,
{
label: item.i18n["设置反馈"],
key: "SETFEEDBACK",
icon: <SettingOutlined />,
onClick: () =>
handleSetFeedback({
acctEmpId: record?.id,
salaryItemId: item?.dataIndex
})
}
]);
return (
<Dropdown menu={{ items: !item.calcDetail ? items : [] }} trigger={["contextMenu"]} overlayClassName={styles.contextMenu} destroyPopupOnHide>
<Dropdown menu={{ items: !item.calcDetail || item.rightClickType ? items : [] }} trigger={["contextMenu"]} overlayClassName={styles.contextMenu} destroyPopupOnHide>
<span className={styles.contentSpan}>
<span title={text} className={styles.contentTitle} style={{ color: `${record?.[item.dataIndex + "_color"]}` }}>
{text}
</span>
{record.lockItems && record.lockItems.includes(item.dataIndex) ? <LockOutlined title={item.i18n["锁定的项目值"]} /> : null}
{!_.isEmpty(record[`${item.dataIndex}_feedback`]) ? (
<Tooltip title={record[`${item.dataIndex}_feedback`]}>
<QuestionCircleOutlined />
</Tooltip>
) : null}
</span>
</Dropdown>
);
@ -183,6 +218,13 @@ const index: FunctionComponent<Props> = (props) => {
const handleLockEmp = (params: any) => {
window.parent.postMessage({ type: "turn", payload: { id: "LOCKEMP", params } }, "*");
};
// 复旦大学附属医院二开-薪资核算项添加右击删除反馈的操作
const handleDelFeedback = (params: any) => {
window.parent.postMessage({ type: "turn", payload: { id: "DELFEEDBACK", params } }, "*");
};
const handleSetFeedback = (params: any) => {
window.parent.postMessage({ type: "turn", payload: { id: "SETFEEDBACK", params } }, "*");
};
const sizeChange = (pageobj: IPage) => {};
const onChange = (pageobj: IPage) => {
setPageInfo(() => {

Loading…
Cancel
Save