<!VDNDOC "PageBase":"nvo_query","IniEvent":"PageIni","NotValidLogin":true>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>查询</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<!--App自定义的css-->
		<!--<link rel="stylesheet" type="text/css" href="../css/app.css" />-->
		<style>
			.mui-card .mui-control-content {
				padding: 10px;
			}
			
			.mui-control-content {
				height: 150px;
			}
			
			.d-search {
				padding-top: 160px;
			}
			
			.dsearch {
				vertical-align: middle;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<div class="mui-table mui-content-padded">
				<div class="mui-table-cell mui-col-xs-9 dsearch">
					<div class="mui-input-row mui-search">
						<input id="t_id" type="search" class="mui-input-clear " placeholder="输入工号" value="111">
					</div>
				</div>
				<div class="mui-table-cell mui-col-xs-3">
					<button id='b_query' type="button" class="mui-btn mui-btn-blue mui-icon mui-icon-search">检索</button>
				</div>
			</div>
			<div id='div_content' class="mui-content-padded">
				
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.tmpl.js"></script>
		<script type="text/javascript" src="js/vdn.js"></script>
		<script>
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			//Ajax提交 GET方式
			mui("body").on('tap', '#b_query', function() {
				mui("#b_query").button('loading');
				vdn.get({
						"method": 'nvo_query.f_query_json',
						"params": $("#t_id").val()
					}, function(data) {
						$("#div_content").empty();
						//返回数据
						var fmt='<h4>${c_user}</h4><div><div class="mui-table-cell mui-col-xs-8">性别:${c_sex}</div>';
						fmt+='<div class="mui-table-cell mui-col-xs-4">电话:${c_tel}</div></div>	<div><div>门店:${c_store}</div>';
						fmt+='<div>到店时间:${d_date}</div><div>服务项目:</div><div><h5>${c_items}</h5></div></div>';
						vdn.appendTo("div_content", fmt, data.Result);
						//mui("#b_query").button('reset');
					},
					function(err) {
						alert(err.Message + "(" + err.Code.toString() + ")");
						//mui("#b_get").button('reset');
					});
					mui("#b_query").button('reset');
			});
		</script>

	</body>

</html>