title: 智能运动鞋客服系统 date: 2022-10-28 tags:
请编辑过的人员留下你的姓名
范肆智能鞋提供售前,售后服务的平台
环境 | 域名 |
---|---|
正式环境 | https://admin-funlive.funfet.com/login |
目标:pc端
可选择的方案,(1)Vue (2)react
最终由于技术人员对Vue更熟悉,即开发效率更高,最终选择了Vue
vite(2.6.14) + Vue3(3.2.24) + TypeScript + sass(1.43.4) + element-plus(2.0.1)
"node": "16.13.0"
- build
- mock
- public
- src # 项目源代码
- api # 请求 api
- assets # 字体、图片等静态资源
- components # 全局自定义公用组件
- config # 项目源代码全局配置
- directives # 全局自定义指令
- layout # 主要页面布局
- plugins # 处理一些主要库或者插件,导出更方便的api
- router # 路由配置
- store # 全局状态管理
- style # 全局样式
- utils # 全局工具方法
- views # 全局单页面组件
- Basic # 基础设置
- Chats # 客服咨询
- Custom # 客户管理
- Dashboard # 首页
- Eval # 评价管理
- Personal # 个人管理
- Record # 历史记录
- Shoes # 用户鞋库
- Suggest # 投诉管理
- System # 系统管理
- Viewprot # 窗口管理
- 401.vue # 401页面
- 404.vue # 404页面
- login.vue # 登录页面
- redirect.vue # 重定向
- App.vue # 入口页面
- main.ts # 入口文件
- types # 全局 TS 类型配置
- .editorconfig # 编辑器读取文件格式及样式定义配置
- .env # 全局环境变量配置
- .env.development # 开发环境变量配置
- .env.production # 生产环境变量配置
- .eslintignore # eslint 语法检查忽略文件
- .eslintrc.js # eslint 语法检查配置
- .gitignore # git 提交忽略文件
- .gitpod.yml(可选)
- .markdownlint.json # markdown 格式检查配置
- .prettierrc.js # prettier 插件配置
- .stylelintignore # stylelint 插件检查忽略文件
- CHANGELOG.en_US.md(可选)
- CHANGELOG.md(可选)
- CHANGELOG.zh_CN.md # 改动日志记录
- commitlint.config.js # git 提交前检查配置
- index.html # html 主入口
- LICENSE # 证书
- package.json # 依赖包管理 JSON 文件
- pnpm-lock.yaml # 依赖包版本内容锁定文件(不要改动!)
- postcss.config.js # postcss 插件配置
- README.en-US.md(可选)
- README.md # README
- stylelint.config.js # stylelint 插件配置
- tsconfig.json # ts 配置
- vite.config.ts # vite 配置
打包与开发需使用pnpm,版本pnpm >= 6
开发:pnpm dev
打包:pnpm build
根据需求,客服使用的是微信提供的客服sdk,客户可通过微信直接找到客服进行咨询。
客服与窗口
问题:根据微信sdk,发现每创建一个客服,微信端都会生成一个聊天窗口,不符合需求。
解决:发现客服下可绑定多个接待人员,而接待人员才是我们真正的聊天服务人员,即原来的客服=聊天窗口,接待人员=聊天人员,聊天人员=后台登陆账号