Customer-Service-Web/service/static/publicMethods.js

import frceArr from './frce';

export default {
	//获取图片
	imgPreview(file, callback) {
		let self = this;
		let name = file.name.split('.')[0]
		//判断支不支持FileReader
		if (!file || !window.FileReader) return;
		if (/^image/.test(file.type)) {
			//创建一个reader
			let reader = new FileReader();
			//将图片转成base64格式
			reader.readAsDataURL(file);
			//读取成功后的回调
			reader.onloadend = function () {
				let result = this.result;
				let img = new Image();
				let formData = new FormData();
				img.src = result;
				img.onload = function () {
					let data = self.compress(img);
					let blob = self.dataURItoBlob(data);
					formData.append("file", blob, name + '.jpeg');
					//图片预览,配置文件,formData数据;
					callback && callback(data, formData);
				};
			};
		}
	},
	// 压缩图片
	compress(img) {
		let canvas = document.createElement("canvas");
		let ctx = canvas.getContext("2d");
		// let initSize = img.src.length;
		let width = img.width;
		let height = img.height;
		canvas.width = width;
		canvas.height = height;
		// 铺底色
		ctx.fillStyle = "#fff";
		ctx.fillRect(0, 0, canvas.width, canvas.height);
		ctx.drawImage(img, 0, 0, width, height);

		//进行压缩
		let ndata = canvas.toDataURL("image/jpeg", 0.4);
		// console.log("*******压缩后的图片大小*******");
		// console.log(ndata)
		return ndata;
	},

	// base64转成bolb对象
	dataURItoBlob(base64Data) {
		var byteString;
		if (base64Data.split(",")[0].indexOf("base64") >= 0)
			byteString = atob(base64Data.split(",")[1]);
		else byteString = unescape(base64Data.split(",")[1]);
		var mimeString = base64Data
			.split(",")[0]
			.split(":")[1]
			.split(";")[0];
		var ia = new Uint8Array(byteString.length);
		for (var i = 0; i < byteString.length; i++) {
			ia[i] = byteString.charCodeAt(i);
		}
		return new Blob([ia], {type: mimeString});
	},


	//
	setApiToken(name, controller, time, modules) {
		let str = name + 'customer-service' + controller + time + modules
		return str.toLocaleLowerCase()
	},

	/**
	 * 时间戳转日期自定义时间格式
	 * timeStamp:时间戳
	 * custom:转换日期时定义年月日用是什么符号隔开
	 * isDtae:0=月份、1=日期、3=时间
	 */
	customFormatDateTime(timeStamp, custom, isDtae) {
		var date = new Date();
		date.setTime(timeStamp * 1000);
		var y = date.getFullYear();
		var m = date.getMonth() + 1;
		m = m < 10 ? ('0' + m) : m;
		var d = date.getDate();
		d = d < 10 ? ('0' + d) : d;
		var h = date.getHours();
		h = h < 10 ? ('0' + h) : h;
		var minute = date.getMinutes();
		var second = date.getSeconds();
		minute = minute < 10 ? ('0' + minute) : minute;
		second = second < 10 ? ('0' + second) : second;
		if (isDtae == 0) {
			return y + custom + m //+'student';
		} else if (isDtae == 1) {
			return y + custom + m + custom + d;
		} else if (isDtae == 3) {
			return h + ':' + minute //+ ':' + second;
		} else {
			return y + '-' + m + '-' + d + ' ' + h + ':' + minute //+ ':' + second;
		}
	},

	/*****************提示关键字及记录次数******************/
	/**
	 *
	 * @param {*} data
	 * @param {*} sensitive
	 * @param {*}
	 */
	shieldingKeyword(data, sensitive) {
		//将敏感词组用|转换字符串
		let snstive = sensitive.join('|');
		let num = 0, text = '';
		//匹配出会话中的敏感词
		data.replace(eval('/' + snstive + '/g'), (res) => {
			text += ',' + res;
			num++;
		})
		return {
			text,
			num
		}
	},

	/*****************用户屏蔽关键字******************/
	/**
	 *
	 * @param {*} data
	 * @param {*} sensitive
	 * @param {*}
	 */
	userShieldingKeyword(data, sensitive) {
		//将敏感词组用|转换字符串
		let snstive = sensitive.join('|');
		let num = 0, text = '';
		//匹配出会话中的敏感词
		return data.replace(eval('/' + snstive + '/g'), (res) => {
			var str = '';
			for (var i = 0; i < res.length; i++) {
				str += '*';
			}
			return str;
		})
	},


	/******************访客接入*********************/
	/**
	 *
	 * @param {object} redata  接收消息源
	 * @param {Array} offlineList  访客离线列表
	 * @param {Array} sessionList  访客会话列表
	 * @param {int} sessionType 选择列表状态默认未1(1是会话中，2是离线)
	 * @param {int} dataIndex  定位当前会话，默认是0
	 * @param {Array} dataList 当前会话信息列表
	 * @param {string} user_name 当前会话访客名
	 * @param {function} callback   访客匹配离线列表处理后链接回调方法
	 * @param {function} callback1   访客正常链接回调方法
	 */
	visitorsConnect([redata, offlineList, sessionList, sessionType, dataIndex, dataList, user_name], callback, callback1) {
		// console.log('将会话工单写入访客信息',redata);
		// console.log('访客信息评价',evaluate);
		if (redata.evaluate_id > 0) {
			redata.user_info.isEva = 10;
		}
		//将会话工单写入访客信息
		redata.user_info.conversationId = redata.conversationId;
		//默认离线列表没有访客信息
		let isTrue = true;
		let name = '';
		let sessionInfo = '';

		//匹配是否是离线用户上线
		if (offlineList.length > 0) {
			for (let i = 0; i < offlineList.length; i++) {
				//匹配离线列表是否有这个用户
				if (offlineList[i].id == redata.user_info.id) {
					//查询离线列表是否有此用户会话工单未结束
					if (offlineList[i].conversationId == redata.conversationId) {
						// console.log(sessionType,offlineList);
						//工单号未结束的数据获取历史聊天消息和对象名字
						if (sessionType == 2 && i == dataIndex) {//客服选中离线重新链接访客
							dataList = [];
							dataList = offlineList[i].data;
							name = offlineList[i].nick_name ? offlineList[i].nick_name : offlineList[i].name;
							sessionType = 1;
							dataIndex = sessionList.length == 0 ? 0 : sessionList.length - 1;
						} else if (sessionType == 2 && i < dataIndex) {//客服选中离线列表重新链接访客后面的访客
							if (i > 0) {
								dataList = offlineList[i].data;
								name = offlineList[i].nick_name ? offlineList[i].nick_name : offlineList[i].name;
							}
						} else {
							name = redata.user_info.nick_name ? redata.user_info.nick_name : redata.user_info.name;
						}
						//将掉线前聊天消息写入到用户对象里面
						redata.user_info.data = offlineList[i].data;
					} else {
						//工单号已结束数据处理
						if (dataIndex == 0 && sessionList.length == 0) {
							name = redata.user_info.nick_name ? redata.user_info.nick_name : redata.user_info.name;
							dataList = [];
						}
						redata.user_info.data = [];
					}
					//获取离线列表数据
					sessionInfo = offlineList[i]
					//将离线状态用户删除
					offlineList.splice(i, 1);

					isTrue = false;
					//回调
					callback && callback(offlineList);
					break;
				}
			}
		}

		//新访客链接
		if (isTrue) {
			if (sessionList.length == 0) {
				//判断是否选离线用户列表
				if (offlineList.length > 0 && sessionType == 2) {
					//不做处理

				} else {
					dataIndex = 0;
					sessionType = 1;
					// console.log(redata.user_info.nick_name,redata.user_info.name);
					name = redata.user_info.nick_name ? redata.user_info.nick_name : redata.user_info.name;
					dataList = [];
				}
			} else {
				for (let i = 0; i < sessionList.length; i++) {
					//匹配离线列表是否有这个用户
					if (sessionList[i].id == redata.user_info.id) {
						sessionList.splice(i, 1);
						break;
					}
				}

				//判断接入用户是否有昵称展示
				redata.user_info.name = redata.user_info.nick_name ? redata.user_info.nick_name : redata.user_info.name;
			}
			//历史会话消息
			if (redata.history.length > 0) {
				let chatData = [];
				redata.history.forEach(e => {
					let content = JSON.parse(e.content);
					let obj = {
						text: this.turnFace(content.text, frceArr.frce),
						img: content.img,
						type: false,
					};
					if (e.from_id.startsWith("KF")) {
						//this.turnFace(redata.content.text,frceArr.frce);
						chatData.push({
							type: 'service',
							content: obj,
							time: this.customFormatDateTime(e.time_line, '', 3)
						})
					} else {
						chatData.push({type: 'user', content: obj, time: this.customFormatDateTime(e.time_line, '', 3)})
					}
				})
				redata.user_info.data = chatData;
				dataList = chatData;
			} else {
				redata.user_info.data = [];
			}
		} else {
			redata.user_info.data = sessionInfo.data
		}
		// console.log(name);
		//回调
		callback1 && callback1(redata, sessionList, offlineList, sessionType, dataIndex, dataList, name);
	},

	/*****************用户会话离线及相关数据*********************/
	/**
	 * @param {object} redata  接收消息源
	 * @param {Array} sessionList  访客会话列表
	 * @param {Array} offlineList  访客离线列表
	 * @param {int} sessionType 选择列表状态默认未1(1是会话中，2是离线)
	 * @param {int} dataIndex  定位当前会话，默认是0
	 * @param {string} user_name 当前会话访客名
	 * @param {Array} dataList 当前会话信息列表
	 * @param {*} callback  回调函数
	 */
	userOffline([redata, sessionList, offlineList, sessionType, dataIndex, user_name, dataList], callback) {
		let userInfo = [];
		for (let i = 0; i < sessionList.length; i++) {
			//匹配会话中离线用户
			if (sessionList[i].id == redata.id) {
				//把数据添加到离线列表
				offlineList.push(sessionList[i]);
				//用户选中状态会话中处理
				if (sessionType == 1) {
					//判断会话中列表长度
					if (sessionList.length > 1) {
						//判断是否离线用户是当前选中状态
						if (dataIndex == i) {
							dataIndex = 0;
							user_name = sessionList[0].name;
							dataList = sessionList[0].data;
							userInfo = sessionList;
						}
						//删除会话列表离线用户
						sessionList.splice(i, 1);
					} else {
						sessionType = 2;
						dataIndex = 0;
						user_name = offlineList[0].name;
						dataList = offlineList[0].data;
						userInfo = offlineList;
						sessionList.splice(i, 1);
					}
				}
				callback && callback(sessionList, offlineList, sessionType, dataIndex, user_name, dataList, userInfo);
				break;
			}
		}
	},

	/**************删除会话中离线用户及相关数据**************/
	/**
	 * @param {object} redata  接收消息源
	 * @param {Array} sessionList  访客会话列表
	 * @param {Array} offlineList  访客离线列表
	 * @param {int} sessionType 选择列表状态默认未1(1是会话中，2是离线)
	 * @param {int} dataIndex  定位当前会话，默认是0
	 * @param {string} user_name 当前会话访客名
	 * @param {Array} dataList 当前会话信息列表
	 * @param {*} callback  回调函数
	 */

	sessionEnd([redata, sessionList, offlineList, sessionType, dataIndex, user_name, dataList], callback) {
		let isTrue = true;
		let userInfo = [];
		// console.log('哈哈',sessionList);
		//会话中列表匹配
		if (sessionList.length > 0) {
			for (let i = 0; i < sessionList.length; i++) {
				//检测会话列表中是否有结束的会话对象
				if (sessionList[i].id == redata.id) {
					//删除会话列表中结束的会话对象用户信息
					sessionList.splice(i, 1);
					// this.$store.dispatch("SET_SESSION",sessionList);
					if (sessionType == 1) {
						if (sessionList.length > 1) {
							//处理会话显现状态
							if (dataIndex == i) {
								user_name = sessionList[0].name;
								dataList = sessionList[0].data;
								userInfo = sessionList;
							}
						} else {
							if (offlineList.length > 0) {
								sessionType = 2;
								dataIndex = 0;
								userInfo = offlineList;
							} else {
								user_name = '';
								dataList = [];
								userInfo = '';
							}
						}
					}
					isTrue = false;
					break;
				}
			}
		}
		//离线列表查询
		if (isTrue) {
			for (let i = 0; i < offlineList.length; i++) {
				//判断离线列表是否结束会话
				if (offlineList[i].id == redata.id) {
					//删除离线列表中结束会话的用户信息
					offlineList.splice(i, 1);
					// this.$store.dispatch("SET_OFFLINE",offlineList);
					if (sessionType == 2) {
						if (dataIndex == i) {
							if (offlineList.length > 1) {
								if (sessionList.length > 0) {
									dataList = sessionList[0].data;
									user_name = sessionList[0].name;
									userInfo = sessionList;
								} else {
									dataList = offlineList[0].data;
									user_name = offlineList[0].name;
									userInfo = offlineList;
								}
							} else {
								if (sessionList.length > 0) {
									dataList = sessionList[0].data;
									user_name = sessionList[0].name;
									userInfo = sessionList;
								} else {
									dataList = [];
									user_name = '';
									userInfo = '';
								}
							}
						}
					}
					break;
				}
			}
		}
		console.log('测试掉线', sessionList);
		//回调
		callback && callback(sessionList, offlineList, sessionType, dataIndex, user_name, dataList, userInfo);

	},


	/*****************接收用户会话消息***************/
	/**
	 *
	 * @param {*} redata 数据源
	 * @param {*} sessionList 会话列表
	 * @param {*} frce 表情数据源
	 * @param {*} callback  回调
	 */
	receivesMessage(redata, sessionList, frce, callback) {
		let dataIndex = 0;
		if(sessionList.length<1){
			return -2001;
		}
		//匹配是那个用户回的消息
		for (let i = 0; i < sessionList.length; i++) {
			if (sessionList[i].id == redata.id) {
				dataIndex = i;
				break;
			}
		}


		//获取当前回复消息对象
		let chatList = sessionList[dataIndex]

		redata.type = 'user';
		redata.content = JSON.parse(redata.content);
		//这个地方转
		redata.content.text = this.turnFace(redata.content.text, frce);
		//将消息添加对应的会话列表中
		chatList.data.push(redata);
		callback && callback(redata, chatList, dataIndex);
	},

	/******************文字信息转表情******************/
	/**
	 * @param {*} data
	 * @param {*} frce
	 */
	turnFace(data, frce) {
		let str = data.match(/\#\[.*?\]\//g);
		let arr = Array.from(new Set(str));
		arr.forEach(e => {
			let imgsrc = '';
			for (let i = 0; i < frce.length; i++) {
				let expText = e.slice(1, e.length - 1);
				if (expText == frce[i]) {
					imgsrc = '<img class="hover" src="' + require(`@/assets/img/${i}.gif`) + '"/>'
					break;
				}
			}
			data = data.replace(new RegExp(`\\#\\[${e.substring(2, e.length - 2)}\\]\\/`, 'g'), imgsrc);
		})
		return data;
	},

	getQueryString(name) {
		var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
		var r = window.location.search.substr(1).match(reg);
		if (r != null) {
			return unescape(r[2]);
		}
		return null;
	}
}