1. 公司办公协同臃肿,统团队协作效率低下,员工业务量话模糊,为解决这个问题 公司根据实际业务需求和管理框架搭建属于公司自己的管理系统用以解决 办公协同 团队效率低下的问题
2.业务差场景,个人看版个人任务量化,透明化. 人事管理 员工信息归档
点击空白处退出提示
语言技术
CSS、JavaScript、Vue、TypeScript、ElementUI系统类型
Web行业分类
企业服务
1. 公司办公协同臃肿,统团队协作效率低下,员工业务量话模糊,为解决这个问题 公司根据实际业务需求和管理框架搭建属于公司自己的管理系统用以解决 办公协同 团队效率低下的问题
2.业务差场景,个人看版个人任务量化,透明化. 人事管理 员工信息归档
本系统是一套企业级中后台管理平台,围绕“任务与日历、合同、客户、人事、消息”构建。内置一体化日历(法定节假日/调休/农历/节气/休假叠加,日/周/月视图与工作时段限制),支持任务创建、指派与完成。提供合同与模板管理、客户全流程、员工档案与培训管理。内置文件预览(PDF/DOCX/图片水印)、富文本编辑与附件上传。具备权限与菜单动态路由、实时消息推送、图表看板和大表格查询,支持按需加载与性能优化,便于二次开发与扩展。
岗位与职责(具体任务)
负责企业级中后台的前端设计与开发:任务/日历、合同/客户、人事、消息等模块
制定并落地组件化方案:表格、筛选、上传/预览、富文本、消息等通用组件
深度定制 FullCalendar:日/周/月视图、中文本地化、工作时段限制、节假日/调休/农历/节气/休假叠加展示
文件预览与水印:PDF(pdfjs)、DOCX(docx-preview)、图片水印与下载控制
性能与工程化:按需/懒加载、手动分包、首屏优化、错误监控与日志
交付与维护:对接接口联调、用研反馈、缺陷修复与版本迭代
技术栈
框架与语言:Vue 3、TypeScript、Vite、Pinia、Vue Router
UI/组件:Element Plus、VXE-Table、FullCalendar、UnoCSS/Tailwind 经验、Sass
可视化与文件:ECharts、html2canvas、pdfjs-dist、docx-preview、viewerjs、Quill
其他:WebSocket 实时消息、SVG 图标、Axios、Lodash
架构与设计
路由与权限:动态路由注入,菜单/按钮权限按角色下发;模块按路由懒加载
组件化:数据层与视图层解耦,通用表单/表格/筛选/上传/预览可插拔
配置化:日历业务口径(法定节假日/调休/工作时段)与字典规则可配置
状态管理:Pinia 分模块管理用户/菜单/字典等,持久化与安全解析
实现亮点
一体化日历:节假日/调休/农历/节气/休假叠加显示,跨日/全天/叠加冲突处理
文件预览链路:PDF/DOCX/图片统一封装,水印与可下载控制,异常兜底
大表格场景:VXE-Table 行内编辑/批量操作/分页筛选,性能优化与滚动体验
实时消息:WebSocket 链路封装,多回调管理与断线重连
性能与工程化
首屏优化:重库按需与手动分包(ECharts/FullCalendar/VXE/Quill 等)、gzip/brotli 与长缓存
运行时优化:避免重复重建(稳定 FullCalendar options)、事件监听节流与销毁
构建与规范:自动按需、SVG 雪碧图、代码风格与提交规范、可视化体积分析
交付与沉淀
落地并维护多个后台系统;沉淀公司中后台模板库(脚手架/主题/权限/通用组件),支撑后续项目快速起步与复用




评论