组件与自定义扩展参考

组件是页面搭建的基础单元。

组件类型

组件通常位于布局配置页面左侧。管理员把组件拖入页面后，可以在右侧配置全局参数和组件参数。

类型	Web 端	移动端	说明
通用组件	支持	支持	用于基础内容和常用展示。
BI 组件	支持	支持	用于展示图表和数据分析内容。
协同组件	支持	支持	用于任务、日程等协同能力。
业务组件	支持	支持	用于业务对象和业务场景展示。
互联组件	支持	支持	用于互联类能力。
自定义组件	支持	支持	由开发或扩展能力提供。

使用位置

• Web 自定义页面可以拖入 Web 端组件。
• App 自定义页面可以拖入移动端组件。
• 平台应用 Web 视图可以使用 Web 端页面组件。
• 平台应用移动视图可以使用移动端页面组件。
• CRM 应用视图可以按终端使用对应组件。

自定义组件和插件资料入口

原始文档将自定义组件和自定义插件的详细说明指向独立开发指南。本文不重写开发文档，只保留入口，避免产品手册与开发指南重复。

类型	PC 端指南	小程序指南
自定义组件	自定义组件（PC 端）	自定义组件（小程序）
自定义插件	自定义插件（PC 端）	自定义插件（小程序）

自定义组件注意事项

• 自定义组件需要结合开发规范确认。
• Vue 类型自定义组件在部分手机上可能出现高度显示问题。
• 原始资料提供了通过 window.top.postMessage 手动设置组件高度的方案。
• 该方案涉及代码兼容性，必须由开发人员审核后使用。

window.top && window.top.postMessage({
  type: 'pageHeight',
  iframeId: window.iframeId,
  message: {
    callbackId: 'crmIndex',
    config: {
      action: 'cuscomp.iframe.sendPageHeight',
      data: {
        height: height
      }
    }
  }
}, '*')

WARNING

以上代码来自原始资料，缺少完整上下文。请开发人员确认变量来源、跨域安全和移动端兼容性。

人工审核项

• 自定义组件的开发入口和发布流程。
• 自定义插件的能力范围。
• 各组件的详细参数说明。
• 组件在 Web、App、钉钉和企业微信中的兼容性。

相关主题

• 配置 Web 自定义页面
• 配置 App 自定义页面和 H5 页面
• 人工审核清单