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/pay_order.html

298 lines
13 KiB
Raw Permalink Blame History 

  1. 

  2. <!DOCTYPE html>

  3. <html>

  4. 	<head>

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

  6. 		<title>提交订单</title>

  7. 		<!--/模板/-->

  8. 		<link rel="stylesheet" href="css/master.css" charset="UTF-8">

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

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

  11. 		<link rel="stylesheet" href="css/font-awesome.min.css" charset="UTF-8">

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

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

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

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

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

  17. 	</head>

  18. 	<body>

  19. 		<!--标题-->

  20. 		<div class="title_top_box">

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

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

  23. 				<span class="title_top_box_span1">上海茂悦大酒店</span>

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

  25. 			</div>

  26. 		</div>

  27. 		<div class="warp clearfix">

  28. 			<!--菜单-->

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

  30. 			<!--内容-->

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

  32. 				<div class="top_title">提交订单</div>

  33. 				<div class="line_top"></div>

  34. 				<div class="select_car_time">选择车次</div>

  35. 				<div class="tabbable" id="tabbable">

  36. 					<div class="profile-user-info profile-user-info-striped" style="margin-top: 20px;">

  37. 					<!--出发日期-->

  38. 					<div class="profile-info-row" id="go_time">

  39. 						<div class="profile-info-name">出发日期：</div>

  40. 						<div class="profile-info-value">[出发日期]</div>

  41. 					</div>

  42. 					

  43. 				

  44. 					<!--上下站点-->

  45. 					<div class="profile-info-row" id="up_and_down_station">

  46. 						<div class="profile-info-name" style="padding:10px;">上下站点：</div>

  47. 						<div class="profile-info-value">

  48. 							<span>[出发地]</span>

  49. 							<span style="margin-left: 10px;">

  50. 								<select id="start_area_station" style="width:180px;" onchange="selectStartStationID()">			

  51. 									<option value="0">[出发地站点]</option>		

  52. 								</select>

  53. 							</span>

  54. 							<span style="margin-left: 25px;">----</span>

  55. 							<span style="margin-left: 25px;">[目的地]</span>

  56. 							<span style="margin-left: 10px;">

  57. 								<select id="end_area_station" style="width:180px;" onchange="selectEndStationID()">			

  58. 									<option value="0">[目的地站点]</option>		

  59. 								</select>

  60. 							</span>

  61. 						</div>

  62. 					</div>

  63. 					<!--选择返程-->

  64. 					<div class="profile-info-row">

  65. 						<div class="profile-info-name">选择返程：</div>

  66. 						<div class="profile-info-value">

  67. 							<div><input type="checkbox" id="ifback" onclick="ifbackSelected(this.checked)" /></div>

  68. 							<div id="all_back">

  69. 							<div class="profile-info-value" style="margin-left: -10px;">

  70. 								<div class="input-group com_span_top" id="calendar" style="width: 130px; float: left;display: none;">

  71. 									<input id="id-date-picker-1" class="form-control date-picker" onchange="selectBackDate(this.value)" data-date-format="yyyy-mm-dd" type="text" placeholder="返程日期" style="font-size: 12px; height:30px;">

  72. 									<span class="input-group-addon">

  73. 										<i class="icon-calendar bigger-110"></i>

  74. 									</span>

  75. 								</div>

  76. 								<div	 id="select_shift_div" style="float: left;margin-left: 20px;display: none;">

  77. 									<select id="select_shift" style="width:90px;" onchange="selectShiftInfo()">			

  78. 										<option value="1">请选择</option>		

  79. 									</select>

  80. 								</div>

  81. 								<div class="no_info_atten" style="float: left;margin-left: 20px;display: none; color: red; height: 30px;line-height: 30px;">无相关班次信息</div>

  82. 							</div>

  83. 							<div style="clear: both;"></div>

  84. 							<div class="profile-info-value" id="back_info" style="margin-left: -10px;margin-top:8px;display: none;">

  85. 								<span>[返程出发地]</span>

  86. 								<span style="margin-left: 10px;">

  87. 									<select id="start_area_station_back" style="width:180px;" onchange="selectBackStartStationID()">			

  88. 										<option value="0">[返程出发地站点]</option>		

  89. 									</select>

  90. 								</span>

  91. 								<span style="margin-left: 25px;">----</span>

  92. 								<span style="margin-left: 25px;">[返程目的地]</span>

  93. 								<span style="margin-left: 10px;">

  94. 									<select id="end_area_station_back" style="width:180px;" onchange="selectBackEndStationID()">			

  95. 										<option value="0">[返程目的地站点]</option>		

  96. 									</select>

  97. 								</span>

  98. 							</div>

  99. 							</div>

  100. 						</div>

  101. 					</div>

  102. 					

  103. 					<!--数    量-->

  104. 					<div class="profile-info-row">

  105. 						<div class="profile-info-name">数&nbsp;&nbsp;量：</div>

  106. 						<div class="profile-info-value">

  107. 							<div class="row">

  108. 							<div class="col-xs-12">

  109. 								<div class="table-responsive">

  110. 									<table id="sample-table-1" class="table table-striped table-bordered table-hover" style="width: 500px;">

  111. 										<thead>

  112. 											<tr id="has_noback">

  113. 												<th width="130px">座位等级</th>

  114. 												<th width="130px">数量</th>

  115. 												<th width="120px">结算价</th>

  116. 												<th width="120px">总价</th>

  117. 											</tr>

  118. 											<tr id="has_back" style="display: none">

  119. 												<th width="130px">座位等级</th>

  120. 												<th width="130px">数量</th>

  121. 												<th width="120px">往返结算价</th>

  122. 												<th width="120px">总价</th>

  123. 											</tr>

  124. 										</thead>

  125. 										<tbody id="list">

  126. 											<tr class="list_info" id="list_info">

  127. 												<td>[座位等级]</td>

  128. 												<td id="count">

  129. 													<select id="count_station" style="width:80px;" onchange="changeTotalPrice()">			

  130. 														<option value="[0]">[-]</option>		

  131. 													</select>

  132. 												</td>

  133. 												<td id="price">[价格]</td>

  134. 												<td id="total"></td>

  135. 											</tr>

  136. 											<tr class="list_info" id="list_info_back" style="display: none;">

  137. 												<td>[座位等级]</td>

  138. 												<td id="back_count">

  139. 													<select id="back_count_station" style="width:80px;" onchange="changeBackTotalPrice()">			

  140. 														<option value="[0]">[-]</option>		

  141. 													</select>

  142. 												</td>

  143. 												<td id="back_price">[价格]</td>

  144. 												<td id="back_total"></td>

  145. 											</tr>

  146. 										</tbody>

  147. 									</table>

  148. 								</div>

  149. 								<!-- /.table-responsive -->

  150. 							</div>

  151. 							<!-- /span -->

  152. 							</div>

  153. 						</div>

  154. 					</div>

  155. 				</div>

  156. 				</div>

  157. 				<div class="select_car_people">联系人信息</div>

  158. 				<div class="tabbable" >

  159. 					<div class="profile-user-info profile-user-info-striped" style="margin-top: 20px;">

  160. 						<!--姓名-->

  161. 						<div class="profile-info-row" style="margin-left: -10px;">

  162. 							<div class="profile-info-name">姓&nbsp;名：</div>

  163. 							<div class="profile-info-value">

  164. 								<input id="peo_name" type="text" style="width: 160px; font-size: 13px;"/>

  165. 							</div>

  166. 						</div>

  167. 						<!--手机号-->

  168. 						<div class="profile-info-row" style="margin-left: -10px;">

  169. 							<div class="profile-info-name">手机号：</div>

  170. 							<div class="profile-info-value">

  171. 								<input type="text" id="peo_tel" style="width: 160px; font-size: 13px;"/>

  172. 							</div>

  173. 						</div>

  174. 					</div>

  175. 				</div>

  176. 				<!--乘客人信息-->

  177. 				<div class="select_car_people">乘客人信息</div>

  178. 				<div id="all_passenger"> 

  179. 					<div class="passenger" id="passenger_info">

  180. 						<span>乘客1：</span>

  181. 						<span style="padding-left: 20px;">

  182. 							<input id="pass_name" type="text" placeholder="姓名" style="font-size: 13px; width: 90px;"/>

  183. 						</span>

  184. 						<span>

  185. 							<input id="pass_tel" type="text" placeholder="证件号" style="font-size: 13px; width: 170px;"/>

  186. 						</span>

  187. 					</div>

  188. 				</div>

  189. 				<!--保存-->

  190. 				<div class="line_top" style="margin-top: 55px;"></div>

  191. 				<div class="save_btn btn-primary" id="save_btn" onclick="saveBtnClicked()">提交</div>

  192. 				

  193. 				<!--去程提交成功-->

  194. 				<div class="commit_ticket_go_success" id="commit_ticket_go_success" style="margin-top: 20px;display: none;">

  195. 					<div style="margin-top: 20px;margin-left: 20px;">

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

  197. 						<span style="padding-left: 30px;">提交成功</span>

  198. 					</div>

  199. 					<!--去程-->

  200. 					<div>

  201. 						<div style="margin-left: 90px;margin-top: 25px;">

  202. 							<span class="circle">去</span>

  203. 							<span style="padding-left: 20px;">[去程出发地]（去程出发地站点）</span>

  204. 							<span style="margin-left: 5px;">-</span>

  205. 							<span style="margin-left: 10px;">[去程目的地]（去程目的地站点）</span>

  206. 						</div>

  207. 						<div>

  208. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  209. 						</div>

  210. 						<div style="margin-left: 100px;">

  211. 							<div>出发时间：[yyyy-mm-dd][mm:ss]</div>

  212. 							<div style="margin-top: 10px;">数量：[座位等级]x[数量]</div>

  213. 							<div style="margin-top: 10px;">姓名：[姓名]</div>

  214. 							<div style="margin-top: 10px;">手机号：[手机号]</div>

  215. 						</div>

  216. 					</div>

  217. 					<div>

  218. 						<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  219. 					</div>

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

  221. 					<div>

  222. 						<div style="margin-left: 90px;margin-top: 5px;">订单总额：[订单总额]</div>

  223. 					</div>

  224. 					<div style="margin-left: 80px;margin-top: 25px;margin-bottom: 25px;">

  225. 						<span style="float: left;margin-bottom: 20px;" class="close_btn btn-primary" onclick="click_cancel(null,'.commit_ticket_go_success')">关闭</span>

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

  227. 					</div>

  228. 				</div>

  229. 				<!--往返提交成功-->

  230. 				<div class="commit_ticket_back_success" id="commit_ticket_back_success" style="margin-top: 20px;display: none;">

  231. 					<div style="margin-top: 20px;margin-left: 20px;">

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

  233. 						<span style="padding-left: 30px;">提交成功</span>

  234. 					</div>

  235. 					<!--去程-->

  236. 					<div>

  237. 						<div style="margin-left: 90px;margin-top: 15px;">

  238. 							<span class="circle">去</span>

  239. 							<span style="padding-left: 20px;">[去程出发地]（去程出发地站点）</span>

  240. 							<span style="margin-left: 5px;">-</span>

  241. 							<span style="margin-left: 10px;">[去程目的地]（去程目的地站点）</span>

  242. 						</div>

  243. 						<div>

  244. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  245. 						</div>

  246. 						<div style="margin-left: 100px;">

  247. 							<div>出发时间：[yyyy-mm-dd][mm:ss]</div>

  248. 							<div style="margin-top: 10px;">数量：[座位等级]x[数量]</div>

  249. 						</div>

  250. 					</div>

  251. 					<!--返程-->

  252. 					<div>

  253. 						<div style="margin-left: 90px;margin-top: 25px;">

  254. 							<span class="circle">返</span>

  255. 							<span style="padding-left: 20px;">[返程出发地]（返程出发地站点）</span>

  256. 							<span style="margin-left: 5px;">-</span>

  257. 							<span style="margin-left: 10px;">[返程目的地]（返程目的地站点）</span>

  258. 						</div>

  259. 						<div>

  260. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  261. 						</div>

  262. 						<div style="margin-left: 100px;">

  263. 							<div>出发时间：[yyyy-mm-dd][mm:ss]</div>

  264. 							<div style="margin-top: 10px;">数量：[座位等级]x[数量]</div>

  265. 							<div style="margin-top: 10px;">姓名：[姓名]</div>

  266. 							<div style="margin-top: 10px;">手机号：[手机号]</div>

  267. 						</div>

  268. 						<div>

  269. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  270. 						</div>

  271. 					</div>

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

  273. 					<div>

  274. 						<div style="margin-left: 90px;margin-top: 5px;">订单总额：[订单总额]</div>

  275. 					</div>

  276. 					<div style="margin-left: 80px;margin-top: 25px;margin-bottom: 25px;">

  277. 						<span style="float: left;margin-bottom: 20px;" class="close_btn btn-primary" onclick="click_cancel(null,'.commit_ticket_back_success')">关闭</span>

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

  279. 					</div>

  280. 				</div>

  281. 				<!--蒙板-->

  282. 				<div class="mask" onclick="hide_all()" style="display: none;top: 0;left: 0;margin: 0px;padding: 0px;width: 100%;height: 100%;position: absolute;z-index: 2;background: #000000;opacity: 0.5;"></div>

  283. 

  284. 			</div>

  285. 		</div>

  286. 		<!--结束语-->

  287. 		<div class="end_down">Copyright © 2016 zhizhuchuxing.com. 蜘蛛行网络科技有限公司版权所有</div>

  288. 	</body>

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

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

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

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

  293. 	<script type="text/javascript">

  294. 		$('#id-date-picker-1').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();});

  295. 	</script>

  296. 	<script src="js/pay_order.js?version=1" type="text/javascript" charset="utf-8"></script>

  297. 	<script src="js/master.js"></script>	

  298. </html>