fuyu
/
tjshop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>预约体检</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<link href="/h5/style/style.css" rel="stylesheet" />
<script src="/h5/js/jquery-2.1.1.min.js"></script>
</head>

<body>
	<div class="registerPost">
		<form id="form1" action="/h5/appointment/save" method="post">
			<input type="hidden" name="bid" th:attr="value=${bid}"/>
			<input type="hidden" name="itemid" th:attr="value=${itemid}"/>
			<input type="hidden" name="birth" value=""/>
			<h6>选择体检人:</h6>
			<table>
				<tr>
					<td>
						<span><input name="fid" type="radio" value="0" id="tj0" class="radio" checked="checked" /><label for="tj0">新建体检人</label></span>
						<span th:each="people : ${peoples}">
							<input name="fid" type="radio"  th:attr="value=${people.id},id=${people.id}" class="radio" />
							<label th:attr="for=${people.id},onclick='selectPeople(' + ${people.id} + ')'" for="tj1" th:text="${people.name}"></label>
						</span>
					</td>
				</tr>
			</table>
			<h6>体检人证件号:</h6>
			<table>
				<tr>
					<td style="width: 100px;">
						<div class="box mr10">
							<select name="">
								<option selected="selected">身份证</option>
							</select>
						</div>
					</td>
					<td>
						<div class="box">
							<input name="idcard" type="text" id="idcard" />
						</div>
					</td>
				</tr>
			</table>
			<h6>姓名:</h6>
			<table>
				<tr>
					<td>
						<div class="box">
							<input name="name" type="text" id="name" />
						</div>
					</td>
				</tr>
			</table>
			<h6>性别:</h6>
			<table>
				<tr>
					<td>
						<input name="sex" type="radio" class="radio" id="sex1" value="1" checked="checked" /><label for="n">男</label> 
						<input name="sex" type="radio" value="0" id="sex0" class="radio" /><label for="v">女</label>
					</td>
				</tr>
			</table>
			<h6>手机号码:</h6>
			<table>
				<tr>
					<td>
						<div class="box">
							<input name="phone" id="phone" type="tel" />
						</div>
					</td>
				</tr>
			</table>
			<h6>体检日期及时间:</h6>
			<table>
				<tr>
					<td>
						<div class="box">
							<input id="atime"  name="atime" type="date" />
						</div>
					</td>
				</tr>
				<tr>
					<td><div class="box mt10">
							<select id="extend" name="extend">
								<option value="08:00">08:00</option>
	                    		<option value="08:30">08:30</option>
	                    		<option value="09:00">09:00</option>
							</select>
						</div></td>
				</tr>
			</table>
			<div class="h100"></div>
			<div class="registerBottom">
				<a href="/h5/buy/mypayedorders" class="last">取消</a><a href="javascript:save()" class="next">预约</a>
			</div>
		</form>
	</div>
	
	<script th:inline="javascript">
		var peoples = JSON.parse([[${peoplesJSON}]])
		/* <![CDATA[ */
		function selectPeople(id){
			for (var i = 0; i < peoples.length; ++i){
				var obj = peoples[i]
				if (obj.id==id){
					$("#idcard").val(obj.idcard);
					$("#name").val(obj.name);
					$("#sex" + obj.sex).attr("checked","checked")
					$("#phone").val(obj.phone)
				}
			}
		}
		
		function save(){
			$("#form1").submit();
		}
		
		/* ]]> */
	</script>
</body>
</html>