当前位置：首页 > news >正文

基于django的医疗后勤服务平台的护工vue

news 2026/8/16 14:18:00

护工管理模块功能分析

用户认证与权限管理
护工账号需通过手机号或邮箱注册，支持角色分配（如普通护工、管理员）。Django后端集成JWT认证，Vue前端通过axios拦截器传递token。权限控制采用RBAC模型，限制不同角色对订单、患者信息的访问层级。

个人信息维护
护工可编辑个人资料（证书上传、服务范围、联系方式），Vue表单实时验证数据格式（如身份证号、执业证书编号）。Django后端使用ModelSerializer处理图片等文件存储至云服务（如AWS S3或阿里云OSS）。

任务调度与接单功能

智能派单系统
Vue前端展示实时订单列表（按距离、紧急程度排序），集成高德/Google地图API可视化位置。护工通过点击“接单”触发Django后端状态变更，WebSocket推送通知至相关用户端。

日程管理日历
Vue结合FullCalendar组件显示护工每日任务，支持拖拽调整时间。Django提供REST接口处理冲突检测（同一时段不可重复接单），返回JSON格式冲突提示。

服务记录与评价系统

电子化服务报告
护工通过Vue表单提交服务详情（用药记录、患者状态照片），Django后端自动关联订单ID并存储至MySQL。支持PDF生成功能（使用ReportLab库），供患者家属下载。

双向评价机制
患者评价护工后，Vue前端渲染星级组件并显示历史评分趋势图（ECharts集成）。护工可回复评价，Django管理后台具备敏感词过滤（采用AC自动机算法）。

数据统计与薪酬模块

绩效看板
Vue动态仪表盘展示护工月度服务量、收入分成（基于Django聚合查询）。数据可视化使用D3.js，支持按时间段筛选（日/周/月）。

提现与财务记录
护工提交提现申请至Django后端，Alipay/Stripe API处理转账。Vue显示交易流水，包含状态（处理中/已完成）、金额和手续费明细。

技术实现要点

前后端交互
Vue使用axios封装API请求，Django配置CORS白名单。分页采用DRF的PageNumberPagination，Vue监听滚动事件触发无限加载。

实时通信
护工端订单更新采用Django Channels实现WebSocket长连接，Vue组件监听onmessage事件刷新UI。离线消息通过Redis暂存。

安全策略
敏感操作（如删除记录）需二次密码确认。Django启用django-ratelimit防暴力破解，Vue路由守卫拦截未认证访问。

代码示例（Vue接单逻辑）：

handleAcceptOrder(){this.$axios.post('/api/orders/accept/',{order_id:this.order.id}).then(response=>{this.$socket.emit('order_update',{order_id:this.order.id});this.$notify.success('接单成功');}).catch(error=>{if(error.response.status===409){this.$alert('该时段已有其他任务');}});}

数据库设计片段（Django模型）：

classCaregiver(models.Model):user=models.OneToOneField(User,on_delete=models.CASCADE)license_number=models.CharField(max_length=50)service_radius=models.IntegerField()# 单位：公里classOrder(models.Model):caregiver=models.ForeignKey(Caregiver,on_delete=models.SET_NULL,null=True)status_choices=[('P','Pending'),('A','Accepted')]status=models.CharField(max_length=1,choices=status_choices)

项目技术支持

前端开发框架:vue.js
数据库 mysql 版本不限
数据库工具：Navicat/SQLyog/ MySQL Workbench等都可以

后端语言框架支持：
1 java(SSM/springboot/Springcloud)-idea/eclipse
2.Nodejs(Express/koa)+Vue.js -vscode
3.python(django/flask)–pycharm/vscode
4.php(Thinkphp-Laravel)-hbuilderx