wcheng81
/
LSQZrzyAPP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355
							<!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.min.css" rel="stylesheet" />
		<!-- 引入APP样式 -->
		<link href="../css/app.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" href="../fonts/TTTGB-Medium.css">
		<link rel="stylesheet" href="../fonts/font-time.css">
		<link rel="stylesheet" href="../fonts/font-jt.css">
		<style type="text/css">
			h5 {
				margin-top: 10px;
				margin-bottom: 10px;
				font-size: 15px;
				color: black;
				font-weight: bold;
			}

			/* 单选框 文字样式 */
			.mui-radio label {
				font-size: 14px;
				font-weight: bold;
			}

			/* 单选框 图标样式 */
			.mui-radio input[type=radio]:checked::before {
				content: '\e442';
			}

			/* 行输入 多行文本样式 */
			.mui-input-row textarea {
				font-size: 15px;
			}

			/* 审核结案样式 */
			.lbl-yes {
				color: #009688;
			}

			/* 框内图标样式 */
			.lbl-yes span {
				font-size: 20px;
			}

			/* 审核回退样式 */
			.lbl-no {
				color: #FF0000;
			}

			/* 框内图标样式 */
			.lbl-no span {
				font-size: 20px;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<div style="padding: 10px;">
				<div class="mui-segmented-control">
					<a class="mui-control-item" href="#item1" id="seg1">
						基础信息
					</a>
					<a class="mui-control-item mui-active" href="#item2" id="seg2">
						审核信息填报
					</a>
				</div>
			</div>
			<div class="mui-content-padded">
				<div class="mui-scroll-wrapper" style="top: 40px;">
					<div class="mui-scroll" style="padding: 10px;">
						<div id="item1" class="mui-control-content">
							<ul id="listTable" class="layui-timeline">
							</ul>
						</div>
						<div id="item2" class="mui-control-content mui-active">
							<h5 class="wc-title-normal wc-title-important">*审结类型</h5>
							<form class="mui-input-group">
								<div class="mui-input-row mui-radio mui-right">
									<label class="lbl-yes"><span class="app-icon app-icon-chk-close"></span>同意结案</label>
									<input name="shlx" type="radio" value="1001" checked="">
								</div>
								<div class="mui-input-row mui-radio mui-right">
									<label class="lbl-no"><span
											class="app-icon app-icon-chk-recheck"></span>请重新处理</label>
									<input name="shlx" type="radio" value="1002">
								</div>
								<div class="mui-input-row mui-radio mui-right">
									<label class="lbl-no"><span
											class="app-icon app-icon-chk-rerepeat"></span>请重新复飞</label>
									<input name="shlx" type="radio" value="1003">
								</div>
							</form>
							<h5 class="wc-title-normal wc-title-important">*审核意见</h5>
							<div class="mui-input-row case-input-row">
								<textarea rows="5" id="txtSHMS" placeholder="填写审核意见"></textarea>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script src="../js/mui.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>
<!-- 引入案件详情脚本 -->
<script src="../js/case-info.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	mui.init();
	/* DOM定义 */
	var domTable = document.getElementById("listTable");
	var domSeg1 = document.getElementById("seg1");
	var domSeg2 = document.getElementById("seg2");
	var domItem1 = document.getElementById("item1");
	var domItem2 = document.getElementById("item2");
	var domTxtSHMS = document.getElementById("txtSHMS");
	/* 变量定义 */
	var joinCaseModel = undefined; //本页关联的案件模型 从上一页面传递过来
	var joinUser = undefined; //本地存储的账户信息
	/* 设置滚动条 否则无法滚动 */
	mui(".mui-scroll-wrapper").scroll({
		scrollY: true, //是否竖向滚动  
		scrollX: true, //是否横向滚动  
		startX: 0, //初始化时滚动至x  
		startY: 0, //初始化时滚动至y  
		indicators: false, //是否显示滚动条  
		deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏  
		bounce: false, //是否启用回弹  
	});
	/* 页面加载完成 Plus初始化完成 */
	mui.plusReady(function() {
		getSaveUserInfo({
			success: function(uInfo) {
				joinUser = uInfo;
				userInfo = uInfo;
				var self = plus.webview.currentWebview();
				joinCaseModel = self;
				resetPage(joinCaseModel);
			},
			error: function(err) {
				muiAlertError(err);
			}
		})
	});
	/** 
	 * 自定义事件监听
	 * @param {Object} event 事件
	 */
	window.addEventListener("new", function(event) {
		joinCaseModel = event.detail;
		resetPage(joinCaseModel);
	});
	/**
	 * 刷新页面 获取详细信息数据
	 * @param {Object} caseModel 传递的模型数据
	 */
	function resetPage(caseModel) {
		//重置顶部标题栏内容
		plus.webview.currentWebview().setStyle({
			"titleNView": {
				backgroundColor: colorBackground,
				titleColor: colorTitle,
				titleText: "案件审核",
				splitLine: {
					color: colorLine
				},
				autoBackButton: true,
				buttons: [{
					'float': 'right',
					fontSrc: '../fonts/iconfont.ttf',
					text: '\ue655',
					onclick: EventCaseVerifySubmit,
				}, {
					'float': 'right',
					fontSrc: '../fonts/iconfont.ttf',
					text: '\uec08',
					onclick: EventPageReload,
				}]
			}
		});
		//删除所有子节点
		domTable.innerHTML = "";
		/* 联网获取数据 */
		sendAjax({
			url: 'appQueryCaseLifes',
			type: 'post',
			data: caseModel,
			waitMessage: '正在查询...',
			success: function(resData) {
				for (let caseLife of resData[0].caseLifes) {
					var li = CreateItem(caseLife);
					domTable.appendChild(li);
				}
				//加载最后一项
				var li = CtreateNextLi(caseModel.state);
				domTable.appendChild(li);
				/* 切换选项卡 主要是第二次加载时页面已经存在 */
				mui.trigger(domSeg2, 'touchstart');
				mui.trigger(domSeg2, 'tap');
				/* 重置页面 */
				pageReload();
			},
			error: function(err) {
				muiAlertError(err);
			}
		})
	}
	var item1ScrollY = 0,
		item2ScrollY = 0;
	/**
	 * 选项卡1点击监听
	 */
	domSeg1.addEventListener('tap', function() {
		//记录2的位置 滚到1记录的位置
		item2ScrollY = mui(".mui-scroll-wrapper").scroll().y;
		mui(".mui-scroll-wrapper").scroll().scrollTo(0, item1ScrollY, 100);
	});
	/**
	 * 选项卡2点击监听
	 */
	domSeg2.addEventListener('tap', function() {
		//记录1的位置 滚动2记录的位置
		item1ScrollY = mui(".mui-scroll-wrapper").scroll().y;
		mui(".mui-scroll-wrapper").scroll().scrollTo(0, item2ScrollY, 100);
	});
	/**
	 * 页面初始化
	 */
	function pageReload() {
		domTxtSHMS.value = ""; //填写的审核意见
		caseVerifySubmitModel.shms = ""; //上传模型初始化 审核意见
		//重置案件审核类型
		var chkBox = document.getElementsByName('shlx');
		chkBox[0].checked = true;
		mui.trigger(chkBox[0], 'change');

	};
	/**
	 * 重置案件填写页面
	 */
	function EventPageReload() {
		muiConfirm('重置会导致所填写信息全部丢失，确定重置吗？', '重置', function() {
			pageReload();
		});
	}
	/**
	 * 监听Radio组的选择事件
	 */
	mui('.mui-input-group').on('change', 'input', function() {
		switch (this.value) {
			case '1001':
				domTxtSHMS.value = "该案件处理过程合法合规，同意结案";
				break;
			case '1002':
				domTxtSHMS.value = "处理信息不满足要求，请重新处理";
				break;
			case '1003':
				domTxtSHMS.value = "复飞信息不满足要求，请重新复飞";
				break;
		}
	})
	/*************上传相关**********************/
	var caseVerifySubmitModel = {
		casenum: '', //案件号
		shry: '', //审核人员 填写UserID
		shms: '', //审核描述
		verifyType: '', //审核类型 1001-代表结案 1002-代表重新处理 1003-代表重新复飞
	}
	/**
	 * 单选框 获取值
	 * @param {Object} radioName raido的name字段
	 */
	function radioChecked(radioName) {
		var obj = document.getElementsByName(radioName);
		for (var i = 0; i < obj.length; i++) {
			if (obj[i].checked) {
				return obj[i].value;
			}
		}
		return "";
	}
	/**
	 * 上传数据
	 */
	function EventCaseVerifySubmit() {
		if (CheckSubmitInfo()) {
			muiConfirm('确定要提交审核信息吗？', '提交', function() {
				CaseVerifyInfoUpload();
			});
		}
	}
	/**
	 * 上传审核信息
	 */
	function CaseVerifyInfoUpload() {
		sendAjax({
			url: 'appCaseVerify',
			type: 'post',
			data: caseVerifySubmitModel,
			waitMessage: '正在提交审核信息...',
			success: function(resData) {
				muiAlert(resData[0].msg, "提示", function() {
					//回调父页面的方法 通过页面的evaJS方法调用对应方法
					plus.webview.currentWebview().opener().evalJS("refreshDataTable('" + joinCaseModel
						.casenum + "')");
					plus.webview.currentWebview().close();
				});
			},
			error: function(err) {
				muiAlertError(err);
			}
		});
	}
	/**
	 * 检测上传的处理信息是否完整
	 */
	function CheckSubmitInfo() {
		//赋值
		caseVerifySubmitModel.verifyType = radioChecked('shlx');
		caseVerifySubmitModel.casenum = joinCaseModel.casenum;
		caseVerifySubmitModel.shms = domTxtSHMS.value;
		caseVerifySubmitModel.shry = joinUser.userID;
		if (caseVerifySubmitModel.verifyType == "") {
			muiAlert("请选择案件审核类型!", "提示");
			return false;
		} else if (caseVerifySubmitModel.casenum == "") {
			muiAlert("未关联案件号!", "警告");
			return;
		} else if (caseVerifySubmitModel.shms == "") {
			muiAlert("请填写审核意见!", "提示");
			return false;
		} else if (caseVerifySubmitModel.shry == "" || caseVerifySubmitModel.shry == undefined) {
			muiAlert("关联账号异常，请重新登录APP!", "提示");
			return false;
		}
		return true;
	}
</script>