# CRM 移动应用 (App端) ## 项目简介 本项目是 CRM 系统的移动端应用,采用 [uni-app](https://uniapp.dcloud.io/) 框架开发,支持跨平台发布(H5、小程序、App)。它为销售人员和仓库管理人员提供了便捷的移动办公能力,支持实时的线索跟进、订单处理、询价核价及 VoIP 通话功能。 ## 技术栈 - **开发框架**: uni-app (基于 Vue 2.x) - **UI 组件库**: uView UI - **状态管理**: Vuex - **通信协议**: WebSocket, HTTPS - **VoIP 实现**: JsSIP, Recorder-core (录音相关) - **工具类**: Day.js, Lodash, mp-storage ## 核心功能模块 ### 1. 首页与工作台 (`pages/index`) - 展示销售简报、今日任务及业绩达成情况。 - 支持按团队或个人维度查看数据统计。 ### 2. 线索管理 (`pages/clue`, `pages/privateClue`, `pages/publicClue`) - **线索公海**: 领取和查看公海池中的客户线索。 - **销售线索**: 个人名下的线索管理,支持多维度筛选和排序。 - **线索详情**: 包含客户基础信息、广告来源、通话记录、跟进记录等多个标签页。 - **新增线索/跟进**: 随时随地录入新线索或添加跟进内容。 ### 3. 订单与财务 (`pages/order`, `pages/orderDetail`, `pages/orderForm`) - **接单中心**: 接收和处理系统分配的订单。 - **订单详情**: 查看订单全貌,包括佣金记录、回款记录、发货信息等。 - **财务表单**: 移动端支持快捷填写佣金申请表和回款登记表。 ### 4. 仓库与库存 (`pages/wareHouse`) - **库存管理**: 实时查看仓库库存,支持库存编辑。 - **业务开单**: 直接在手机上完成销售开单流程。 - **假货登记**: 现场记录和上报异常货物信息。 ### 5. 询价与核价 (`pages/inquiry`, `pages/verification`) - **询价中心**: 快速处理客户询价请求。 - **核价中心**: 对询价进行审核和定价,确保价格策略的一致性。 ### 6. 通信与录音 (`pages/uploadRecord`) - 集成 VoIP 功能,支持直接拨打客户电话。 - 通话结束后,支持自动或手动上传通话录音到服务器,确保服务质量可追溯。 ## 目录结构 ```text crm-app/ ├── components/ # 业务组件 ├── js_sdk/ # 外部 SDK (如地图、扫码等) ├── mixins/ # 混入逻辑 (跟进、上传等) ├── pages/ # 页面目录 (每个子文件夹代表一个功能模块) ├── static/ # 静态资源 (图片、图标、音频等) ├── store/ # Vuex 状态管理 ├── uni_modules/ # uni-app 插件模块 (如 uview-ui) ├── utils/ # 工具函数 (请求封装、权限校验、通用字典等) ├── App.vue # 应用入口 ├── main.js # Vue 初始化 ├── manifest.json # 应用配置 (AppID、权限、分包等) └── pages.json # 页面路由及底部导航配置 ``` ## 开发注意事项 - **UI 规范**: 统一使用 uView UI 组件,确保移动端交互体验一致。 - **权限控制**: 页面跳转及按钮操作需通过 `utils/permission.js` 进行权限校验。 - **VoIP 环境**: 移动端拨号需确保网络环境稳定,并获取必要的麦克风权限。 - **Mock 数据**: 开发环境下可使用 `mock/` 目录下的模拟数据进行界面调试。 ## 部署说明 - 本项目支持发布为安卓/iOS App,也可部署为 H5 页面集成在企业微信或钉钉中。 - 发布前请检查 `manifest.json` 中的各平台配置项。