检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
适配多终端样例 场景描述 本章节以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如，视区（屏幕或浏览器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。
用户任务配置 参数项 值 任务标题 维修人员接单 任务描述 维修人员任务列表 渲染类型 标准页面 页面 HW__workOrderListM 接收人下“类型” 名称和表达式 参与者下“类型” 表达式 参与者下“取值” “变量”下的“assignedFme” 说明： 请直接从全局上下文
创建自定义对象 功能介绍 添加一个自定义对象（Object）。 URI POST AstroZero域名/u-route/baas/metadata/v1.0/Object 请求参数 表1 请求Body参数 参数 是否必选 参数类型 描述 name 是 String 参数解释： 新建自定义对象的名称。
创建视图 视图是业务数据的不同场景展示页面，可根据不同业务场景，展示出不同的数据。创建表单后，系统会为每张表单创建一张表格视图，供开发者查看数据。您也可以自定义视图或基于已创建的表单新增视图。 同一个表单的所有视图共用同一套数据，如果数据被修改，则该数据在所有视图中也会同步修改。
组装“处理工单”对话框 “维修工程师处理工单”功能包含两个页面，一个是工程师查看待处理工单列表页面，一个是处理工单对话框。 “处理工单”对话框是一个手机端的Html5页面，负责指定下一环节的工单状态，是“待处理工单列表”页面中引用的对话框。 按照工程师在对话框中选定下一步流程状态，如图1所示。
运行脚本 功能介绍 运行脚本，该接口是同步接口（同步接口是指调用后，会等待函数执行结束后，才返回结果）。满足输入参数条件后执行该脚本，不会在控制台打印出日志，但会输出运行结果。 在脚本保存成功和输入参数正确的情况下，可以运行该脚本，但该接口目前已很少使用（可以用custom API运行脚本）。
API：$model.ref("model_1").setValue(field, value) Tab页相关 仅支持平台的运行态使用，可使用portal框架暴露的API来实现，平台运行态会暴露一个 bingo 全局变量供使用，标准页面由于在 iframe 内，需要使用 window.parent
根据ID查询应用 功能介绍 根据应用ID查询应用详细信息。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/Application/{app_id} 表1 参数说明 参数 是否必选 参数类型 描述 app_Id 是 String 参数解释：
根据object_id添加字段 功能介绍 为自定义对象，添加所需的字段。 URI POST AstroZero域名/u-route/baas/metadata/v1.0/Object/{object_id}/Field 表1 路径参数 参数 是否必选 参数类型 描述 Object_id
调试脚本 功能介绍 调试脚本，该接口是同步接口（同步接口是指调用后，会等待函数执行结束后，才返回结果）。满足输入参数条件后执行该脚本，会在控制台打印出debug日志和运行结果。 在脚本保存成功和输入参数正确的情况下，才可以成功执行该脚本。 URI POST AstroZero域名
富文本 富文本组件为升级版的文本的输入，支持填写图文并茂的内容。 在表单开发页面，从“数据组件”中，拖拽“富文本”组件至表单设计区域，如图1。 图1 富文本 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 行数：设置富文本默认行数，支持行高随内容自动调整。
创建“查询设备列表”脚本 查询设备列表脚本是为了实现将查询的所有设备并以选项列表的形式返回，并通过页面调用将查询结果展示到页面上，此脚本将会在开发“生成工单”功能章节被调用。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中，将鼠标放在“S
矩阵量表 矩阵量表用于形象地评估对事物的喜好程度。 在表单开发页面，从“数据组件”中，拖拽“矩阵量表”组件至表单设计区域，如图1。 图1 矩阵量表 如图2所示，使用矩阵量表对车辆进行评分。 图2 矩阵量表配置示例 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。
如何使用关联组件？ 操作场景 关联组件通常和数据标题搭配使用，所以在介绍关联组件前，请先了解一下什么是数据标题？ 数据标题是表单的标识，即关键字段的组合，代表整个表单，类似于日常发送邮件前，会写上邮件的标题，让收件人对邮件内容一目了然，数据标题也起到同样的作用。 下面以员工订餐场
URL URL组件用于录入URL信息。系统已预置校验格式，当用户输入URL格式不正确时，会报错。 在表单开发页面，从“数据组件”中，拖拽“URL”组件至表单设计区域，如图1。 图1 URL 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 只读时展示为超
定位 定位组件用于根据定位获取当前所在位置，仅支持移动端设备使用。 在表单开发页面，从“数据组件”中，拖拽“定位”组件至表单设计区域，如图1。 图1 定位 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 验证：对该字段进行一些限制。 必填：设置为“必填”，表示该字段必须配置。
子表 子表用于在当前表单中嵌套使用其他表单作为子表单。 在表单开发页面，从“数据组件”中，拖拽“子表”组件至表单设计区域，如图1。 图1 子表 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 关联表单：关联的子表单。 后续在填报父表单时，会同步增加子表
部门 部门组件用于获取组织机构。 在表单开发页面，从“数据组件”中，拖拽“部门”组件至表单设计区域，如图1。 图1 部门 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 可选择记录数：选择组织内配置好的部门，支持单选或多选。 可选范围：选中“可选范围”
创建“编辑设备”脚本 “编辑设备”脚本实现的功能是向设备对象中插入1条新记录，或者更新1条记录。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。 在弹窗中，
单选 单选组件用于在有限的选项中选择其中某一个选项，例如选择性别、年龄段等场景。 在表单开发页面，从“数据组件”中，拖拽“单选”组件至表单设计区域，如图1。 图1 单选 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 排列方式：选项值的排列方式，如下拉、竖排、横排。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
