日历组件
少于1分钟
日历组件PC端-月、周、日
功能说明:日历组件支持绑定会议室档案实体,并可以按月、按周、按日展示日历实体数 据,可自由切换三种模式,适用于会议管理等业务场景,便于用户新建会议,查看会议详情。
配置态说明
* 属性配置
a. 主实体
-
创建页面变量主实体 - 绑定自定义对象,主实体数据结构 (名称随意)
-
创建主实体的自定义对象,编码是固定格式,不能修改,名称和列表数据必填,其他字段根据需要添加,最多支持三个字段(field1、field2、field3)
-
如果实际需展示的内容和实体字段类型不同时,需创建主实体的表结构对象,id必填,编码是固定的 (id) ,例如会议室的可容纳人数是整数类型,但是页面上需要展示为可容纳(N)人,是字符串类型
-
创建微流程获取主实体, 在页面中规则调用微流程,获取数据给主实体赋值, 然后在控件初始化事件配置该页面规则
-
微流程结束里绑定查询多条数据的出参
b. 关联实体 - 选择对应的数据实体
c. 创建页面变量 - (必须)
i. 刷新区域 - 用于新建或编辑保存后刷新组件数据
ii. 当前日历类型 - 用于显示隐藏日历组件
iii. 详情ID - 点击列表数据时,提供数据id,方便弹框或页面展示数据具体信息
iv. 新建事项 - 点了列表空白时代表新建数据,需要传递当前表格对应的主实体数据id
v. 新建日期 - 如上,新建时传递表格对应的日期
vi. 开始时间 - 本月、周、日开始时间
vii. 结束时间 - 本月、周、日结束时间
d. 关联实体字段 - 按需求选择,事件字段必填
e. 筛选条件- 必填
i. 默认按本周开始时间和结束时间筛选数据
ii. 筛选条件 - 按下图配置
f. 按钮操作 - 按需求配置,默认不显示
* 事件配置
a. 按需求配置打开方式,编辑需要传入详情id,新建可以传入新增事项和新增日期
b. 按钮点击事件 - 切换到对应组件,按需配置
* 风格配置
日历按月运形态
日历按周运行态
数据如果时跨天的话,则每个单元格都要展示, 如下图 00:00 - 23:59
日历按日运形态
日历组件移动端
功能说明:日历组件支持绑定会议室档案实体,并可以按月、按周、按日展示日历实体数 据,可自由切换三种模式,适用于会议管理等业务场景,便于用户新建会议,查看会议详情。
配置态说明
- 主实体数据需要建立微流程获取(同pc端日历组件类似)
- 使用该组件按需清除页面内外边距,组件内部已有间距
- 其余设计态配置与pc端日历一致
日历运形态
日历-按日运形态