| | |
|---|
| | | |
|---|
| | | // 查询表单 |
|---|
| | | const queryForm = reactive({ |
|---|
| | | meetingDate: dayjs().format('YYYY-MM-DD') |
|---|
| | | // 默认查本周一（周例会日期），避免一进页面就是空看板 |
|---|
| | | meetingDate: dayjs().day(1).format('YYYY-MM-DD') |
|---|
| | | }) |
|---|
| | | let loading = ref(false) |
|---|
| | | // 时间段（以半小时为间隔） |
|---|
| | |
|---|
| | | // 查询按钮操作 |
|---|
| | | const handleSearch = async () => { |
|---|
| | | loading.value = true |
|---|
| | | let resp = await getMeetingUseList({...queryForm}) |
|---|
| | | // 后端按 date 字段过滤，必须把选择器上的 meetingDate 传成 date |
|---|
| | | let resp = await getMeetingUseList({ date: queryForm.meetingDate }) |
|---|
| | | roomUsage.value = resp.data |
|---|
| | | loading.value = false |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 重置搜索表单 |
|---|
| | | const resetSearch = () => { |
|---|
| | | queryForm.date = dayjs().format('YYYY-MM-DD') |
|---|
| | | queryForm.meetingDate = dayjs().day(1).format('YYYY-MM-DD') |
|---|
| | | handleSearch() |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 页面加载时获取数据 |
|---|
| | | onMounted(() => { |
|---|
| | | // 初始化时间槽 |
|---|
| | | initTimeSlots() |
|---|
| | | |
|---|
| | | // 默认查询今天的数据 |
|---|
| | | const today = new Date() |
|---|
| | | queryForm.date = today.toISOString().split('T')[0] |
|---|
| | | // 默认查询本周一的会议室使用情况 |
|---|
| | | handleSearch() |
|---|
| | | }) |
|---|
| | | </script> |
|---|
