duhongyu
/
PDS12345_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638
							<!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="../css/init.css" />
		<title>新版知识库添加</title>
		<style type="text/css">
			ul,li{
				padding: 0;
				margin: 0;
				list-style: none;
			}
			.tab_list{
				border-bottom: 1px solid #d5d5d5;
			}
			.tab_list li{
				padding: 10px 15px;
				float: left;
				color: #333333;
				font-size: 14px;
				position: relative;
			}
			.tab_list li.active{
				color: #19aad0;
			}
			.tab_list li.active:after{
				content: "";
				width: 100%;
				height: 2px;
				background: #19aad0;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
			.tab_content{
				font-size: 14px;
				color: #4c4c4c;
				padding: 15px 0;
				/*text-indent: 28px;*/
			}
			.tab_content>div{
				display: none;
			}
			.table tr td input[type="text"]{
			    width: 100%;
			    height: 30px;
			    background: #f3f3f4;
			    border: 1px solid #e7e7e7;
			    outline: none;
			}
			.radio-inline input[type=radio]{
				margin-top: 2px;
			}
			.table tr td textarea{
			    width: 100%;
			    height: 100%;
			    background: #f3f3f4;
			    border: 1px solid #e7e7e7;
			    padding: 0px;
			    resize: none;
			}
			#scwj{
				background-color: #FFF;
			    background-image: none;
			    border: 1px solid #ccc;
			    border-radius: 1px;
			    color: inherit;
			    padding: 6px 12px!important;
			}
			.files{
				    padding: 5px!important;
			}
			.time-box{
			    position: relative;
			    width: 197px!important;
			    height: 34px;
			    margin: 0;
			}
			.tub + input {
			    padding-right: 30px;
			    border: 1px solid #e5e6e7!important;
			}
			i.tub {
			    position: absolute;
			    right: 8px;
			    top: 8px;
			    font-size: 18px;
			    color: #00a0ca;
			}
			.tab_content textarea{
				display: block;
			     background: #f3f3f4;
			     width: 100%;
			    height: 298px;
			    box-sizing: border-box;
			    text-indent: 28px;
			}
			.tab_content .cons >div{
			     background: #f3f3f4;
			     width: 100%;
			    min-height: 298px;
			    box-sizing: border-box;
			    text-indent: 28px;
			    word-break:break-all;
			    word-wrap:break-word;
			}
			.tab_content .cons >div img{
				    max-width: 100%;
				    /*width: 95%;
				    margin: 0 auto;*/
			}
			.shdetail table{
				width: 100%;
				line-height: 30px;
				text-align: center;
			}
			.result_str{
				display: block;
				float: left;
				text-align: center;
			}
			#result{
				min-width: 370px;
				min-height: 140px;
			}
			.operation_bj{
				float: right;
				display: none;
			}
			.msg_time{
				max-width: 240px;
				min-width: 190px;
				text-indent: 0px;
			}
			/*评分cs*/
			.star {
				position: relative;
			}
			.star span {
				float: left;
				height: 19px;
				line-height: 19px;
			}
	
			.star li {
				float: left;
				width: 24px;
				height: 22px;
				text-indent: -9999px;
				background: url('../img/star.png') no-repeat;
				cursor: pointer;
			}
			
			.star li.on {
				background-position: 0 -28px;
			}
			
			.star p {
				background: url('../img/icon.gif') no-repeat;
				padding: 10px 10px 0;
				position: absolute;
				top: 20px;
				width: 159px;
				height: 30px;
				z-index: 100;
			}
			
			.star p em {
				color: #FF6600;
				display: block;
				font-style: normal;
			}
			
			.star strong {
				color: #ff6600;
				padding-left: 10px;
			}
			.hidden {
				display: none;
			}
			 /*评分cs结束*/
		</style>
	</head>
		<body class="gray-bg">
			<div class="container-fluid wrapper-content animated fadeInRight">
				<div class="star">
					<ul>
						<li><a href="javascript:;">1</a></li>
						<li><a href="javascript:;">2</a></li>
						<li><a href="javascript:;">3</a></li>
						<li><a href="javascript:;">4</a></li>
						<li><a href="javascript:;">5</a></li>
					</ul>
				</div>
				<div class="operation_bj">
					
				</div>
				<table class="table table-bordered table-condensed diff-wrapper1">
					<tr>
						<td width="100">标题</td>
						<td colspan="3"> <input type="text" id="title" readonly="readonly" /></td>
					</tr>
					<tr>
						<td width="100" height="100"> 参考答案(修改后)</td>
						<td colspan="3" height="100"> <textarea name="" rows="" cols="" id="endanswer" readonly="readonly"></textarea></td>
					</tr>
					<tr>
						<td width="100" height="100"> 参考答案(修改前)</td>
						<td colspan="3" height="100"> <textarea name="" rows="" cols="" id="change" readonly="readonly"></textarea></td>
					</tr>
					<tr>
						<td width="100" height="100"> 参考答案(修改前后结果对比)<span style="font-size: 12px; color: red;">注: 红色为已删除   绿色为新增</span></td>
						<td colspan="3" height="100"> <span id="diff1">
							
						</span></td>
					</tr>
					<tr>
						<td width="100">单位</td>
						<td colspan="3"> <input type="text" id="maindept" readonly="readonly" /></td>
					</tr>
					<tr>
						<td width="100"> 办公地点</td>
						<td colspan="3"><textarea name="" rows="" cols="" id="officeaddress" readonly="readonly"></textarea></td>
					</tr>
					<tr >
						<td rowspan="2" width="100">公开电话</td>
						<td> <input type="text" id="publicphone1" readonly="readonly"/></td>
						<td rowspan="2" width="100">内部电话</td>
						<td> <input type="text" id="privatephone1" readonly="readonly" /></td>
						
					</tr>
					<tr>
						<td>  <input type="text" id="publicphone2" readonly="readonly" /></td>
						<td> <input type="text" id="privatephone2" readonly="readonly" /></td>
					</tr>
					<tr>
						<td width="100"> 办理方式</td>
						<td><input type="text" id="dealtype" readonly="readonly"/></td>
						<td width="100"> 收费标准</td>
						<td> <input type="text" id="paymoney" readonly="readonly" /></td>
					</tr>
					<tr>
						<td width="100"> 办理对象</td>
						<td><input type="text" id="serobject" readonly="readonly" /></td>
						<td width="100"> 乘车路线</td>
						<td><textarea name="" rows="" cols=""id="busline" readonly="readonly"></textarea></td>
					</tr>
					<tr>
						<td width="100" height="100"> 备注</td>
						<td colspan="3" height="100"><textarea name="" rows="" cols=""  id="remark" readonly="readonly"></textarea> </td>
					</tr>
					<tr class='mechanism'>
						<td width="100" height="100"> 机构职能</td>
						<td colspan="3" height="100">
							<textarea name="" rows="" cols="" id="mechanism" disabled></textarea>
						</td>
					</tr>
				</table>
				<ul class="tab_list clearfix">
					<li class="active">设定依据</li>
					<li>办理流程</li>
					<li>办理材料</li>
					<li>办理结果样本</li>
					<li>收费标准及依据</li>
					<li>附件</li>
					<li>纠错记录</li>
				</ul>
				<div class="tab_content">
					<div class="cons" style="display: block;">
						<div  id="baseon" >
							
						</div>
						<!--<textarea name=""  readonly="readonly"></textarea>--> 
					</div>
					<div class="cons">
						<div  id="process" >
							
						</div>
						<!--<textarea name=""   id="process"  readonly="readonly"></textarea>--> 
					</div>
					<div class="cons">
						<div  id="material" >
							
						</div>
							<!--<textarea name=""  id="material"  readonly="readonly"></textarea>--> 
					</div>
					<div class="cons">
						<div  id="template" >
							
						</div>
							<!--<textarea name="" id="template" readonly="readonly"></textarea>--> 
					</div>
					<div class="cons">
						<div  id="payinfo" >
							
						</div>
							<!--<textarea name="" id="payinfo" readonly="readonly"></textarea>--> 
					</div>
					
					<div class="cons">
						<div>
							
						
						<table class="table-bordered table-condensed feilTable" style="width: 100%;">
							<thead>
								<tr>
									<th>文件名称</th>
									<th>添加时间</th>
									<th>文件大小</th>
								</tr>
							</thead>
							<tbody>
								
							</tbody>
							
						</table>
						</div>
					</div>
					<div class="cons">
						<table id="error_record" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
	                        <thead>
	                            <tr>
	                            	<th data-field="F_OptOn" data-align="center" class="msg_time">纠错时间</th>
	                                <th data-field="F_Reason" data-align="center">纠错原因</th>
	                            </tr>
	                        </thead>
	                   </table>
						<!--<div  id="error_record" >
							纠错记录
						</div>-->
						<!--<textarea name=""   id="process"  readonly="readonly"></textarea>--> 
					</div>
				</div>
			
			<script src="../js/kindeditor/kindeditor-all-min.js"></script>
			<script src="../js/kindeditor/lang/zh-CN.js"></script>
			<script src="../js/adjustHeight.js"></script>
			<script src="../js/laydate/laydate.js"></script>
			<script src="../js/plugins/diff_match_patch/diff_match_patch.js"></script>
    		<script src="../js/plugins/preetyTextDiff/jquery.pretty-text-diff.min.js"></script>
			<script>
				
				var ids=helper.request.queryString("ids");
				var depId=helper.request.queryString("DeptId");
				$(document).ready(function(){
					//展示评价星级
					var num =5;
					if(num==3){
						$('.star li:lt(3)').addClass('on')
					}else if(num==4){
						$('.star li:lt(4)').addClass('on')
					}else if(num==5){
						$('.star li:lt(5)').addClass('on')
					}
					
					//关闭自身 
				       window.formClose = function(){
				              var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
				              //layer.msg(index);
				              parent.layer.close(index); //再执行关闭   
				        }
					$('.tab_list li').click(function(){
					   var index=$(this).index();
					   $(this).addClass('active').siblings().removeClass('active');
					   $('.tab_content>div').eq(index).show().siblings().hide();
					   
					})
					if(depId&&depId!=99999&&depId!=0){
				  	 $.ajax({
							type:"get",
							url:huayi.config.callcenter_url +"Department/GetDept",
							async:true,
							dataType:'json',
							data:{
								token: $.cookie("token"),
								id:depId
							},
							success:function(result){
								if(result.state.toLowerCase()=='success'){
									var con=result.data;
									$('#mechanism').val(con.F_Remark);
								}
													
							}
						});
					}else{
						$('.mechanism').css('display','none')
					}
					//按钮【按钮一】的回调
					$.ajax({
						type: "post",
						url: huayi.config.callcenter_url + "Repository/OptRep",
						async: true,
						dataType: 'json',
						data: {
						    token: $.cookie("token"),
							repid: ids,
							type:0
						},
						success: function(data) {
							if(data.state.toLowerCase() == 'success') {
//								debugger
								
							}
						}
					});
					$.ajax({
						type:"get",
						url:huayi.config.callcenter_url +"Repository/GetRepository",
						async:true,
						dataType:'json',
						data:{
							token: $.cookie("token"),
							id:ids
						},
						success:function(res){
							var Rows = res.data.button;
					        var html = '';
					        for (var i = 1; i < Rows.length; i++) {
					
					            var html1 = huayi.config.kapArr[Rows[i].key * 1 - 1];
					            if (html1) {
					                html1 = html1.replace("data", res.data.data.F_Id);
					                 html1 = html1.replace("data_id", res.data.data.F_DeptId);
					            }
					            html += html1;
					        }
					        $('.operation_bj').append(html);
							if(res.state.toLowerCase()=='success'){
								var con=res.data.data;
								$('#key').val(con.F_Key);//关键字
								$('#title').val(con.F_Title);//事件名称
								$('#maindept').val(con.F_MainDept);//主办单位
								$('#publicphone1').val(con.F_PublicPhone1);//公开电话1
								$('#publicphone2').val(con.F_PublicPhone2);//公开电话2
								$('#privatephone1').val(con.F_PrivatePhone1);//内部电话1
								$('#privatephone2').val(con.F_PrivatePhone2);//内部电话2
								$('#points').val(con.F_Points);//询问要点
								$('#baseanswer').val(con.F_BaseAnswer);//标准话术
								$('#endanswer').val(con.F_EndAnswer);//结案参考
								$('#dealtype').val(con.F_DealType);//办理方式
								$('#legallimittime').val(con.F_LegalLimitTime);//法定办结时限
								$('#promiselimittime').val(con.F_PromiseLimitTime);//承诺办结时限
//								$('input[name="ispay"]:checked ').val(F_PayMoney);//是否收费
								$('input[name="ispay"][value="'+con.F_IsPay+'"]').prop("checked","checked");//是否收费
								$('input[name="isUrgency"][value="'+con.F_IsUrgent+'"]').prop("checked","checked"),//是否紧急事项
								$('#paymoney').val(con.F_PayMoney);//收费标准
								$('#officeaddress').val(con.F_OfficeAddress);//办公地点
								$('#serobject').val(con.F_Object);//办理对象
								$('#busline').val(con.F_BusLine);//乘车路线
								$('#officetime').val(con.F_OfficeTime);//办公时间
								$('#otherdept').val(con.F_OtherDept);//	协办单位
								$('#otherpublicphone').val(con.F_OtherPublicPhone);//	协办单位公开电话
								$('#otherprivatephone').val(con.F_OtherPrivatePhone);//协办单位内部电话
								$('#remark').val(con.F_Remark);//备注
								$('#baseon').html(con.F_BaseOn);//设定依据
								$('#process').html(con.F_Process);//办理流程
								$('#material').html(con.F_Material);//办理材料
								$('#template').html(con.F_Template);//办理结果样本
								$('#payinfo').html(con.F_PayInfo);//收费标准及依据
								var wjjlistdata=res.data.wjjlist
								$('#error_record').bootstrapTable('load', wjjlistdata);//纠错信息
			//					$('#files').val() //收费标准及依据
								console.log()
								$(res.data.file).each(function(k,q){
//										var strs='<span class="files" fiel-num="'+ q.F_FileId +'">'+ q.F_FileName.substring(19) +'</span>'
										var size= (q.F_Size/1024).toFixed(2)
										var strs='<tr>'+
										          '<td><a href="'+ q.F_FileUrl+'" download="test.pdf">'+ q.F_FileName.substring(19) +'</a></td>'+
										          '<td>'+ q.F_AddTime +'</td>'+
										          '<td>'+ size +'kb</td>'+
												'</tr>'
										$(strs).appendTo($('.feilTable tbody'))
									})
								var shaudit;
								$(res.data.shData).each(function(k,q){
									if (q.F_ISPass==2) {
										shaudit="未通过"
									}else if(q.F_ISPass==1){
										shaudit="通过"
									}
									var num=k+1;
									var strs='<tr>'+
									         '<td>'+ num +'</td>'+
									         '<td>'+ q.F_AuditBy +'</td>'+
									         '<td>'+ q.F_AuditRemark +'</td>'+
									         '<td>'+ q.F_CreateOn +'</td>'+
									         '<td>'+ shaudit +'</td>'+
											'</tr>'
									$(strs).appendTo($('.SHXX'))
								})
								if(con.F_AuditID){
									$.ajax({
										type:"get",
										url:huayi.config.callcenter_url +"Knowledge/GetAuditCompareInfo",
										async:true,
										dataType:'json',
										data:{
											token: $.cookie("token"),
											auditid:con.F_AuditID
										},
										success:function(res){
											$('#change').html(res.data.F_PreDescription);  //修改前内容	F_PreDescription
					    					$('#endanswer').html(res.data.F_AfterDescription);  //修改后内容    F_AfterDescription
											$(".diff-wrapper1").prettyTextDiff({
												originalContent: $("#change").html(),
												changedContent: $("#endanswer").html(),
												diffContainer: "#diff1"
											});
										}
									})	
								}
							}
						}
					});
				$('#error_record').bootstrapTable('destroy').bootstrapTable({ striped: true });
				
				
				
				})
