返回作品
小程序排班展示系统
创建于 2025 年 6 月 1 日
项目介绍
小程序排班展示系统是挂在微信小程序里的医生坐诊排班页面。患者打开小程序后,可以先选科室(整形、皮肤、微创、中医、口腔),再选该科室下的具体项目,最后点开任意一天,就能看到当天哪位医生坐诊、坐诊时段是什么、哪位医生休息。数据来自医院信息中心的排班库,页面只负责查询和展示,不改动排班数据本身。
项目分为两个工程:doctorshift 是基于 Spring Boot 的查询服务,doctorshift-vui 是基于 Vue 3 的移动端页面。页面通过 weixin-js-sdk 的 miniProgram.navigateTo 跳转小程序内部页面,说明它作为 web-view 页面运行在微信小程序环境里,与小程序原生页面无缝衔接。
核心功能
- 三级筛选排班:顶部科室 tabbar 联动下方项目 tab,再配合近七天日期 tab,三个维度组合查询当日排班,切换任一维度都会重新拉取数据
- 近七天日历视图:日期栏动态生成七天的”周X + 几号”,默认定位今天,点击后换算具体日期并刷新列表
- 坐诊状态展示:列表展示医生姓名与班次信息,
resetFlag为假时显示”坐诊时间 + 时段”,为真时显示”休息”,无排班时给出”暂未排班”的空态提示 - 跳转小程序预约:列表项右侧箭头通过微信 JS-SDK 调用
wx.miniProgram.navigateTo跳转到小程序内部对应医生的页面
后端查询还做了动态条件处理:workDate 用半开区间 workDate >= ? AND workDate < DATEADD(day, 1, ?) 锁定单日,depName、projectName 在非空时才参与过滤,请求参数通过 @NotNull 校验必填,日期格式限定为 yyyy-MM-dd。
功能截图
暂无运行截图。