1.2.4 • Published 4 years ago
customer-user-system v1.2.4
customer-user-system
鲸灵客服中心用户端
基本架构
- 此项目包含客服中心渲染用户端页面所需的 UI 组件、业务组件、业务功能 JS 文件、图片等资源
- 项目内部提供预览页面,供开发联调使用
- 项目打包产出一个 npm 包文件,供业务线中通过 npm install 方式引入使用,通过调用暴露的 init 方法初始化用户端客服界面
- 项目使用 webuy-webpack 脚手架生成基本架构和目录组织(vue、webpack、webuy-ui、webuylibs、scss)
- 项目开发使用 vue-jsx 语法,webpack 升级 4.x 版本,babel 升级 7.x 版本
目录结构
lib/ 打包后库文件
dist/ 打包后预览文件
packages/api/ 按模块划分接口api
packages/assets/ scss、雪碧图
packages/common/ 通用js、scss
packages/components 业务组件
packages/service/ 服务逻辑
packages/store/ 数据中心
packages/ui/ ui组件
packages/utils/ 通用方法
packages/index.js 库入口文件
packages/index.vue 库根组件
src/ 业务预览页面
UI 组件
- ChatMessage 文本(含表情)消息
- ChatWrap 聊天对话气泡(含昵称、头像)
- SystemMessage 系统消息
- ImageMessage 图片消息
- VideoMessage 视频消息
- TimeMessage 时间消息
- VideoMessage 视频播放
业务组件
- LineMessageCard 排队消息卡片
- GoodsMessageCard 商品消息卡片
- OrderMessageCard 订单消息卡片
- ReplyMessageCard 评价消息卡片
- OrderPopup 订单消息弹窗
- BottomBanner 加号按钮弹窗
- GoodsSendCard 携带商品卡片
- MessageList 消息列表
- MessageTemplate 消息类型解析
- OrderCard 订单(子订单列表内)
通用方法
- getImageTemplateSize() // 获取聊天窗口中图片/视频资源模版尺寸
- getImageSize() // 获取 oss 图片资源尺寸后缀
- timeHandler() // 消息时间计算规则
三方库和插件
- qq 基础表情包(base64 格式)emoji.min.js
- wx SDK jweixin-1.3.2.js
- im 依赖 json2.js webim.min.js
- 测试环境引入 vconsole.min.js
图片资源
- 内部 icon 图片资源统一用雪碧图
相关命令
# 发布npm测试包
npm version prerelease
npm publish --tag beta
# 依赖安装
npm install
# 本地启动
npm run dev --env=xxx
# 库打包
npm run build --env=xxx
# 预览打包
npm run preview --env=xxx
参考文档
[本模版gitlab仓库](http://gitlab.webuy.ai/lib/webuy-webpack)
[git模版下载工具](https://www.npmjs.com/package/download-git-repo)
[官方webpack模版](http://vuejs-templates.github.io/webpack/)
[vue-loader文档](http://vuejs.github.io/vue-loader)
1.2.4
4 years ago
1.2.3
4 years ago
0.0.5-13
5 years ago
0.0.5-12
5 years ago
0.0.5-11
5 years ago
0.0.5-10
5 years ago
0.0.5-9
5 years ago
0.0.5-8
5 years ago
0.0.5-7
5 years ago
0.0.5-6
5 years ago
0.0.5-5
5 years ago
0.0.5-4
5 years ago
0.0.5-3
5 years ago
0.0.5-2
5 years ago
0.0.5-1
5 years ago
0.0.5-0
5 years ago
0.0.4
5 years ago
0.0.3-13
5 years ago
0.0.3-12
5 years ago
0.0.3-11
5 years ago
0.0.3-10
5 years ago
0.0.3-9
5 years ago
0.0.3-8
5 years ago
0.0.3-7
5 years ago
0.0.3-6
5 years ago
0.0.3-5
5 years ago
0.0.3-4
5 years ago
0.0.3-3
5 years ago
0.0.3-2
5 years ago
0.0.3-1
5 years ago
0.0.2
5 years ago
0.0.2-5
5 years ago
0.0.2-4
5 years ago
0.0.2-3
5 years ago
0.0.2-2
5 years ago
0.0.1
5 years ago
0.0.1-22
5 years ago
0.0.1-21
5 years ago
0.0.1-20
5 years ago
0.0.1-19
5 years ago
0.0.1-18
5 years ago
0.0.1-17
5 years ago
0.0.1-16
5 years ago
0.0.1-15
5 years ago
0.0.1-14
5 years ago
0.0.1-13
5 years ago
0.0.1-12
5 years ago
0.0.1-11
5 years ago
0.0.1-10
5 years ago
0.0.1-9
5 years ago
0.0.1-8
5 years ago
0.0.1-7
5 years ago
0.0.1-6
5 years ago
0.0.1-5
5 years ago
0.0.1-4
5 years ago
0.0.1-3
5 years ago
0.0.1-2
5 years ago
0.0.1-1
5 years ago
0.0.1-0
5 years ago