Appearance
网格布局
概述
默认情况下织信中的每个模块都会铺满全屏展示，虽然可以通过模块的侧边栏设置将页面分割为两部分显示，但是在更为复杂的情况下就无法实现了。 为了满足这种复杂的布局，网格模块将页面拆分为24*24的网格，在这些网格中可以插入布局卡片 ,每个布局卡片可以展示独立的内容（模块、网站页面、外部页面、打印模板），并且在卡片中还支持标签页形式的展示。下图是网格的基本结构。 
名词说明
网格
模块展示的网格，支持多网格。多网格时，网格模块将以页签形式展示
卡片
一个网格分割为24*24个区块。展示内容的区域称为卡片，每个网格可以添加多个卡片，卡片最小的尺寸是1*1。
页面
一个卡片内嵌入的模块，支持添加多个。添加多个时，卡片内对嵌入的模块将以页签形式展示
展示效果
权限
对于每一个网格和布局卡片中的页面都可以使用表达式控制是否进行展示，从而做到权限控制。
配置说明
网格配置
| 设置项 | 说明 |
|---|---|
| 网格名称 | 网格的名称，多网格时，名称将作为页签名称 |
| 图标 | 网格展示的图标，多网格时，图标将为作为页签图标 |
| 标签颜色 | 网格展示的背景色，多网格时，颜色为作为页签背景色 |
| 仅允许以下角色查看 | 设置网格查看的权限 |
卡片配置
| 设置项 | 说明 |
|---|---|
| 卡片名称 | 卡片的名称 |
| 边框颜色 | 卡片的边框颜色 |
| 边框样式 | 卡片的边框样式 |
| 边框宽度(左) | 控制卡片的左侧边框宽度 |
| 边框宽度(右) | 控制卡片的右侧边框宽度 |
| 边框宽度(上) | 控制卡片的上方边框宽度 |
| 边框宽度(下) | 控制卡片的下方边框宽度 |
| 内边距(左) | 控制卡片的左侧内边距 |
| 内边距(右) | 控制卡片的左侧内边距 |
| 内边距(上) | 控制卡片的上方内边距 |
| 内边距(下) | 控制卡片的下方内边距 |
卡片上展示的页面
| 设置项 | 说明 |
|---|---|
| 卡片页面名称 | 卡片页面名称，多卡片页面时，名称将作为页签名称 |
| 卡片页面标识符 | 卡片页面标识符，可供后续的上下文变量使用 |
| 卡片页面图标 | 卡片页面图标，多卡片页面时，图标将为作为页签图标 |
| 卡片标签颜色 | 卡片标签颜色，多卡片页面时，颜色为作为页签背景色 |
| 仅允许以下角色查看 | 设置卡片页面查看的权限 |
| 卡片展示类型 | 卡片页面内展示的模块类型模块、外部页面、网站页面、打印模板 |
| 模块 | 卡片展示类型为模块时，选择展示的数据表模块 |
| 页面地址 | 卡片展示类型为外部页面时，可使用表达式动态计算展示的页面地址 |
| 网站模块 | 卡片展示类型为网站页面时，选择展示的网站模块 |
| 页面路径 | 卡片展示类型为网站页面时，选择展示的网站模块的页面地址 |
| 打印模板模块 | 卡片展示类型为打印模板时，选择展示的打印模板模块 |
| 打印模板模块 | 卡片展示类型为打印模板时，选择展示的打印模板模块 |
| 打印模板 | 卡片展示类型为打印模板时，选择展示的打印模板模块下的页面 |
| 打印模板参数 | 卡片展示类型为打印模板时，展示的打印模板传入的动态参数。可使用表达式动态计算页面参数 |
使用示例
假设在应用中有版本（version），任务（task），对应的数据结构如下
版本（version）
| 字段 | 类型 | 说明 |
|---|---|---|
| name | 单行文本 | 版本名称 |
| status | 列表选择 | 版本状态 计划中 scheduling 研发中 developing 已发布 published |
| description | 富文本 | 版本描述 |
任务（task）
| 字段 | 类型 | 说明 |
|---|---|---|
| taskNo | 单行文本 | 任务编号 |
| name | 单行文本 | 任务名称 |
| description | 富文本 | 任务描述 |
| status | 列表选择 | 任务状态 未开始 notstarted 进行中 progress 已完成 complete 已取消 canceled |
| version | 关联记录 | 任务版本 |
| finishDate | 日期 | 完成时间 |
| planFinishDate | 日期 | 预计完成时间 |
| owner | 用户选择 | 任务责任人 |
| version | 关联记录 | 任务版本 |
创建基础展示模块
- 基于 版本（version） 创建表格视图，仅展示当前
研发中的版本 - 基于 任务（task） 创建表格视图(未完成任务)，展示当前版本
未完成（未开始、进行中）任务 - 基于 任务（task） 创建表格视图(已完成任务)，展示当前版本
已完成任务 - 基于 任务（task） 创建仪表盘
数字卡片(任务统计)，展示当前版本各状态任务数量 - 基于 任务（task） 创建仪表盘
透视表(任务统计)，依照状态和预计完成时间(周)进行行和列分组
构建网格布局展示模块
依次创建卡片，如下图
设置网格布局卡片
版本列表
任务统计
任务分布
任务列表
注意事项
- 卡片内的页面都是绑定到一个模块，对于仅做展示卡片需要单独建立视图模块来承载数据
- 卡片展示类型为
外部页面平台内通过iframe方式嵌入，需要注意被嵌入页面X-Frame-Options 设置。 - 卡片页面间的数据通讯，可通过调用自动化交互输出中的设置数据表过滤器 、发送网站页面消息等步骤实现