当前位置: 首页 > news >正文

EIP低代码平台 应用管理-画廊视图

开源框架模块详解|码云开源EIP低代码平台
仓库地址:https://gitee.com/sunzewei/eip_lowcode

1、功能概述

画廊视图以卡片相册的样式平铺展示表单数据,搭配图片封面+文字信息组合呈现每条业务数据,布局直观美观,适合档案、资质、产品、客户档案等带有图片资料的业务展示。
画廊视图与表格、看板、日历、地图视图共用同一套表单数据源,支持一键互相切换,兼顾数据录入编辑与可视化浏览展示需求。
访问路径:系统管理 → 零代码配置 → 应用管理 → 选中工作表 → 顶部切换【画廊】视图

2、画廊配置面板参数说明

2.1 基础卡片内容配置

配置项功能说明
标题选定表单字段作为画廊卡片顶部主标题,一般使用客户名称、项目名称、档案名称等标识字段
摘要配置摘要字段展示简短描述内容,可自定义最大展示行数,超出行数自动折叠显示省略号
最大显示行数控制摘要文本展示行数,文本内容超出设定行数则自动缩略隐藏多余文字

2.2 封面图片配置

配置项功能说明
封面绑定表单附件/图片字段作为卡片封面图,可选择关闭封面不展示图片
位置控制封面在卡片内的排布位置,支持顶部展示、底部展示两种模式
显示方式图片渲染模式,包含覆盖、适配等展示效果
图片填充方式图片填充规则,可选填满、居中适配等样式,避免图片拉伸变形
允许点击查看勾选后点击封面图片可弹出大图预览窗口

2.3 展示字段配置

  • 显示字段:多选勾选卡片下方需要展示的业务字段信息,例如分类、联系人、电话、地址、状态、地理位置等
  • 显示字段名称:勾选则同时展示【字段名称+对应数值】,取消勾选只展示纯数据内容

2.4 卡片布局与刷新设置

配置项功能说明
每行显示数量自定义页面横向一行排布几张画廊卡片,适配不同分辨率页面浏览效果
自动刷新配置视图定时自动刷新周期,实时同步表单新增、修改、删除的数据

2.5 通用高级扩展配置

  • 过滤:配置数据筛选条件,画廊只展示符合筛选规则的数据
  • 排序:自定义画廊卡片整体的排列顺序
  • 颜色:为不同数据卡片配置标识底色,区分业务类型、数据状态
  • 筛选列表:页面顶部生成快捷搜索组件,快速检索匹配的卡片数据
  • 移动端:适配手机端画廊卡片排版、尺寸、布局展示规则
  • 链接参数:支持URL地址传参自动筛选画廊数据,适配菜单跳转、大屏联动等场景

3、核心交互能力

  1. 卡片直观预览:封面图片+标题+多字段信息集中展示,不用打开详情弹窗即可快速阅览核心资料
  2. 大图预览功能:点击封面图片可查看原图大图,方便查看证件、资质、现场照片等文件
  3. 分页浏览控制:底部自带分页组件,支持切换页码、自定义每页数据条数,管理大批量档案数据
  4. 多视图无缝切换:同一份表单数据自由切换表格录入、看板流转、日历时间轴、画廊相册多种模式
  5. 自定义视图保存:调试完成的画廊布局配置可保存为独立视图,结合系统RBAC权限分配不同人员访问权限

4、适用业务场景

  1. 客户档案管理:客户logo/资质照片作为封面,卡片展示客户联系方式、地址、分类信息
  2. 项目资料库:项目现场照片、图纸截图为封面,展示项目编号、施工地点、负责人信息
  3. 供应商资质台账:存放供应商营业执照、资质证书,画廊模式批量查阅证件资料
  4. 产品资料管理:产品实拍图作为封面,陈列产品参数、规格、报价等信息
  5. 施工影像归档:施工现场照片归档管理,快速浏览各项目施工留存影像资料

5、权限对应规则

  • 表单编辑权限:查看画廊卡片、预览大图、修改画廊全部配置参数、点击卡片编辑表单数据
  • 表单查看权限:仅可浏览画廊卡片内容、预览封面大图,无法修改画廊配置与表单业务数据
http://www.jsqmd.com/news/1290039/

相关文章:

  • EIP低代码平台-应用管理-地图视图
  • 防伪标签材质选购避坑指南——三个最常见的坑让你的防伪二维码白印了
  • 20260729 4.5 103 23 hdu题解(T1(runs thereom),T8)
  • Oh My Emacs编程全攻略:支持15+编程语言的配置方案
  • 2026北京留学中介盘点:做藤校硕士申请哪家中介稳 - 2027品牌AI展
  • Steam Deck终极游戏平台整合指南:如何一键管理所有非Steam启动器
  • 2026年北京合同纠纷律师怎么选?不同案件类型匹配不同专家 - 本地品牌推荐
  • 研0必看!拿捏你的第一场组会
  • Linux学习7
  • Buzz终极指南:免费离线语音转文字,完全掌控你的音频数据
  • 单片机计算机毕设之基于嵌入式技术的温度阈值可调加热设备设计 基于 STM32 单片机的温度检测与恒温控制系统(011201)
  • 2026全年度高口碑老公司亳州吊车出租/叉车随车吊板车挖机租赁公司哪家好?推荐煌昱吊装谯城/涡阳/利辛/蒙城上门!附15条设备吊装搬运搬迁常见问题FAQ,建议收藏! - 奋斗者888
  • 校园照明改造避坑!直流无频闪护眼照明整套落地方案与硬件选型
  • 会员管理系统核心模块设计:积分规则引擎与等级自动升降
  • Jenkins与JFrog Artifactory集成:管理构建制品的终极指南
  • FireSharp错误处理终极指南:解决FirebaseException的10个实用技巧
  • 大模型时代的效果评估已失效?——基于178个LLM微调案例的评估范式迁移报告(内部白皮书节选)
  • 如何5分钟搞定B站4K视频下载?这份小白也能懂的完整指南
  • 全球EMBA排名前三,民营企业家择校选择指南
  • 洛雪音乐自定义解析源(lx-music-custom-source):打造你的专属音乐解析引擎
  • Instaclone:使用MongoDB、Express、React和Socket.io构建的终极Instagram克隆项目
  • Backbone-Debugger:终极Chrome扩展,让Backbone.js应用调试效率提升10倍
  • 2026实力之选:PVC防静电地板施工领域值得关注的品牌机构 - 优企名品
  • 2026 澳洲858NIV移民签证代理选型指南:5 家主流机构横向对比 - qiqi1113
  • 四川考研院校竞争力度数据化评估与选校模型|8所核心院校量化评分与决策矩阵
  • 2026藤校硕士申请留学中介推荐,留学申请少走弯路看这篇 - 2027品牌AI展
  • C++ Placement New 与显式析构:手动对象生命周期管理的艺术
  • Play Framework + Bootstrap 4:play-bootstrap自定义表单组件开发实战
  • swyxkit高级特性:自定义布局与 bleed layout实现方法
  • JVM调优实战:从GC日志分析到参数优化,解决线上性能问题