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
}