update pc_chat

pc_chat/src/components/chat.vue

@@ -647,51 +647,54 @@
 			}
 		},
 		methods: {
+			/******************qq截图粘贴---获取剪切板数据*****************/
+			getClipboardData( e ){
+				// 添加到事件对象中的访问系统剪贴板的接口
+				let clipboardData = e.clipboardData,
+					i = 0,
+					items, item, types;
+
+				if( clipboardData ){
+					items = clipboardData.items;
+					if( !items ){
+						return;
+					}
+					item = items[0];
+					// 保存在剪贴板中的数据类型
+					types = clipboardData.types || [];
+					for( ; i < types.length; i++ ){
+						if( types[i] === 'Files' ){
+							item = items[i];
+							break;
+						}
+					}
+					// 判断是否为图片数据
+					if( item && item.kind === 'file' && item.type.match(/^image\//i) ){
+						this.imgReader( item );
+					}
+				}
+			},
 
-			/***qq截图粘贴************/
-			paste(){
+			/**********qq截图粘贴---获取剪切板图片信息进行转换blob***********/
+			imgReader( item ){
 				let _this = this;
-				var imgReader = function(item){
-					var blob = item.getAsFile(),reader = new FileReader();
-					// 读取文件后将其显示在网页中
-					reader.onload = function( e ){
-						var img = new Image();
-
-						img.src = e.target.result;
-						_this.dialogPaste =true;
-						_this.pasteUrl = e.target.result;
-						// console.log(img.src)
-						//document.body.appendChild( img );
-					};
-					// 读取文件
-					reader.readAsDataURL( blob );
+				var blob = item.getAsFile(),reader = new FileReader();
+				// 读取文件后将其显示在网页中
+				reader.onload = function( e ){
+					var img = new Image();
+					img.src = e.target.result;
+					_this.dialogPaste =true;
+					_this.pasteUrl = e.target.result;
+					// console.log(img.src)
+					//document.body.appendChild( img );
 				};
-				document.getElementById('information').addEventListener('paste',function( e ){
-					// 添加到事件对象中的访问系统剪贴板的接口
-					let clipboardData = e.clipboardData,
-						i = 0,
-						items, item, types;
-
-					if( clipboardData ){
-						items = clipboardData.items;
-						if( !items ){
-							return;
-						}
-						item = items[0];
-						// 保存在剪贴板中的数据类型
-						types = clipboardData.types || [];
-						for( ; i < types.length; i++ ){
-							if( types[i] === 'Files' ){
-								item = items[i];
-								break;
-							}
-						}
-						// 判断是否为图片数据
-						if( item && item.kind === 'file' && item.type.match(/^image\//i) ){
-							imgReader( item );
-						}
-					}
-				});
+				// 读取文件
+				reader.readAsDataURL( blob );
+			},
+
+			/***qq截图粘贴************/
+			paste(){
+				document.getElementById('information').removeEventListener('paste',this.getClipboardData)
 			},
 
 			/*****发送截图******/
@@ -1164,7 +1167,7 @@
 				}
 				// 欢迎语
 				if (redata.message_type == 'helloMessage') {
-					this.machine.push(redata.data.content)
+					this.machine.push(redata.data.content);
 				}
 				// 广告语
 				if (redata.message_type == 'advertisement') {
@@ -1321,10 +1324,10 @@
 					this.goBack(1);
 					this.machineAndAtl = 10;
 					this.selNum = 0;
+					this.machine = [];
 				}
 				// 客服掉线.
 				if (redata.message_type == 'serviceoffline') {
-					console.log(redata)
 					this.service_on = false;
 					this.serverNotOnlin = true;
 					this.closeByServer = true;
@@ -1352,19 +1355,16 @@
 				}
 				// 客服不在线请稍后再试
 				if (redata.message_type == 'kfNotOnlin'){
-					console.log(redata, "客服不在线请稍后再试");
 					this.service_on = false;
 				}
 				// 评价返回
 				if(redata.message_type == "evaluate"){
-					// console.log(redata,"评价返回");
 					if(redata.data.status == 1){
 						this.comtSuccess = true;
 					}
 				}
 				// 历史信息
 				if(redata.message_type == 'toOld'){
-					console.log(redata,'历史信息');
 					let obj = redata;
 					this.historyMsgtext = obj.data.content;
 					obj.data.chatLog.forEach(res => {
@@ -1640,7 +1640,7 @@
 		},
 		// 组件挂载阶段
 		beforeDestroy(){
-			document.getElementById('information').removeEventListener('paste')
+			document.getElementById('information').removeEventListener('paste',this.getClipboardData)
 		},
 		destroyed() {
 			this.websock.close() //离开路由之后断开websocket连接