知识库

CallCenterWeb.UI/callScreen/call.js

 $("#customerCity").on('change',function(){
 	getProvinceCounty($("#customerCounty"), $("#customerCity").val(), "请选择县/区");
 });
+
+// 快捷回复
+var quickReplyFloatSign = 1;
+$(".quickReplyButton").click(function(){
+    if (quickReplyFloatSign === 1) {
+        console.log("if")
+        $(".quickReplyFloat").show()
+        quickReplyFloatSign = 0; 
+        quickReplyFloatInitTable()
+    } else if (quickReplyFloatSign === 0) {
+        console.log("else")
+        $(".quickReplyFloat").hide()
+        quickReplyFloatSign = 1; 
+    }
+})
+
+$(".quickReplyFloatTab ul li").click(function () {
+    $(this).addClass("quickReplyFloatTabActivity").siblings().removeClass("quickReplyFloatTabActivity");
+});
+
+function quickReplyFloatInitTable(token, id, keyWord) {
+	//先销毁表格
+	$("#quickReplyFloatTable").bootstrapTable('destroy');
+	//初始化表格,动态从服务器加载数据
+	$("#quickReplyFloatTable").bootstrapTable({
+		method: "get", //使用get请求到服务器获取数据
+		url: huayi.config.callcenter_url + "AccessLog/GetHightFrequencyList", //获取数据的Servlet地址
+		contentType: 'application/x-www-form-urlencoded',
+		striped: true, //表格显示条纹
+		pagination: true, //启动分页
+		pageSize: 5, //每页显示的记录数
+		pageNumber: 1, //当前第几页
+		pageList: [5, 10, 15], //记录数可选列表
+		search: false, //是否启用查询
+		showColumns: false, //显示下拉框勾选要显示的列
+		showRefresh: false, //显示刷新按钮
+		sidePagination: "server", //表示服务端请求
+		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+		//设置为limit可以获取limit, offset, search, sort, order
+		queryParamsType: "undefined",
+		queryParams: function queryParams(params) { //设置查询参数
+			var param = {
+				page: params.pageNumber,
+				pagesize: params.pageSize,
+				token: $.cookie("token"),
+				pid: "",
+				keywords: "",
+			};
+			return param;
+		},
+		onLoadSuccess: function() { //加载成功时执行
+			//layer.msg("加载成功");
+		},
+		onLoadError: function() { //加载失败时执行
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+		}
+	});
+}
+
+//编号
+function setCode(val, row, index) {
+	return index + 1;
+}
+
+function formatterTitle(val, row){
+	if(val.length > 15){
+		val = val.substring(0,15) + "...";
+	}
+	return '<div onclick="btn_knowledge_base_detail('+ row.F_RepositoryId +')" class="knowledgeBaseDetail">' + val + '</div>'
+}
+
+function oper(val, row) {
+	if(val.length > 20){
+		val = val.substring(0,20) + "...";
+	}
+	return '<div onclick="btn_knowledge_base_detail('+ row.F_RepositoryId +')" class="knowledgeBaseDetail">' + val + '</div>'
+}
+
+function formatterKey(val, row) {
+	if(val.length > 10){
+		val = val.substring(0,10) + "...";
+	}
+	return val; 
+}
+
+//点击标题 内容查看详情
+function btn_knowledge_base_detail(seeid) {
+	layer.open({
+		type: 2,
+		title: '查看知识库',
+		shadeClose: true, //是否开启点击遮罩关闭
+		shade: 0.4, //遮罩
+		maxmin: true, //开启最大化最小化按钮
+		id: 'LAY_layuipro', //防止重复弹出
+		moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的，会有个过度的透明框。但是如果你不喜欢，你可以设定moveType: 1切换到传统的拖拽模式
+		moveOut: true, //拖拽到窗口外
+		//resize: true,//是否允许拉伸
+		area: ['70%', '70%'],
+		content: '../zhiShiKu/addModel.html?changeGetid=' + seeid + ''
+	});
+}

CallCenterWeb.UI/callScreen/callScreen.html

 						<li style="border-bottom:1px solid #f95a83;" itemtype="0" class="cr-click">来电登记</li>
 						<li style="border-bottom:1px solid #243747;" itemtype="1">历史通话</li>
                         <li style="border-bottom:1px solid #69cbd0;" itemtype="2" >历史记录</li>
