CQ_JD
/
nazw


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586
							<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>重庆市南岸区人民政府--政策问答库</title>
<link href="img/favicon.ico" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="./css/xq2.css" />
<link rel="stylesheet" type="text/css" href="./layui/css/layui.css" />
<script src="./js/jquery-3.5.1.min.js" type="text/javascript"
	charset="utf-8"></script>
<script src="./layui/layui.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
.quesTanchu {
	background-color: #FFF;
	width: 620px;
	display: none;
	margin-top: 20px;
}

.quesTanchu .layui-input, .layui-textarea {
	display: inline-block;
	width: 68%;
	padding-left: 10px;
}

.quesTanchu  .layui-textarea {
	width: 68%;
}

.quesTanchu  .layui-form-select .layui-edge {
	right: 15px;
}

.quesTanchu .layui-form-select dl {
	left: 40px;
}

.quesTanchu .layui-form-select .layui-edge {
	margin-right: 70px;
}
</style>
</head>
<body>
	<div id="head"></div>
	<div class="content">
		<!-- <div class="ques" id="ques">没有找到合适答案，我要提问</div> -->
		<div class="wrap_content">
			<div class="content_one">
				<a href="sy.html">首页</a>> <a href="javascript:void(0);">详情</a>
			</div>
			<div class="main-contanier">
				<div class="title" style="cursor: pointer;"
					onclick="window.location.href='sy.html'">南岸区政策问答库</div>
				<div style="position: relative; margin-bottom: 20px;">
					<div class="search-area">
						<div class="all">全部</div>
						<div class="searchinput">
							<div class="layui-form">
								<div class="layui-input-block">
									<input type="text" id="search-input" name="title"
										lay-verify="title" autocomplete="off" placeholder="请输入检索内容"
										class="layui-input">
								</div>
							</div>
						</div>

						<div class="ss-icon">
							<img alt="搜索" src="./img/ss2.png">
						</div>
					</div>

					<div class="tangchu"></div>
				</div>


				<div class="xq-contanier">
					<div class="wz-box">
						<button class="layui-btn layui-btn-primary" type="button"
							onclick="window.history.go(-1);"
							style="background: #F2F2F2; border: none; width: 100px;">返回</button>
						<hr style="border-color: #F2F2F2; color: #F2F2F2;">
						<h4 id="d-title" style="margin-top: 30px; margin-bottom: 20px;"></h4>
						<div style="background: #F2F2F2; padding: 15px;">
							<div id="d-content" class="wz-content wz-content-width"></div>
							<div id="d-dept" class="department" style="margin-top: 50px;">
								<!-- 交通运输部 -->
							</div>
						</div>

						<div style="display: flex;justify-content: space-around; width: 100%; margin-top: 30px;">
							<div style="width: 48%; " class="info">
								<div class="policy" style="width: 100%;">
									<div class="policy-nav">
										<div class="nav1" data-id="1" style="cursor: pointer;">决策目录</div>
										<div class="nav2" data-id="2" style="cursor: pointer;">决策事项</div>
									</div>
									<div class="info-img" style="width: 100%;">
										<div class="nndiv1 ">
											<a href="./decision.html" style="z-index: 2;"></a> <img style="width: 98%;" src="./img/info-nav.png" alt="" />
											<div class="info-title">
												<p>2021年度</p>
												<p>南岸区人民政府重大行政决策事项清单</p>
											</div>
										</div>
										<div class="nndiv2 layui-hide" style="width: 98%;">
											<ul id="xqList">
												<!-- <li>
												<div class="ly-div-xx">
													<span style="font-size: 16px; font-weight: 550;">.制定专项计划</span>
													<span style="color: #c5c5c5;">区教委</span>
												</div>
												</li>
												<li>
												<div style="border-bottom: 1px solid #F2F2F2;display: flex;justify-content: space-between;padding: 10px 0;">
													<span style="font-size: 16px; font-weight: 550;">.制定专项计划</span>
													<span style="color: #c5c5c5;">区教委</span>
												</div>
												</li> -->
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div style="width: 48%;">
								<div class="gzh-info">
					<div class="policy-nav1">
						<div class="nav1">公众号信息</div>
					</div>
					<ul class="gzh-list">
							<!-- <li>
								<span class="num1">1</span>
								<span class="num-text">南岸区司法局微信公众号全新上线 </span>
							</li>
							<li>
								<span class="num2">2</span>
								<span class="num-text">在南岸城市服务中，医疗服务实现了南岸区四家主要医院的 在线挂号与预约，市民根据自身需求通过微信  ...</d>
							</li>
							<li>
								<span class="num3">3</span>
								<span class="num-text">城市服务还整合了多项便民服务，曾有网友将找不到停车 位、停车费太贵和停完车后找不到停的位置列  ...</d>
							</li> -->
						</ul>
				</div>
							</div>
						</div>
					</div>

					<div class="right">
						<div class="title">热门搜索</div>
						<div>
							<ul class="column" id="column">

							</ul>
						</div>
						<div class="title"
							style="margin-top: 15px; background: #cde1f0; color: #1569b0;">微信公众号</div>
						<div
							style="text-align: center; padding-left: 13px; margin-top: 15px; margin-bottom: 15px;">请关注重庆市南岸区人民政府微信公众号，了解更多资讯</div>
						<div style="width: 100%; padding-left: 6.5px; display: flex;">
							<img alt="" src="img/nanan-code.jpg"
								style="width: 150px; height: 150px; margin: 0 auto; border: 2px solid #72a6d1;">
						</div>
					</div>
				</div>

			</div>

			<div class="content_three"></div>
		</div>
	</div>
