yuhaitao14 7 years ago
parent
commit
2b69c515be

+ 115 - 107
shop/src/main/resource/templates/h5/appointment.html

@@ -1,123 +1,131 @@
 <!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>
+    <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}">
+    <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="">
+                    </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">
+                        </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="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" placeholder="请输入手机号" />
+                        </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(){
-			$("#form1").submit();
-		}
-		
-		/* ]]> */
-	</script>
+                        </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>
+
+</html>

+ 128 - 112
shop/src/main/resource/templates/h5/changeappointment.html

@@ -1,128 +1,144 @@
 <!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>
+    <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/change" method="post">
-			<input type="hidden" name="id" th:attr="value=${appointment.id}"/>
-			<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}">
+    <div class="registerPost">
+        <form id="form1" action="/h5/appointment/change" method="post">
+            <input type="hidden" name="id" th:attr="value=${appointment.id}" />
+            <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} + ')',id='l' + ${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="">
+                    </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" th:attr="value=${appointment.atime}"/>
-						</div>
-					</td>
-				</tr>
-				<tr>
-					<td><div class="box mt10">
-							<select id="extend" name="extend">
+                        </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="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" placeholder="请输入手机号" />
+                        </div>
+                    </td>
+                </tr>
+            </table>
+            <h6>体检日期及时间:</h6>
+            <table>
+                <tr>
+                    <td>
+                        <div class="box">
+                            <input id="atime" name="atime" type="date" th:attr="value=${appointment.atime}" 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}]])
-		var fid		= [[${appointment.fid}]]
-		var extend 	= [[${appointment.extend}]]
-		
-		/* <![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)
-				}
-			}
-		}
-		
-		$("#l" + fid).trigger('click');
-		$("#extend").val(extend);
-		
-		function save(){
-			$("#form1").submit();
-		}
-		
-		/* ]]> */
-	</script>
+                        </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
+            }]
+        ])
+        var fid = [
+            [$ {
+                appointment.fid
+            }]
+        ]
+        var extend = [
+            [$ {
+                appointment.extend
+            }]
+        ]
+
+        /* <![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)
+                }
+            }
+        }
+
+        $("#l" + fid).trigger('click');
+        $("#extend").val(extend);
+
+        function save() {
+            $("#form1").submit();
+        }
+
+        /* ]]> */
+    </script>
 </body>
-</html>
+
+</html>