项• 该项目主要是企业提供一套方便管理所有地区发货量、出入库管理、库存管 理、地区经销商销售额度汇 总、酿造数 • 量、材料消耗、地区人员分配等集中式管 理的后台系统。 • 项目设计: 项• 该项目使用CSS模块化和Vue组件化设计组件提高开发效率,代码简洁、复用率高,项目可维护性高。 • 技术内容: 技• 前端采用Vue技术,UI库使用ElementUI • 采用CSS模块化和Vue组件化设计方案,提高开发效率,代码简洁、复用率高,项目可维护性高。 • 使用vuex管理数据,vue-router路由跳转 • mockjs模拟后台数据 • 使用axios发送请求,调用后台数据,保证网站数据实时更新 • 负责模块: 负• 登录页面:用于用户登录,以及权限校验功能功能,使用vue-router动态路由判断用户的操作权限搜索功 能:把输入的数据关键字传入后端,后端通过搜索引擎筛选数据,把数据返回给前端渲染页面员工管理页 面:用于管理每个小组分配的具体任务 • 原材料管理:原材料每日进货的价格,以及原材料库存管理,需要保存在vuex中方便读取 • 稽查管理页面:根据业务需求,派发稽查人员到指定的地区管理销售业务,需要保存到vuex中方便其他页 面共同预览内部公告页面:用于查看产业城内部通告信息,点击查看更多,进入公告列表页面,页面有分 页功能 • 页面所有数据在mouted中使用axios发送请求获取数据,实现数据实时更新 页面使用Animate动画效果 使 用vue-scrol • ler实现下拉刷新