检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建公共接口 参考之前创建公共接口的步骤，创建“查询维修人员”脚本对应的公共接口。 操作步骤 在设计视图下，单击下方的“服务”，进入公共接口创建页面。 图1 创建公共接口入口 在公共接口页面，单击“新建”。 图2 公共接口创建 创建“查询维修人员”、“派单功能”脚本对应的公共接口，详细接口信息如表1所示。
开发“维修工程师处理工单”功能 “维修工程师处理工单”功能包含“工程师查看待处理工单列表页面”和“处理工单对话框”两个页面。 创建“处理工单”脚本 创建“判断下一步状态”脚本 创建公共接口 组装“处理工单”对话框 组装“待处理工单”页面 父主题： 工单管理开发
在标准页面的详情页面，可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后，支持将标准页面移动到拥有开发权限的应用中。例如，A应用中创建的标准页面，在B应用中也会用到，为避免多次重复创建，可以将A中的标准页面先克隆，再移动到B应用中。 参考登录AstroZero新版应用设计器中操作，进入应用设计器。
页面名称：设置页面名称。 URL：输入外部页面链接地址。 打开方式-新页面打开：勾选后，在新页面打开。 隐藏PC端：在PC端隐藏该外部链接。 隐藏移动端：在移动端隐藏该外部链接。 设置完成后，单击“确定”。 在左侧表单列表中，可查看到已新建的外部链接。单击该链接，可跳转到对应页面。 图2 外部链接地址
“开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVue3Template”，再单击“下载”。 图1 下载组件模板
在左侧导航栏中，选择“设置”，进入应用设置页面。 图1 选择设置 在外观设置中，设置应用布局样式。 桌面端：设置应用在PC端显示的样式。 移动端：设置应用在移动端显示的样式。 应用主题：系统预置的主题颜色，单击“管理应用主题”，可自行设计应用主题。 布局选项：提供了一些常见选项，用于设置应用布局。
因此需要创建一个实现“派单功能”的脚本逻辑，该脚本逻辑不是页面直接调用，而是通过后端BPM调用运行的。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。
workerOptions 查询系统中的工程师信息，下一环节处理的可选项。 服务模型，与公共接口queryWorker关联。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”中，鼠标放在“Page”上，单击界面上出现的“+”，在弹出菜单中选择“标准页面”。 在
图1 消费者业务网站示例 本章节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景。其中，标签页组件包含产品类别（手机、笔记本、平板等），信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。
单击“创建”，退出事件编排窗口。 实现“显示设备详细信息” 通过定义“基本信息”区域“设备名称”下拉框的“数据改变”事件，可以实现根据所选设备，在“设备详情”区域显示设备信息。 在“HW__createWorkOrder”页面中，选中“设备名称”下拉框。 图1 添加“数据改变”事件代码
能大致相同，仅多了一个创建工单功能、操作列中的删除按钮，因此需要多创建一个实现删除工单功能的后台逻辑。 创建脚本 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。
录，类似于数据库中的SELECT命令。 如何使用记录查询图元 在基本中，拖拽“记录查询”图元至画布中。 选中记录查询图元，单击，设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签，用于在服务编排设计页面展示。系统会自动填入该值，格式为RecordSelect
开发“客服人员查询工单”功能 创建“查询工单”脚本及公共接口 组装“工单列表（客服人员）”页面 父主题： 开发“客服人员创建工单”功能
模式“客户端模式”（client_credentials）和“密码模式”（password）。 认证地址：获取access_token的请求路径。 客户端ID：client_id，客户端模式下必填，密码模式下如果有提供请填写。 客户端密钥：client_secret，客户端模式下必填，密码模式下如果有提供请填写。
页面模型需要先定义，然后再与页面组件进行绑定。 对于设备维修工单，需要录入的信息包括：工单基本信息、设备信息以及工单扩展信息。 打开创单页面，有如下处理逻辑： 在“基本信息”区域指定“设备名称”时，在“设备详情”区域自动显示设备信息。该能力需要开发（equipmentSelectListQuery）脚本实现。
向量。 设备接入IoTDA 通过设备接入IoTDA Source，可快速配置HTTP消息、鉴权设置，并接收设备接入IoTDA发送的消息。 图3 IoTDA配置信息 图4 定义IoTDA元数据 表2 接入IoTDA设备参数说明 类别 参数 说明 配置信息 标签 数据源设备接入IoTDA的标签名，用于在页面显示。
因为两个页面很相似，所以为了快速创建，可以将“工单列表（客服人员）”页面保持为一个模板，再引用这个模板创建新的页面。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 使用“工单列表（客服人员）”页面创建新页面。 打开“HW__workOrderList”，单击锁定页面。 单击页面上方的，另存为页面。
设置完成后，单击“确定”。 扩展 单击“新增行”后的或者，可在当前“分栏”上方或者下方新增分栏（即新增行）。 图4 在上方增加一行 行布局 系统支持设置PC端或者手机端布局，并默认提供了一些常见的行布局，如单栏、二等分栏等。单击在“行布局”中的某一个模式，例如单击，当前分栏将被分割成3栏，如图5所示。 图5
行环境默认域名为“appcuberun.cn-north-4.huaweicloud.com”。 免费版不提供运行环境，请参考购买AstroZero商用实例，请购买专业版或专享版后，再进行打包发布操作，并在运行环境安装该应用。 AstroZero中的用户 AstroZero中存在
“生成工单”功能对应电梯管理流程的第一个节点，客服人员在录入完成维修信息、提交维修单时将会调用“生成工单”脚本及公共接口。 创建“生成工单”脚本 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
