ID:264868

汤卓杰 身份已认证

前端开发工程师

  • 公司信息:
  • 武汉中驿科技有限公司
  • 工作经验:
  • 3年
  • 兼职日薪:
  • 500元/8小时
  • 兼职时间:
  • 下班后
  • 周六
  • 周日
  • 可工作日远程
  • 所在区域:
  • 其他
  • 全区

技术能力

3年工作经验,熟练js、css、jQuery、html
掌握vue、boostrap、echarts、elementUI、layUI
了解node、java、mysql的简单用法
工作认真负责,注重代码规范,追求代码可读性、复用性

项目经验

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

二、经销商拜访工具
该项目是一个基于Vue3、ElementPlus、Vite TS等技术栈开发的前端厂端发布任务模板,旨在为大区经理和小区经理提供一个可靠、高效的任务发布与处理平台。该平台主要是大区经理根据任务模板发布任务,小区经理接收任务并对其管辖的经销商进行拜访,并将填入系统,经由大区经理审核通过即结束任务。
我主要负责该项目的PC端页面开发,以及在同事离职后对*端企业*页面进行完善。具体工作内容包括配置路由,添加页面,编写页面样式及逻辑等。
在配置权限后,我使用接口获取权限列表,并通过vuex存储到全局变量中。针对不同角色,我还通过判断全局变量是否存在特定权限来实现不同菜单的显示,以及在每个页面上显示相应的按钮等元素。
页面上通常使用表单元素(el-form)和表格(el-table),在特定页面时,我还对原型图进行了适当的修改,以使得el-item基本对齐,达到美观的目标。同时,我还使用栅格响应式布局,以确保页面能够适配不同比例的设备。由于该项目涉及两端:PC端和*端,因此在PC端只需要进行简单的适配,确保表单元素不会错位即可。
总体而言,我秉承着代码规范的原则,复用代码一律进行封装使用,并严格遵守熟知的eslint默认标准,包括换行、分号、空格等等。通过这些严格的规范,我能够更好地维护该项目,使其稳定、可靠、高效地运行。

三、呼叫中心报表
该项目旨在对呼叫平台数据进行统计展示,包括大屏展示、分模块分页展示和导出,如通话记录和放弃记录。项目使用了jQuery、layerUI和EChats技术。在项目中,我负责设置路由,并在后端简单添加跳转接口,同时协同后端人员确保接口使用规范。此外,我使用栅格布局对齐表单,以及实现了分页查询和展示的功能。

针对部分子页面,如大屏主页,我使用EChats图表插件来显示柱状图、饼状图等数据。针对全屏展示,我全局监听F11和ESC键,并根据当前显示的子页面进行适配。全屏状态下,仅让iframe部分全屏显示。需要说明的是,由于首页统计内容接口尚未开发完善,目前仅展示固定的虚拟数据。

案例展示

  • 某车客户运营维护系统

    某车客户运营维护系统

    某车辆运营方的管理系统,主要用于联系客户、创建工单、存储信息、记录异常、回访客户、查看记录等,后端使用了Spring Boot,前端使用了jQuery、layerUI、bootstrap 等插件,还涉及到 JavaScript、HTML、CSS 等较为原生的语法,并使用了 Web

  • 经销商拜访工具

    经销商拜访工具

    该项目是一个基于Vue3、ElementPlus、Vite TS等技术栈开发的前端厂端发布任务模板,旨在为大区经理和小区经理提供一个可靠、高效的任务发布与处理平台。该平台主要是大区经理根据任务模板发布任务,小区经理接收任务并对其管辖的经销商进行拜访,并将填入系统,经由大区经理审核

  • 呼叫中心报表

    呼叫中心报表

    该项目旨在对呼叫平台数据进行统计展示,包括大屏展示、分模块分页展示和导出,如通话记录和放弃记录。项目使用了jQuery、layerUI和EChats技术。在项目中,我负责设置路由,并在后端简单添加跳转接口,同时协同后端人员确保接口使用规范。此外,我使用栅格布局对齐表单,以及实现了

查看案例列表(含更多 0 个案例)

信用行为

  • 接单
    0
  • 评价
    0
  • 收藏
    0
微信扫码,建群沟通

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服