检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
开发“生成工单”功能 创建“生成工单”脚本及公共接口 组装“生成工单”页面 添加页面事件 父主题： 开发“客服人员创建工单”功能
使用华为账号，参考进入经典版开发环境中操作，进入AstroZero经典版开发环境。 在AstroZero经典版开发环境首页“项目”页签的“我的应用”中，单击“设备维修管理系统”，进入应用。 在左侧列表中，单击，选择“高级页面 > 组件”，单击“提交新组件”。 单击“请选择源文件(.zip)”，选择之前下载的组件包“userLogin
背景与原理（BPM） 工单管理模块中的工单场景业务编排是通过AstroZero的流程编排BPM（Business Process Management）功能实现的，通过在前端页面调用BPM完成工单流转，即客服人员创单，派单员派发工单，维修工程师处理工单的全过程。 开发BPM即是对
创建公共接口 参考之前创建公共接口的步骤，创建“查询维修人员”脚本对应的公共接口。 操作步骤 在经典版应用开发页面的设计视图下，单击“服务”，进入公共接口创建页面。 图1 服务入口 单击“新建”，如下图所示。 图2 公共接口创建 创建“处理工单”、“判断下一步状态”脚本对应的公共接口，详细接口信息如表1所示。
能大致相同，仅多了一个创建工单功能、操作列中的删除按钮，因此需要多创建一个实现删除工单功能的后台逻辑。 创建脚本 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。
“开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVueTemplate”，再单击“下载”。 图1 下载组件模板
创建公共接口 参考之前创建公共接口的步骤，创建“查询维修人员”脚本对应的公共接口。 操作步骤 在设计视图下，单击下方的“服务”，进入公共接口创建页面。 图1 创建公共接口入口 在公共接口页面，单击“新建”。 图2 公共接口创建 创建“查询维修人员”、“派单功能”脚本对应的公共接口，详细接口信息如表1所示。
开发“维修工程师处理工单”功能 “维修工程师处理工单”功能包含“工程师查看待处理工单列表页面”和“处理工单对话框”两个页面。 创建“处理工单”脚本 创建“判断下一步状态”脚本 创建公共接口 组装“处理工单”对话框 组装“待处理工单”页面 父主题： 工单管理开发
操作步骤 以下操作步骤只是给出的大致的拖拽方法，您可以根据需要，修改各组件的颜色、对齐方式、边距显示样式，使页面更美观。 在“我的应用”中，单击“设备维修管理系统”，进入应用。 鼠标放在“Page”上，单击界面上出现的“+”，在弹出菜单中选择“标准页面”。 在“标签”和“名称”文本框中输
服务模型，绑定公共接口“judgeNextStatus”，调用“judgeNextStatus”脚本，判断下一步状态。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 鼠标放在“Page”上，单击界面上出现的“+”，在弹出菜单中选择“标准页面”。 在“标签”和“名称”文本框中输
tions.outputParam.userList”，即绑定属性值为服务对象的返回值。 图4 绑定服务对象的返回值 开启“弹层独立”。 图5 启用弹层独立 单击页面上方的，保存设置。 定义页面事件代码。 在“设计视图”中选中最外层的“页面”，在右侧“事件”页签中，单击“加载”后的“+”，进入编辑动作页面。
因为两个页面很相似，所以为了快速创建，可以将“工单列表（客服人员）”页面保持为一个模板，再引用这个模板创建新的页面。 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。 使用“工单列表（客服人员）”页面创建新页面。 打开“HW__workOrderList”，单击锁定页面。 单击页面上方的，另存为页面。
创建“判断下一步状态”脚本 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。 在弹窗中，选中“创建一个新脚本”，在“名称”文本框中输入“judgeNextStatus”，单击“添加”。
看待处理工单列表页面，一个是处理工单对话框页面。首先需要创建“处理工单”脚本。 操作步骤 在经典版开发环境“首页 > 我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。
开发“客服人员查询工单”功能 创建“查询工单”脚本及公共接口 组装“工单列表（客服人员）”页面 父主题： 开发“客服人员创建工单”功能
“工单列表（客服人员）”页面与查询设备列表页面类似，包含工单查询条件、工单列表，以及创建工单的入口，用标准页面功能实现。 如图1所示，工单列表（客服人员）页面主要是一个表格、“创建工单”按钮及表格查询区域构成。 图1 工单列表（客服人员） 操作步骤 在“我的应用”中，单击“设备维修管理系统”，进入应用。
“生成工单”功能对应电梯管理流程的第一个节点，客服人员在录入完成维修信息、提交维修单时将会调用“生成工单”脚本及公共接口。 创建“生成工单”脚本 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。
据）、服务API（将数据和后端服务以API形式开放）、消息（为企业提供跨网络访问的安全、标准化消息通道）和设备信息（使用MQTT标准协议连接设备，帮助企业快速、简单地实现设备云端管理）集成能力，帮助企业快速联接云上云下，消除数字鸿沟，实现数字化转型。 AstroZero通过连接器和ROMA
工单列表（客服人员）页面中，为了实现查询并显示已有工单信息功能，需要开发“查询工单”脚本和对应公共接口。 创建“查询工单”脚本 在“我的应用”中，单击“设备维修管理系统”，进入应用。 在“WorkOrder”目录中，将鼠标放在“Script”上，单击界面上出现的“+”，在弹出菜单中选择“脚本”。
当用户开发的高级页面应用于多种设备时，如何才能保证在不同大小的设备上，能够呈现同样的网页？为此，AstroZero提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适应。另外，为确保自定义组件能够自适应不同分辨率设备，在组件开发中用户需要
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
