wcheng81
/
LSQZrzyAPP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
							<!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" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/mui.picker.css" rel="stylesheet" />
		<link href="../css/mui.poppicker.css" rel="stylesheet" />
		<!-- 引入APP样式 -->
		<link href="../css/app.css" type="text/css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/app.new.css">
		<!-- 引入案件详情样式 -->
		<link rel="stylesheet" type="text/css" href="../css/case.info.css" />
		<!-- 引入腾讯字体 -->
		<link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
		<link rel="stylesheet" href="../fonts/font-jt.css">
		<!-- 本页面独有样式 -->
		<style type="text/css">

		</style>
	</head>

	<body>
		<div class="mui-content" style="padding: 4px;">
			<div style="padding: 10px 10px;">
				<div class="mui-segmented-control" style="margin: 0px;padding: 0px;">
					<a class="mui-control-item" href="#item1" id="seg1">
						基础信息
					</a>
					<a class="mui-control-item" href="#item2" id="seg2">
						案件清单
					</a>
				</div>
			</div>
			<div class="mui-scroll-wrapper" style="top: 60px;padding: 10px;">
				<div id="item1" class="mui-control-content">
					<div class="mui-content-padded">
						<form class="mui-input-group">
							<div class="mui-input-row">
								<label class="key">案件编号</label>
								<label class="value" id="lblCaseNum">JJKCQ20210126123452</label>
							</div>
							<div class="mui-input-row">
								<label class="key">所属乡镇</label>
								<label class="value" id="lblSSXZ">经济技术开发</label>
							</div>
							<div class="mui-input-row">
								<label class="key">所属村庄</label>
								<label class="value" id="lblSSCZ">经济技术开发</label>
							</div>
							<div class="mui-input-row">
								<label class="key">现状地类</label>
								<label class="value" id="lblXZDL">经济技术开发</label>
							</div>
							<div class="mui-input-row">
								<label class="key">规划地类</label>
								<label class="value" id="lblGHDL">经济技术开发</label>
							</div>
							<div class="mui-input-row">
								<label class="key">占地面积</label>
								<label class="value" id="lblTBMJ">123.5亩</label>
							</div>
						</form>
					</div>
				</div>
				<div id="item2" class="mui-control-content mui-scroll">
					<div class="mui-content-padded">
						<ul id="listTable" class="layui-timeline">
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<!-- 引入mui脚本 -->
<script src="../js/mui.min.js"></script>
<!-- 引入网络交互脚本 -->
<script src="../js/ajax.js"></script>
<!-- 引入通用脚本 -->
<script src="../js/common.js"></script>
<!-- 引入存储脚本 -->
<script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入案件脚本 -->
<script src="../js/case.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入webview脚本 -->
<script src="../js/webview.js"></script>
<!-- 引入案件详情脚本 -->
<script src="../js/case-info.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	mui.init();
	/* 设置滚动条 否则无法滚动 */
	mui(".mui-scroll-wrapper").scroll({
		scrollY: true, //是否竖向滚动  
		scrollX: true, //是否横向滚动  
		startX: 0, //初始化时滚动至x  
		startY: 0, //初始化时滚动至y  
		indicators: false, //是否显示滚动条  
		deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏  
		bounce: false, //是否启用回弹  
	});
	/* 获取变量 */
	var domTable = document.getElementById("listTable");
	var domCaseNum = document.getElementById("lblCaseNum");
	var domSSXZ = document.getElementById("lblSSXZ");
	var domSSCZ = document.getElementById("lblSSCZ");
	var domXZDL = document.getElementById("lblXZDL");
	var domGHDL = document.getElementById("lblGHDL");
	var domTBMJ = document.getElementById("lblTBMJ");
	var userInfo;
	let caseId = GetQueryString('caseId');
	/* 页面加载完成 Plus初始化完成 */
	plusInit(function() {
		if (caseId) {
			queryLifeData(caseId);
		} else {
			var self = plus.webview.currentWebview();
			queryLifeData(self.casenum);
		}
	});

	/**
	 * 根据案件Id获取案件生命周期数据
	 * @param {string} caseId
	 */
	function queryLifeData(caseId) {
		//删除所有子节点
		domTable.innerHTML = "";
		/* 获取本地用户信息 */
		getSaveUserInfo({
			success: function(uInfo) {
				userInfo = uInfo;
				sendAjax({
					url: 'appQueryCaseLifes',
					type: 'post',
					waitMessage: '正在查询...',
					data: {
						casenum: caseId,
					},
					success: function(resData) {
						let baseInfo = {
							state: '1000',
						};
						/* 展示基础数据 */
						if (resData[0].caseBaseInfo) {
							baseInfo = resData[0].caseBaseInfo;
							domCaseNum.innerHTML = baseInfo.casenum;
							domSSXZ.innerHTML = baseInfo.caseVillagesAndTowns;
							domSSCZ.innerHTML = baseInfo.caseVillage;
							domXZDL.innerHTML = baseInfo.xzdl;
							domGHDL.innerHTML = baseInfo.ghdl;
							domTBMJ.innerHTML = baseInfo.tbmj + '亩';
						}
						/* 展示生命周期数据 */
						for (let caseLife of resData[0].caseLifes) {
							var li = CreateItem(caseLife);
							domTable.appendChild(li);
						}
						/* 加载最后一项 */
						var li = CtreateNextLi(baseInfo.state);
						domTable.appendChild(li);
					},
					error: function(err) {
						muiAlertError(err);
					}
				})
			},
			error: function(err) {
				muiAlertError(err);
			}
		})

		/* 切换选项卡 主要是第二次加载时页面已经存在 */
		mui.trigger(document.getElementById("seg2"), 'touchstart');
		mui.trigger(document.getElementById("seg2"), 'tap');
	}
</script>