fuyu
/
tjshop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
							<!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 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" placeholder="请输入证件ID" />
                        </div>
                    </td>
                </tr>
            </table>
            <h6>姓名:</h6>
            <table>
                <tr>
                    <td>
                        <div class="box">
                            <input name="name" type="text" id="name" placeholder="请输入姓名" />
                        </div>
                    </td>
                </tr>
            </table>
            <h6>性别:</h6>
            <table>
                <tr>
                    <td>
                        <input name="sex" type="radio" class="radio" id="sex1" value="1" checked="checked" /><label for="sex1">男</label>
                        <input name="sex" type="radio" value="0" id="sex0" class="radio" /><label for="sex0">女</label>
                    </td>
                </tr>
            </table>
            <h6>手机号码:</h6>
            <table>
                <tr>
                    <td>
                        <div class="box">
                            <input name="phone" id="phone" type="tel" placeholder="请输入手机号" readonly="readonly"/>
                        </div>
                    </td>
                </tr>
            </table>
            <h6>体检日期及时间:</h6>
            <table>
                <tr>
                    <td>
                        <div class="box">
                            <input id="atime" name="atime" type="date" placeholder="请选择体检日期" />
                        </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() {
        	var idcard = $("#idcard").val();
        	var name = $("#name").val();
        	var phone = $("#phone").val();
        	
        	if (idcard.length == 0){
        		alert("请输入身份证号");
        		return;
        	}
        	if (name.length == 0){
        		alert("请输入姓名");
        		return;
        	}
        	if (phone.length == 0){
        		alert("请输入手机号");
        		return;
        	}
        	
            $("#form1").submit();
        }

        /* ]]> */
    </script>
</body>

</html>