主题
医疗部月度考勤
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/taskManagement/configurationCenter/monthAttendance |
| 路由名称 | monthAttendance |
| 页面组件 | src/views/operationsManagement/taskManagement/configurationCenter/monthAttendance/index.vue |
| 接口模块 | @/api/monthAttendance（独立 api 文件） + 组件内 api.post |
| Store | 无 |
| 页面定位 | 医疗部月度考勤表的导入与明细查看，按年月管理考勤数据 |
页面功能
页面使用 Container + ZbQuery（查询区）+ ZbTable（表格）+ ZbPagination（分页）的 zbkj-ui 组件库布局，Vue3 <script setup> 实现。
1. 查询区（ZbQuery）
- 年月（月份选择器，
valueFormat: yyyy-MM，禁选未来月份）。 - 查询、重置按钮。
2. 操作区
- 导入：打开
ImportPopup导入弹窗，需先选择导入年份（必填校验），上传考勤表文件后调用monthAttendance/importData（携带time月末时间）。支持下载考勤表模板。
3. 考勤列表（ZbTable）
| 列 | 说明 |
|---|---|
| 年月 | time |
| 更新人 | updateUserName |
| 更新时间 | updateTime |
4. 行操作
- 查看：跳转
/configurationCenter/monthAttendance/details，携带id与timeStr查看明细。
5. 分页
ZbPagination分页。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
Container | @/components/container | 页面容器 |
ZbQuery | @/components/zbkj-ui | 查询区 |
ZbTable | @/components/zbkj-ui | 表格 |
ZbPagination | @/components/zbkj-ui | 分页 |
ImportPopup | @/components/ImportPopup | 导入弹窗（含年份选择） |
Details | ./Details.vue | 明细页（详情路由） |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀（下表 URL 为业务路径简写）。
| 接口 URL | 用途 |
|---|---|
monthAttendance/pageList | 月度考勤分页查询 |
monthAttendance/importData | 导入月度考勤数据 |
monthAttendance/detailPageList | 明细列表查询（详情页） |
monthAttendance/detailExport | 明细导出（详情页） |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |