```json
{
"summary

```json
{
"summary": "创建了一个包含请假类型选择、日期范围选择、详细事由输入的响应式请假表单，采用Tailwind Grid布局，确保移动设备友好",
"widget": {
"type": "formly",
"fields": [
{
"fieldGroupClassName": "grid grid-cols-1 md:grid-cols-2 gap-4",
"fieldGroup": [
{
"key": "leaveType",
"type": "select",
"className": "md:col-span-2",
"props": {
"label": "请假类型",
"required": true,
"options": [
{ "label": "年假", "value": "annual" },
{ "label": "病假", "value": "sick" },
{ "label": "事假", "value": "personal" },
{ "label": "调休假", "value": "compensatory" }
]
},
"validation": {
"messages": {
"required": "请选择请假类型"
}
}
},
{
"key": "dateRange",
"type": "date-range",
"className": "md:col-span-2",
"props": {
"label": "请假时间",
"required": true
},
"validation": {
"messages": {
"required": "请选择请假日期范围"
}
}
},
{
"key": "reason",
"type": "textarea",
"className": "md:col-span-2",
"props": {
"label": "请假事由",
"required": true,
"rows": 4,
"placeholder": "请详细说明请假原因..."
},
"validation": {
"messages": {
"required": "请输入请假事由"
}
}
}
]
}
]
},
"next": ["添加附件上传","设置最大天数","联动验证","添加审批人","增加备注"]
}
```