项目描述： 对接各国领事馆业务，给工作人员提供便捷操作的平台 涉外系统(vue2)职责：负责系统登陆模块、首页、知识管理、工单管理、舆情模块、大屏等模块的页面及交互 项目技术： 使用vue2-admin-template搭建项目环境，使用element ui框架提高项目编写效率。 首页消息通知使用websocket技术，判断是否有新消息，有新消息就显示红点提醒用户。 通过二次封装表格及表单组件减少代码冗余，实现组件复用，提高开发效率。 使用第三方插件(file-saver、jszip-utils、pizzip)实现word和excel导出、excel导入功能 通过二次封装上传组件，实现文件的上传、预览、下载等功能。 使用echarts图表进行数据分析，使用百度地图定位新闻对应发生的国家。 实现动态路由：对后端接口返回的数据进行处理，转换成需要的路由格式，最后拼接至路由；实现动态权限：将后 端返回的权限标识保存至vuex中，通过全局自定义指令v-permissions实现动态权限 统一用户系统(vue3)职责： 负责系统登陆模块、用户管理（用户新增和删除、应用授权、角色授权、模版 授权）、签发管理（证书签发等操作）等模块的页面及交互 项目技术： 使用vue3-admin-template搭建项目环境，使用element-plus框架提高项目编写效率。 通过二次封装抽屉组件减少代码冗余，实现组件复用，提高开发效率。 使用阿里字体图标库来提高页面的美观，并实现时区转换。 实现动态路由：对后端接口返回的数据进行处理，转换成需要的路由格式，最后拼接至路由； 使用element-plus组件库的表格组件实现表格复选框选中后的联动功能，给用户绑定岗位、给岗位绑定应用、给 应用绑定角色。 单点登录流程：用户插入usbkey，前端通过第三方应用读取usbkey里的证书，把证书和用户输入的密码传给后 端做验证，验证通过后进入应用列表页，选择不同应用进入不同系统，进入系统时会自动把证书传过去，在系统中再 次登录验证。