2022-03-03 23:27

悟空CRM PHP版移动端界面适配

源码

https://gitee.com/dt27/material-ui-72crm-web

直接下载:https://gitee.com/dt27/material-ui-72crm-web/repository/archive/master.zip

注意

  1. 我嫌合同审核后无法修改,自己改成了随便改,
    需要恢复的自己改回去:
    https://gitee.com/dt27/P72crm_web/blob/63f47032c8f92bb55964051c60cdd9d3b9e95b99/src/views/crm/contract/Detail.vue#L340

  2. 另外去掉了所有emoji表情,减少了800多个文件……,对表情有依赖的不要用~

  3. 默认前端后端在同一个站点的根目录内,不是这种部署的自己修改config/prod.env.js文件中的BASE_API后编译一遍即可。

食用方法

  1. 备份原/index.html文件、/favicon.ico文件及/static目录,
  2. 将本项目/dist/目录中的文件放到站点根目录即可。

界面预览

wk1.jpg wk2.jpg

wk3.jpg wk5.jpg

wk6.jpg wk7.jpg

悟空CRM介绍

悟空CRM在中国的开源管理软件行业有较高的知名度。目前软件已达到千万级的用户量,开源系统下载量达到200多万次,已覆盖设计制造业、服务业、金融业、政府机构等多种行业。与阿里巴巴、腾讯、OPPO、航天信息、CCTV等多家知名企业达成战略合作。

公司先后获得河南省高新技术企业、国家3A信用企业、IOS9001软件产品认证等20多项荣誉奖项。拥有50余项软件著作权。 获得20余家国内媒体报道。公司自成立以来,以高科技为起点,以技术为核心、 以完善的售后服务为后盾,秉承稳固与发展、求实与创新的精神,已为国内外上万家企业提供了服务。 在为实现企业价值最大化的过程中, 实现了自身的价值的提升,取得了最大程度的双赢合作,并获得了社会各界的广泛赞誉和认同。

官网地址:http://www.5kcrm.com

演示地址:(http://demo11.5kcrm.net/)
帐号:18688888888 密码:123456a

原版前端源码:https://gitee.com/wukongcrm/P72crm_web

  1. 注:悟空CRM采用全新的前后端分离模式,本仓库代码中已集成前端vue打包后文件,可免去打包操作。如需调整前端代码,请单独下载前端代码

(查看PHP后端源码)

项目目录

  1. ├── build -- webpack 配置文件
  2. ├── config -- 项目配置文件
  3. ├── src -- 源码目录
  4. ├── api -- axios请求接口
  5. ├── assets -- 静态图片资源文件
  6. ├── components -- 通用组件
  7. ├── directives -- 通用指令
  8. ├── filters -- 通用过滤器
  9. ├── mixins -- 通用混入
  10. ├── router -- vue-router路由配置
  11. ├── store -- vuex状态管理
  12. ├── styles -- 全局css样式
  13. ├── utils -- 工具类
  14. └── views -- 前端页面
  15. ├── addressBook -- 通讯录
  16. ├── admin -- 系统管理
  17. ├── bi -- 商业智能
  18. ├── calendar -- 日历
  19. ├── crm -- 客户管理
  20. ├── email -- 邮箱
  21. ├── hrm -- 人力资源
  22. ├── jxc -- 进销存
  23. ├── knowledge -- 知识库
  24. ├── layout -- 模块框架
  25. ├── login -- 登录
  26. ├── oa -- 办公
  27. ├── pm -- 项目管理
  28. ├── taskExamine -- 任务审批
  29. ├── user -- 个人中心
  30. └── workLog -- 工作日志
  31. └── static -- 静态资源

项目运行

  • 下载node并安装(LTS):https://nodejs.org/;
  • 该项目为前后端分离项目,本地访问需搭建后台环境,请参考后端项目;
  • 访问线上接口无需搭建后台环境,只需将config/index.js文件中的dev下的proxyTable中的target改为线上地址即可;
  • 克隆源代码到本地,使用VSCode打开,并搜索”百度key“,将其替换为自己申请的。申请地址:百度key;
  • 执行 npm install,下载相关依赖;
  • 执行 npm run dev,运行项目;
  • 执行成功,即可访问http://localhost:8090,查看悟空CRM;

项目打包

  • 需将config/prod.env.js文件中的BASE_API,调整为自己需要的
  • 执行 npm run build
  • 打包完成,将自动生成dist文件夹

技术栈

技术 说明 版本
Vue 框架 2.5.17
Vue-router 路由框架 3.0.1
Vuex 全局状态管理框架 3.0.1
Element UI框架 2.12.0
Axios HTTP框架 0.18.0
DT27

原创文章,欢迎转载。转载请注明:转载自 DT27's Blog,谢谢!
原文链接:https://dt27.cn/default/wukong-crm-mobile-interface/

  1. 有个BUG 有个BUG

    有bug,点击客户跟进记录,里面没内容

  2. nodejs推荐使用什么版本呢?

    1. 最新的LTS版就可以。

添加新评论