开源框架模块详解|码云开源EIP低代码平台
仓库地址:https://gitee.com/sunzewei/eip_lowcode
1、功能概述
画廊视图以卡片相册的样式平铺展示表单数据,搭配图片封面+文字信息组合呈现每条业务数据,布局直观美观,适合档案、资质、产品、客户档案等带有图片资料的业务展示。
画廊视图与表格、看板、日历、地图视图共用同一套表单数据源,支持一键互相切换,兼顾数据录入编辑与可视化浏览展示需求。
访问路径:系统管理 → 零代码配置 → 应用管理 → 选中工作表 → 顶部切换【画廊】视图
2、画廊配置面板参数说明
2.1 基础卡片内容配置
| 配置项 | 功能说明 |
|---|---|
| 标题 | 选定表单字段作为画廊卡片顶部主标题,一般使用客户名称、项目名称、档案名称等标识字段 |
| 摘要 | 配置摘要字段展示简短描述内容,可自定义最大展示行数,超出行数自动折叠显示省略号 |
| 最大显示行数 | 控制摘要文本展示行数,文本内容超出设定行数则自动缩略隐藏多余文字 |
2.2 封面图片配置
| 配置项 | 功能说明 |
|---|---|
| 封面 | 绑定表单附件/图片字段作为卡片封面图,可选择关闭封面不展示图片 |
| 位置 | 控制封面在卡片内的排布位置,支持顶部展示、底部展示两种模式 |
| 显示方式 | 图片渲染模式,包含覆盖、适配等展示效果 |
| 图片填充方式 | 图片填充规则,可选填满、居中适配等样式,避免图片拉伸变形 |
| 允许点击查看 | 勾选后点击封面图片可弹出大图预览窗口 |
2.3 展示字段配置
- 显示字段:多选勾选卡片下方需要展示的业务字段信息,例如分类、联系人、电话、地址、状态、地理位置等
- 显示字段名称:勾选则同时展示【字段名称+对应数值】,取消勾选只展示纯数据内容
2.4 卡片布局与刷新设置
| 配置项 | 功能说明 |
|---|---|
| 每行显示数量 | 自定义页面横向一行排布几张画廊卡片,适配不同分辨率页面浏览效果 |
| 自动刷新 | 配置视图定时自动刷新周期,实时同步表单新增、修改、删除的数据 |
2.5 通用高级扩展配置
- 过滤:配置数据筛选条件,画廊只展示符合筛选规则的数据
- 排序:自定义画廊卡片整体的排列顺序
- 颜色:为不同数据卡片配置标识底色,区分业务类型、数据状态
- 筛选列表:页面顶部生成快捷搜索组件,快速检索匹配的卡片数据
- 移动端:适配手机端画廊卡片排版、尺寸、布局展示规则
- 链接参数:支持URL地址传参自动筛选画廊数据,适配菜单跳转、大屏联动等场景
3、核心交互能力
- 卡片直观预览:封面图片+标题+多字段信息集中展示,不用打开详情弹窗即可快速阅览核心资料
- 大图预览功能:点击封面图片可查看原图大图,方便查看证件、资质、现场照片等文件
- 分页浏览控制:底部自带分页组件,支持切换页码、自定义每页数据条数,管理大批量档案数据
- 多视图无缝切换:同一份表单数据自由切换表格录入、看板流转、日历时间轴、画廊相册多种模式
- 自定义视图保存:调试完成的画廊布局配置可保存为独立视图,结合系统RBAC权限分配不同人员访问权限
4、适用业务场景
- 客户档案管理:客户logo/资质照片作为封面,卡片展示客户联系方式、地址、分类信息
- 项目资料库:项目现场照片、图纸截图为封面,展示项目编号、施工地点、负责人信息
- 供应商资质台账:存放供应商营业执照、资质证书,画廊模式批量查阅证件资料
- 产品资料管理:产品实拍图作为封面,陈列产品参数、规格、报价等信息
- 施工影像归档:施工现场照片归档管理,快速浏览各项目施工留存影像资料
5、权限对应规则
- 表单编辑权限:查看画廊卡片、预览大图、修改画廊全部配置参数、点击卡片编辑表单数据
- 表单查看权限:仅可浏览画廊卡片内容、预览封面大图,无法修改画廊配置与表单业务数据