-                        <li style="border-bottom:1px solid #69cbd0;" itemtype="3" >关联案件</li>
-						<li style="border-bottom:1px solid #69cbd0;" itemtype="4" >文书送达</li>
+                        <li style="border-bottom:1px solid #8C1293;" itemtype="3" >关联案件</li>
+						<li style="border-bottom:1px solid #19B361;" itemtype="4" >文书送达</li>
 					</ul>
                     <div class="ld-sercon">
                         <div class="complain" style="display: block;">
                             <div class="Pre-second second-con addgd">
                                 <div class="common">
+									<div class="quickReplyButton">
+										快捷回复
+									</div>
+									<div class="quickReplyFloat">
+										<div class="quickReplyFloatTab clearfix">
+											<ul class="clearfix">
+												<li style="border-bottom:1px solid #f95a83;" itemtype="0" class="quickReplyFloatTabActivity">个人</li>
+												<li style="border-bottom:1px solid #243747;" itemtype="1">企业</li>
+											</ul>
+										</div>				
+										<div class="quickReplyFloatTableWrapper">
+											<table id="quickReplyFloatTable" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+												<thead>
+													<tr>
+														<th data-align="center" data-formatter="setCode">编号</th>
+														<!--<th data-align="center" data-field="id" data-formatter="setCode"></th>-->
+														<th data-field="F_Title" data-formatter="formatterTitle" data-align="center">标题</th>
+														<th data-field="F_Description" data-align="center" data-formatter="oper">内容</th>
+														<th data-field="F_KeyWords" data-formatter="formatterKey" data-align="center">关键字</th>
+														<th data-field="F_CreateOn" data-align="center">创建时间</th>
+													</tr>
+												</thead>
+												<tbody id="tbody">
+												</tbody>
+											</table>
+										</div>
+									</div>
                                 	<div class="form-group col-md-12 clearfix">
 										<label class="col-md-2 workOrderTypeText">登记类型：</label>
 										<div id="formRegistrationType" class="col-md-6 r_order_type">

CallCenterWeb.UI/callScreen/css/call.css

 			float: left;
 			
 		}
-			.ldcr-bottom .ldcrb-top>ul li{
-				float: left;
-			    font-size: 14px;
-			    width: 90px;
-			    text-align: center;
-			    height: 30px;
-			    line-height: 30px;
-			    cursor: pointer;
-			}
+		.ldcr-bottom .ldcrb-top>ul li{
+			float: left;
+			font-size: 14px;
+			width: 90px;
+			text-align: center;
+			height: 30px;
+			line-height: 30px;
+			cursor: pointer;
+		}
 		.ldcr-bottom .ldcrb-top>div{
 			float: right;
 			width: 285px;
 			width: 380px;
 		}
 
+		/* 快捷回复 */
+		.common {
+			position: relative;
+		}
+		.quickReplyButton {
+			position: absolute;
+			top: 0;
+			right: 0;
+			width: 80px;
+			height: 40px;
+			background: #01a1cb;
+			text-align: center;
+			cursor: pointer;
+			color: white;
+			line-height: 40px;
+			z-index: 10;
+		}
+		.quickReplyButtonTitle {
+		}
+		.quickReplyFloat {
+			display: none;
+			position: absolute;
+			top: 0;
+			right: 80px;
+			width: 90%;
+			height: 100%;
+			padding: 30px 10%;
+			z-index: 10;
+			background: #F4F6F6;
+			border: 1px solid #BFC9CA;
+			overflow: auto;
+		}
+		.quickReplyFloatTableWrapper{
+			margin-top: 20px;
+		}
+		.quickReplyFloatTab ul li{
+			float: left;
+			font-size: 14px;
+			width: 90px;
+			text-align: center;
+			height: 30px;
+			line-height: 30px;
+			cursor: pointer;
+		}
+		.quickReplyFloatTabActivity{
+			background: black;
+			color: #fff
+		}
+		.knowledgeBaseDetail {
+			cursor: pointer;
+		}
+		
+		.knowledgeBaseDetail:hover{
+			color: #1ab394;
+		}
+
+		
+

CallCenterWeb.UI/js/main.js

 	}
 }
 setInterval(function() {
-	debugger
 	$.cookie("token", $.cookie("token"))
 }, huayi.config.menuworktime);
 //连接

CallCenterWeb.UI/zhiShiKu/js/zhiShiKuManger.js

 		addPid = 0
 		//console.log(addPid);
 	}
+	$('.inps3').val('顶级分类');
+	did = 0;
 	getTree();
+	adddep();
 })
 $('.addBtr').click(function() {
 	$('.addModel').css('display', 'none');
 		$('.xlAdd').css('display', 'block')
 	}
 })
