nizongfeng
/
ZZCS
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
14 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZCS/coding/special_ticket.html

405 lines
19 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/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" onclick="cut_botton(3)">周庄门票</span>

  52. 					<!--

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

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

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

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

  57. 					-->

  58. 				</div>

  59. 				

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

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

  62. 				<br />

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

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

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

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

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

  68.                       </select> -->

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

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

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

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

  73. 							</button>

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

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

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

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

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

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

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

  81. 												</span>

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

  83. 										</div>

  84. 									</div>

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

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

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

  88. 										</ul>

  89. 									</div>

  90. 								</div>

  91. 							</div>

  92. 						</div>

  93. 					</div>

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

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

  96. 					</div>

  97. 				</div>

  98. 				<br />

  99. 

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

  101. 				<div id="ticket1" class="reserve_center" style="display: none;">

  102. 					<div class="reserve_center_box1">

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

  104. 						<div class="reserve_date_box">

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

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

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

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

  109. 								</div>

  110. 							</div>

  111. 						</div>

  112. 					</div>

  113. 					<div class="reserve_center_box2">

  114. 						

  115. 						<div class="reserve_date_box">

  116. 							<div class="ticket_box">

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

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

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

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

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

  122. 							</div>

  123. 							<div class="ticket_box">

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

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

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

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

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

  129. 							</div>

  130. 							<div class="ticket_box">

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

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

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

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

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

  136. 							</div>

  137. 							<div class="ticket_box">

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

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

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

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

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

  143. 							</div>

  144. 							<div class="ticket_box">

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

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

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

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

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

  150. 							</div>

  151. 							<div class="ticket_box">

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

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

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

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

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

  157. 							</div>

  158. 						</div>

  159. 					</div>

  160. 					<div class="reserve_center_box3">

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

  162. 						<div class="reserve_date_box">

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

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

  165. 						</div>

  166. 						<div class="reserve_date_box">

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

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

  169. 						</div>

  170. 						<div class="reserve_date_box">

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

  172. 							<select id="customer_type">

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

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

  175. 							</select>

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

  177. 						</div>

  178. 					</div>

  179. 				</div>

  180. 				

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

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

  183. 					<div class="reserve_center_box1">

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

  185. 						<div class="reserve_date_box">

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

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

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

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

  190. 								</div>

  191. 							</div>

  192. 						</div>

  193. 						<div class="reserve_date_box">

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

  195. 							<span id="show_time">

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

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

  198. 							</span>

  199. 							

  200. 						</div>

  201. 					</div>

  202. 					<div class="reserve_center_box2">

  203. 						<div>

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

  205. 								<div class="ticket_box">

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

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

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

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

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

  211. 								</div>

  212. 								<div class="ticket_box">

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

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

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

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

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

  218. 								</div>

  219. 								<div class="ticket_box">

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

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

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

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

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

  225. 								</div>

  226. 								<div class="ticket_box">

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

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

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

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

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

  232. 								</div>

  233. 								<div class="ticket_box">

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

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

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

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

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

  239. 								</div>

  240. 								<div class="ticket_box">

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

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

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

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

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

  246. 								</div>

  247. 								

  248. 							</div>

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

  250. 						</div>

  251. 					</div>

  252. 					<div class="reserve_center_box3">

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

  254. 						<div class="reserve_date_box">

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

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

  257. 						</div>

  258. 						<div class="reserve_date_box">

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

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

  261. 						</div>

  262. 					</div>

  263. 				</div>

  264. 				

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

  266. 				<div id="ticket3" class="reserve_center" >

  267. 					<div class="reserve_center_box1">

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

  269. 						<div class="reserve_date_box">

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

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

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

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

  274. 								</div>

  275. 							</div>

  276. 						</div>

  277. 					</div>

  278. 					<div class="reserve_center_box2">

  279. 						<div class="reserve_date_box">

  280. 							<div class="ticket_box">

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

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

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

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

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

  286. 							</div>

  287. 						</div>

  288. 					</div>

  289. 					<div class="reserve_center_box3">

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

  291. 						<div class="reserve_date_box">

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

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

  294. 						</div>

  295. 						<div class="reserve_date_box">

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

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

  298. 						</div>

  299. 						<div class="reserve_date_box">

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

  301. 							<select id="customer_type_z">

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

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

  304. 							</select>

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

  306. 						</div>

  307. 					</div>

  308. 				</div>

  309. 				

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

  311. 			</div>

  312. 			

  313. 		<!--</div>-->

  314. 		

  315. 		

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

  317. 	        <div class="alert_1_box">

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

  319. 					<div>

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

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

  322. 					</div>

  323. 					

  324. 					<div>

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

  326. 							上海迪士尼门票

  327. 						</div>

  328. 						<div>

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

  330. 						</div>

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

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

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

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

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

  336. 						</div>

  337. 					</div>

  338. 					<div>

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

  340. 					</div>

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

  342. 					<div>

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

  344. 					</div>

  345. 					

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

  347. 					

  348. 				</div>

  349. 	

  350. 	        </div>

  351.     	</div>

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

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

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

  355. 		</div>

  356. 	</body>

  357. 	

  358. 	

  359. 	<script src="js/disney_ticket.js?version=001" type="text/javascript" charset="utf-8"></script>

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

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

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

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

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

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

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

  367.         <script>

  368.             login();

  369.         </script>-->

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

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

  372. 			$.ajax({

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

  374. 				type:'post',

  375. 				dataType: "json",

  376. 				async:false,

  377. 				success : function(dataSoure) {

  378. 					console.log(dataSoure)

  379. 					initdata(dataSoure.order_ORG_List);

  380. 				}

  381. 			});

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

  383. 		});

  384. 		function initdata(data){

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

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

  387. 				var j = i+1;

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

  389. 

  390. 			}

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

  392. 		}

  393. 		function open_new_path(){

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

  395. 		}

  396. 	</script>

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

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

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

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

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

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

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

  404. </html>