wcheng81
/
LSQZrzyAPP


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406
							<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>历年征收补偿安置查询</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 引入mui样式 -->
		<link rel="stylesheet" type="text/css" href="../css/mui.css" />
		<!-- 引入弹窗及选择器样式 -->
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/mui.poppicker.css" />
		<!-- 引入app样式 -->
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<!-- 引入补充样式集合 -->
		<link rel="stylesheet" type="text/css" href="../css/app.new.css">
		<!-- 引入字体 -->
		<link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
		<link rel="stylesheet" type="text/css" href="../fonts/font-time.css" />
		<!-- 本页独有样式 -->
		<link rel="stylesheet" href="../css/query_where.css">
		<link rel="stylesheet" href="../css/query_result.css">
	</head>
	<body>
		<!-- 具备侧滑功能 根容器 -->
		<div id="offCanvasWrapper" class="mui-off-canvas-wrap">
			<aside class="mui-off-canvas-right">
				<!-- 具体内容容器 -->
				<div class="jt-wrap-right-content" id="divContent">
					<div class="jt-query-where-group-label">项目名称</div>
					<input id="txtItemName" class="jt-query-where-input" placeholder="输入项目名称" />
					<div class="jt-query-where-group-label">所属乡镇</div>
					<button class="jt-query-where-select" id="selSSXZ" value="选择所属乡镇">选择所属乡镇</button>
					<div class="jt-query-where-group-label">所属村庄</div>
					<button class="jt-query-where-select" id="selSSCZ" value="选择所属村庄">选择所属村庄</button>
					<div class="jt-query-where-group-label">开发用途</div>
					<button class="jt-query-where-select" id="selKFYT" value="选择开发用途">选择开发用途</button>
					<div class="jt-query-where-group-label">片区等级</div>
					<button class="jt-query-where-select" id="selPQDJ" value="选择片区等级">选择片区等级</button>
					<div class="jt-query-where-row">
						<button class="jt-query-btn" onclick="submitQuery()"><span
								class="app-icon app-icon-menu-query"></span>开始查询</button>
						<button class="jt-reset-btn" onclick="reset()"><span
								class="app-icon app-icon-menu-query"></span>重置</button>
					</div>
				</div>
			</aside>
			<!-- 主要内容开始 -->
			<div class="mui-inner-wrap">
				<div class="jt-normal-main">
					<div>
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll" id="divQueryResult"></div>
						</div>
					</div>
					<div class="jt-map-location-panel">
						<header class="mui-bar jt-bar" onclick="$(this).parent().hide();">图斑定位</header>
						<iframe src="map.esri.html?type=location" id="frameWrapper"></iframe>
					</div>
				</div>
				<!-- 蒙版 -->
				<div class="mui-off-canvas-backdrop"></div>
			</div>
			<!-- 主要内容结束 -->
		</div>
	</body>
