检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
ro零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 单击表单栏左侧的,进入表单设计页面。 以疫情管理信息收集应用为例,单击“健康信息收集”表单后的,进入该表单设计页面。 如图1所示,在左侧组件中选择“单选”,拖入到右侧区域。 图1 拖入单选组件
log('测试自定义动作'); BPM动作 提交实例 工作流中一个重要的内容就是用户任务,而用户任务所有的交互都是通过页面实现的。工作流与页面的交互模式采用了业界“依赖反转”的设计模式。一般情况下,页面之间的跳转应该在页面的事件代码中定义,但在页面上是无法确定下一步应该做什么,因此,又需要依赖工作流进行页
在业务场景中,会区分不同业务用户,业务用户对应了不同的用户权限,本示例应用中包含的业务用户,即是使用设备管理应用的用户,分别是客服人员、派单员及维修人员。 在AstroZero开发的应用的所有业务用户,最终都会存储到平台的业务用户表中,即PortalUser表。业务用户在登录应用
高级页面能力实现。您可以通过本节认识高级页面,并了解登录页面的开发流程。 了解高级页面 AstroZero前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。 标准页面:对于一般的业务应用系统,其功能主要是针对业务数据的增、删、改、查,前端界面的样式相对
电梯客服人员受理用户投诉,并创建维修工单。 派单人员收到客服人员的维修工单后,派发给维修工程师。 维修工程师进行现场修理,并在处理完成后关闭维修单。 父主题: 工单管理开发
步骤3:预览验证 使用说明 在“故障单流程”应用开发工作台,单击,可预览应用。在开发环境中的预览,跟实际效果稍有差距。本节将介绍如何在开发态应用的预览环境中,预览应用效果。这里预览效果跟实际在运行环境中基本一致。 操作步骤 在“故障单流程”应用开发工作台,单击左侧导航栏下方的,进入应用预览页面。
新建高级页面的名称,创建后不可修改。命名要求如下: 1~100个字符。 必须以英文字母开头,只能由英文字母,数字和单下划线组成,且不能以下划线结尾。 CommodityDisplay 布局类型 选择高级页面的布局模式。 绝对布局:在绝对布局中,每个组件可在页面中任意位置进行拖拽放置,组件的宽高可自定义设置。
在应用中首次创建高级页面时,才会显示“视图”选项。 高级页面支持在如下两种布局模式下,使用组件搭建页面(具体说明请参见高级页面布局)。 绝对布局:在绝对布局中,每个组件可在页面下任意位置进行拖拽放置,组件的宽高可自定义设置。该布局模式常用于IOC大屏页面开发场景。 流式布局:在流式布局下,拖拽到
sksRefreshEvents(); }); }, }); 在“widget_demo_property.ftl”中,定义渲染页面,属性配置为只读模式。 <div id="widget_demo_property"> <el-form :model="form"> <el-form-item
发环境首页的“项目”页签下。 资产包:该类型支持设置包中的组件是否受保护。打包时不做编译设置,默认打出的包都是资产包,包中组件都为只读保护模式,将包安装到其他环境时,只能运行和预览。不可编辑包中组件。若后续其他用户在其他开发环境安装资产包后,应用会显示在开发环境首页的“库”页签下。
获取锁后,在“属性”页签,去勾选“合并并压缩资源”。 若勾选“合并并压缩资源”,会对所有高级页面涉及的css和js文件进行合并及压缩,使用单页面性能检查功能时,不要勾选该选项。 图1 关闭“合并并压缩资源”属性 设置完成后,单击,并单击,释放锁。 打开要进行性能检查的高级页面,在
}, { 'value': "拒单", 'display': "拒单" }]; }
例如,在标准页面中添加一个“表单”组件,并绑定数据对象为“Alarm”,选择前三个字段,添加“保存”和“重置”按钮,单击“完成”。然后先单击“保存”按钮,再单击“预览”按钮,效果如图1启用前效果图所示。在主题中配置该输入框的背景色为红色,启用主题使得标准页面表单中输入框的背景色为红色,效果如图2启用后效果图所示。
BPM相关预置事件说明 在BPM中经常使用到“用户任务”图元,表示在业务流程中由用户参与完成某些工作,如填写表单提交数据、进行审批等。“用户任务”会关联一些页面呈现给用户进行处理。标准页面预置了几种与工作流流程相关的事件,供工作流关联标准页面时使用。 BPM-提交实例 该预置动作
标准页面主要适用于对样式要求相对简单的场景(如表单类应用),这种页面一般用于业务数据的增、删、改、查等基础功能,例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件,常用于管理端表格表单类的页面开发,如布局容器、数据容器、输入、显示、按钮等。
设置AstroZero标准页面表格组件属性 表格是一个组合组件,与模型绑定之后,可以提供快速构建基本表单能力,包括查询、保存、重置能力。同时,支持用户根据实际业务需求,进行二次修改编排。 图1 表格组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
在标准页面开发界面,选中任意组件,在右侧“属性”页签进行数据绑定。 数据绑定分为值绑定和属性绑定,如图2所示,绑定会在指定组件上,创建双向数据绑定。 值绑定:表单、表格、列表视图对应的数据绑定,以及输入框、下拉框等基础组件对应的value绑定,类似Vue的v-model。 属性绑定:将组件的某个属性,
AUI风格:启用后,下拉框的下拉图标风格会所有不同。 最大宽度:组件的最大宽度。 表单校验:当组件在表单中时,可对组件进行一些校验配置。当且仅当组件在表单中时,校验才生效。 必填:是否设置为必须填入值。 必填错误信息:在绑定了对象模型且下拉框放置于表单组件中,当设置必填时,输入值为空的情况下,提示的错误信息。
进行代码联想提示,并封装了一些常用功能的接口,并将其中典型接口做成模板,供您直接使用。 内置的模板代码,主要包括组件、消息&弹窗、页面、表单、表格、服务等。在编写JavaScript代码时,可直接使用系统预置的API,相关API说明,请参见标准页面中预置的API。 图1 使用内置的模块代码
分段 分段组件通常用于对下文做出说明、解释,或者将表单分成不同的部分,使得结构更加清晰。 在表单开发页面,从“通用组件”中,拖拽“分段”组件至表单设计区域,如图1。 图1 分段 显示名称:分段的说明文字,通常用于对下文做出说明、解释。 样式:分段的样式。 标题大小:设置标题的大小。