搜索高亮展示

WebUI/CallCenterWeb.UI/index.html

@@ -1222,10 +1222,18 @@
         .collection{
         	float: right;
         	padding-right: 5px;
+        	cursor: pointer;
+        	width: 25px;
+        	height: 20px;
+        }
+        .collection img{
+        	width: 100%;
+        	height: 100%;
         }
         .tel_title{
         	color: dodgerblue;
         }
+        .Seach_knowledge,
         .Seach_answer{
         	cursor: pointer;
         }
@@ -2348,14 +2356,14 @@
                                     <input type="text" placeholder="输入知识库关键字" id="key_knowledge" />
                                 </td>
                                 <td>
-                                    <botton class="chat_btns Seach">搜 索</botton>
+                                    <botton class="chat_btns Seach_knowledge">搜 索</botton>
                                 </td>
                             </tr>
                         </table>
                     </div>
 
                     <div class="chat_lists">
-                        <ul class="chat_list knowledge_anwser">
+                        <ul class="chat_list knowledge_anwser" id="knowledge_anwser">
                             
                         </ul>
                     </div>

WebUI/CallCenterWeb.UI/js/chat.js

@@ -181,8 +181,6 @@ function getmore(ele) {
 //发送消息
 function sendinfo(ele) {
     var msg = $("#" + ele).find(".send_content").val();
-    console.log(msg)
-    return false;
     if ($.trim(msg)) {
         objs.action = "sersend";
         objs.code = $("#" + ele).find(".hidcid").val();
@@ -312,12 +310,27 @@ knowledge_answer();
 //快速回复搜索
 $('.Seach_answer').on('click',function(){
 	quick_answer();
-//	var content = document.getElementById('quick_answer');
-//	var keyword_answer = document.getElementById("key_answer");
-//	var contents =content.innerHTML;
-//	var keyWords = keyword_answer.value;
-//  var cut = contents.split(keyWords);
-//  content.innerHTML = cut.join('<span style="color:red;">' + keyWords + '</span>');
+	if($('#key_answer').val().trim()){
+		var content=document.getElementById('quick_answer').innerHTML;
+		var keywords=document.getElementById('key_answer').value;
+		var reg=new RegExp(keywords,'g')
+		var newStr=content.replace(reg,`<font color=#FF6633>${keywords}</font>`)
+		document.getElementById('quick_answer').innerHTML=newStr
+	}
+})
+//知识库搜索
+$('.Seach_knowledge').on('click',function(){
+	knowledge_answer();
+	if($('#key_knowledge').val().trim()){
+		var content1=document.getElementById('knowledge_anwser').innerHTML;
+		var keywords1=document.getElementById('key_knowledge').value;
+		console.log(keywords1)
+		var reg1=new RegExp(keywords1,'g')
+		console.log(reg1)
+		var newStr1=content1.replace(reg1,`<font color=#FF6633>${keywords1}</font>`)
+		console.log(newStr1);
+		document.getElementById('knowledge_anwser').innerHTML=newStr1
+	}
 })
 //快速回复
 function quick_answer(){
@@ -334,8 +347,8 @@ function quick_answer(){
 			success: function(data) {
 				$.each(data.rows, function(i,n) {
 					$('<li class="chat_item">'+
-                                '<span title="'+n.F_ReplyContent+'">'+n.F_ReplyContent+'</span>'+
-                                '<button type="button" class="btn btn-primary btn-sm" onclick=sendMsg("'+n.F_ReplyContent+'")>发送</button> <span class="collection"><img  src="./img/collection.png"/></span>'+
+                                '<span class="answer_text" title="'+n.F_ReplyContent+'">'+n.F_ReplyContent+'</span>'+
+                                '<button type="button" class="btn btn-primary btn-sm" onclick=sendMsg("'+n.F_ReplyContent+'")>发送</button> <span class="collection"><img onclick="collection_img('+n.F_Id+')" src="./img/collection.png"/></span>'+
                             '</li>').appendTo($('.quick_answer'))
 				});
 			}
@@ -357,12 +370,13 @@ function knowledge_answer(){
 			},
 			success: function(data) {
 				$.each(data.rows, function(i,n) {
-					if(n.F_Description.length>30){
-						var contant = n.F_Description.substr(0, 30) + "...";	
+					var contant=n.F_Content.replace(/<[^>]+>/g,"");
+					if(contant.length>30){
+						contants = contant.substr(0, 30) + "...";	
 					}
 					$('<div class="tel_title">'+n.F_Title+'</div><li class="chat_item">'+
-                                '<span title="'+n.F_Description+'">'+contant+'</span>'+
-                                '<button type="button" class="btn btn-primary btn-sm">发送</button> <span class="collection"><img src="./img/collection.png"/></span>'+
+                                '<span title="'+n.F_Description+'">'+contants+'</span>'+
+                                '<button type="button" class="btn btn-primary btn-sm" onclick=sendMsg("'+contant+'")>发送</button> <span class="collection"><img onclick="collection_img('+n.F_CategoryId+')" src="./img/collection.png"/></span>'+
                             '</li>').appendTo($('.knowledge_anwser'))
 				});
 			}
@@ -370,8 +384,36 @@ function knowledge_answer(){
         	
 }
 function sendMsg(msg){
+//	$.ajax({
+//		type:"get",
+//		url:huayi.config.callcenter_url + "ChatMessages/SendReply",
+//		async:true,
+//		data:{
+//			id:id,
+//			token:$.cookie('token')
+//		},
+//		success:function(result){
+//		}
+//	});
 	objs.action = "sersend";
 //  objs.code = $("#" + ele).find(".hidcid").val();
     objs.msg = msg;
     Sends();
 }
+function collection_img(id){
+	$.ajax({
+		type:"post",
+		url:huayi.config.callcenter_url + "ChatMessages/CollectionReply",
+		async:true,
+		data:{
+			id:id,
+			token:$.cookie('token')
+		},
+		success:function(result){
+			var result=$.parseJSON(result)
+			if(result.state =='success'){
+				layer.msg('收藏成功')
+			}
+		}
+	});
+}