crm-app-vue3

CRM 移动应用 (App端)

项目简介

本项目是 CRM 系统的移动端应用，采用 uni-app 框架开发，支持跨平台发布（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 功能，支持直接拨打客户电话。
• 通话结束后，支持自动或手动上传通话录音到服务器，确保服务质量可追溯。

目录结构

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 中的各平台配置项。