数字输入框 0-23 - √ 3 向(左 | 右)移动格数 栅格向(左/右)移动格数 数字输入框 0-23 - √ 4 ≥(1920 | 1200 | 992 | 768 | <768)px响应式栅格数 当前页面的宽度在(超出/少于)对应像素大小时栅格占据的列数 数字输入框 1-24

查看更多 →

分栏 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 在表单开发页面，从“基础组件”中拖拽“分栏”组件至表单设计区域，并在设计好“分栏”属性后，拖拽其他组件（如输入框、下拉框等）至每一个分栏中，如图1。

查看更多 →

“栏”中拖拽一个“标签”组件和一个“输入框”组件用来模拟录入员工信息的场景，如图14。 图14 分栏组件模拟录入员工信息 “phone”属性中，可以依据图示，选择“分栏”组件中“栏”，在移动端的布局形式，如图12所示。当在“PC”选择左到右三个“栏”的布局形式时，移动端的屏幕较小

查看更多 →

分栏 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 在表单开发页面，从“基础组件”中拖拽“分栏”组件至表单设计区域，并在设计好“分栏”属性后，拖拽其他组件（如输入框、下拉框等）至每一个分栏中，如图1。

查看更多 →

：单击“新增行”后的或者，可在当前“分栏”上方或者下方新增分栏（即新增行）。 行布局 在“行布局”中，系统支持设置PC或者Phone手机端布局，并默认提供了一些常见的行布局，如单栏、二等分栏等。单击在“行布局”中的某一个模式，例如单击，当前分栏将被分割成3栏，如图3所示。 图3 默认行布局 您也可以通过

查看更多 →

内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 边框： 位置：设置边框的位置，支持配置上、下、左、右和四周。 宽度：设置边框的宽度。默认值为0px，范围为0~50px。

查看更多 →

属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。

查看更多 →

栅格布局（行容器） 使用场景 通过基础的24分栏结构，迅速简便地创建栅格布局。 组件图标： 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 栅格 一行中栅格的分栏数 布局选择器 24，12:12，6:18，18:6，16:8，8:8:8

查看更多 →

内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。 边框： 位置：设置边框的位置，支持配置上、下、左、右和四周。 宽度：设置边框的宽度。默认值为0px，范围为0~50px。

查看更多 →

，然后单击分栏的7次，新增7个分栏，新增后，变为8个分栏。 向第1~7分栏中，分别拖拽2个“标签”组件（并排），然后在第8分栏中，拖入一个“按钮”组件。 修改第1分栏中的第1个标签的“文本内容”修改为“标题：”。 图9 修改第1个标签标题 重复上一步，修改第2~7分栏中的第1个标

查看更多 →

图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 Tab页签 全局样式 布局类型：设置页签的布局类型。可选择设置为横向、纵向。 对齐方式：设置页签的对齐方式，可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 页签宽度：设置页签的宽度。 页签高度：设置页签的高度。

查看更多 →

新建布局 业务可视化已内置通用布局，为屏幕模板提供页面布局选择。如果内置的布局不满足您的需求，您可以通过上传开发好的离线页面布局源文件自定义布局。 新建布局 在开天 集成工作台 界面中，选择左侧导航栏中的“业务可视化 > 配置管理”。 选择“固定布局”页签。 单击“新增布局”，进入“

查看更多 →

，然后单击分栏的7次，新增7个分栏，新增后，变为8个分栏。 向第1~7分栏中，分别拖拽2个“标签”组件（并排），然后在第8分栏中，拖入一个“按钮”组件。 修改第1分栏中的第1个标签的“文本内容”修改为“标题：”。 图9 修改第1个标签标题 重复上一步，修改第2~7分栏中的第1个标

查看更多 →

特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 上边距：图表到组件边框顶部的距离。 右边距：图表到组件边框右侧的距离。 左边距：图表到组件边框左侧的距离。 配置 在配置中，设置内嵌的本项目其它页面或者外包页

查看更多 →

特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 上边距：图表到组件边框顶部的距离。 右边距：图表到组件边框右侧的距离。 左边距：图表到组件边框左侧的距离。 配置 在配置中，设置内嵌的本项目其它页面或者外包页

查看更多 →

查看已有布局 操作场景 本章节将介绍如何查看已有布局。 查看已有布局 登录管理控制台。 在页面左上角单击，选择“安全与合规 > 安全云脑 SecMaster”，进入安全云脑管理页面。 在左侧导航栏选择“工作空间 > 空间管理”，并在工作空间列表中，单击目标工作空间名称，进入目标工作空间管理页面。

查看更多 →

三种单位。 高级设置：在高级设置中，直接编写 CSS 代码作用于当前元素。同一个组件如果在“基本属性”和“样式”中，同时对布局属性进行了设置，最终生效是“样式”栏中的设置。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进

查看更多 →

首页布局介绍 图1 首页展示 表1 功能介绍 序号 功能模块 说明 1 搜索功能 包括搜索与高级搜索。 搜索：确认搜索对象，如部件、文档、厂家型号等，选择搜索对象的编码、创建者、名称等，按搜索条件进行搜索。 高级搜索：单击“高级搜索”，选择搜索对象，可在搜索界面输入多个搜索条件进行搜索，搜索结果取各搜索条件的交集。

查看更多 →

页面布局管理 查看已有布局模板 查看已有布局 父主题： 安全编排

查看更多 →

属性布局 操作 描述 新增分组，用于管理多个相同类型属性的集合。 修改分组名称。 在分组中向上调整属性的位置。 在分组中向下调整属性的位置。 删除分组及所包含的属性。 表头支持左方插入列、右方插入列、移除该列和清空该列。 行支持上方插入行、下方插入行、移除该行、合并前一列、合并后一列和取消合并。

查看更多 →

高级页面布局 使用说明 在低代码平台中，可以通过如下两种模式，开发高级页面。 绝对布局：在绝对布局中，每个组件可在页面中任意位置进行拖拽放置，组件的宽高可自定义设置。绝对布局常用于大屏页面的开发。 流式布局：在流式布局中，拖拽到页面中的组件，将根据从上到下、从左到右的顺序依次排列

查看更多 →