fastlion-amis
Version:
一种MIS页面生成工具
29 lines (27 loc) • 2.01 kB
Markdown
## 日历日程组件
### 简介
用于日历日程场景的组件，分为上下两个部分， 上： datePicker 下： calendar，即上方为日历选择组件，下方为对应日程的组件。上方日历组件在日期变化的时候，将选中的日期暴露给父组件， 父组件根据日期，查询对应的场景事件。
### 使用场景（考勤/会议室）
### 部分参数说明（其他多为props透传下来的参数）
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
|alert| datePicker所需的，用于显示特别提示的文本 | string |-|
|receiveData|其他组件传递过来的参数，组合查询数据|object|-|
|primaryField|类似于主键值的一个映射字段，将从返回的数据中匹配，也可能没有主键值|string|-|
|schedules|字段映射值对象，用于映射固定的startTime等字段|object|-|
|lazyLoad|是否进行懒加载，是：将请求一个面板的数据 否：请求所有数据|boolean|-|
|calendarType|指定的日程类型字段，schedule(日程/会议室)|string|-|
### datePicker 参数说明
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
|alertText| datePicker所需的，用于显示特别提示的文本 | string |-|
|events|事件集合，用于日历组件展示（显示红点或其他行为）|Array|-|
|showCalendar|是否显示日历|boolean|-|
|initDate|初始化日期|string|当天|
|viewType|传入当前日程的显示类型|string|-|
|isWeekView|是否是周模式显示，是：仅显示周面板 否：显示月面板|boolean|-|
|isMobile|是否移动端|boolean|-|
|render|amis render方法|function|-|
|onDateSelected|当手动点击日历面板选中日期触发的回调|(date: string, isInit?: boolean) => void|-|
|onToggleCalendar|当手动点击日历面板上的前一/后一 时间单位触发回调|(dateType: string, toggleType: string, date: dayjs.Dayjs) => void;||
|onPanelToggle|当手动点击日历切换月份的面板，触发回调|(val, mode: string) => void;|-|