resume_local
/
search.html

<!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" />
		<link href="css/mui.picker.min.css" rel="stylesheet" />
		<link href="css/mui.poppicker.css" rel="stylesheet" />
		<style>
			.item {
				padding-top: 5px;
				padding-bottom: 5px;
			}

			.item-title {
				font-size: 12px;
				color: gray;
			}

			.item-card {
				border-radius: 5px;
			}

			.item-end {
				padding-bottom: 5px;
			}
		</style>
	</head>

	<body>
		<!--<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">检索</h1>
		</header>-->
		<div class="mui-content">
			<div class="mui-card item-card">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell item">
						<div class="mui-input-row">
							<label>姓名</label>
							<input type="text" placeholder="输入姓名" id="name">
						</div>

					</li>
					<li class="mui-table-view-cell item">
						<div class="mui-input-row ">
							<label>性别</label>
							<input type="text" placeholder="选择性别" id="sex">
						</div>

					</li>

					<li class="mui-table-view-cell item">
						<div class="mui-input-row">
							<label>职务职级</label>
							<input type="text" placeholder="选择职务职级" id="job_leve">
							<input type="hidden" id="job_leve_id">
						</div>

					</li>

					<li class="mui-table-view-cell item">
						<div class="mui-input-row">
							<label>组织机构</label>
							<input type="text" placeholder="组织机构" id="dept">

						</div>

					</li>

					<li class="mui-table-view-cell item">
						<div class="mui-input-row">
							<label>出生日期-开始</label>
							<input type="text" placeholder="出生年份" id="birth">

						</div>

					</li>
					<li class="mui-table-view-cell item">
						<div class="mui-input-row">
							<label>出生日期-結束</label>
							<input type="text" placeholder="出生年份" id="birth_end">

						</div>

					</li>


					<div class="mui-button-row item-end">
						<button type="button" class="mui-btn mui-btn-primary" id="sub">确认</button>&nbsp;&nbsp;
						<button type="button" class="mui-btn mui-btn-danger" id="clear">清空</button>
					</div>
				</ul>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.picker.min.js"></script>
		<script src="js/mui.poppicker.js"></script>
		<script type="text/javascript">
			mui.init();
			document.getElementById("clear").addEventListener("tap", function() {
				document.getElementById("name").value = "";
				document.getElementById("sex").value = "";
				document.getElementById("job_leve").value = "";
				document.getElementById("job_leve_id").value = "";
				document.getElementById("birth").value = "";
				document.getElementById("birth_end").value = "";
				document.getElementById("dept").value = "";
			});
			mui.ready(function() {
				var userPicker = new mui.PopPicker();
				userPicker.setData([{
					value: '男',
					text: '男'
				}, {
					value: '女',
					text: '女'
				}]);
				document.getElementById("sex").addEventListener("tap", function() {
					obj = this;
					userPicker.show(function(items) {
						obj.value = items[0].text;
					});
				});

				var userPicker2 = new mui.PopPicker();
				userPicker2.setData([{
					value: 'td0121',
					text: '厅局级正职'
				}, {
					value: 'td0122',
					text: '厅局级副职'
				}, {
					value: 'td013101',
					text: '正县级领导干部'
				}, {
					value: 'td013102',
					text: '保留正县级领导干部待遇'
				}, {
					value: 'td013105',
					text: '调研员'
				}, {
					value: 'td013201',
					text: '副县级领导干部'
				}, {
					value: 'td013202',
					text: '明确为副县级领导职务干部'
				}, {
					value: 'd013203',
					text: '享受副县级领导职务待遇的副调研员'
				}, {
					value: 'td013204',
					text: '副调研员'
				}, {
					value: 'td013205',
					text: '保留副县级干部待遇'
				}, {
					value: 'td013206',
					text: '享受副县级干部待遇'
				}
				, {
					value: 'td013106',
					text: '享受正县级职务待遇'
				}, {
					value: 'td013207',
					text: '明确为正县级领导职务干部'
				}
				]);
				document.getElementById("job_leve").addEventListener("tap", function() {
					obj = this;
					userPicker2.show(function(items) {
						obj.value = items[0].text;
						mui('#job_leve_id')[0].value = items[0].text;
					});
				});

				document.getElementById("sub").addEventListener("tap", function() {
					name = document.getElementById("name").value;
					sex = document.getElementById("sex").value;
					job_leve = document.getElementById("job_leve_id").value;
					birth = document.getElementById("birth").value;
					birth_end = document.getElementById("birth_end").value;
					dept = document.getElementById("dept").value;
					plus.webview.getWebviewById("main_second").hide();
					obj = plus.webview.getWebviewById("main");
					mui.fire(obj, 'showSearchData', {
						name: name,
						sex: sex,
						job_leve:job_leve,
						birth: birth,
						birth_end: birth_end,
						dept:dept
					});
					obj.show();
				});

				document.getElementById("birth").addEventListener('tap',function(e){
					var optionsJson = '{"type":"date","beginYear":1950,"endYear":1995}';
					 options = JSON.parse(optionsJson);
					var picker = new mui.DtPicker(options);
						picker.show(function(rs) {

							document.getElementById("birth").value =  rs.text;

							picker.dispose();
						});

				});
				document.getElementById("birth_end").addEventListener('tap',function(e){
					var optionsJson = '{"type":"date","beginYear":1950,"endYear":1995}';
					 options = JSON.parse(optionsJson);
					var picker = new mui.DtPicker(options);
						picker.show(function(rs) {

							document.getElementById("birth_end").value =  rs.text;

							picker.dispose();
						});

				});

			/*	document.getElementById("dept").addEventListener('tap',function(e){
					mui.openWindow('select_department.html','select_department');
				});

				window.addEventListener('setDept',function(e){
					document.getElementById("dept").value = e.detail.name;
				});
			*/
			});

		</script>
	</body>

</html>