feat: 新增确认单个操作、批量操作的全局交互组件，统一修改资源管理列表模块
parent
bd2c1ede98
commit
4fc102c7d6
@ -0,0 +1,54 @@
|
|||||||
|
/*
|
||||||
|
* @Author: zhoux zhouxia@supervision.ltd
|
||||||
|
* @Date: 2023-11-16 14:30:15
|
||||||
|
* @LastEditors: zhoux zhouxia@supervision.ltd
|
||||||
|
* @LastEditTime: 2023-11-16 14:35:20
|
||||||
|
* @FilePath: \general-ai-platform-web\src\components\BatchOperation\isBatchDelete.tsx
|
||||||
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
|
*/
|
||||||
|
import { ExclamationCircleOutlined } from '@ant-design/icons';
|
||||||
|
// import { useIntl } from '@ant-design/pro-components';
|
||||||
|
import { useIntl } from '@umijs/max';
|
||||||
|
import { Button, Modal } from 'antd';
|
||||||
|
import { FormattedMessage } from 'react-intl';
|
||||||
|
|
||||||
|
type IsBatchDeleteProps = {
|
||||||
|
// eslint-disable-next-line @typescript-eslint/ban-types
|
||||||
|
deleteApi: Function;
|
||||||
|
};
|
||||||
|
|
||||||
|
const IsBatchDelete: React.FC<IsBatchDeleteProps> = (props) => {
|
||||||
|
const intl = useIntl();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Button
|
||||||
|
danger
|
||||||
|
onClick={async () => {
|
||||||
|
Modal.confirm({
|
||||||
|
icon: <ExclamationCircleOutlined />,
|
||||||
|
title: intl.formatMessage({
|
||||||
|
id: 'common.modal.table.delete.title',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
}),
|
||||||
|
content: intl.formatMessage({
|
||||||
|
id: 'common.modal.table.delete.content',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
}),
|
||||||
|
okText: intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' }),
|
||||||
|
cancelText: intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' }),
|
||||||
|
onOk() {
|
||||||
|
// TODO 未对接批量删除接口
|
||||||
|
props.deleteApi();
|
||||||
|
},
|
||||||
|
onCancel() {
|
||||||
|
console.log('Cancel');
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<FormattedMessage id="pages.searchTable.batchDeletion" defaultMessage="Batch deletion" />
|
||||||
|
</Button>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default IsBatchDelete;
|
||||||
@ -1,15 +0,0 @@
|
|||||||
/*
|
|
||||||
* @Author: zhoux zhouxia@supervision.ltd
|
|
||||||
* @Date: 2023-11-13 15:05:27
|
|
||||||
* @LastEditors: zhoux zhouxia@supervision.ltd
|
|
||||||
* @LastEditTime: 2023-11-13 15:05:35
|
|
||||||
* @FilePath: \general-ai-platform-web\src\components\OperateConfirm\delete.tsx
|
|
||||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
||||||
*/
|
|
||||||
|
|
||||||
// TODO 统一设置确实删除弹框，抛出确认的方法参数供业务层使用
|
|
||||||
// const DeleteConfirm
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,55 @@
|
|||||||
|
/*
|
||||||
|
* @Author: zhoux zhouxia@supervision.ltd
|
||||||
|
* @Date: 2023-11-16 14:30:15
|
||||||
|
* @LastEditors: zhoux zhouxia@supervision.ltd
|
||||||
|
* @LastEditTime: 2023-11-16 16:22:15
|
||||||
|
* @FilePath: \general-ai-platform-web\src\components\BatchOperation\isBatchDelete.tsx
|
||||||
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
|
*/
|
||||||
|
// import { useIntl } from '@ant-design/pro-components';
|
||||||
|
import { useIntl } from '@umijs/max';
|
||||||
|
import { Button, Popconfirm } from 'antd';
|
||||||
|
import { FormattedMessage } from 'react-intl';
|
||||||
|
|
||||||
|
type isConfirmActionProps = {
|
||||||
|
// eslint-disable-next-line @typescript-eslint/ban-types
|
||||||
|
confirmAction: Function;
|
||||||
|
title: string;
|
||||||
|
description?: string;
|
||||||
|
buttonText?: string;
|
||||||
|
buttonFormatText?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
const IsConfirmAction: React.FC<isConfirmActionProps> = (props) => {
|
||||||
|
const intl = useIntl();
|
||||||
|
const description = props.description || `确认${props.title}吗?`;
|
||||||
|
return (
|
||||||
|
<Popconfirm
|
||||||
|
title={props.title}
|
||||||
|
description={description}
|
||||||
|
onConfirm={() => {
|
||||||
|
props.confirmAction();
|
||||||
|
}}
|
||||||
|
onCancel={() => {}}
|
||||||
|
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
|
||||||
|
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
|
||||||
|
>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
size="small"
|
||||||
|
onClick={() => {
|
||||||
|
// setPublishModalOpen(true);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* 自定义文案优先 */}
|
||||||
|
{props.buttonText ? (
|
||||||
|
props.buttonText
|
||||||
|
) : (
|
||||||
|
<FormattedMessage id={props.buttonFormatText} defaultMessage="$$$" />
|
||||||
|
)}
|
||||||
|
</Button>
|
||||||
|
</Popconfirm>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default IsConfirmAction;
|
||||||
@ -0,0 +1,44 @@
|
|||||||
|
/*
|
||||||
|
* @Author: zhoux zhouxia@supervision.ltd
|
||||||
|
* @Date: 2023-11-16 14:30:15
|
||||||
|
* @LastEditors: zhoux zhouxia@supervision.ltd
|
||||||
|
* @LastEditTime: 2023-11-16 14:56:27
|
||||||
|
* @FilePath: \general-ai-platform-web\src\components\BatchOperation\isBatchDelete.tsx
|
||||||
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
|
*/
|
||||||
|
// import { useIntl } from '@ant-design/pro-components';
|
||||||
|
import { useIntl } from '@umijs/max';
|
||||||
|
import { Button, Popconfirm } from 'antd';
|
||||||
|
import { FormattedMessage } from 'react-intl';
|
||||||
|
|
||||||
|
type IsDeleteProps = {
|
||||||
|
// eslint-disable-next-line @typescript-eslint/ban-types
|
||||||
|
deleteApi: Function;
|
||||||
|
};
|
||||||
|
|
||||||
|
const IsDelete: React.FC<IsDeleteProps> = (props) => {
|
||||||
|
const intl = useIntl();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Popconfirm
|
||||||
|
key="destroy"
|
||||||
|
placement="topLeft"
|
||||||
|
title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
|
||||||
|
description={intl.formatMessage({
|
||||||
|
id: 'common.modal.table.delete.content',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}
|
||||||
|
okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
|
||||||
|
cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
|
||||||
|
onConfirm={() => {
|
||||||
|
props.deleteApi();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Button type="link" size="small" danger>
|
||||||
|
<FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
|
||||||
|
</Button>
|
||||||
|
</Popconfirm>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default IsDelete;
|
||||||
Loading…
Reference in New Issue