</html>
<!-- 引入mui脚本 -->
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入弹窗及选择器脚本 -->
<script src="../js/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入jQuery脚本 -->
<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入通用脚本 -->
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
<!-- 进入webview脚本 -->
<script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入存储脚本 -->
<script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入ajax脚本 -->
<script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入地图嵌入脚本 -->
<script src="../js/built-in-map.js"></script>
<!-- 本页独有脚本 -->
<script type="text/javascript">
	/* mui初始化 */
	mui.init();

	/* 必须加 否则将导致数据表无法滚动 */
	mui('.mui-scroll-wrapper').scroll({
		scrollY: true, //是否竖向滚动
		scrollX: true, //是否横向滚动  
		startX: 0, //初始化时滚动至x  
		startY: 0, //初始化时滚动至y  
		indicators: false, //是否显示滚动条  
		deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏  
		bounce: false, //是否启用回弹  
	});

	/* 初始化 */
	plusInit(function() {
		var vw = plus.webview.currentWebview();
		vw.setStyle({
			"titleNView": {
				buttons: [{
					'float': 'right',
					fontSrc: '../fonts/iconfont.ttf',
					text: '\ue6f0',
					onclick: showRightWindow,
				}]
			}
		});
		/* 绑定选择器 */
		bindListenerToSelectButton('selSSXZ', 'view_app_zd_analysis_result', 'ssxz');
		bindListenerToSelectButton('selSSCZ', 'view_app_zd_analysis_result', 'sscz');
		bindListenerToSelectButton('selKFYT', 'view_app_zd_analysis_result', 'kfyt');
		bindListenerToSelectButton('selPQDJ', 'view_app_zd_analysis_result', 'pqdj');
		/* 默认打开查询窗口 */
		showRightWindow();
	});

	/* PDF浏览器地址 */
	let pdfViewerURL = undefined;
	/**
	 * 
	 */
	function getPDFViewerURL() {
		sendAjax({
			url: 'appGetPDFViewer',
			data: {},
			waitMessage: '获取PDF浏览器地址...',
			success: function(resData) {
				pdfViewerURL = resData[0].msg;
				printToConsole(pdfViewerURL);
			},
			error: function(err) {
				printToConsole(err);
			}
		})
	}


	/**
	 * 打开右侧侧滑菜单
	 */
	function showRightWindow() {
		mui('.mui-off-canvas-wrap').offCanvas('show');
	}

	/**
	 * 关闭右侧侧滑菜单
	 */
	function hideRightWindow() {
		mui('.mui-off-canvas-wrap').offCanvas().close();
	}

	/* 查询模型 */
	var queryModel = {
		itemName: '',
		ssxz: '',
		sscz: '',
		kfyt: '',
		pqdj: '',
		start: '1',
		count: '10'
	}

	/**
	 * 检查查询条件
	 */
	function checkSubmitInfo() {
		queryModel.itemName = $("#txtItemName").val().trim();
		queryModel.ssxz = getAttributeValue('selSSXZ', 'data-value');
		queryModel.sscz = getAttributeValue('selSSCZ', 'data-value');
		queryModel.kfyt = getAttributeValue('selKFYT', 'data-value');
		queryModel.pqdj = getAttributeValue('selPQDJ', 'data-value');
		queryModel.start = '1';
		return true;
	}

	/**
	 * 重置查询条件
	 */
	function reset() {
		$("#txtItemName").val('');
		$(".jt-query-where-select").each(function(index, element) {
			var btn = $(".jt-query-where-select")[index];
			$(btn).html($(btn).attr('value'));
			$(btn).attr('data-value', "");
		});
	}
	/**
	 * 提交查询
	 */
	function submitQuery() {
		/* 清除原有展示内容 */
		$("#divQueryResult").html('');
		/* 滚动到顶部 */
		mui('.mui-scroll-wrapper').scroll().scrollTo(0, 0, 100); //100毫秒滚动到顶
		/* 关闭右滑窗口 */
		hideRightWindow();
		/* 进行参数检查 */
		checkSubmitInfo();
		/* 执行查询数据 */
		beginQueryZdCompensation();
	}

	/**
	 * 查询数据
	 */
	function beginQueryZdCompensation() {
		sendAjax({
			waitMessage: '查询中...',
			data: queryModel,
			url: 'appQueryZDCompensationData',
			success: function(resData) {
				showZdCompensationQueryResult('divQueryResult', resData[0]);
			},
			error: function(err) {
				muiAlertError(err);
			},
			nodata: function(msg) {
				muiAlertError(msg);
			}
		})
	}

	/**
	 * 展示查询结果
	 * @param {string} fatherDomId 父容器Id
	 * @param {JSON} data 查询结果数据
	 */
	function showZdCompensationQueryResult(fatherDomId, data) {
		var fatherDom = $("#" + fatherDomId);
		for (var i in data.dataList) {
			var item = data.dataList[i];
			/* 创建头 */
			var topDiv = document.createElement('div');
			topDiv.className = 'jt-query-result-title';
			fatherDom.append(topDiv);
			var topHtml = "";
			topHtml += "<span class='jt-icon'>" + item.rowNumber + "</span>";
			topHtml += "<span class='jt-title'>" + item.itemName + "</span>";
			topHtml += "<button onclick=\"downloadFile('" + item.ggFile + "')\" class='jt-btn'>公告</button>";
			topHtml += "<button onclick=\"downloadFile('" + item.xyFile + "')\"  class='jt-btn'>协议</button>";
			/* 内容容器Id */
			let contentDivId = 'query_' + item.itemId;
			topHtml += "<button onclick=\"queryPolygonFeatures(this,'zd_dkxx','xmid','" + item.itemId +
				"','dkmc','" + contentDivId + "')\"  class='jt-btn'>图斑</button>";
			topDiv.innerHTML = topHtml;
			/* 创建内容 */
			var contentDiv = document.createElement('div');
			contentDiv.className = 'jt-query-result-content';
			contentDiv.id = contentDivId;
			fatherDom.append(contentDiv);
			var contentHtml = "";
			contentHtml += "<div class='jt-query-result-row'>";
			contentHtml += "<span class='jt-title'>公共文号</span>";
			contentHtml += "<span class='jt-value'>" + item.ggwh + "</span>";
			contentHtml += "<span class='jt-title'>总面积</span>";
			contentHtml += "<span class='jt-value'>" + item.zstdzmj + "</span>";
			contentHtml += "</div>";
			contentHtml += "<div class='jt-query-result-row'>";
			contentHtml += "<span class='jt-title'>所属乡镇</span>";
			contentHtml += "<span class='jt-value'>" + item.ssxz + "</span>";
			contentHtml += "<span class='jt-title'>所属村庄</span>";
			contentHtml += "<span class='jt-value'>" + item.sscz + "</span>";
			contentHtml += "</div>";
			contentHtml += "<div class='jt-query-result-row'>";
			contentHtml += "<span class='jt-title'>开发用途</span>";
			contentHtml += "<span class='jt-value'>" + item.kfyt + "</span>";
			contentHtml += "<span class='jt-title'>片区等级</span>";
			contentHtml += "<span class='jt-value'>" + item.pqdj + "</span>";
			contentHtml += "</div>";
			contentHtml += "<div class='jt-query-result-row'>";
			contentHtml += "<span class='jt-title'>使用权人数</span>";
			contentHtml += "<span class='jt-value'>" + item.syqrs + "</span>";
			contentHtml += "<span class='jt-title'>补偿金额</span>";
			contentHtml += "<span class='jt-value'>" + item.bcje + "</span>";
			contentHtml += "</div>";
			contentDiv.innerHTML = contentHtml;
		}
		/* 加载更多按钮 */
		/* 移除显示更多按钮 */
		$("#lastDom").remove();
		if (data.isLast != "1") {
			/* 添加 加载更多按钮 */
			var btn = document.createElement('button');
			fatherDom.append(btn);
			btn.id = "lastDom";
			btn.className = 'mui-btn mui-btn-block jt-btn-load';
			btn.innerHTML = "加载更多";
			btn.onclick = function() {
				mui(this).button('loading');
				queryModel.start = parseInt(queryModel.start) + parseInt(queryModel.count);
				/* 开始查询数据 */
				beginQueryZdCompensation();
			}
		}
		/* 添加点击事件 */
		appendClickEventByClassName('jt-value');
	}

	/**
	 * 获取文件名称（含扩展名）
	 * @param {Object} path 路径
	 */
	function getFileName(path) {
		var index = path.lastIndexOf("/");
		return path.substr(index + 1)
	}

	/**
	 * 检查文件
	 * @param {string} filePath 文件路径
	 * @param {function} callback 回调函数
	 */
	function checkFile(filePath, callback) {
		var fileName = getFileName(filePath);
		var downloadFileName = "_downloads/" + fileName;
		plus.io.resolveLocalFileSystemURL(downloadFileName, function(entry) {
			if (entry.isFile) {
				entry.remove(function(entry) {
					/* 删除成功 */
					if (callback) callback(downloadFileName);
				}, function(err) {
					/* 删除失败 */
					muiAlertError(err.message);
				});
			}
		}, function(e) {
			if (callback) callback(downloadFileName);
		});
	}
	let dtask = null;
	/**
	 * 下载文件
	 * @param {string} filePath 文件网络路径
	 */
	function downloadFile(filePath) {
		console.log("下载文件地址:" + filePath);
		checkFile(filePath, function(fileName) {
			// muiShowWaitLoading("请求下载...");
			/* 创建下载 */
			dtask = plus.downloader.createDownload(filePath, {
				fileName: fileName,
			}, function(d, status) {
				// muiCloseWaitLoading();
				closeJtLoading();
				// 下载完成
				if (status == 200) {
					/* 下载成功 打开文件 */
					// plus.runtime.openFile(d.filename, {
					// 	pname: 'com.android.browser',
					// }, function(err) {
					// 	console.log("错误！");
					// });
					// let Intent = plus.android.importClass("android.content.Intent");
					// let intent = new Intent();
					// intent.setAction('android.intent.action.VIEW');
					// let Uri = plus.android.importClass("android.net.Uri");
					// let url = Uri.parse('http://218.59.194.82:9092/pdfjs/web/viewer.html?file=' +
					// 	filePath);
					// intent.setData(url);
					// let main = plus.android.runtimeMainActivity();
					// main.startActivity(intent);
					let openUrl = pdfViewerURL + '?file=' + filePath;
					// plus.runtime.openURL(openUrl, function(err) {
					// 	console.log(JSON.stringify(err));
					// }, 'com.huawei.browser');
					// plus.webview.open(openUrl);
					createAndOpenPage({
						htmlPath: 'page-pdf-viewer.html',
						autoback: true,
						title: '协议/公告 浏览',
						extras: {
							pdfUrl: filePath,
						}
					});
				} else {
					muiAlertError("公告或协议下载失败，请联系管理员！");
				}
			});
			showJtLoading("文件请求中...", "取消下载", function() {
				dtask.abort();
				dtask = null;
				muiToast("下载任务已取消！");
			});
			/* 添加监听 */
			dtask.addEventListener('statechanged', onStateChanged, false);
			/* 执行任务 */
			dtask.start();
		});
	}

	/**
	 * 任务状态监听
	 * @param {Object} download
	 * @param {Object} status 
	 */
	function onStateChanged(download, status) {
		// console.log(download.state);
	}
</script>