华速医疗系统

我要开发同款
Simonzxy2024年04月06日
71阅读
开发技术antd、javascriptcss、html5、react
所属分类htmlecharts

作品详情

Web端:
1.使用Ant Design组件进行布局,使用Menu+Layout编写主页面侧边栏导航,侧边栏导航进行动态渲染,根据选择的不同调用不同的path来呈现相应的页面
2.主页面调用ECHARTS 中的图表来对预约情况、充值趋势、预约人数等来进行数据可视化
3.编写预约管理页面,页面中包含了状态筛选,使用不同的state来表明挂号信息的不同状态,同时也实现了日期和科室筛选、选择框,在页面中加入了search搜索框,添加了关键字搜索
4.编写费用管理页面下的具体页面,主要使用 Form、Table、Tree、Tabs等组件,页面包括勾选、查询、提交、打印、导出 Excel等等功能。
5.编写医院信息页面,页面使用Form表单添加了上传文件功能,提交内容给数据库,然后由用户端拿到数据实时渲染
6.封装查询报告的打印模板,封装打印处理数据的方法
7.多个页面添加了批量新增和导出,管理员可以导出所有的挂号、消费等记录,加入了xlxs的导入和导出,使用xlsx工具,在新建until文件建立excel配置文件导出使用
用户端:
1.使用flex布局进行主页面的绘制,使用react-Vant组件的Grid添加主页面中的子模块,使用路由进行跳转
2.编写添加就诊人页面,添加了就诊人length的判定,从而对就诊人列表进行最大数量的限制,就诊人列表实现点击修改默认、点击更改内容、实时更新等功能
3.编写预约挂号页面,使用react-vant中的Cascader实现类别、科室的联级选择,
后续弹出遮罩层来选择需要挂号的就诊人员
4.编写查询报告的页面,同一用户下有多个就诊人,根据不同就诊人的userid去数据库里查询该id对应的报告列表,随后渲染出来
5.编写个人页面中的管理就诊人、挂号记录、缴费记录、充值记录等功能页面,页面包括查询、筛选、提交等功能
6.使用react-Vant的Uploader的上传组件做上传头像功能
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论