duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512
							<!DOCTYPE html>

<html>


	<head>

		<meta charset="UTF-8">

		<script src="../Script/Common/huayi.load.js"></script>

		<script src="../Script/Common/huayi.config.js"></script>

		<link rel="stylesheet" href="../js/layui/css/layui.css">

		<link rel="stylesheet" href="./css/jquery.pagination.min.css" />

		<link rel="stylesheet" href="../css/init.css" />

		<link rel="stylesheet" href="./css/knowledgeList.css" />

		<title>知识库主界面</title>

	</head>


	<body class="gray-bg">

		<div class="container-fluid wrapper-content animated fadeInRight">

			<div class="daoHang clearfix">

				<div class="dhLeft">

					<sapn><i class="syIcon"></i>位置：

						<a id="ReIndex">首页</a>&gt;

						<a href="javaScript:;">知识库</a>&gt;

						<a href="" class="nowPosition">知识答复</a>

					</sapn>

				</div>

				<div class="dhRight">

					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>

				</div>

			</div>

			<div class="toolBar clearfix">

				<ul class="nav nav-pills">

					<li role="presentation" class="active" index="1">

						<a href="#">普通检索</a>

					</li>

					<li role="presentation" index="2">

						<a href="#">高级检索</a>

					</li>

				</ul>

				<div class="universalSearch" style="display: block;">

					<div class="input-group">

						<span class="input-group-btn reflectCategory-wrapper">

								<input type="text" id="reflectCategoryLabel" placeholder="请选择分类" class="form-control reflectCategory" autocomplete="off" />

								<input type="hidden" id="key" />

								<span class="CleansReactionCategoryLabel Cleans">×</span>

						<div class="reflectCategoryList-wrapper">

							<ul id="reflectCategoryList">

							</ul>

						</div>

						</span>

						<input type="text" id="searCon" class="form-control" placeholder="请输入关键字">

					</div>

				</div>

				<div class="advancedSearch">

					<div class="form-group">

						<label for="name">关键字</label>

						<input type="text" class="form-control" id="searCon2" placeholder="请输入关键字">

					</div>

					<div class="form-group">

						<label for="name">内容</label>

						<input type="text" class="form-control" id="searCon3" placeholder="请输入">

					</div>


					<div class="form-group">

						<label for="name">创建时间</label>

						<input id="starttime" class="photo x-color laydate-icon" type="text" autocomplete="off" style="height: 35px;width: 170px;" />-<input id="endtime" class="photo x-color laydate-icon" type="text" autocomplete="off" style="height: 35px;width: 170px;" />

					</div>

					<div class="form-group">

						<label for="name">分类</label>

						<div class="reflectCategory-wrapper" style="width: 345px">

							<input type="text" id="reflectCategoryLabel2" placeholder="请选择分类" class="form-control reflectCategory" autocomplete="off" />

							<input type="hidden" id="key2" />

							<span class="CleansReactionCategoryLabel2 Cleans">×</span>

							<div class="reflectCategoryList-wrapper">

								<ul id="reflectCategoryList">

								</ul>

							</div>

						</div>

					</div>


				</div>


				<div class="searchBtn">

					<button class="btns" id="resetBtn">重置</button>

					<button class="btns" id="serchBtn">搜索</button>

				</div>

				<button class="addAskFor layui-btn layui-btn-sm layui-btn-primary layui-border-green" hidden="hidden" id="addAskButton">添加索要</button>

				
				<button class="addKnowlage layui-btn layui-btn-sm layui-btn-primary layui-border-blue">添加知识</button>

			</div>

			<div class="tableList">

				<div class="content">

					<div class="list knowledgeList">

						<ul>


						</ul>

						<div class="noMsg" style="display: none; text-align: center;">暂无数据</div>

					</div>

					<div class="page knowledgePage">

						<div class="pagination" id="pagination"></div>

					</div>

				</div>

			</div>


			<input type="hidden" id="keyidLabel" value="" />

			<input type="hidden" id="keyidLabel2" value="" />


	</body>


	<script src="../css/laydate/laydate.js"></script>

	<script src="../js/kindeditor/kindeditor-all-min.js"></script>

	<script src="../js/kindeditor/lang/zh-CN.js"></script>

	<script src="../js/layui/layui.js"></script>

	<!--<script src="./js/jquery.pagination.js"></script>-->

	<script src="./js/askForEvents.js"></script>


	<script>

		var dataParams = {

			page: 1,

			pagesize: 10,

			token: $.cookie("token"),

		}

		var roleCode = $.cookie("code");

		var dataSearchIndex = '1'

		var laypage;

		$(document).ready(function() {

			
			layui.use('laypage', function(){

			  laypage = layui.laypage;

			  
//			 laypage.render({

//							limit: dataParams.pagesize,

//						    elem: 'pagination', //注意，这里的 test1 是 ID，不用加 # 号

////						    count: data.total, //数据总数，从服务端得到

////						    jump: function(obj, first) {

////						    	console.log(obj.curr, 'obj.curr')

////						    	if(!first){

////						    		dataParams.page = obj.curr;

////									getListData(dataParams);

////  							}

////						    }

//						});

			});

			
			if(['WLDW', 'EJWLDW'].includes(roleCode)) {

				$('.addAskFor').show();

			}

			
			if(['GLY'].includes(roleCode)) {

				$('.addAskFor').show();

				$('#addAskButton').show();

			}


			laydate.skin('blue');

			laydate({

				elem: '#starttime',

				event: 'focus',

				istime: true,

				format: 'YYYY-MM-DD hh:mm:ss'

			});

			laydate({

				elem: '#endtime',

				event: 'focus',

				istime: true,

				format: 'YYYY-MM-DD hh:mm:ss'

			});

			getListData()

			getReactionCategoryLabel() //多级下拉获取数据

		})

		$("#serchBtn").click(function() {

			dataParams.page = 1;

			getListData()

		})

		$("#resetBtn").click(function() {

			cleanSearch()

		})

		//		tab切换事件

		$(".nav-pills li").click(function() {

			$(".nav-pills li").removeClass("active")

			$(this).addClass("active")

			$(".universalSearch").hide()

			$(".advancedSearch").hide()

			$(".universalSearch").hide()

			if($(this).attr("index") === '1') {

				$(".universalSearch").show()

				dataSearchIndex = '1'

			} else {

				dataSearchIndex = '2'

				$(".advancedSearch").show()

			}

		})

		//		tab切换事件结束

		function getListData() {

			
			$(".knowledgeList ul").empty();

			if(dataSearchIndex === '1') {

				dataParams.key = $("#key").val()

				dataParams.title = $("#searCon").val()

			} else if(dataSearchIndex === '2') {

				dataParams.title = $("#searCon2").val()

				dataParams.content = $("#searCon3").val()

				dataParams.starttime = $("#starttime").val()

				dataParams.endtime = $("#endtime").val()

				dataParams.key = $('#key2').val()

			}


			if(['WLDW'].includes(roleCode)) {

				dataParams.deptid = $.cookie('deptid');

			}

			
			if (['EJWLDW'].includes(roleCode)) {

				dataParams.ejdeptid = $.cookie('deptid');

			}


			$.ajax({

				type: "get",

				url: huayi.config.callcenter_url + "kinfoQuestions/GetKinfoList",

				async: true,

				dataType: 'json',

				data: dataParams,

				success: function(data) {

					if(data.rows && data.rows.length > 0) {

						var dataRows = data.rows


						//执行一个laypage实例

						laypage.render({

							limit: dataParams.pagesize,

						    elem: 'pagination', //注意，这里的 test1 是 ID，不用加 # 号

						    count: data.total, //数据总数，从服务端得到

						    curr: dataParams.page,

						    jump: function(obj, first) {

						    	console.log(obj.curr, 'obj.curr')

						    	if(!first){

						    		dataParams.page = obj.curr;

									getListData(dataParams);

    							}

						    }

						});


						$(dataRows).each(function(i, n) {

							var html = '<li><div class="title"><span class="contentIcon"><img src="../img/iconTitle.png"></span>';


							// 标签

							//								<span class="layui-badge layui-bg-orange">橙</span>

							if(n.F_KnowledgeState === 0) html += '&nbsp;&nbsp;<span class="layui-badge layui-bg-orange">待交办</span>&nbsp;&nbsp;';

							if(n.F_KnowledgeState === 1) html += '&nbsp;&nbsp;<span class="layui-badge">待答复</span>&nbsp;&nbsp;';

							if(n.F_KnowledgeState === 2) html += '&nbsp;&nbsp;<span class="layui-badge layui-bg-gray">待审核</span>&nbsp;&nbsp;';

							if(n.F_KnowledgeState === 3) html += '&nbsp;&nbsp;<span class="layui-badge layui-bg-blue">待审核</span>&nbsp;&nbsp;';

							if(n.F_KnowledgeState === 5) html += '&nbsp;&nbsp;<span class="layui-badge layui-bg-blue">待审核</span>&nbsp;&nbsp;';


							var isAuto = false;

							if (n.KINFO_KNAME && n.ReKINFO_KNAME) {

								html += '<a  onclick="goDetail(' + n.F_ID+ ')">' + n.KINFO_KNAME + '</a>';

								html += '<span>&nbsp;&nbsp;&nbsp;&nbsp;(' + n.ReKINFO_KNAME + ')</span>'

							} else if (n.KINFO_KNAME) {

								html += '<a  onclick="goDetail(' + n.F_ID + ')">' + n.KINFO_KNAME + '</a>';

							} else if (n.ReKINFO_KNAME) {

								isAuto = true;

								html += '<a  onclick="goDetail(' + n.F_ID + ')">' + n.ReKINFO_KNAME + '</a>';

							}

							
							html += '</div>';


							if(n.KINFO_KCONTENT) {

								html += '<span class="text">提问内容：' + n.KINFO_KCONTENT + '</span>';

							}


							if(n.ReKINFO_KCONTENT) {

								html += '<span class="text">答复内容：' + n.ReKINFO_KCONTENT + '</span>';

							}

							
							// 交办意见

							if (n.F_KnowledgeState === 1 && n.F_AssignOperation) {

								html += '<span class="text">交办意见：' + n.F_AssignOperation + '</span>';

							}


							html += '<div class="time">';

							
							if (n.keyname) {

								html += '<span class="field">分类</span><span class="label">' + n.keyname + '</span><span class="field"></span>';

								html += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

							}


							if(n.DeptName) {

								// 判断是否有三级单位，如果有三级单位显示三级单位名称

								var deptName = n.DeptName;

								var timeLimit = n.F_TimeLimit;

								if(n.F_EJDeptid) {

									deptName = n.EJDeptName;

									timeLimit = n.F_EJTimeLimit;

								}

								
								if (isAuto) {

									html += '<span class="field">来源于</span><span>' + deptName + '</span><span class="field"></span>';

								} else {

									if(n.F_TimeLimit) {

										html += '<span class="field">要求</span><span>' + deptName + '</span><span class="field">于</span><span>' + n.F_TimeLimit + '</span><span class="field">前答复</span>'

									} else {

										html += '<span class="field">要求</span><span>' + deptName + '</span><span class="field">答复</span>'

									}

								}

								
								html += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

							}


							// 答复时间

							if(n.F_ReplyTime) {

								html += '<span class="contentIcon"><img src="../img/iconTime.png"/></span><span>' + n.F_ReplyTime + '</span>';

							}

							
							if ([2, 3, 5, 6].includes(n.F_KnowledgeState)) {

								var reason = '';

								if (n.KINFO_REASON) reason = n.KINFO_REASON;

								if (n.F_BackReason) reason = n.F_BackReason;

								html += '<span style="color:red;float: right;margin-right: 15px;">'+ reason || '' +'</span>';

							}


							html += '</div><div class="button">';


							// 显示异常信息


							//1 = 二级单位待处理

							//2 = 二级单位退回待审核

							//3 = 二级单位回复待审核

							//4 =审核通过

							// 操作按钮

							if(n.F_KnowledgeState === 0) {

								if(['GLY'].includes(roleCode)) {

									html += '<a onclick="editAskFor(' + n.F_ID + ')">编辑</a><a onclick="delAskFor(' + n.F_ID + ')">删除</a>';

								}

							}

							if(n.F_KnowledgeState === 1) {

								if(['GLY'].includes(roleCode) && !n.F_EJDeptid) {

									html += '<a onclick="recallAskFor(' + n.F_ID + ')">撤回</a>';

								}


								if(['WLDW'].includes(roleCode)) {

									if(n.F_EJDeptid > 0) {

										html += '<a onclick="recallAskFor(' + n.F_ID + ', 2)">撤回</a>';

									} else {

										html += '<a onclick="replayAskFor(' + n.F_ID + ')">答复</a><a onclick="sendBackAskFor(' + n.F_ID + ')">退回</a><a onclick="assignAskFor(' + n.F_ID + ')">交办</a>';


									}


								}


								if(['EJWLDW'].includes(roleCode)) {

									html += '<a onclick="replayAskFor(' + n.F_ID + ')">答复</a><a onclick="sendBackAskFor(' + n.F_ID + ', 3)">退回</a>';

								}

							}


							if(n.F_KnowledgeState === 2) {

								if(['GLY'].includes(roleCode)) {

									html += '<a onclick="sendBackAudit(' + n.F_ID + ')">退回审核</a>';

								}

							}


							if(n.F_KnowledgeState === 3) {

								if(['GLY'].includes(roleCode)) {

									if (isAuto) {

										html += '<a onclick="autoSubmitAudit(' + n.F_ID + ')">知识审核</a>';

									} else {

										html += '<a onclick="submitAudit(' + n.F_ID + ')">答复审核</a>';

									}

									
								}

							}

							
							if(n.F_KnowledgeState === 5) {

								
								if(['WLDW'].includes(roleCode) && n.EJDeptName) {

									if (isAuto) {

										html += '<a onclick="autoSubmitAudit(' + n.F_ID + ')">知识审核</a>';

									} else {

										html += '<a onclick="submitAudit(' + n.F_ID + ')">答复审核</a>';

									}

									
								}

							}

							
							if(n.F_KnowledgeState === 6) {

								if(['WLDW'].includes(roleCode)) {

									html += '<a onclick="sendBackAudit(' + n.F_ID + ')">退回审核</a>';

								}

							}


							//								

							// WLDW 二级网络单位 EJWLDW 三级网络单位


							html += '</div></li>';

							$(html).appendTo($('.knowledgeList ul'))

						})

					} else {

						$(".knowledgeList ul").hide()

						$(".knowledgeList .noMsg").show()

					}

				}

			});

		}


		function cleanSearch() {

			$("#searCon").val('')

			$("#keyidLabel").val('')

			$("#reflectCategoryLabel").val('')

			$("#searCon2").val('')

			$("#keyidLabel2").val('')

			$("#reflectCategoryLabel2").val('')

			$("#isPass").val('')

			$("#isSub").val('')

		}

		//		多级下拉开始

		$(".Cleans").click(function() {

			$(".Cleans").hide()

			$("#reflectCategoryLabel").val("");

			$("#keyidLabel").val("");

			$("#reflectCategoryLabel2").val("");

			$("#keyidLabel2").val("");

		});

		$(".reflectCategory").focus(function() {

			$(".Cleans").show()

		});

		$(".reflectCategory").blur(function() {

			if($("#reflectCategoryLabel").val() === '') {

				$(".CleansReactionCategoryLabel").hide()

			} else if($("#reflectCategoryLabel2").val() === '') {

				$(".CleansReactionCategoryLabel2").hide()

			}

		});


		function getReactionCategoryLabel(pid = 38) {

			$.get(

				huayi.config.callcenter_url + "Dictionary/GetKnowledgeZTree", {

					token: $.cookie("token"),

					pid: 38,

				},

				function(result) {

					//					result = $.parseJSON(result);

					//					var content = result.data

					//					selectMultiple(getTreeData(content),"reflectCategoryLabel","#keyidLabel","CleansReactionCategoryLabel")

					//					selectMultiple(getTreeData(content),"reflectCategoryLabel2","#keyidLabel2","CleansReactionCategoryLabel2")


					result = $.parseJSON(result);

					var content = JSON.parse(result.data);

					layui.use("dropdown", function() {

						var dropdown = layui.dropdown;

						dropdown.render({

							elem: "#reflectCategoryLabel", //可绑定在任意元素中，此处以上述按钮为例

							data: content,

							id: "reflectCategoryLabel",

							//菜单被点击的事件

							click: function(obj) {

								$("#reflectCategoryLabel").val(obj.title)

								$("#key").val(obj.id)

							},

						});


						dropdown.render({

							elem: "#reflectCategoryLabel2", //可绑定在任意元素中，此处以上述按钮为例

							data: content,

							id: "reflectCategoryLabel2",

							//菜单被点击的事件

							click: function(obj) {

								$("#reflectCategoryLabel2").val(obj.title)

								$("#key2").val(obj.id)

							},

						});


					});

				}

			);

		}


		function selectMultiple(data, ID, keyId, cleansClass) {

			layui.use("dropdown", function() {

				var dropdown = layui.dropdown;

				dropdown.render({

					elem: "#" + ID, //可绑定在任意元素中，此处以上述按钮为例

					data: data,

					id: ID,

					isclickparent: true,

					//菜单被点击的事件

					click: function(obj) {

						$("#" + ID).val(obj.title);

						$(keyId).val(obj.id);

						$(cleansClass).show()

					},

				});

			});

		}


		function getTreeData(data) {

			var newData = []

			data.forEach(function(ele) {

				newData.push({

					id: ele.id,

					title: ele.text,

					child: (ele.children && ele.children.length > 0) ? getTreeData(ele.children) : []

				})

			})

			return newData

		}

		//		多级下拉结束

	</script>


</html>