某车辆运营方的管理系统，主要用于联系客户、创建工单、存储信息、记录异常、回访客户、查看记录等，后端使用了Spring Boot，前端使用了jQuery、layerUI、bootstrap 等插件，还涉及到 JavaScript、HTML、CSS 等较为原生的语法，并使用了 WebSocket 连接和继承 HTMLElement 的自定义标签来实现统一功能。同时还使用 layer 插件的统一提示方式，例如 layer.msg() 和 layer.open()。由于这是公司老项目，我主要负责修复 bug，实现客户提出的新需求，修改客户提出的需求变更等任务。具体工作内容包括：对工单详情页面进行修改，与后端沟通，增加、修改字段，调整宽度和样式，并在保存时提交数据。新增页面时，在后端 controller 里添加路由，实现子页面跳转，进行增删改查导操作，调用后端接口分页查询数据并展示在列表中，根据数据 ID 查询单条数据并在弹窗中展示，修改后保存并提交数据，通过导出接口将查询条件传递给后端，获取文件流并下载到本地。另外，该项目中涉及到两个 WebSocket 连接：软phone（平台屏蔽，英文表示）和客服聊天。这两个连接都是通过 new WebSocket() 创建的，并在 onmessage() 回调中处理后端传递的数据，通过 onclose() 和 onerror() 回调处理连接的断开操作。在签入状态下，工作人员需要处于就绪状态才能接收其他坐席或用户的消息。若签入状态异常断开，系统将自动重新连接，并定时发送心跳检测连接状态。一旦连接被断开，前端会设置延时任务并在规定时间内未接收到任何消息时，将自动关闭连接。phone部分可以用话机注册到后端，接收特定消息将会触发振铃。客服聊天部分，系统会自动打开一个子页面，根据 ID 查询用户信息，并可以与之聊天。