nizongfeng
/
zzcx_line

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>门票预订</title>
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/ace.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/daterangepicker.css" />
		<link rel="stylesheet" type="text/css" href="./css/datepicker.css" />
		<link rel="stylesheet" href="css/master.css" />
		<link rel="stylesheet" href="css/disney_ticket.css" />
		<link rel="stylesheet" type="text/css" href="css/sweetalert2.min.css">
		<script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
		<style>
			sup {
				top: -1.5em;
				left: 1.5em;
			}
			.addbackground{
				background-color: #666!important;
			}
			.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;}
		</style>
		<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/sweetalert2.min.js"></script>
		
		<!--<script src="js/master.js" type="text/javascript" charset="utf-8"></script>-->
	</head>
	<body>
		<!--<div class="navbar navbar-default" style="margin-bottom: 0px;">
			<div class="navbar-header ">
				<a href="#" class="navbar-brand">
					<i class="icon-leaf"></i>
					CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
				</a>
			</div>
		</div>
		<div id="show_html" style="display:none;" class="warp clearfix">
			<div class="control-bar"></div>
			<div class="control-show" style="width: 1100px;min-height: 720px;margin-left: 40px;margin-top: 40px;">-->
			<div id="" class="iframe_box">
				<!--题头-->
				<div style="font-size: 14px;" class="reserve_date">选择门票</div>
				<!--头部切换-->
				<div id="cut_top" class="reserve_top">
					<span class="cut_sub" id="cut1" onclick="cut_botton(1)">乐园门票</span>
					<span id="cut2" onclick="cut_botton(2)">剧场门票</span>
					<span id="cut3" onclick="cut_botton(3)">周庄门票</span>
					<span id="cut4" onclick="open_new_path()" go_path="zzcs/prod/fill-order">其他门票</span>
				</div>
				
				<!--填购票信息-->
				<!-- 渠道号 -->
				<br />
				<div class="form-group">
					<label class="col-sm-1 no-padding-right" style="font-size: 12px;width:auto;">订单渠道:</label>
					<div class="col-sm-1" style="width: 15%;padding: 0;margin-left: 15px;">
						<!-- <select id="ordersource" style="font-size: 12px; width: 200px;">
                          <option value="-1" selected="selected" style="font-size: 12px;">请选择</option>
                      </select> -->
						<div id="bts-ex-4" class="selectpicker" data-live="true">
							<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;">
								<span style="float:left;" class="placeholder">请选择</span>
								<span style="float:right;" class="caret"></span>
							</button>
							<div class="dropdown-menu" style="margin-top: -30px;">
								<div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true">
									<label class="sr-only" for="input-bts-ex-4">Search</label>
									<div class="search-box">
										<div class="input-group">
												<span class="input-group-addon" id="search-icon3">
												<span><img width="15px;" src="images/search.png"></span>
												</span>
											<input type="text" placeholder="Search" id="input-bts-ex-4" class="form-control live-search" aria-describedby="search-icon3" tabindex="1" />
										</div>
									</div>
									<div class="list-to-filter">
										<ul id="ordersource" class="list-unstyled">
											<!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> -->
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-1">
						<input id="outside_no" class="form-control" type="text" style="font-size: 12px; height:30px;width:150px;" placeholder="渠道订单号"/>
					</div>
				</div>
				<br />

					<!--乐园门票-->
				<div id="ticket1" class="reserve_center">
					<div class="reserve_center_box1">
						<div class="reserve_date">出行日期</div>
						<div class="reserve_date_box">
							<div class="change_date1">日&nbsp;&nbsp;期：</div>
							<div style="width: 100px;display: inline-block;">
								<div class="input-group">
									<input id="start_time" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="开始日期" style="font-size: 13px; height:30px;">
								</div>
							</div>
						</div>
					</div>
					<div class="reserve_center_box2">
						
						<div class="reserve_date_box">
							<div class="ticket_box">
								<span class="ticket_box_span1">标准一日票</span><span id ="B1" style=" size: 12px;color:green"> </span>
								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
								<input class="ticket_box_span3" type="text" readonly="true" id="D" value="0" class="aticket"/>
								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
								<span id="prices1" class="ticket_box_span5">370元</span>
							</div>
							<div class="ticket_box">
								<span class="ticket_box_span1">儿童一日票</span><span id ="B2" style=" size: 12px;color:green"> </span>
								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
								<input class="ticket_box_span3" type="text" readonly="true" id="Children" value="0" class="aticket"/>
								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
								<span id="prices2" class="ticket_box_span5">280元</span>
							</div>
							<div class="ticket_box">
								<span class="ticket_box_span1">老人一日票</span><span id ="B3" style=" size: 12px;color:green"> </span>
								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
								<input class="ticket_box_span3" type="text" readonly="true" id="Old" value="0" class="aticket"/>
								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
								<span id="prices3" class="ticket_box_span5">280元</span>
							</div>
							<div class="ticket_box">
								<span class="ticket_box_span1">标准两日票</span><span id ="B4" style=" size: 12px;color:green"> </span>
								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
								<input class="ticket_box_span3" type="text" readonly="true" id="D2" value="0" class="aticket"/>
								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
								<span id="prices4" class="ticket_box_span5">825元</span>
							</div>
							<div class="ticket_box">
								<span class="ticket_box_span1">儿童两日票</span><span id ="B5" style=" size: 12px;color:green"> </span>
								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
								<input class="ticket_box_span3" type="text" readonly="true" id="Children2" value="0" class="aticket"/>
								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
								<span id="prices5" class="ticket_box_span5">620元</span>
							</div>
							<div class="ticket_box">
								<span class="ticket_box_span1">老人两日票</span><span id ="B6" style=" size: 12px;color:green"> </span>
								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
								<input class="ticket_box_span3" type="text" readonly="true" id="Old2" value="0" class="aticket"/>
								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
								<span id="prices6" class="ticket_box_span5">620元</span>
							</div>
						</div>
					</div>
					<div class="reserve_center_box3">
						<div class="reserve_date">联系人信息</div>
						<div class="reserve_date_box">
							<span class="change_date1">姓<span style="color: #fff;">名</span>名：</span>
							<span><input type="text" placeholder="请输入姓名" id="sub_name" value="" /></span>
						</div>
						<div class="reserve_date_box">
							<span class="change_date1">手机号：</span>
							<span><input type="text" placeholder="请输入手机号" id="sub_phone" value="" /></span>
						</div>
						<div class="reserve_date_box">
							<span class="change_date1">证件号：</span>
							<select id="customer_type">
								<option value="150">身份证号</option>
								<option value="153">护照</option>
							</select>
							<span><input type="text" placeholder="请输入证件号" name="" id="customer_id" value="" /></span>
						</div>
					</div>
				</div>
				
				<!--剧场门票-->
				<div id="ticket2" class="reserve_center" style="display: none;">
					<div class="reserve_center_box1">
						<div class="reserve_date">出行日期</div>
						<div class="reserve_date_box">
							<div class="change_date1">日&nbsp;&nbsp;期：</div>
							<div style="width: 80px;display: inline-block;">
								<div class="input-group">
									<input id="lion_date" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="开始日期" style="font-size: 13px; height:30px;">
								</div>
							</div>
						</div>
						<div class="reserve_date_box">
							<span  class="change_date1">演出时间：</span>
							<span id="show_time">
								<!--<span class="change_date2">13：30</span>
								<span class="change_date2">19：00</span>-->
							</span>
							
						</div>
					</div>
					<div class="reserve_center_box2">
						<div>
							<div style="display: inline-block;" class="reserve_date_box">
								<div class="ticket_box">
									<span class="ticket_box_span1">AA区域</span><span id="K1" style=" size: 12px;color:green"> </span>
									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
									<input class="ticket_box_span3" readonly="true" type="text" name="" id="AA" value="0" />
									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
									<span id="lion_price1" class="ticket_box_span5">900元</span>
								</div>
								<div class="ticket_box">
									<span class="ticket_box_span1">AB区域</span><span id="K2" style=" size: 12px;color:green"> </span>
									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
									<input class="ticket_box_span3" readonly="true" type="text" name="" id="AB" value="0" />
									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
									<span id="lion_price2" class="ticket_box_span5">700元</span>
								</div>
								<div class="ticket_box">
									<span class="ticket_box_span1">BA区域</span><span id="K3" style=" size: 12px;color:green"> </span>
									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
									<input class="ticket_box_span3" readonly="true" type="text" name="" id="BA" value="0" />
									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
									<span id="lion_price3" class="ticket_box_span5">490元</span>
								</div>
								<div class="ticket_box">
									<span class="ticket_box_span1">BB区域</span><span id="K4" style=" size: 12px;color:green"> </span>
									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
									<input class="ticket_box_span3" readonly="true" type="text" name="" id="BB" value="0" />
									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
									<span id="lion_price4" class="ticket_box_span5">390元</span>
								</div>
								<div class="ticket_box">
									<span class="ticket_box_span1">CA区域</span><span id="K5" style=" size: 12px;color:green"> </span>
									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
									<input class="ticket_box_span3" readonly="true" type="text" name="" id="CA" value="0" />
									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
									<span id="lion_price5" class="ticket_box_span5">290元</span>
								</div>
								<div class="ticket_box">
									<span class="ticket_box_span1">CB区域</span><span id="K6" style=" size: 12px;color:green"> </span>
									<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
									<input class="ticket_box_span3" readonly="true" type="text" name="" id="CB" value="0" />
									<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
									<span id="lion_price6" class="ticket_box_span5">190元</span>
								</div>
								
							</div>
							<div onclick="getbig()" id="picture" style="display: inline-block;margin: 20px;vertical-align: top;cursor: pointer;"><img width="230px" src="images/seat.png"></div>
						</div>
					</div>
					<div class="reserve_center_box3">
						<div class="reserve_date">联系人信息</div>
						<div class="reserve_date_box">
							<span class="change_date1">姓<span style="color: #fff;">名</span>名：</span>
							<span><input type="text" placeholder="请输入姓名" name="" id="lion_name" value="" /></span>
						</div>
						<div class="reserve_date_box">
							<span class="change_date1">手机号：</span>
							<span><input type="text" placeholder="请输入手机号" name="" id="lion_phone" value="" /></span>
						</div>
					</div>
				</div>
				
				<!--周庄门票-->
				<div id="ticket3" class="reserve_center" style="display: none;">
					<div class="reserve_center_box1">
						<div class="reserve_date">出行日期</div>
						<div class="reserve_date_box">
							<div class="change_date1">日&nbsp;&nbsp;期：</div>
							<div style="width: 80px;display: inline-block;">
								<div class="input-group">
									<input id="start_datezhou" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="开始日期" style="font-size: 13px; height:30px;">
								</div>
							</div>
						</div>
					</div>
					<div class="reserve_center_box2">
						<div class="reserve_date_box">
							<div class="ticket_box">
								<span class="ticket_box_span1">成人票</span>
								<span style="line-height: 20px;" class="ticket_box_span2 add">+</span>
								<input class="ticket_box_span3" type="text" readonly="true" id="zhouzhuangval" value="0" class="aticket"/>
								<span style="line-height: 20px;" class="ticket_box_span4 cut">-</span>
								<span class="ticket_box_span5" id="zhouzhuangprice"></span>
							</div>
						</div>
					</div>
					<div class="reserve_center_box3">
						<div class="reserve_date">联系人信息</div>
						<div class="reserve_date_box">
							<span class="change_date1">姓<span style="color: #fff;">名</span>名：</span>
							<span><input type="text" placeholder="请输入姓名" id="sub_name_z" value="" /></span>
						</div>
						<div class="reserve_date_box">
							<span class="change_date1">手机号：</span>
							<span><input type="text" placeholder="请输入手机号" id="sub_phone_z" value="" /></span>
						</div>
						<div class="reserve_date_box">
							<span class="change_date1">证件号：</span>
							<select id="customer_type_z">
								<option value="150">身份证号</option>
								<option value="153">护照</option>
							</select>
							<span><input type="text" placeholder="请输入证件号" name="" id="customer_id_z" value="" /></span>
						</div>
					</div>
				</div>
				
				<div class="sub btn-primary" id="submit">提交</div>
			</div>
			
		<!--</div>-->
		
		
		<div id="alert_1" class="alert_1" style="display: none;">
	        <div class="alert_1_box">
	            <div class="refund_ticket_go_success" id="refund_ticket_go_success" style="padding: 30px;">
					<div>
						<span class="circle_right" >√</span>
						<span style="padding-left: 30px;font-size: 16px;font-weight: bold;">提交成功</span>
					</div>
					
					<div>
						<div id="ticket_name" style="margin-left: 70px;margin-top: 25px;">
							上海迪士尼门票
						</div>
						<div>
							<hr style="border:1px dashed lightgray; height:0px;margin-left: 70px;width: 500px;">
						</div>
						<div style="margin-left: 80px;">
							<div id="ticket_time">时间：2016-12-12 07:12</div>
							<div id="ticket_no" style="margin-top: 15px;">数量：儿童票x3</div>
							<div id="man_name" style="margin-top: 15px;">姓名：小橙子</div>
							<div id="man_phone" style="margin-top: 15px;">手机：18621904917</div>
						</div>
					</div>
					<div>
						<hr style="border:1px dashed lightgray; height:0px;margin-left: 70px;width: 500px;">
					</div>
					<!--订单总额-->
					<div>
						<div id="total_price" style="margin-left: 70px;margin-top: 5px;">订单总额：110元</div>
					</div>
					
					<span style="padding: 5px 10px;display: inline-block;margin-top: 10px;margin-left: 70px;" class="style_btns btn-primary" onclick="close_alert()">关闭</span>
					
				</div>
	
	        </div>
    	</div>
		<div class="alert_picture" onclick="getsmall()" style="display: none;"><img class="alert_1_box_picture" src="images/seat.png"></div>
		<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;">
			<img style="width: 50px;" src = './images/loading2.gif'>
		</div>
	</body>
	
	
	<script src="js/disney_ticket.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/main.js" ></script>
	<script src="js/bootstrap-datepicker.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap-timepicker.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
	<!--<script type="text/javascript" src="js/xm.js"></script>
	<script type="text/javascript" src="js/jquery.cookie.js"></script>
	<script src="js/master.js"></script>	
        <script>
            login();
        </script>-->
	<script type="text/javascript">
		$(document).ready(function(){
			$.ajax({
				url:'st-xm/Api/order_list.php?method=getOrderORG',
				type:'post',
				dataType: "json",
				async:false,
				success : function(dataSoure) {
					console.log(dataSoure)
					initdata(dataSoure.order_ORG_List);
				}
			});
			$('#ordersource').val('');
		});
		function initdata(data){
			var temp = '<li value=-1 class="filter-item items"  data-filter="请选择">请选择</li>';
			for (var i=0;i<data.length;i++) {
				var j = i+1;
				temp += '<li value="'+data[i].org_id+'" class="filter-item items"  data-filter="'+data[i].soure+'">'+data[i].soure+'</li>'

			}
			$("#ordersource").html(temp);
		}
		function open_new_path(){
		    window.location.href=cs1_path+"/zzcs/prod/fill-order";
		}
	</script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/modernizr.min.js"></script>
	<script src="js/vendor/tabcomplete.min.js"></script>
	<script src="js/vendor/livefilter.min.js"></script>
	<script src="js/vendor/src/bootstrap-select.js"></script>
	<script src="js/vendor/src/filterlist.js"></script>
	<script src="js/plugins.js"></script>
</html>