【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

上篇:【实战项目i护理上篇】vue-cli3+vue-admin+egg

部分源码讲解

1.客户端

部分组件

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

界面

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)
【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

路由,我是按需加载方式

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

vuex存储

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

路由守卫

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

2.管理端

路由

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

页面

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

3.服务端

基本目录结构

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

效果图截图:

登录注册流程

如果是子女,可以直接注册

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

如果是医生或者是护工,需要在注册的时候填写部分相关证明信息

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

点击注册之后,会提交到后台去审核

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)
【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

审批通过之后,就会成为医护人员,也会拥有发布科普文章等的权力

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

目前的界面还在开发进行中,界面完成度已经90%了

护工部分

这个医护上门下面的列表是自动显示护工信息的

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)
模仿支付宝,护工可以进行实名认证,至于实名认证之后可以拥有什么,后期待定
【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)
进入护工详细页面之后,点击预定,预定之后有一个订单详情了

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)
【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)
【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

我的页面

如果是普通的子女或者老人用户,基本功能如下

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

护士有护士的栏目

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

她可以对病人的情况进行管理

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

她可以发布服务

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

她可以查看服务

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)

医生有医生的栏目

【实战项目i护理下篇】vue-cli3+vue-admin+egg(部分源码+效果图)