ERP,CRM系统,项目管理系统产品系统

我要开发同款
proginn15565003982026年10月21日
5阅读

技术信息

语言技术
Java、CSS、JavaScript、Vue、ElementUI
系统类型
Web、H5
行业分类
企业服务

作品详情

行业场景

ERP(进销存、财务、供应链)+ CRM(客户、商机、合同)组合,面向制造业、贸易、服务业等通用企业资源与客户关系管理场景。

功能介绍

核心功能: 使用 AI Agent 根据原型图生成页面,细节开发有智能提示插件。项目包含项目管理、考试培训等多个子应用,统一接入平台。前端迁移至 pnpm + Monorepo 架构,通过 workspace 管理共享依赖与工具库,统一多个子项目的主题风格,并将公共组件整合进 workspace,持续抽离通用逻辑,提升编码维护效率与风格一致性。项目支持多租户管理,通过 header 内标识区分租户,使接口访问不同数据库。
早期使用JNPF低代码平台拖拽表单、写SQL、接口和表单事件,因复杂页面开发受限,转为 AI + Vue 开发。封装了拖拽流程图、审批人配置,流程审批模块对接平台待办与通知。审批流接口封装为公共组件,支持嵌套表单组件;审批页与新增、编辑、详情、提交、变更、关闭申请共用一套页面。特殊节点可根据URL参数和表单实例 ID 判断可编辑内容,审批功能具有同意、拒绝、加签、转签、审批记录、审批历史、变更记录等。变更审批中实现表单字段对比,支持普通字段及递归嵌套字段(如表格每项)的变动提示。
后台管理基础页面无需 UI 设计,可做到整齐划一、像素级对齐,并根据业务突出重点字段样式。兼顾用户体验,如空数据占位图、接口 loading、缓存搜索条件防止重复输入,缓存组件配置防止刷新重置掉。并通过 iconfont 或素材网站增加页面灵动性。

项目实现

Web 端:全局重写 Element-Plus 组件默认属性与样式,保证样式、行为、操作一致。颜色、字体大小等通过变量定义,可全局调整字体、切换黑白主题或按钮主题色。
基于 Element-Plus 二次封装业务组件,如异步接口下拉选择器、字典选择器、前端静态增删改表格、文件导入弹框、前端导出按钮、搜索栏/表格/分页一体组件、svgIcon、附件上传下载等。
基于 Vue Router 实现静态路由 + 菜单接口动态路由,按角色权限生成侧边栏菜单;支持账号密码登录(密码加解密)、验证码、路径拦截,token 对接平台实现免登录,获取用户信息与菜单权限,并结合后端接口实现 v-perm 权限指令。
封装通用 hooks,如增删改查页面统一逻辑、表单验证等;使用各类 Vite 插件提升开发体验,如 svg 离线图标、UnoCSS写样式、组件自动注册、AutoImport 等。
通过 iframe 嵌套其他子系统,携带 token 复用已有页面并实现跨系统访问。
移动端 H5:架构与 Web 端基本一致,直接复用功能,仅将 Element 替换为 Vant 组件,借助 AI 还原重写,在保持业务不变的前提下更换 UI 组件,显著提升效率。
根据表单内容使用 jsPDF 生成 PDF → Blob → File 上传至附件,并解决中文乱码。预览默认用 webview,其他如 docx、pdf、xls 等使用 vue-office 在线预览,并二次开发支持移动端拖拽与双指中心缩放,接近浏览器原生图片放大体验。
对接平台移动端 App,嵌套 H5 页面作为小程序或子系统。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论