检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
高级页面中预置的API 在开发高级页面过程中，系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见表1。
</el-form-item> </el-form> </div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 选中该Widget，会在右侧显示该组件的属性配置面板。 在“属性”页签下，“自定义
文本编辑器组件，用于在页面插入文字。 在高级页面设计器中，单击，从“文本 > 通用”中，拖拽“文本”组件到画布中，如图1所示。 图1 文本 属性 在属性中，设置文本组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置AstroZero标准页面输入框组件属性 输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 图1 输入框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
在高级页面设计器中，单击，从“装饰 > 通用”中，拖拽“自定义背景框”组件到画布中，如图1所示。 图1 自定义背景框 属性 在属性中，设置自定义背景框组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“图表 > 柱状图”中，拖拽“基本柱图”组件到画布中，如图1所示。 图1 基本柱图 属性 在属性中，设置基本柱图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“图表 > 饼图”中，拖拽“基本饼图”组件到画布中，如图1所示。 图1 基本饼图 属性 在属性中，设置基本饼图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
图1 同步用户 图2 数据导入完成 图3 从企业微信中导出通讯录 请从企业微信中导出通讯录后，再导入到当前平台，如图3。 可核对平台当前支持的导入格式，如果调整企业微信通讯录结构，将会导致导入失败。 为保证导入信息的准确性，请勿随意改动从企业微信通讯录导出的用户【账号】字段信息，以免匹配出错。
在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“轮播”组件到画布中，如图1所示。 图1 轮播 属性 在属性中，设置轮播组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“图片”组件到画布中，如图1所示。 图1 图片 属性 在属性中，设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“图表 > 水位图”中，拖拽“基本饼图”组件到画布中，如图1所示。 图1 水位图 属性 在属性中，设置基本饼图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
“+”，即可进入添加动作页面。 从左侧“动作”区，设置“内置动作”或“自定义动作”，自定义动作需自定义JS代码逻辑，可单击代码区域右侧的，最大化自定义JS代码页面。 图1 页面自定义JS代码 在左侧模板代码中，单击服务编排或脚本左侧的，复制代码到右侧代码编辑区域，即可出现系统预置的经典接口。
在高级页面设计器中，单击，从“图表 > 线状图”中，拖拽“基本折线图”组件到画布中，如图1所示。 图1 基本折线图 属性 在属性中，设置基本折线图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
在高级页面设计器中，单击，从“仪表盘”中，拖拽“仪表盘”组件到画布中，如图1所示。 图1 仪表盘 属性 在属性中，设置仪表盘组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。
当WeLink中部门或用户信息有变化时，可在AstroZero中进行同步，支持立即同步和设置定时同步任务，详情请参见从WeLink中同步部门和用户。 扫码认证后，自动完成AstroZero和WeLink绑定，并同步WeLink所有部门信息到AstroZero。同步后的WeLink部门信息，会显示在AstroZero业务配置中心的“组织用户
alShow”模型的值变为false。 属性绑定 除了值绑定外，不同组件还拥有不同的属性，例如禁用、只读、隐藏和必填等。这些属性也可以绑定到数据模型或模型中的某个字段上，类似vue中的v-bind语法。 “模态框”组件默认弹出是不可拖动的，在上例的基础上增加一个按钮，当单击该按钮
CurrentDateTime为事件传参。 图8 事件图元的配置 连接所有图元。 图9 连接图元 选中“开始”图元，单击，参考下图配置服务编排的入参。 入参是从全局上下文的变量中拖入，告警服务编排的入参有AlarmTitle和AlarmContent两个。 图10 配置入参 单击页面上方的，保存服务编排。
CurrentDateTime为事件传参。 图9 事件图元的配置 连接所有图元。 图10 连接图元 选中“开始”图元，单击，参考下图配置服务编排的入参。 入参是从全局上下文的变量中拖入，告警服务编排的入参有AlarmTitle和AlarmContent两个。 图11 配置入参 单击页面上方的，保存服务编排。
设置AstroZero标准页面下拉框组件属性 下拉框通过配置绑定选项内容，提供给用户进行下拉选择的操作，支持单选、多选、搜索，以及键盘快捷操作。 图1 下拉框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑
手动续费 AstroZero从购买到被自动删除前，您可以随时在AstroZero控制台或费用中心为其续费，以延长使用时间。 在云服务控制台续费 登录管理控制台。 单击左侧导航栏的图标，选择 “开发与运维 > Astro轻应用（原AppCube）”，进入AstroZero服务控制台。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
