diff --git a/src/components/detail/detailInfo/index.tsx b/src/components/detail/detailInfo/index.tsx new file mode 100644 index 0000000000000000000000000000000000000000..6b3af5f94ff7306901dfad8fbc9e7dc683223701 --- /dev/null +++ b/src/components/detail/detailInfo/index.tsx @@ -0,0 +1,47 @@ +import React from 'react' +import { DetailInfoField } from 'ccms' +import { IInfoProps, InfoDetailConfig } from 'ccms/dist/src/components/detail/detailInfo' +import { Modal, Tooltip } from 'antd' +import { InfoCircleOutlined } from '@ant-design/icons' + +export const PropsType = (props: InfoDetailConfig) => {} + +export default class InfoDetailComponent extends DetailInfoField { + renderComponent = (props: IInfoProps) => { + const { + description + } = props + + return ( +
+ {(description && description.descType === 'text' && description.label !== undefined && description.label !== "") && + {(description.showIcon) && ()} + {description.label} + + } + {(description && description.descType === 'tooltip' && description.label !== undefined && description.label !== "") && + ele.parentElement || document.body}> + {(description.showIcon) && ()} + {description.label} + + } + {(description && description.descType === 'modal' && description.label !== undefined && description.label !== "") && + { + Modal.info({ + getContainer: () => document.getElementById('ccms-antd') || document.body, + content: (
{description.content}
), + okText: '知道了' + }); + }}> + {(description.showIcon) && ()} + {description.label} +
+ } +
+ ) + } +} \ No newline at end of file diff --git a/src/components/detail/index.tsx b/src/components/detail/index.tsx index 83d97dea525e2fbed4f0bd33bc7a136e51e651db..04933a6b2d7e0ad415ee4265a1f610bd04754053 100644 --- a/src/components/detail/index.tsx +++ b/src/components/detail/index.tsx @@ -3,6 +3,7 @@ import GroupField from './group' import StatementDetail from './statement' import EnumDetailComponent from './enum' import ImportSubformField from './importSubform' +import InfoDetail from './detailInfo' import CustomFieldComponent from './custom' export default { @@ -11,5 +12,6 @@ export default { statement: StatementDetail, detail_enum: EnumDetailComponent, import_subform: ImportSubformField, + detail_info: InfoDetail, custom: CustomFieldComponent }