用于展示业务对象的信息。

Attributes

参数	说明	类型	可选值	默认值
apiName	业务对象apiname(必填)	String	—	-
dataId	业务对象数据id(必填)	String	—	-
compInfo	详细信息组件的描述信息	Object	—	-

compInfo

参数	说明	类型	可选值	默认值
is_hide_all_btn	是否展示“显示全部信息”按钮	Boolean	—	-
is_hide_auto_btn	是否展示“自适应”按钮	Boolean	—	-
field_section	展示的所有字段	Array	—	-
fields	需要显示的字段的描述信息	Objects	—	-
data	字段对应的数据	Array	—	-

使用

简单使用

注意用例中必传的参数。

<template>
    <object-detail-form :compInfo="dCompInfo" :apiName="dApiName" :dataId="dDataId"></object-detail-form>
</template>
<script>
    export default {
        components: {
            ObjectDetailForm: FxUI.component.get('ObjectDetailForm')
        },
        data() {
            return {
                dApiName: 'object_o9frN__c',
                dDataId: '5f5b26573c10140001c5fe25',
                dCompInfo: {
                    field_section: [{
                        column: 2,
                        header: '分组1',
                        form_fields: [{
                            field_name: "name",
                            is_readonly: false,
                            is_required: true,
                            render_type: "text"
                        }]
                    }],
                    fields: {
                        name: {
                            type: 'text',
                            api_name: "name",
                            label: "创建时间"
                        }
                    },
                    data: {
                        name: '23333'
                    }
                }
            }
        }
    }
</script>

组件扩展

扩展主要是template的改动，此处省略script部分

<object-detail-form :compInfo="dCompInfo" :apiName="dApiName" :dataId="dDataId">
    <div slot="field_api_name">某个apiname对应的字段</div>
    <div slot="text">某个类型的字段</div>
</object-detail-form>

用在详情页中时扩展

<template>
    <object-detail apiName="AccountObj" dataId="5ea686c2fa887500018d6e98">
        <template v-slot:HeadInfo="slotProps">
            <object-detail-form :compInfo="slotProps.compInfo" :apiName="slotProps.apiName" :dataId="slotProps.dataId">
                <div slot="field_api_name">某个特定apiname对应的字段</div>
                <template v-slot:high_seas_id="slotProps">
                    <div>{{slotProps.data.high_seas_id__r}}</div>
                </template>
            </object-detail-form>
        </template>
    </object-detail>
</template>
<script>
    export default {
        components: {
            ObjectDetail: FxUI.component.get('ObjectDetail'),
            ObjectDetailForm: FxUI.component.get('ObjectDetailForm')
        }
    }
</script>