<div class="doubt" id="ques">
		<img src="./img/doubt.png"/>
		<div class="doubt-text">没有合适答案 我要提问</div>
	</div>
<!--	<div class="footer"></div>-->
	<div style="width: 100%;overflow: hidden;height: 474px;">
		<iframe style="bottom: 0;height: 474px;"
				src="https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/foot.html" width="100%" scrolling="no"
				frameborder="0"></iframe>
	</div>

	<div class="quesTanchu" id="quesTanchu">
		<div class="layui-form"
			style="width: 90%; min-width: 500px !important;">
			<div class="layui-form-item">
				<label class="layui-form-label">手机号：</label>
				<div class="layui-input-block">
					<input id="lyPhone" type="text" name="username"
						lay-verify="required" lay-reqtext="请输入手机号" placeholder="请输入手机号"
						autocomplete="off" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">部门</label>
				<div class="layui-input-block">
					<select id="lyDept" name="dept" lay-verify="required"
						lay-reqtext="请选择部门">
						<option value=""></option>
					</select>
				</div>
			</div>

			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">问题</label>
				<div class="layui-input-block">
					<textarea id="lyRemark" placeholder="请输入内容" class="layui-textarea"></textarea>
				</div>
			</div>

			<div class="layui-form-item" style="text-align: center">
				<div class="layui-input-block">
					<button type="button" id="quesub"
						class="layui-btn layui-btn-normal" onclick="saveSub()">立即提交</button>
					<button type="button" class="layui-btn layui-btn-primary"
						onclick="cancel()">取消</button>
				</div>
			</div>

		</div>
	</div>

	<script type="text/javascript">

		layui.use([ 'table', 'jquery', 'layer' ], function() {
			if (isMobileUserAgent()){
				window.location = 'xq_model.html'
			}
			$ = layui.jquery, table = layui.table, layer = layui.layer;

			$('#head').load("header.html");
			// $('.footer').load("foot.html");

			$(".all").mouseenter(function() {
				$(".tangchu").css("display", "block");
			});
			$(".tangchu").mouseenter(function() {
				$(".tangchu").css("display", "block");
			});
			$(".all").mouseleave(function() {
				$(".tangchu").css("display", "none");
			});
			$(".tangchu").mouseleave(function() {
				$(".tangchu").css("display", "none");
			});

			$('.ss-icon').on('click', function() {
				if (!$('#search-input').val()) {
					layer.msg('请输入检索信息');
					return;
				}
				sessionStorage.ELK_SEARCH = $('#search-input').val();
				window.location = 'wj.html';
			});
			$('#search-input').bind('keyup', function(event) {
				if (event.keyCode == "13") {
					//回车执行查询
					$('.ss-icon').click();
				}
			});
			$("#ques").click(function() {
				layer.open({
					type : 1,
					area : [ '620px', '350px' ],
					title : '提问',
					content : $('#quesTanchu'),
					success : function() {
					}
				});
			});
			$.ajax({
				type : 'get',
				url : '/elk/getSubDeptAll',
				success : function(obj) {
					if (obj.data && obj.data.length > 0) {
						var data = obj.data;
						var html = '';
						for (var i = 0; i < data.length; i++) {
							html += '<option value="'+ data[i] +'">' + data[i]
									+ '</option>';
						}
						$('select[name="dept"]').empty().append(html);
						/* form.render('select'); */
					}
				},
				error : function(msg) {

				}
			})
			/* if (sessionStorage.ELK_DEPTNAME) {
				$('.all').text(sessionStorage.ELK_DEPTNAME);
			} */
			initDetail();
			hotSearch();
			initWechart();
		})
		// 初始化详情页面
		function initDetail() {
			var data = sessionStorage.ELK_ARTICLE;
			var id=(window.location.search).split("=")[1];
			if(!data){
				$.ajax({
					url: '/elk/getarticle',
					type: 'get',
					dataType : 'json',
					data: {
						"id":id
					},
					success:function(data) {
							console.log(data.data.title);
							$('#d-title').text(data.data.title);
							$('#d-content').text(data.data.content);
							$('#d-dept').text(data.data.departmentname);
					},
				});
			}
			if (data) {
				data = JSON.parse(data);
				var pattern = /<(a|p|img|span|div)+.*?>/g;
				if (pattern.test(data.content)){
				<!--如果是富文本不额外添加样式-->
					$('#d-content').removeClass("wz-content");
				}
				$('#d-title').text(data.title);
				$('#d-content').empty().append(escape2Html(data.content));
				$('#d-dept').text(data.departmentname);
			}
			$
					.ajax({
						type : 'get',

						url : '/elk/deptAll',
						success : function(obj) {
							if (obj.data && obj.data.length > 0) {
								var data = obj.data;
								var html = '<div class="tangchu-item" title="全部" onclick="openSearch(\'全部\')">全部</div>';
								for (var i = 0; i < data.length; i++) {
									html += '<div class="tangchu-item" title="'
											+ data[i]
											+ '" onclick="openSearch(\''
											+ data[i] + '\')">' + data[i]
											+ '</div>';
								}
								$('.tangchu').empty().append(html);
							}
						},
						error : function(msg) {

						}
					})
		}
		function openSearch(dept) {
			if (dept == '全部') {
				sessionStorage.ELK_DEPTNAME = '';
			} else {
				sessionStorage.ELK_DEPTNAME = dept;
			}
			$('.all').text(dept);
			window.location = 'wj.html';
		}
		function escape2Html(str) {
			var arrEntities = {
				'lt' : '<','gt':'>',
				'nbsp' : ' ',
				'amp' : '&',
				'quot' : '"'
			};
			return str.replace(/&(lt|gt|nbsp|amp|quot);/ig, function(all, t) {
				return arrEntities[t];
			});
		}

		function saveSub() {
			if (!$('#lyPhone').val()) {
				layer.msg('请输入手机号', {
					icon : 5
				});
				return false;
			}
			var myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
			if (!myreg.test($('#lyPhone').val())) {
				layer.msg('手机号格式错误', {
					icon : 5
				});
				return false;
			}
			if (!$('#lyRemark').val()) {
				layer.msg('请输入问题内容', {
					icon : 5
				});
				return false;
			}
			$.ajax({
				type : 'post',
				data : {
					'phone' : $('#lyPhone').val(),
					'remark' : $('#lyRemark').val(),
					'dept' : $('#lyDept').val()
				},
				url : '/elk/saveSub',
				success : function(obj) {
					if (obj.result) {
						layer.closeAll();
						setTimeout(function() {
							layer.msg('提交成功，我们会尽快反馈您的问题', {
								icon : 6,
								time : 2000
							});
						}, 100)
						$('#lyPhone').val('');
						$('#lyRemark').val('');
					} else {
						layer.msg('提交失败', {
							icon : 5,
							time : 2000
						});
					}

				},
				error : function(msg) {
					console.log(msg)
				}

			});
		}

		function cancel() {
			$('#lyPhone').val('');
			$('#lyRemark').val('');
			layer.closeAll();
		}

		/* 热门搜索 */
		var page2 = 1;
		var dataMap2 = {};
		function hotSearch() {
			/* var index = layer.load(2); */

			$
					.ajax({
						type : 'get',
						url : '/elk/searchHot',
						data : {
							'page' : page2,
							'limit' : 5,
						},
						dataType : 'json',
						success : function(obj) {
							if (page2 == 1) {
								$('#column').empty();

							}
							;
							var datas = obj.data.array;

							if (datas && datas.length > 0) {

								page2++;
								var data = datas;

								var html = '';
								for (var i = 0; i < data.length; i++) {
									var content = (data[i]).sourceAsMap.content;
									var title = (data[i]).sourceAsMap.title;
									var deptName = (data[i]).sourceAsMap.departmentname;
									var url = (data[i]).sourceAsMap.url;
									var iii = 2;
									if (i < 2) {
										iii = 1;
									}
									html += '<li onclick="openWindow(\''
											+ data[i].id + '\')">' + '<img src="./img/h'+iii+'.png" style="margin-right: 5px;" /><a >'
											+ title + '</a>' + '</li>'

									dataMap2[data[i].id] = data[i];

								}
								;

								$('#column').append(html);
								/* layer.close(index); */
							} else {

								layer.msg('没有更多了');
							}

						},
						error : function(msg) {
							/* layer.close(index); */
						}
					})
		};

		function openWindow(data) {
			console.log(dataMap2[data]);
			console.log(111);
			sessionStorage.ELK_ARTICLE = JSON
					.stringify(dataMap2[data].sourceAsMap);
			window.location = 'xq.html';
		}

		function initWechart() {

			$.ajax({
				type : 'post',
				url : '/api/article/getNewestOrHotArticle',
				data : {
					'articleType' : 1
				},
				dataType : 'json',
				success : function(obj) {
					if (obj.data && obj.data.length > 0) {
						var html = '';
						for (var i = 0; i < obj.data.length; i++) {
							if (i == 3) {
								break;
							}
							html += '<li> <a target="_blank" href="'+obj.data[i].url+'">'
								+'<span class="num'+(i+1)+'">'+(i+1)+'</span>'
								+'<span class="num-text">'+obj.data[i].title+'</span>'
								+'</a></li>'
						}
						$('.gzh-list').empty().append(html);
					}

				},
				error : function(msg) {
				}
			});

			$.ajax({
				type : 'get',
				url : '/postManagement/queryAllImportmentPage',
				data : {
					'page' : 0,
					'limit' : 3
				},
				dataType : 'json',
				success : function(obj) {
					if (obj.data && obj.data.list.length > 0) {
						var html = '';
						for (var i = 0; i < obj.data.list.length; i++) {
							html += '<li onclick="jumpDetails('+ obj.data.list[i].id +')" style="cursor: pointer;">'
									+'<div class="ly-div-xx">'
									+'	<span style="font-size: 16px; font-weight: 550;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">.'+ obj.data.list[i].postTitle +'</span>'
									+'	<span style="text-align:right;color: #c5c5c5;width: 140px;margin-left: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">'+ obj.data.list[i].deptName +'</span>'
									+'</div>'
									+'</li>'
						}
						$('#xqList').empty().append(html)
					}

				},
				error : function(msg) {
				}
			})

		};
		$('.policy-nav div').on('click', function() {
			if ($(this).attr('data-id') == 1) {
				$('.policy-nav div').eq(0).removeClass('nav2').addClass('nav1');
				$('.policy-nav div').eq(1).removeClass('nav1').addClass('nav2');
				$('.nndiv1').removeClass('layui-hide');
				$('.nndiv2').addClass('layui-hide');
			} else {
				$('.policy-nav div').eq(1).removeClass('nav2').addClass('nav1');
				$('.policy-nav div').eq(0).removeClass('nav1').addClass('nav2');
				$('.nndiv2').removeClass('layui-hide');
				$('.nndiv1').addClass('layui-hide');
			}
		});
		function jumpDetails(id) {
		    /*let keywords = encodeURI(encodeURI(id));*/
		    let url = 'details.html?id='+id;
		    url = encodeURI(url);
		    window.open(url,'_blank')
		}

		function isMobileUserAgent() {
			return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
					window.navigator.userAgent.toLowerCase("")
			);
		}
	</script>
</body>
</html>