+$('.inps3').focus(function() {
+	$('.xlAddDep').css('display', 'block');
+})
+$('.xl_three').click(function() {
+	if($('.xlAddDep').css('display') == 'block') {
+		$('.xlAddDep').css('display', 'none')
+	} else {
+		$('.xlAddDep').css('display', 'block')
+	}
+})
 $('.addTree').mouseleave(function() {
 	$(this).css('display', 'none')
 })
 //保存添加按钮
 var addPid, addTitle, addKey, addCon, addDes;
 $('.addCun').click(function() {
-	console.log(addPid);
 	if($('.inps1').val() == "" || $('.addTitle').val() == "") {
 		layer.confirm('请输入标题！', {
 			btn: ['确定']
 		addTitle = $('.addTitle').val();
 		addKey = $('.addKey').val();
 		addCon = encodeURIComponent(editor.html());
+		addindividualBusiness = $('.addIndividualBusiness input[name="individualBusinessInput"]:checked').val();
 		$('.addModel').css('display', 'none');
-		addCunTree(addPid, addTitle, addKey, addCon);
-
+		addCunTree(addPid, addTitle, addKey, addCon, addindividualBusiness);
 	}
 	emptyInput();
 })
 
-function addCunTree(addPid, addTitle, addKey, addCon) {
+function addCunTree(addPid, addTitle, addKey, addCon, addindividualBusiness) {
 	$.ajax({
 		type: "post",
 		url: huayi.config.callcenter_url + "Knowledge/AddInfo",
 			key: addKey,
 			con: addCon,
 			pid: addPid,
+			visibleDeptId: did,
+			isorPerson: addindividualBusiness,
 			token: token
 		},
 		success: function(data) {
 	}
 	changeGetid = changes;
 	getChangeTree();
+	chanGetDep()
 	getChangeBox(changeGetid);
 })
 $('.changeBtr').click(function() {
 
 })
 
+$('.inps5').focus(function() {
+	$('.xlChangeDep').css('display', 'block')
+})
+//下拉按钮功能
+$('.xl_five').click(function() {
+	if($('.xlChangeDep').css('display') == 'block') {
+		$('.xlChangeDep').css('display', 'none')
+	} else {
+		$('.xlChangeDep').css('display', 'block')
+	}
+
+})
+
+
 //修改弹出框内 下拉树形图参数配置项
-var setting3 = {
+var setting4 = {
 	data: {
 		key: {
 			name: "text"
 		"pid": pid
 	}, function(result) {
 		result = $.parseJSON(result);
-		$.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
+		$.fn.zTree.init($("#changeTreeDemo"), setting4, result.data); //实例化树形图
 	});
 
 }
 			$('.inps4').val(con.F_Expand1);
 			$('.changeTitle').val(con.F_Title);
 			$('.changeKey').val(con.F_KeyWords);
+			// $('.editIndividualBusiness input[name="individualBusinessInputEdit"]').prop(con.F_KeyWords)
 			changeEditor.html(con.F_Content);
 			cunId = con.F_CategoryId;
 			chanCunId = cunId;
+			chanDid = F_visibleDeptId;
 		}
 	});
-
 }
 
 function changeBaoCunAjax(changeGetid, chanCunId) {
 		async: true,
 		dataType: 'json',
 		data: {
-			infoid: changeGetid,
+			infoid: changeGetid[0],
 			title: $('.changeTitle').val(),
 			key: $('.changeKey').val(),
 			con: encodeURIComponent(changeEditor.html()), //内容
 			pid: chanCunId,
-			token: token
+			visibleDeptId: chanDid,
+			isorPerson: $('.editIndividualBusiness input[name="individualBusinessInputEdit"]:checked').val(),
+			token: token,
 		},
 		success: function(data) {
 			if(data.state == "success") {
 		area: ['70%', '50%'],
 		content: 'addModel.html?changeGetid=' + seeid + ''
 	});
-}
+}
+
+//所属部门
+var setting3 = {
+	data: {
+		key: {
+			name: "text"
+		},
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			rootPId: 0
+		}
+	},
+	callback: {
+		onClick: ztreeDep
+	}
+};
+var did; //部门id
+var dname; //部门name
+function ztreeDep(event, treeId, treeNode) {
+	did = treeNode.id;
+	dname = treeNode.text;
+	$('.inps3').val(dname);
+};
+function adddep() {
+	$.get(huayi.config.callcenter_url + "Department/GetDeptList", {
+		"token": $.cookie("token"),
+		"pid": pid
+	}, function(result) {
+		result = $.parseJSON(result);
+		$.fn.zTree.init($("#xlAdd_depTree"), setting3, result.data); //实例化树形图
+	});
+}
+
+//获取所属部门
+var setting5 = {
+	data: {
+		key: {
+			name: "text"
+		},
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			rootPId: 0
+		}
+	},
+	callback: {
+		onClick: chanaDep
+	}
+};
+var chanDid = 0; //部门id
+var chanDname; //部门name
+function chanaDep(event, treeId, treeNode) {
+	chanDid = treeNode.id;
+	chanDname = treeNode.text;
+	$('.inps5').val(chanDname);
+};
+
+function chanGetDep() {
+	$.get(huayi.config.callcenter_url + "Department/GetDeptList", {
+		"token": $.cookie("token"),
+		"pid": pid
+	}, function(result) {
+		result = $.parseJSON(result);
+		$.fn.zTree.init($("#xlChange_depTree"), setting5, result.data); //实例化树形图
+	});
+}
+

