nizongfeng
/
ZZFX
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commits
1 Branch
3.0 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZFX/disney_ticket.html

264 lines
14 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. 	<head>

  4. 		<meta charset="UTF-8">

  5. 		<title>迪士尼门票</title>

  6. 		<link rel="stylesheet" href="css/master.css" />

  7. 		<link rel="stylesheet" href="css/ace.min.css" />

  8. 		<link rel="stylesheet" href="css/bootstrap.min.css" />

  9. 		<link rel="stylesheet" href="css/font-awesome.min.css" />

  10. 		<link rel="stylesheet" href="css/Page.css" />

  11. 		<link rel="stylesheet" href="css/common_css/disney_ticket.css" />

  12. 		<link rel="stylesheet" href="css/datepicker.css" />

  13. 		<link rel="stylesheet" href="css/daterangepicker.css" />

  14. 		<link rel="stylesheet" href="css/xcConfirm.css" />

  15. 		<link rel="stylesheet" type="text/css" href="css/title.css"/>

  16. 		<style>

  17. 			.sgBtn{width: 135px; height: 35px; line-height: 35px; margin-left: 10px; margin-top: 10px; text-align: center; background-color: #0095D9; color: #FFFFFF; float: left; border-radius: 5px;}

  18. 		</style>

  19. 		<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>

  20. 		

  21. 		<script src="js/master.js" type="text/javascript" charset="utf-8"></script>

  22.                 

  23. 	</head>

  24. 	<body>

  25. 		<div class="title_top_box">

  26. 			<div class="title_top_box_left" id=""><img height="45px;" src="images/logo.png"/></div>

  27. 			<div class="title_top_box_right" id="">

  28. 				<span class="title_top_box_span1"></span>

  29. 				<span class="title_top_box_span2" onclick="login_out()">退出</span>

  30. 			</div>

  31. 		</div>

  32. 		<div class="warp clearfix">

  33. 			<div class="control-bar"></div>

  34. 			<div class="control-show" style="width: 1100px;min-height: 720px;">

  35. 				<!--头部-->

  36. 				<div id="cut_top" class="reserve_top">

  37. 					<span class="cut_sub" id="cut1" onclick="cut_botton(1)">乐园门票</span>

  38. 					<span id="cut2" onclick="cut_botton(2)">剧场门票</span>

  39. 				</div>

  40. 				<!--填购票信息-->

  41. 				<!--乐园门票-->

  42. 				<div id="ticket1" class="reserve_center">

  43. 					<div class="reserve_center_box1">

  44. 						<div class="reserve_date">出行日期</div>

  45. 						<div class="reserve_date_box">

  46. 							<div class="change_date1">日&nbsp;&nbsp;期：</div>

  47. 							<div style="width: 80px;display: inline-block;">

  48. 								<div class="input-group">

  49. 									<input id="start_time" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="开始日期" style="font-size: 13px; height:30px;">

  50. 								</div>

  51. 							</div>

  52. 						</div>

  53. 					</div>

  54. 					<div class="reserve_center_box2">

  55. 						<div class="reserve_date">选择门票</div>

  56. 						<div class="reserve_date_box">

  57. 							<div class="ticket_box">

  58.                                                             <span class="ticket_box_span1">标准一日票</span><span id ="B1" style=" size: 12px;color:green"> </span>

  59. 								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  60. 								<input class="ticket_box_span3" type="text" readonly="true" id="D" value="0" class="aticket"/>

  61. 								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  62. 								<span id="prices1" class="ticket_box_span5">370元</span>

  63. 							</div>

  64. 							<div class="ticket_box">

  65. 								<span class="ticket_box_span1">儿童一日票</span><span id="B2" style=" size: 12px;color:green"> </span>

  66. 								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  67. 								<input class="ticket_box_span3" type="text" readonly="true" id="Children" value="0" class="aticket"/>

  68. 								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  69. 								<span id="prices2" class="ticket_box_span5">280元</span>

  70. 							</div>

  71. 							<div class="ticket_box">

  72.                                 <span class="ticket_box_span1">老人一日票</span><span id="B3" style=" size: 12px;color:green"> </span>

  73. 								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  74. 								<input class="ticket_box_span3" type="text" readonly="true" id="Old" value="0" class="aticket"/>

  75. 								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  76. 								<span id="prices3" class="ticket_box_span5">280元</span>

  77. 							</div>

  78. 							<div class="ticket_box">

  79. 								<span class="ticket_box_span1">标准两日票</span><span id="B4" style=" size: 12px;color:green"> </span>

  80. 								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  81. 								<input class="ticket_box_span3" type="text" readonly="true" id="D2" value="0" class="aticket"/>

  82. 								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  83. 								<span id="prices4" class="ticket_box_span5">825元</span>

  84. 							</div>

  85. 							<div class="ticket_box">

  86. 								<span class="ticket_box_span1">儿童两日票</span><span id="B5" style=" size: 12px;color:green"> </span>

  87. 								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  88. 								<input class="ticket_box_span3" type="text" readonly="true" id="Children2" value="0" class="aticket"/>

  89. 								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  90. 								<span id="prices5" class="ticket_box_span5">620元</span>

  91. 							</div>

  92. 							<div class="ticket_box">

  93. 								<span class="ticket_box_span1">老人两日票</span><span id="B6" style=" size: 12px;color:green"> </span>

  94. 								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  95. 								<input class="ticket_box_span3" type="text" readonly="true" id="Old2" value="0" class="aticket"/>

  96. 								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  97. 								<span id="prices6" class="ticket_box_span5">620元</span>

  98. 							</div>

  99. 						</div>

  100. 					</div>

  101. 					<div class="reserve_center_box3">

  102. 						<div class="reserve_date">联系人信息</div>

  103. 						<div class="reserve_date_box">

  104. 							<span class="change_date1">姓<span style="color: #fff;">名</span>名：</span>

  105. 							<span><input type="text" placeholder="请输入姓名" id="sub_name" value="" /></span>

  106. 						</div>

  107. 						<div class="reserve_date_box">

  108. 							<span class="change_date1">手机号：</span>

  109. 							<span><input type="text" placeholder="请输入手机号" id="sub_phone" value="" /></span>

  110. 						</div>

  111. 						<div class="reserve_date_box">

  112. 							<span class="change_date1">证件号：</span>

  113. 							<select id="customer_type">

  114. 								<option value="150">身份证号</option>

  115. 								<option value="153">护照</option>

  116. 							</select>

  117. 							<span><input type="text" placeholder="请输入证件号" name="" id="customer_id" value="" /></span>

  118. 						</div>

  119. 					</div>

  120. 				</div>

  121. 				

  122. 				<!--剧场门票-->

  123. 				<div id="ticket2" class="reserve_center" style="display: none;">

  124. 					<div class="reserve_center_box1">

  125. 						<div class="reserve_date">出行日期</div>

  126. 						<div class="reserve_date_box">

  127. 							<div class="change_date1">日&nbsp;&nbsp;期：</div>

  128. 							<div style="width: 80px;display: inline-block;">

  129. 								<div class="input-group">

  130. 									<input id="lion_date" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="开始日期" style="font-size: 13px; height:30px;">

  131. 								</div>

  132. 							</div>

  133. 						</div>

  134. 						<div class="reserve_date_box">

  135. 							<span  class="change_date1">演出时间：</span>

  136. 							<span id="show_time">

  137. 								<!--<span class="change_date2">13：30</span>

  138. 								<span class="change_date2">19：00</span>-->

  139. 							</span>

  140. 							

  141. 						</div>

  142. 					</div>

  143. 					<div class="reserve_center_box2">

  144. 						<div class="reserve_date">选择门票</div>

  145. 						<div>

  146. 							<div style="display: inline-block;" class="reserve_date_box">

  147. 								<div class="ticket_box">

  148. 									<span class="ticket_box_span1">AA区域</span><span id="K1" style=" size: 12px;color:green"> </span>

  149. 									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  150. 									<input class="ticket_box_span3" readonly="true" type="text" name="" id="AA" value="0" />

  151. 									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  152. 									<span id="lion_price1" class="ticket_box_span5">900元</span>

  153. 								</div>

  154. 								<div class="ticket_box">

  155. 									<span class="ticket_box_span1">AB区域</span><span id="K2" style=" size: 12px;color:green"> </span>

  156. 									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  157. 									<input class="ticket_box_span3" readonly="true" type="text" name="" id="AB" value="0" />

  158. 									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  159. 									<span id="lion_price2" class="ticket_box_span5">700元</span>

  160. 								</div>

  161. 								<div class="ticket_box">

  162. 									<span class="ticket_box_span1">BA区域</span><span id="K3" style=" size: 12px;color:green"> </span>

  163. 									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  164. 									<input class="ticket_box_span3" readonly="true" type="text" name="" id="BA" value="0" />

  165. 									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  166. 									<span id="lion_price3" class="ticket_box_span5">490元</span>

  167. 								</div>

  168. 								<div class="ticket_box">

  169.                                                                     <span class="ticket_box_span1">BB区域</span><span id="K4" style=" size: 12px;color:green"> </span>

  170. 									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  171. 									<input class="ticket_box_span3" readonly="true" type="text" name="" id="BB" value="0" />

  172. 									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  173. 									<span id="lion_price4" class="ticket_box_span5">390元</span>

  174. 								</div>

  175. 								<div class="ticket_box">

  176.                                                                     <span class="ticket_box_span1">CA区域</span><span id="K5" style=" size: 12px;color:green"> </span>

  177. 									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  178. 									<input class="ticket_box_span3" readonly="true" type="text" name="" id="CA" value="0" />

  179. 									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  180. 									<span id="lion_price5" class="ticket_box_span5">290元</span>

  181. 								</div>

  182. 								<div class="ticket_box">

  183. 									<span class="ticket_box_span1">CB区域</span><span id="K6" style=" size: 12px;color:green"></span>

  184. 									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>

  185. 									<input class="ticket_box_span3" readonly="true" type="text" name="" id="CB" value="0" />

  186. 									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>

  187. 									<span id="lion_price6" class="ticket_box_span5">190元</span>

  188. 								</div>

  189. 								

  190. 							</div>

  191. 							<div onclick="getbig()" id="picture" style="display: inline-block;margin: 20px;vertical-align: top;cursor: pointer;"><img width="230px" src="images/seat.png"></div>

  192. 						</div>

  193. 					</div>

  194. 					<div class="reserve_center_box3">

  195. 						<div class="reserve_date">联系人信息</div>

  196. 						<div class="reserve_date_box">

  197. 							<span class="change_date1">姓<span style="color: #fff;">名</span>名：</span>

  198. 							<span><input type="text" placeholder="请输入姓名" name="" id="lion_name" value="" /></span>

  199. 						</div>

  200. 						<div class="reserve_date_box">

  201. 							<span class="change_date1">手机号：</span>

  202. 							<span><input type="text" placeholder="请输入手机号" name="" id="lion_phone" value="" /></span>

  203. 						</div>

  204. 					</div>

  205. 				</div>

  206. 				<div class="sub btn-primary" id="submit">提交</div>

  207. 			</div>

  208. 			

  209. 		</div>

  210. 		

  211. 		

  212. 		<div id="alert_1" class="alert_1" style="display: none;">

  213. 	        <div class="alert_1_box">

  214. 	            <div class="refund_ticket_go_success" id="refund_ticket_go_success" style="padding: 30px;">

  215. 					<div>

  216. 						<span class="circle_right" >√</span>

  217. 						<span style="padding-left: 30px;font-size: 16px;font-weight: bold;">提交成功</span>

  218. 					</div>

  219. 					

  220. 					<div>

  221. 						<div id="ticket_name" style="margin-left: 70px;margin-top: 25px;">

  222. 							上海迪士尼门票

  223. 						</div>

  224. 						<div>

  225. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 70px;width: 500px;">

  226. 						</div>

  227. 						<div style="margin-left: 80px;">

  228. 							<div id="ticket_time">时间：2016-12-12 07:12</div>

  229. 							<div id="ticket_no" style="margin-top: 15px;">数量：儿童票x3</div>

  230. 							<div id="man_name" style="margin-top: 15px;">姓名：小橙子</div>

  231. 							<div id="man_phone" style="margin-top: 15px;">手机：18621904917</div>

  232. 						</div>

  233. 					</div>

  234. 					<div>

  235. 						<hr style="border:1px dashed lightgray; height:0px;margin-left: 70px;width: 500px;">

  236. 					</div>

  237. 					<!--订单总额-->

  238. 					<div>

  239. 						<div id="total_price" style="margin-left: 70px;margin-top: 5px;">订单总额：110元</div>

  240. 					</div>

  241. 					

  242. 					<span style="padding: 5px 10px;float: left;display: inline-block;margin-top: 10px;margin-left: 70px;" class="style_btns btn-primary" onclick="close_alert()">关闭</span>

  243. 					<span id="go_pay" style="padding: 5px 10px;float: left; margin-top: 10px;margin-left: 25px;display: none;" class="style_btns btn-primary" onclick="go_pay()" >去支付</span>

  244. 					

  245. 				</div>

  246. 	

  247. 	        </div>

  248.     	</div>

  249. 		<div class="alert_picture" onclick="getsmall()" style="display: none;"><img class="alert_1_box_picture" src="images/seat.png"></div>

  250. 		<div id="loading" style="display: none; background: rgba(0,0,0,.6);position: absolute;top: 0;width: 100%;height: 100%;vertical-align: middle;z-index: 10000;text-align: center;padding-top: 300px;">

  251. 			<img style="width: 50px;" src = './images/loading2.gif'>

  252. 		</div>

  253. 	</body>

  254. 	

  255. 	

  256. 	<script src="js/disney_ticket.js" type="text/javascript" charset="utf-8"></script>

  257. 	<script type="text/javascript" src="js/main.js" ></script>

  258. 	<script src="js/bootstrap-datepicker.min.js" type="text/javascript" charset="utf-8"></script>

  259. 	<script src="js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>

  260. 	<script src="js/bootstrap-datepicker.min.js" type="text/javascript" charset="utf-8"></script>

  261. 	<script src="js/bootstrap-timepicker.min.js" type="text/javascript" charset="utf-8"></script>

  262. 	

  263. </html>