日历组件

日历组件PC端-月、周、日

功能说明:日历组件支持绑定会议室档案实体,并可以按月、按周、按日展示日历实体数 据,可自由切换三种模式,适用于会议管理等业务场景,便于用户新建会议,查看会议详情。

配置态说明

* 属性配置

a. 主实体

  1. 创建页面变量主实体 - 绑定自定义对象,主实体数据结构 (名称随意)

  2. 创建主实体的自定义对象,编码是固定格式,不能修改,名称和列表数据必填,其他字段根据需要添加,最多支持三个字段(field1、field2、field3)

    1718963175050

    1718963183550

  3. 如果实际需展示的内容和实体字段类型不同时,需创建主实体的表结构对象,id必填,编码是固定的 (id) ,例如会议室的可容纳人数是整数类型,但是页面上需要展示为可容纳(N)人,是字符串类型

    1718963207220

  4. 创建微流程获取主实体, 在页面中规则调用微流程,获取数据给主实体赋值, 然后在控件初始化事件配置该页面规则

    1718963328709

  5. 微流程结束里绑定查询多条数据的出参

    1718963763293

    1718963790254

    1718963813226

b. 关联实体 - 选择对应的数据实体

c. 创建页面变量 - (必须)

i.  刷新区域 - 用于新建或编辑保存后刷新组件数据

ii.  当前日历类型 - 用于显示隐藏日历组件

iii.  详情ID - 点击列表数据时,提供数据id,方便弹框或页面展示数据具体信息

iv.  新建事项 - 点了列表空白时代表新建数据,需要传递当前表格对应的主实体数据id

v.  新建日期 - 如上,新建时传递表格对应的日期

vi.  开始时间 - 本月、周、日开始时间

vii.  结束时间 - 本月、周、日结束时间

1718963846246

d. 关联实体字段 - 按需求选择,事件字段必填

1718963871660

e. 筛选条件- 必填

i.  默认按本周开始时间和结束时间筛选数据

ii.  筛选条件 - 按下图配置

1718963913500

f. 按钮操作 - 按需求配置,默认不显示

1718964036772

* 事件配置

a. 按需求配置打开方式,编辑需要传入详情id,新建可以传入新增事项和新增日期

b. 按钮点击事件 - 切换到对应组件,按需配置

* 风格配置

1718964067283

日历按月运形态

1718964119276

日历按周运行态

数据如果时跨天的话,则每个单元格都要展示, 如下图 00:00 - 23:59

1718964416947

日历按日运形态

1718964440446

日历组件移动端

功能说明:日历组件支持绑定会议室档案实体,并可以按月、按周、按日展示日历实体数 据,可自由切换三种模式,适用于会议管理等业务场景,便于用户新建会议,查看会议详情。

配置态说明

  1. 主实体数据需要建立微流程获取(同pc端日历组件类似)
  2. 使用该组件按需清除页面内外边距,组件内部已有间距
  3. 其余设计态配置与pc端日历一致

日历运形态

1718964606661

日历-按日运形态

1718964644048

最后修改 July 22, 2024: 目录结构调整 (856e6c3)