偶游前端

# 智能运动鞋客服系统

请编辑过的人员留下你的姓名

  • 文档编辑人员 冯垣玮(2022/10/28)

# 说明

范肆智能鞋提供售前，售后服务的平台

# 项目地址

  • svn://svn.webdev.ouj.com/biz/shoes/trunk/funlive2.0/frontend

# 项目域名

环境 域名
正式环境 https://admin-funlive.funfet.com/login (opens new window)

# 技术选型

目标: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版本

"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

# 备注

# 开发架子

# 关于客服

  1. 根据需求，客服使用的是微信提供的客服sdk，客户可通过微信直接找到客服进行咨询。

  2. 客服与窗口

  • 问题：根据微信sdk，发现每创建一个客服，微信端都会生成一个聊天窗口，不符合需求。

  • 解决：发现客服下可绑定多个接待人员，而接待人员才是我们真正的聊天服务人员，即原来的客服=聊天窗口，接待人员=聊天人员，聊天人员=后台登陆账号

  1. 客服即是窗口，窗口是绑定到范肆商城小程序里的，误删！！！

← 坦克专题 →