//解决
function solve(id) {
	var laye = layer.confirm('确定解决？', {
		btn: ['确定', '取消'] //可以无限个按钮
	}, function() {
		//按钮【按钮一】的回调
		$.ajax({
			type: "post",
			url: huayi.config.callcenter_url + "Repository/OptRep",
			async: true,
			dataType: 'json',
			data: {
			    token: $.cookie("token"),
				repid: id,
				type:1
			},
			success: function(data) {
				if(data.state.toLowerCase() == 'success') {
					layer.msg("提交成功！");
					layer.close(laye);
					table.bootstrapTable('refresh');
				}
			}
		});
	}, function(index) {
		//按钮【按钮二】的回调
		layer.close(laye)
	});
}
//未解决
function noSolve(id){
	var laye=layer.open({
          type: 1,
          shade: false,
          area: ['430px', '260px'],
          title: '请输入未解决原因', //不显示标题
          content:
          '<div style="padding-top:10px;padding-left:20px;">\n' +
                '<textarea id="result" type="text" placeholder="请输入未解决原因"></textarea>' +
            '</div>',
          cancel: function(){
            layer.close();
          },
          btn: ['确定','取消'],//按钮
          yes: function(){ 
          		if(!$('#result').val()){
						layer.msg('请填写未解决原因!');
						return false;
				}else{
					$.ajax({
						type: "post",
						url: huayi.config.callcenter_url + "Repository/OptRep",
						async: true,
						dataType: 'json',
						data: {
						    token: $.cookie("token"),
							repid: id,
							reason:$('#result').val(),
							type:2
						},
						success: function(data) {
							if(data.state.toLowerCase() == 'success') {
								layer.msg("提交成功！");
								layer.close(laye);
								table.bootstrapTable('refresh');
							}
						}
					});
				}
          }
        });
}
//编辑
function goEdit(ids,DeptId){
	var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
	parent.layer.close(index); //再执行关闭
	window.parent.goEdit(ids,DeptId);//执行父页面的事件
}
//删除
function goDel(id) {
	var arr=[];
	arr.push(id);
	var laye = layer.confirm('您确定要删除吗？', {
		btn: ['确定', '取消'] //可以无限个按钮
	}, function() {
		//按钮【按钮一】的回调
		$.ajax({
			type: "post",
			url: huayi.config.callcenter_url + "Repository/DelRepository",
			async: true,
			dataType: 'json',
			data: {
			    token: $.cookie("token"),
				ids: arr
			},
			success: function(data) {
				if(data.state.toLowerCase() == 'success') {
					layer.msg("删除成功！");
					layer.close(laye);
					table.bootstrapTable('refresh');
				}
			}
		});
	}, function(index) {
		//按钮【按钮二】的回调
		layer.close(laye)
	});
}
				
				
				
				
			</script>
</body>
</html>