返回作品

小程序排班展示系统

创建于 2025 年 6 月 1 日

标签
  • Spring Boot
  • MyBatis-Plus
  • SQL Server
  • Vue 3
  • Vant 3
  • Vite

项目介绍

小程序排班展示系统是挂在微信小程序里的医生坐诊排班页面。患者打开小程序后,可以先选科室(整形、皮肤、微创、中医、口腔),再选该科室下的具体项目,最后点开任意一天,就能看到当天哪位医生坐诊、坐诊时段是什么、哪位医生休息。数据来自医院信息中心的排班库,页面只负责查询和展示,不改动排班数据本身。

项目分为两个工程:doctorshift 是基于 Spring Boot 的查询服务,doctorshift-vui 是基于 Vue 3 的移动端页面。页面通过 weixin-js-sdkminiProgram.navigateTo 跳转小程序内部页面,说明它作为 web-view 页面运行在微信小程序环境里,与小程序原生页面无缝衔接。

核心功能

  • 三级筛选排班:顶部科室 tabbar 联动下方项目 tab,再配合近七天日期 tab,三个维度组合查询当日排班,切换任一维度都会重新拉取数据
  • 近七天日历视图:日期栏动态生成七天的”周X + 几号”,默认定位今天,点击后换算具体日期并刷新列表
  • 坐诊状态展示:列表展示医生姓名与班次信息,resetFlag 为假时显示”坐诊时间 + 时段”,为真时显示”休息”,无排班时给出”暂未排班”的空态提示
  • 跳转小程序预约:列表项右侧箭头通过微信 JS-SDK 调用 wx.miniProgram.navigateTo 跳转到小程序内部对应医生的页面

后端查询还做了动态条件处理:workDate 用半开区间 workDate >= ? AND workDate < DATEADD(day, 1, ?) 锁定单日,depNameprojectName 在非空时才参与过滤,请求参数通过 @NotNull 校验必填,日期格式限定为 yyyy-MM-dd

功能截图

暂无运行截图。