本文导读

展开导读

文档首页/ 企业SaaS应用/ 南京数界科技中小企业无码数字化解决方案/ 实施步骤/ 应用开发平台/ 数据展示

数据展示

更新时间：2025-01-13 GMT+08:00

查看PDF

列表是用于表单填报组件的数据展示，根据不同使用场景提供7种列表模式

图1 列表模式

图2 首页列表

列表的布局结构分为：

列表左侧配置栏说明：

新建的空白列表，支持选择已有页面（选择系统中全部应用中的表单、详情、列表）进行关联，主要应用场景为：配置一个员工信息填报的表单后，在空白列表中可直接选择该表单，进行字段复用，原表单/详情/列表若绑定了资产，则关联的表单/详情/列表同样绑定资产，修改/删除则同步改变关联的表单/详情/列表的绑定逻辑

图3 页面选择
关联后的表单/详情/列表在左侧可一键插入、或者拖入新增的组件

图4 一键插入

列表区配置说明：

图5 列表区配置

列表区主要用于配置效果的预览，达到了配置的所见即所得效果，其中列表模式支持编辑表格的字体和背景色，如下图所示：用于在构建原型时快速修改样式

图6 构建原型时快速修改样式

列表右侧配置区说明：由于各模式的右侧配置项不同，下面将逐个介绍：

表格模式配置项说明：

应用场景：多用于人员信息管理、工单信息管理等表格类列表

图7 导出数据

图8 首页列表

日历模式配置项说明：

应用场景：多用于员工排班、任务管理类和日期强相关的场景，可以直接按月、周、日直接显示每个时间点的具体信息，更加直观的查看数据

图9 日历模式配置

时间轴模式配置项说明：

应用场景：多用于项目管理、事件管理等和关键时间点相关的数据展示

图10 时间轴模式配置1

图11 时间轴模式配置2

看板模式配置项说明：

应用场景：多用于团队协作的任务管理、项目关联的需求管理，便于更加直观的查看每个节点下的关联数据，拖拽的功能可快速调整修改数据

图12 看板模式配置

目录模式配置项说明：

应用场景：用于主子表关联展示信息，如项目名称对应的项目需求信息，下图所示的班组中公司名称对应的公司人员信息

图13 目录模式配置1

图14 目录模式配置2

画布卡片模式配置项说明：

应用场景：多用于非结构化展示的数据，在不同业务场景下展示的数据布局、样式不同的配置，下图所示结合了目录模式+画布列表模式，实现不同的产品类型对应产品参数展示

图15 画布卡片模式配置1

画布卡片和画布列表操作基本相同，唯一区别是卡片需通过分组规则定义分组字段，画布列表无需分组，固统一在该章节介绍画布卡片和画布列表

图16 画布卡片模式配置2

通过一键插入的组件，在数据配置栏中可拖拽组件至画布卡片中进行布局

图17 布局
单击其他空白卡片，选择新增卡片

图18 新增卡片

也可通过原卡片右上角的复制按钮，基于原卡片进行组件的布局和样式修改

图19 复制
选中卡片，右上角的条件按钮触发显示条件弹窗，配置不同卡片的布局和样式，可以通过以下配置显示条件的方式，进行不同数据条件下画布显示的样式

支持通过组件、角色、索引配置不同的显示条件

图20 显示条件
选中卡片中的组件，在右侧配置栏中可配置组件的样式、数据、交互

样式：每个组件均支持配置位置约束（居左、居右、左右拉伸、居上、居下、上下拉伸）用于在卡片不同分辨下，组件位置固定展示，其他组件的样式配置项根据各自组件属性进行配置

数据：支持配置静态数据用于快速构建原型对齐需求，支持配置资产数据，根据业务数据渲染最终显示效果

图21 业务模型