duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564
							<!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;
			}
			
			.msg_time {
				max-width: 240px;
				min-width: 190px;
				text-indent: 0px;
			}
		</style>
	</head>

	<body class="gray-bg">
		<div class="container-fluid wrapper-content animated fadeInRight">
			<div class="operation_bj">

			</div>
			<table class="table table-bordered table-condensed">
				<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">单位</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>
				var ids = helper.request.queryString("ids");
				var depId = helper.request.queryString("DeptId");
				var screenFlag = helper.request.queryString("screen");
				$(document).ready(function() {
					//关闭自身 
					window.formClose = function() {
						var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						//layer.msg(index);
						parent.layer.close(index); //再执行关闭   
					}
					if(screenFlag) {
						$(".operation_bj").hide()
					}

					$('.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'))
								})

							}

						}
					});

					$('#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>