在线客服演示修改

WebUI/CallCenterWeb.UI/index.html

@@ -1219,6 +1219,16 @@
         #top_notices_lists1 {
             height: 100%;
         }
+        .collection{
+        	float: right;
+        	padding-right: 5px;
+        }
+        .tel_title{
+        	color: dodgerblue;
+        }
+        .Seach_answer{
+        	cursor: pointer;
+        }
     </style>
 </head>
 
@@ -2313,61 +2323,18 @@
                         <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                             <tr>
                                 <td>
-                                    <input type="text" placeholder="输入关键字" id="key"/>
+                                    <input type="text" placeholder="输入关键字" id="key_answer"/>
                                 </td>
                                 <td>
-                                    <botton class="chat_btns Seach">搜 索</botton>
+                                    <botton class="chat_btns Seach_answer">搜 索</botton>
                                 </td>
                             </tr>
                         </table>
                     </div>
 
                     <div class="chat_lists">
-                        <ul class="chat_list">
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001客服-杨舒涵(8023) 接到市民催单，内容：市民</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
+                        <ul class="chat_list quick_answer" id="quick_answer">
+                           
                         </ul>
                     </div>
 
@@ -2378,7 +2345,7 @@
                         <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                             <tr>
                                 <td>
-                                    <input type="text" placeholder="输入关键字2222" id="key" />
+                                    <input type="text" placeholder="输入知识库关键字" id="key_knowledge" />
                                 </td>
                                 <td>
                                     <botton class="chat_btns Seach">搜 索</botton>
@@ -2388,51 +2355,8 @@
                     </div>
 
                     <div class="chat_lists">
-                        <ul class="chat_list">
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">222222客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
-                            <li class="chat_item">
-                                <span title="客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001">客服-杨舒涵(8023) 接到市民催单，内容：市民来电催单！，工单编号：202002118024001</span>
-                                <button type="button" class="btn btn-primary btn-sm">发送</button> <button type="button" class="btn btn-primary btn-sm">收藏</button>
-                            </li>
+                        <ul class="chat_list knowledge_anwser">
+                            
                         </ul>
                     </div>
                 </div>

WebUI/CallCenterWeb.UI/js/chat.js

@@ -182,6 +182,7 @@ 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();
@@ -302,4 +303,75 @@ $(".chat_ld-service li").click(function () {
     $(".chat_Content_box").find(".chat_complain").eq(index).addClass("chat_Shows").siblings().removeClass("chat_Shows");
 
 });
-//聊天右侧列表结束
+//聊天右侧列表结束
+
+//获取快速回复
+quick_answer();
+//知识库列表
+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>');
+})
+//快速回复
+function quick_answer(){
+	$('.quick_answer').empty();
+	$.ajax({
+			type: "get",
+			url: huayi.config.callcenter_url + "ChatMessages/GetReplyList",
+			dataType: 'json',
+			async: false,
+			data: {
+				keyword:$('#key_answer').val(),
+				token: $.cookie("token")
+			},
+			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>'+
+                            '</li>').appendTo($('.quick_answer'))
+				});
+			}
+		});
+        	
+}
+
+//知识库列表
+function knowledge_answer(){
+	$('.knowledge_anwser').empty();
+	$.ajax({
+			type: "get",
+			url: huayi.config.callcenter_url + "ChatMessages/GetKnowledgeList",
+			dataType: 'json',
+			async: true,
+			data: {
+				keyword:$('#key_knowledge').val(),
+				token: $.cookie("token")
+			},
+			success: function(data) {
+				$.each(data.rows, function(i,n) {
+					if(n.F_Description.length>30){
+						var contant = n.F_Description.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>'+
+                            '</li>').appendTo($('.knowledge_anwser'))
+				});
+			}
+		});
+        	
+}
+function sendMsg(msg){
+	objs.action = "sersend";
+//  objs.code = $("#" + ele).find(".hidcid").val();
+    objs.msg = msg;
+    Sends();
+}