摘要: 访客在聊天界面中可以发送语音,其实就是录音以后,调用上传接口,把录音文件发送给客服。 点击麦克图标以后,展示出一个elementui的dialog弹窗,里面展示四个功能按钮。 分别是,开始录音,结束录音,取消录音,发送录音。基本流程就是点开始,然后点结束,再点发送。 下面是聊天界面中的dialog弹 阅读全文
posted @ 2023-04-18 23:38 唯一客服系统开发笔记 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 我在开发聊天界面的过程中,聊天内容部分是使用v-html渲染出来的,能够展示html内容 但是加载的图片是不能点击放大查看的,现在增加点击放大预览功能 首先html部分是下面这样的,也就是下面要增加一个隐藏的el-image <div v-html="row.content" @click="htm 阅读全文
posted @ 2023-04-18 21:43 唯一客服系统开发笔记 阅读(504) 评论(0) 推荐(0) 编辑
摘要: 在线客服系统的聊天界面上,有上传图片按钮功能,使用js实现ajax上传图片功能 html部分,有一个点击事件 <div class="iconExtendBtn" @click="uploadImg"> <div class="elIcon el-icon-picture"></div> <div> 阅读全文
posted @ 2023-04-18 17:17 唯一客服系统开发笔记 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 客服系统的聊天界面,当访客进入后,会自动连接后端websocket服务。该服务有断线重连机制,因此如果前端不主动关闭连接,并且不进行重连操作,那么websocket连接会一直保持。 这样会占用不少的资源,并且会误导客服人员。因此,需要使用JS定时查看访客回复的时间,如果超过一段时间了,就主动关闭we 阅读全文
posted @ 2023-04-18 15:59 唯一客服系统开发笔记 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 之前开发客服系统访客聊天界面,发送表情部分,是自己本地的一堆小图片 现在其实可以直接展示emoji,效果也是不错的,还不需要自己再去解析表情路径 首先准备一个emoji的json字符串 emojis:{"smile":"😄","smiley":"😃","grinning":"😀","blush 阅读全文
posted @ 2023-04-18 13:01 唯一客服系统开发笔记 阅读(108) 评论(0) 推荐(0) 编辑