|
|
@@ -1,62 +1,123 @@
|
|
|
-<!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" />
|
|
|
-</head>
|
|
|
-
|
|
|
-<body>
|
|
|
- <div class="v-form">
|
|
|
- <dl>
|
|
|
- <dt>体检人</dt>
|
|
|
- <dd>
|
|
|
- <div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="people" value="0"/>
|
|
|
- <label>新建体检人</label>
|
|
|
- </div>
|
|
|
- <div th:each="people : ${peoples}">
|
|
|
- <input type="radio" name="people" th:attr="value=${people.id}"/><label th:text="${people.name}"></label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </dl>
|
|
|
- <dl>
|
|
|
- <dt>性别</dt>
|
|
|
- <dd>
|
|
|
- <div>
|
|
|
- <input name="sex" type="radio" value="1" /><label>男</label>
|
|
|
- <input name="sex" type="radio" value="0" /><label>女</label>
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </dl>
|
|
|
- <dl>
|
|
|
- <dt>身份证号</dt>
|
|
|
- <dd>
|
|
|
- <div>
|
|
|
- <input name="" type="text" class="txt" />
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </dl>
|
|
|
- <dl>
|
|
|
- <dt>手机号</dt>
|
|
|
- <dd>
|
|
|
- <div>
|
|
|
- <input name="" type="text" class="txt" />
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </dl>
|
|
|
- <dl>
|
|
|
- <dt>体检时间</dt>
|
|
|
- <dd>
|
|
|
- <div>
|
|
|
- <input name="" type="date" class="txt" />
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </dl>
|
|
|
- </div>
|
|
|
-</body>
|
|
|
-</html>
|
|
|
+<!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="" 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="javascript:cancel()" 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>
|
yuhaitao14