正在生成
详细信息:
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设计器分为顶部工具栏、左侧插件栏、右侧属性面板区、底部节点树、中间的导航树栏及画布,六个主要界面模块。 图1 设计器页面 顶部工具栏 UI编辑器中的顶部工具栏从左至右包括如下功能按钮。 图2 工具栏 表1 工具栏 图标 名称 说明 菜单按钮 编辑页面的菜单。 页面名称 展示当前页面名称。
UI编辑器使用帮助 设计器界面 物料及模板 业务组件 IPD组件 流程模板 属性面板设置 高级面板设置 国际化词条 页面JS及事件绑定 状态管理及变量绑定 资源管理 父主题: 流程配置指南
三合一输入框 多语言绑定 直接在输入框内输入内容,作用同输入框。 单击右侧按钮后,弹出多语言绑定面板,支持绑定现有多语言项或新增多语言项,也可打开左侧多语言插件面板对所有多语言项进行管理。 图4 多语言绑定 日期时间选择器 日期时间选择器提供选择日期和时间的能力。 图5 时间选择器 折叠面板项
支持变量绑定 1 页面方法触发 发送提交api请求的同时,还会发送“绑定API”里的api请求 绑定API编辑器 - - √ 2 自定义撤销Api绑定 撤销不想要的API请求 绑定API编辑器 - - √ 3 使用插槽 使用插槽,底部按钮操作区隐藏,转换成展示插槽 switch开关 开/关
支持变量绑定 1 页面方法触发 发送提交api请求的同时,还会发送“绑定API”里的api请求 绑定API编辑器 - - √ 2 自定义撤销Api绑定 撤销不想要的api请求 绑定API编辑器 - - √ 3 使用插槽 使用插槽,底部按钮操作区隐藏,转换成展示插槽 switch开关 开/关
√ 9 是否显示高级搜索 是否显示高级搜索,打开开关后显示高级搜索按钮 switch开关 开/关 关 √ 10 默认表单数据 表单数预设置默认值,JSON格式 代码编辑器 - - √ 11 选择数据方法 设置选择数据的方法 代码编辑器 - - √ 12 页面布局 设置表单布局 select选择器
流程模板 提交记录模板 评审页面模板 流程页面模板 父主题: UI编辑器使用帮助
到工具类方法中,供后续调用。如图1所示,UI编辑器内部已经提供了三个内置工具类供用户使用,下文以lcRequest举例说明。 图1 内置工具 lcRequest 内置网络请求工具Axios,因为已添加拦截器和部分参数验证,所以在编辑器内发起请求时,可直接使用此工具。 详细参数类型
业务组件 添加部件 流程团队 流程指引 评审三件套 流程记录 评审记录 转审记录 附件 父主题: UI编辑器使用帮助
是否显示弹出框 switch开关 开/关 关 √ 属性详解 启用聊天框跳转 “参与者”列若只有一名成员,允许一键开启超链接。开启后,单击人员名称可直接打开聊天窗口。 显示弹框 单击团队名称,弹出表格框,展示角色名称、参与者。 图1 团队角色 父主题: 业务组件
删除当前选中组件。 编辑组件的属性、高级属性等 选中组件后,可以在右侧组件属性面板区设置所选组件的相关属性及高级事件等。 父主题: UI编辑器使用帮助
迭代变量名,在循环渲染子项对应的变量名,默认为item。 索引变量名,循环渲染的索引变量名,默认为index。 key,标识唯一的key,默认为index。 父主题: UI编辑器使用帮助
属性面板设置 属性面板 设置器 父主题: UI编辑器使用帮助
IPD组件 容器组件 信息组件 表单组件 数据组件 父主题: UI编辑器使用帮助
国际化词条 添加国际化词条 绑定国际化词条 管理国际化词条 父主题: UI编辑器使用帮助
switch开关 开/关 关 √ 9 关闭弹框销毁元素 关闭弹框后清空弹框内容区的内容 switch开关 开/关 开 √ 10 ESC键关闭弹窗 按键盘的ESC键弹窗会关闭 switch开关 开/关 关 √ 属性详解 底部操作 底部操作区两个按钮,可同时控制显示与隐藏,使用的是But
select选择框 - 年月日小时分钟秒 √ 8 面板对齐方式 日期选择的面板弹出位置 select选择框 - - √ 9 默认日期 下拉面板打开时默认显示的日期 日期选择器 - - √ 10 数据传递格式 选中日期后传递的格式 select选择框 - - √ 11 开始占位符 开始日期的提示
选中日期后传递的格式 select选择框 - - √ 8 面板对齐方式 日期选择的面板弹出位置 select选择框 - - √ 9 默认时间 下拉面板打开时默认显示的时间 时间选择器 - - √ 10 启用范围选择 是否可以设置时间范围 switch开关 开/关 关 √ 11 开始占位符 开始日期的placeholdert提示
说明 设置器类型 可选值 默认值 支持变量绑定 1 页面方法触发 发送提交api请求的同时,还会发送“绑定API”里的api请求 绑定API编辑器 - - √ 2 查询接口 流程记录页面信息的查询流程定义 流程定义服务 - - √ 3 绑定全局变量 默认绑定store全局变量 - -
2 弹框标题 弹框左上角的标题 input输入框 - - √ 3 指引内容 流程指引的具体内容 代码编辑器 - - √ 4 初始位置 手动填写css代码设置指引的初始位置 代码编辑器 - - √ 属性详解 初始位置 编辑css代码,设置指引弹框的初始位置。 { "top": 100