项目介绍:为燃气公司的客服人员开发的一款集登录、控制台、来电弹屏、报修管理、投诉/咨询、客服管理、短信管理、系统管理等功能的后台管理平台
项目实现:使用 vue 全家桶实现。前后端分离的开发模式,主要以表单加表格的形式展示各个页面,实现增删查改功能。部分页面展示南丁格尔玫瑰图和图表数据联动页面
亮点:
可自定义系统部分颜色样式及弹框的展示动画,并存储至用户本地中持久生效
页面布局响应式,查询表单折叠展开时,高度和透明度渐变,表格适应布局当溢出时展示自定义样式的滚动条
数据加载动画,使用vue的自定义指令实现
动态标签页。根据侧边栏点击标签时生成,存储在vuex中,点击时切换路由,若点击子菜单则自动展开父菜单。滚动滚轮,横向滚动动态菜单列。最左最右边界提示
难点:
封装表单常用项的控件,通过定义配置对象,轻松实现表单项布局、样式、数据绑定、是否可操作、是否必填、提示文本如何展示(placeholder/label)、数据联动、数据回填、表单校验、校验提示、提交等行为
与后端的webSocket交互,当接收到数据(电话号码)时,根据这个号码从接口获取对应的数据展示弹框,页面共用,数据存储至