feat: 新增字典渲染组件释放业务层处理，新增small模式的表单格式
parent
7ec6df5540
commit
bd2c1ede98
@ -0,0 +1,24 @@
|
||||
import { isEnableEnum } from '@/enums/common';
|
||||
import { Badge } from 'antd';
|
||||
import { FormattedMessage } from 'react-intl';
|
||||
|
||||
type IsEnableBoxProps = {
|
||||
isEnable: boolean;
|
||||
};
|
||||
|
||||
const IsEnableBox: React.FC<IsEnableBoxProps> = (props) => {
|
||||
const { isEnable } = props;
|
||||
|
||||
const currentItem = isEnableEnum[isEnable ? '1' : '0']
|
||||
|
||||
return (
|
||||
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
|
||||
<Badge status={isEnable ? 'success' : 'default'}></Badge>
|
||||
<span style={{color: currentItem.color, padding: 4 }}>
|
||||
<FormattedMessage id={isEnable ? 'common.enable' : 'common.disable'} defaultMessage="$$$" />
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default IsEnableBox;
|
||||
@ -0,0 +1,44 @@
|
||||
/*
|
||||
* @Author: zhoux zhouxia@supervision.ltd
|
||||
* @Date: 2023-11-14 17:03:13
|
||||
* @LastEditors: zhoux zhouxia@supervision.ltd
|
||||
* @LastEditTime: 2023-11-15 13:27:35
|
||||
* @FilePath: \general-ai-platform-web\src\components\TablePaginationCard\index.tsx
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import { TableDropdown } from '@ant-design/pro-components';
|
||||
import React from 'react';
|
||||
|
||||
export type TablePaginationCardProps = {
|
||||
total: number;
|
||||
pageSize: number;
|
||||
current: number;
|
||||
// eslint-disable-next-line @typescript-eslint/ban-types
|
||||
onChange: Function
|
||||
|
||||
};
|
||||
// 分页器
|
||||
const TablePaginationCard: React.FC<TablePaginationCardProps> = (props) => {
|
||||
const { total, pageSize, current, onChange } = props;
|
||||
const totalPage = Math.ceil(total / pageSize);
|
||||
|
||||
const handleChange = (page: number, pageSize: number) => {
|
||||
onChange(page, pageSize);
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<span>
|
||||
Total {total} items, {totalPage} pages
|
||||
</span>
|
||||
<TableDropdown
|
||||
total={totalPage as number}
|
||||
current={current}
|
||||
pageSize={pageSize}
|
||||
onClick={(e) => handleChange(e, pageSize)}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default TablePaginationCard;
|
||||
@ -0,0 +1,9 @@
|
||||
// 是否启用
|
||||
export const isEnableEnum = {
|
||||
'0' : {
|
||||
color: '#999999',
|
||||
},
|
||||
'1' : {
|
||||
color: '#52C41A',
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue