nizongfeng
/
zzcx_line
1
0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики 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 Комити
1 Грана
17 MiB
 
 
 
 
Дрво: aa52171df8
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'aa52171df8'
${ noResults }
zzcx_line/coding/special_ticket.html

402 lines
19 KiB
Датотека Blame Историја 

  1. <!DOCTYPE html>

  2. <html>

  3. 	<head>

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

  5. 		<title>门票预订</title>

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

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

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

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

  10. 		<link rel="stylesheet" type="text/css" href="./css/daterangepicker.css" />

  11. 		<link rel="stylesheet" type="text/css" href="./css/datepicker.css" />

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

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

  14. 		<link rel="stylesheet" type="text/css" href="css/sweetalert2.min.css">

  15. 		<script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>

  16. 		<script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>

  17. 		<script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>

  18. 		<style>

  19. 			sup {

  20. 				top: -1.5em;

  21. 				left: 1.5em;

  22. 			}

  23. 			.addbackground{

  24. 				background-color: #666!important;

  25. 			}

  26. 			.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;}

  27. 		</style>

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

  29. 		<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>

  30. 		<script src="js/sweetalert2.min.js"></script>

  31. 		

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

  33. 	</head>

  34. 	<body>

  35. 		<!--<div class="navbar navbar-default" style="margin-bottom: 0px;">

  36. 			<div class="navbar-header ">

  37. 				<a href="#" class="navbar-brand">

  38. 					<i class="icon-leaf"></i>

  39. 					CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>

  40. 				</a>

  41. 			</div>

  42. 		</div>

  43. 		<div id="show_html" style="display:none;" class="warp clearfix">

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

  45. 			<div class="control-show" style="width: 1100px;min-height: 720px;margin-left: 40px;margin-top: 40px;">-->

  46. 			<div id="" class="iframe_box">

  47. 				<!--题头-->

  48. 				<div style="font-size: 14px;" class="reserve_date">选择门票</div>

  49. 				<!--头部切换-->

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

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

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

  53. 					<span id="cut3" onclick="cut_botton(3)">周庄门票</span>

  54. 					<span id="cut4" onclick="open_new_path()" go_path="zzcs/prod/fill-order">其他门票</span>

  55. 				</div>

  56. 				

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

  58. 				<!-- 渠道号 -->

  59. 				<br />

  60. 				<div class="form-group">

  61. 					<label class="col-sm-1 no-padding-right" style="font-size: 12px;width:auto;">订单渠道:</label>

  62. 					<div class="col-sm-1" style="width: 15%;padding: 0;margin-left: 15px;">

  63. 						<!-- <select id="ordersource" style="font-size: 12px; width: 200px;">

  64.                           <option value="-1" selected="selected" style="font-size: 12px;">请选择</option>

  65.                       </select> -->

  66. 						<div id="bts-ex-4" class="selectpicker" data-live="true">

  67. 							<button data-id="prov" type="button" class="dropdown-toggle1" style="width: 100%;background-color: #fff;border: 1px solid #ccc;height: 30px;padding-left: 5px;text-align: left;">

  68. 								<span style="float:left;" class="placeholder">请选择</span>

  69. 								<span style="float:right;" class="caret"></span>

  70. 							</button>

  71. 							<div class="dropdown-menu" style="margin-top: -30px;">

  72. 								<div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true">

  73. 									<label class="sr-only" for="input-bts-ex-4">Search</label>

  74. 									<div class="search-box">

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

  76. 												<span class="input-group-addon" id="search-icon3">

  77. 												<span><img width="15px;" src="images/search.png"></span>

  78. 												</span>

  79. 											<input type="text" placeholder="Search" id="input-bts-ex-4" class="form-control live-search" aria-describedby="search-icon3" tabindex="1" />

  80. 										</div>

  81. 									</div>

  82. 									<div class="list-to-filter">

  83. 										<ul id="ordersource" class="list-unstyled">

  84. 											<!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> -->

  85. 										</ul>

  86. 									</div>

  87. 								</div>

  88. 							</div>

  89. 						</div>

  90. 					</div>

  91. 					<div class="col-sm-1">

  92. 						<input id="outside_no" class="form-control" type="text" style="font-size: 12px; height:30px;width:150px;" placeholder="渠道订单号"/>

  93. 					</div>

  94. 				</div>

  95. 				<br />

  96. 

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

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

  99. 					<div class="reserve_center_box1">

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

  101. 						<div class="reserve_date_box">

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

  103. 							<div style="width: 100px;display: inline-block;">

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

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

  106. 								</div>

  107. 							</div>

  108. 						</div>

  109. 					</div>

  110. 					<div class="reserve_center_box2">

  111. 						

  112. 						<div class="reserve_date_box">

  113. 							<div class="ticket_box">

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

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

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

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

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

  119. 							</div>

  120. 							<div class="ticket_box">

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

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

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

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

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

  126. 							</div>

  127. 							<div class="ticket_box">

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

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

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

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

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

  133. 							</div>

  134. 							<div class="ticket_box">

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

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

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

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

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

  140. 							</div>

  141. 							<div class="ticket_box">

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

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

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

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

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

  147. 							</div>

  148. 							<div class="ticket_box">

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

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

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

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

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

  154. 							</div>

  155. 						</div>

  156. 					</div>

  157. 					<div class="reserve_center_box3">

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

  159. 						<div class="reserve_date_box">

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

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

  162. 						</div>

  163. 						<div class="reserve_date_box">

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

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

  166. 						</div>

  167. 						<div class="reserve_date_box">

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

  169. 							<select id="customer_type">

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

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

  172. 							</select>

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

  174. 						</div>

  175. 					</div>

  176. 				</div>

  177. 				

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

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

  180. 					<div class="reserve_center_box1">

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

  182. 						<div class="reserve_date_box">

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

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

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

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

  187. 								</div>

  188. 							</div>

  189. 						</div>

  190. 						<div class="reserve_date_box">

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

  192. 							<span id="show_time">

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

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

  195. 							</span>

  196. 							

  197. 						</div>

  198. 					</div>

  199. 					<div class="reserve_center_box2">

  200. 						<div>

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

  202. 								<div class="ticket_box">

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

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

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

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

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

  208. 								</div>

  209. 								<div class="ticket_box">

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

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

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

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

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

  215. 								</div>

  216. 								<div class="ticket_box">

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

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

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

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

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

  222. 								</div>

  223. 								<div class="ticket_box">

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

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

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

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

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

  229. 								</div>

  230. 								<div class="ticket_box">

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

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

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

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

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

  236. 								</div>

  237. 								<div class="ticket_box">

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

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

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

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

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

  243. 								</div>

  244. 								

  245. 							</div>

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

  247. 						</div>

  248. 					</div>

  249. 					<div class="reserve_center_box3">

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

  251. 						<div class="reserve_date_box">

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

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

  254. 						</div>

  255. 						<div class="reserve_date_box">

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

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

  258. 						</div>

  259. 					</div>

  260. 				</div>

  261. 				

  262. 				<!--周庄门票-->

  263. 				<div id="ticket3" class="reserve_center" style="display: none;">

  264. 					<div class="reserve_center_box1">

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

  266. 						<div class="reserve_date_box">

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

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

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

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

  271. 								</div>

  272. 							</div>

  273. 						</div>

  274. 					</div>

  275. 					<div class="reserve_center_box2">

  276. 						<div class="reserve_date_box">

  277. 							<div class="ticket_box">

  278. 								<span class="ticket_box_span1">成人票</span>

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

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

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

  282. 								<span class="ticket_box_span5" id="zhouzhuangprice"></span>

  283. 							</div>

  284. 						</div>

  285. 					</div>

  286. 					<div class="reserve_center_box3">

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

  288. 						<div class="reserve_date_box">

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

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

  291. 						</div>

  292. 						<div class="reserve_date_box">

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

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

  295. 						</div>

  296. 						<div class="reserve_date_box">

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

  298. 							<select id="customer_type_z">

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

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

  301. 							</select>

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

  303. 						</div>

  304. 					</div>

  305. 				</div>

  306. 				

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

  308. 			</div>

  309. 			

  310. 		<!--</div>-->

  311. 		

  312. 		

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

  314. 	        <div class="alert_1_box">

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

  316. 					<div>

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

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

  319. 					</div>

  320. 					

  321. 					<div>

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

  323. 							上海迪士尼门票

  324. 						</div>

  325. 						<div>

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

  327. 						</div>

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

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

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

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

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

  333. 						</div>

  334. 					</div>

  335. 					<div>

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

  337. 					</div>

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

  339. 					<div>

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

  341. 					</div>

  342. 					

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

  344. 					

  345. 				</div>

  346. 	

  347. 	        </div>

  348.     	</div>

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

  350. 		<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;">

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

  352. 		</div>

  353. 	</body>

  354. 	

  355. 	

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

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

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

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

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

  361. 	<!--<script type="text/javascript" src="js/xm.js"></script>

  362. 	<script type="text/javascript" src="js/jquery.cookie.js"></script>

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

  364.         <script>

  365.             login();

  366.         </script>-->

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

  368. 		$(document).ready(function(){

  369. 			$.ajax({

  370. 				url:'st-xm/Api/order_list.php?method=getOrderORG',

  371. 				type:'post',

  372. 				dataType: "json",

  373. 				async:false,

  374. 				success : function(dataSoure) {

  375. 					console.log(dataSoure)

  376. 					initdata(dataSoure.order_ORG_List);

  377. 				}

  378. 			});

  379. 			$('#ordersource').val('');

  380. 		});

  381. 		function initdata(data){

  382. 			var temp = '<li value=-1 class="filter-item items"  data-filter="请选择">请选择</li>';

  383. 			for (var i=0;i<data.length;i++) {

  384. 				var j = i+1;

  385. 				temp += '<li value="'+data[i].org_id+'" class="filter-item items"  data-filter="'+data[i].soure+'">'+data[i].soure+'</li>'

  386. 

  387. 			}

  388. 			$("#ordersource").html(temp);

  389. 		}

  390. 		function open_new_path(){

  391. 		    window.location.href=cs1_path+"/zzcs/prod/fill-order";

  392. 		}

  393. 	</script>

  394. 	<script src="js/bootstrap.min.js"></script>

  395. 	<script src="js/modernizr.min.js"></script>

  396. 	<script src="js/vendor/tabcomplete.min.js"></script>

  397. 	<script src="js/vendor/livefilter.min.js"></script>

  398. 	<script src="js/vendor/src/bootstrap-select.js"></script>

  399. 	<script src="js/vendor/src/filterlist.js"></script>

  400. 	<script src="js/plugins.js"></script>

  401. </html>