CallCenterWeb.UI/zhiShiKu/zhiShiKuManger.html

 			}
 			
 			.inps1,
-			.inps4 {
+			.inps2,
+			.inps3,
+			.inps4,
+			.inps5 {
 				width: 100%;
 				height: 24px;
 				outline: none;
 				display: none;
 				height: 220px;
 				overflow-y: auto;
+				z-index: 99;
 			}
 			
 			.treeTable {
 				white-space: nowrap;
 				text-overflow: ellipsis;
 			}
-			
 			.content {
 				cursor: pointer;
 			}
 								<th><i style="color: #FF0000">*&nbsp;</i>所属分类：</th>
 								<td colspan="3">
 									<div class="inpBox">
-										<input type="text" class="inps inps1" />
+										<input type="text" class="inps inps1" readonly="readonly" />
 										<i class="xl xl_one"></i>
 										<div class="addTree xlAdd">
 											<ul id="addTreeDemo" class="ztree">
 								<td colspan="3"><input type="text" class="addTitle" /></td>
 							</tr>
 							<tr>
+								<th>所属部门：</th>
+								<td>
+									<div class="inpBox">
+										<input type="text" class="inps inps3"  readonly="readonly"/>
+										<i class="xl xl_three"></i>
+										<div class="addTree xlAddDep">
+											<ul id="xlAdd_depTree" class="ztree">
+												
+											</ul>
+										</div>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>个人或企业：</th>
+								<td colspan="3" class="addIndividualBusiness">
+									<label class="radio-inline" >
+										<input type="radio" name="individualBusinessInput" value="0" style="vertical-align: middle;display: inline-block; margin-top: 5px" checked="checked" >个人
+									</label>
+									<label class="radio-inline">
+										<input type="radio" name="individualBusinessInput" value="1" style="vertical-align: middle;display: inline-block; margin-top: 5px">企业
+									</label>
+								</td>
+							</tr>
+							<tr>
 								<th>关键字：</th>
 								<td colspan="3"><input type="text" class="addKey" /></td>
 							</tr>
 								<th><i style="color: #FF0000">*&nbsp;</i>所属分类：</th>
 								<td colspan="3">
 									<div class="inpBox">
-										<input type="text" class="inps inps4" />
+										<input type="text" class="inps inps4" readonly="readonly" />
 										<i class="xl xl_two"></i>
 										<div class="addTree xlChange">
 											<ul id="changeTreeDemo" class="ztree">
 								<td colspan="3"><input type="text" class="changeTitle" /></td>
 							</tr>
 							<tr>
+								<th>所属部门：</th>
+								<td>
+									<div class="inpBox">
+										<input type="text" class="inps inps5"  readonly="readonly"/>
+										<i class="xl xl_five"></i>
+										<div class="addTree xlChangeDep">
+											<ul id="xlChange_depTree" class="ztree">
+												
+											</ul>
+										</div>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>个人或企业：</th>
+								<td colspan="3" class="editIndividualBusiness">
+									<label class="radio-inline" >
+										<input type="radio" name="individualBusinessInputEdit" value="0" style="vertical-align: middle;display: inline-block; margin-top: 5px" checked="checked" >个人
+									</label>
+									<label class="radio-inline">
+										<input type="radio" name="individualBusinessInputEdit" value="1" style="vertical-align: middle;display: inline-block; margin-top: 5px">企业
+									</label>
+								</td>
+							</tr>
+							<tr>
 								<th>关键字：</th>
 								<td colspan="3"><input type="text" class="changeKey" /></td>
 							</tr>