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