检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
然后上传到高级页面，再进行组件配置，实现应用登录页面功能。登录页面开发流程，如图2所示。 图2 应用登录页面开发流程 业务用户登录页面即是设备维修管理系统的应用登录界面，大致设想如图3所示。 图3 应用登录页面 父主题： 创建“业务用户登录”页面
所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在设备维修管理应用的设计页面，单击下方的“设置 > 配置”。 图2 选择配置 在“高级设置”页签中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。
背景与原理（BPM） 工单管理模块中的工单场景业务编排是通过AstroZero的流程编排BPM（Business Process Management）功能实现的，通过在前端页面调用BPM完成工单流转，即客服人员创单，派单员派发工单，维修工程师处理工单的全过程。 开发BPM即是对
、“删除工单”功能即可。其中，“创建工单”功能与“工单列表（客服人员）”页面中的创建方法基本一致。 操作步骤 在经典版开发环境“首页 > 我的应用”中，单击“设备维修管理系统”，进入应用。 使用“工单列表（派单员）”页面创建模板。 打开“HW__dispatchWorkOrder”，单击锁定页面。
创建公共接口 参考之前创建公共接口的步骤，创建“查询维修人员”脚本对应的公共接口。 操作步骤 在设计视图下，单击下方的“服务”，进入公共接口创建页面。 图1 创建公共接口入口 在公共接口页面，单击“新建”。 图2 公共接口创建 创建“查询维修人员”、“派单功能”脚本对应的公共接口，详细接口信息如表1所示。
开发“维修工程师处理工单”功能 “维修工程师处理工单”功能包含“工程师查看待处理工单列表页面”和“处理工单对话框”两个页面。 创建“处理工单”脚本 创建“判断下一步状态”脚本 创建公共接口 组装“处理工单”对话框 组装“待处理工单”页面 父主题： 工单管理开发
级权限配置，本示例中业务用户需要使用的公共接口，主要是在“工单管理”及“用户管理”2个功能模块创建的。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在应用中，单击下方“配置”，进入应用配置。 图1 应用配置入口 在应用配置页面，单击“业务权限凭证”页签，进入业务权限凭证。
开发“客服人员创建工单”功能 本节导读 开发“生成工单”功能 开发“客服人员查询工单”功能 验证 父主题： 工单管理开发
在页面获取到用户注册信息时，调用registerPortalUser公共接口，对PortalUser进行新增操作。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“User”目录中，鼠标放在“Page”上，单击界面上出现的“+”，在弹出菜单中选择“标准页面”。 在“标签
在左侧导航栏中，选择“逻辑”。 在右侧的触发器中，单击已创建触发器后的，选择“移动” 。 根据业务需求，选择待移动的元素，单击“下一步”。 选择应用，单击“确认 ”， 移动所选的元素到其他应用中。 只能移动到有开发权限的应用中。 克隆触发器 触发器创建完成后，支持将触发器克隆到当前
在左侧导航栏中，选择“数据”。 将鼠标放在对应的事件上，单击，选择“移动”。 在移动到其他应用中，选择待移动的元素，单击“下一步”。 选择事件待移动到的应用，单击“确认”。 只支持移动到有开发权限的应用下。 克隆事件 事件创建后，支持将事件克隆到当前应用中。例如，应用A中存在两个或多个功能相
应用设计器。 在左侧导航栏中，选择“逻辑”。 将鼠标放在对应的脚本上，单击，选择“移动”。 在移动到其他应用中，选择待移动的元素，单击“下一步”。 选择脚本待移动到的应用，单击“确认”。 只支持移动到有开发权限的应用下。 克隆脚本 脚本创建完成后，支持将脚本克隆到当前应用中。例如
在进行页面自适应测试时，可采用Chrome开发者工具提供的模拟移动设备的功能。借助此功能，可无实物快速对网页进行多个终端测试。 单击，可启动模拟移动设备界面，设备工具栏在打开时默认处于自适应视口模式，可以将视口大小调整为所需的任何尺寸，另外还可以选择多种终端型号。 图5 模拟移动设备 父主题： 高级页面
“开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVueTemplate”，再单击“下载”。 图1 下载组件模板
开发“管理员管理工单”功能 创建“删除工单”脚本及公共接口 组装“工单管理”页面 父主题： 工单管理开发
验证 “工单列表（客服人员）”和“生成工单”页面开发完成后，需要验证两个页面间的关联跳转事件，以及相关页面布局样式。 操作步骤 在“HW__workOrderList”页面中，单击界面上方预览图标。 系统会弹出预览页面。 查看页面中页面布局、样式是否符合预期。 查看当前表格中的工
用户登录脚本是组装“业务用户登录”页面中，自定义登录组件调用的业务逻辑，之前创建的登录页只有前端页面，本节将创建完整的登录业务逻辑。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“User”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。 在弹窗
在上层应用（需要使用该BO服务的应用）里导入发布好的BO，即导入特定的业务功能进行使用。 例如，设备BO，为上层应用提供对设备的统一语义，对设备自身能力进行抽象封装，不包含对设备的运营运维管理能力。告警BO，对园区的所有告警提供统一语义，从各个子系统和上层应用获取告警数据，统一
列数(Mobile)：设置移动端显示列数。 列数排列方式：选择列数排列方式，如居中、左对齐和右对齐等。 显示加载中：当要展示的内容较多时，用户看到页面内容可能需要稍长时间，开启加载中效果，体验会更好。 移动端配置：列表视图在移动端的设置。 下拉刷新：下拉是否刷新列表。 默认数据条数：设置移动端列表视图，默认展示数据的数量。
本节导读 “客服人员创建工单”包含客服人员生成工单和查询工单两个功能，这两个功能分别通过两个标准页面实现： 生成工单页面：客服人员输入工单信息，生成工单页面。 工单列表（客服人员）页面：客服人员在工单列表页面查询工单信息，查看所有工单的列表页面。 学习地图 如图1所示，通过本章的
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
