<!DOCTYPE html>
<html class="no-js" lang="">
	<head>
		<meta charset="UTF-8">
		<title>订单列表</title>
		<!--<link rel="stylesheet" type="text/css" href="./css/ace.min.css" />-->
		<link rel="stylesheet" type="text/css" href="http://img.zhizhuchuxing.cn/zzframe/dist/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/module.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />-->
		<!--<link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.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" type="text/css" href="./css/master.css">-->
		<link rel="stylesheet" type="text/css" href="./css/Page.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>
		<script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://img.zhizhuchuxing.cn/zzframe/dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="./js/order_list.js"></script>
		<script type="text/javascript" src="./js/master.js"></script>
		<script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script>
		<script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script>
		<script src="js/sweetalert2.min.js"></script>

		<script language="javascript" src="./js/jquery.jqprint-0.3.js"></script>

		<script type="text/javascript" src="./js/Page2.js"></script>
		<script src="js/Page.js" type="text/javascript"></script>
		
		<script src="js/jquery.cookie.js"></script>
		<!--<script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>-->
		<!--<script src="js/xm.js"></script>
		<script>
			login();
		</script>-->
		
	</head>
	<style type="text/css">
		sup {
		    top: -1.5em;
		    left: 1.5em;
		}
		.addbackground{
			background-color: #666!important;
		}
		.dropdown-menu {
		    position: absolute;
		    top: 100%;
		    left: 0;
		    z-index: 1000;
		    display: none;
		    float: left;
		    min-width: 160px;
		    font-size: 12px;
		    text-align: left;
		    list-style: none;
		    background-color: #fff;
		    -webkit-background-clip: padding-box;
		    background-clip: padding-box;
		    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		    padding: 0;
    			margin: 0;
    			border: 0;
    			border-radius: 0;
    			
		}
		.caret {
				position: absolute;
				right: 8px;
				top: 13px;
			    display: inline-block;
			    width: 0;
			    height: 0;
			    margin-left: 2px;
			    vertical-align: middle;
			    border-top: 4px solid;
			    border-right: 4px solid transparent;
			    border-left: 4px solid transparent;
			}
		.text{
			float: left;
			width: 100%;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    text-align: left;
		}
		.search-box{
			padding: 5px;
		}
		.selectpicker .dropdown-menu ul>li:hover {
		    background: #e6e6e6;
		}
		.selectpicker .dropdown-menu ul>li {
		    display: block;
		    padding: 8px 0 8px 20px;
		    cursor: pointer;
		}
		.selectpicker .dropdown-menu ul>li.selected {
		    color: #fff;
		    background: #1e90ff;
		}
		.pager {
		    padding-left: 0;
		    margin: 14px 0;
		    text-align: right;
		    list-style: none;
		}
	</style>
	<body style="font-size: 12px;" style="margin-bottom: 0px;">
	<div class="iframe_box">
		<div class="page-content">
			<div>
				<form class="form-horizontal" role="form">
					<div style="margin-bottom: 10px;" class="form-inline">
						<span>时间范围:</span>
					    <select id="timelimit" class="form-control">
					        <option value="下单时间" selected="selected" style="font-size: 12px;">预订时间</option>
							<option value="出发时间" style="font-size: 12px;">出发时间</option>
					    </select>
					    <div style="width: 160px;margin-left: 20px;" class="input-group date form_date1">
						    <input id="starttime" class="form-control" size="16" type="text" readonly>
						    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
						</div>
						<span> - </span>
						<div style="width: 160px;" class="input-group date form_date2">
						    <input id="endtime" class="form-control" size="16" type="text" readonly>
						    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
						</div>
						<span style="margin-left: 20px;">线路:</span>
						<input id="line" class="form-control" type="text" style="font-size: 12px; height:30px;" placeholder="线路"/>
						
						<span style="margin-left: 20px;">出发地:</span>
						<input id="start_area" class="form-control" type="text" style="font-size: 12px; height:30px;width: 92px;" placeholder="出发地"/>
						<span style="margin-left: 20px;">目的地:</span>
						<input id="end_area" class="form-control" type="text" style="font-size: 12px; height:30px;width: 92px;" placeholder="目的地"/>
						
					</div>

					<div style="margin-bottom: 10px;" class="form-inline">
						<span style="float: left;padding: 7px 0px;padding-right: 4px;">订单渠道:</span>
						<div class="col-sm-1" style="width: 200px;padding: 0;">
							  <!-- <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 #eaebee;height: 28px;padding: 1px 15px 1px 5px;">
									<span style="float:left;" class="placeholder">请选择</span>
									<span style="" class="caret"></span>
								</button>
								<div class="dropdown-menu">
									<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 style="border-radius: 0;padding: 5px 12px;" class="input-group-addon" id="search-icon3">
												<span><img width="15px;" src="images/search.png"></span>
												</span>
												<input style="border-radius: 0;" 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 style="border-top: 1px solid #EEEEEE;height: 200px;overflow-y: scroll;" id="ordersource" class="list-unstyled">
												<!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> -->
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<select id="select_bus_type" class="form-control" style="margin-left: 20px;">
							<option value="0">全部</option>
							<option value="255">直通巴士</option>
							<option value="256">穿梭巴士</option>
							<option value="284">城际商务车</option>
							<option value="368">打包产品</option>
						</select>
					</div>






					<div id="minus" style="margin-bottom: 10px;">
						<span>订单状态:</span>
						
						<span id="add0" class="btn btn-primary" onclick="getList(0)" style="margin-right: 10px;">全部<sup id="orderAll" style="display: block; font-size: 8px;text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>
					
						<span id="add145" class="btn btn-default" onclick="getList(145)" style="margin-right: 10px;">待支付<sup id="orderPaid"  style="display: block; font-size: 8px; text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>
					
						<span id="add146" class="btn btn-default" onclick="getList(146)" style="margin-right: 10px;">已出票<sup id="orderIssued" style="display:block ; font-size: 8px; text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>
					
						<span id="add147" class="btn btn-default" onclick="getList(147)" style="margin-right: 10px;">已完成<sup id="orderCompleted" style="display: block; font-size: 8px; text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>
					
						<span id="add148" class="btn btn-default" onclick="getList(148)" style="margin-right: 10px;">已取消<sup id="orderCanceled" style="display: block; font-size: 8px; text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>
						
						<label class="col-sm-1 control-label no-padding-right" style="display: none;width: auto; font-size: 12px; padding-left: 210px;">支付状态:</label>
						<div class="col-sm-1" style="display: none;width: auto;">
							<select id="paystatus" style="font-size: 12px; width: 90px;">
								<option value="-1" selected="selected" style="font-size: 12px;">请选择</option>
								<option value="1" style="font-size: 12px;">已支付</option>
								<option value="0" style="font-size: 12px;">未支付</option>
							</select>
						</div>
						<!--
						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">结算状态:</label>
						<div class="col-sm-1" style="width: auto;">
							<select id="billingstatus" style="font-size: 12px; width: 90px;">
								<option value="" selected="selected" style="font-size: 12px;">请选择</option>
								<option value="0" style="font-size: 12px;">待结算</option>
								<option value="1" style="font-size: 12px;">已结算</option>
							</select>
						</div>
						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">退改状态:</label>
						<div class="col-sm-1" style="width: auto;">
							<select id="mealbounce" style="font-size: 12px; width: 90px;">
								<option value="" selected="selected" style="font-size: 12px;">请选择</option>
								<option value="1" style="font-size: 12px;">有改签</option>
								<option value="2" style="font-size: 12px;">有退票</option>
								<option value="3" style="font-size: 12px;">已改签</option>
								<option value="4" style="font-size: 12px;">已退票</option>
							</select>
						</div>
						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">退款状态:</label>
						<div class="col-sm-1" style="width: auto;">
							<select id="refund" style="font-size: 12px; width: 90px;">
								<option value="" selected="selected" style="font-size: 12px;">请选择</option>
								<option value="1" style="font-size: 12px;">退款中</option>
								<option value="2" style="font-size: 12px;">已退款</option>
							</select>
						</div>
						-->
					</div>
					<div class="form-inline" style="margin-bottom: 10px;">
						<span>更多查询:</span>
						<input id="moresearch" class="form-control" type="text" style="font-size: 12px; height:30px;width: 240px;" placeholder="订单号/客人姓名/客人电话/渠道订单号"/>
						<span class="btn btn-import" style="margin-left: 10px;" onclick="getList(0)">查询</span>
						<span class="btn btn-import" style="margin-left: 10px;" onclick="printInfo()">打印</span>
						<span id="btn_export" class="btn btn-import" style="margin-left: 10px;" onclick="exportToExcel(this)">导出游客信息</span>
					</div>
				</form>
			</div>
			<div>
				<div>
					<div class="table-responsive">
						<table id="orderTable" class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
									<!--<th class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(0)" type="checkbox"><span class="lbl"></span></label></th>-->
									<th class="list_middle" style="width: 30px;">
										<input  type="checkbox" name="all_check_box" id="all_check_box" value=""  class="ace_check" onclick="select_checked('0')"/>
									</th>
									<th>订单编号</th>
									<th>预订时间</th>
									<th>订单渠道</th>
									<!--<th style="width: 150px;">渠道订单号</th>-->
									<th>预订产品</th>
									<th>出发时间</th>
									<th>联系人</th>
									<th>状态</th>
									<th>支付方式</th>
									<th width="165">操作</th>
								</tr>
							</thead>
							<tbody id="tableOrder">
								<tr style="">
									<!--<td class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(1)" type="checkbox"><span class="lbl"></span></label></td>-->
									<td class="list_middle" >
										<input type="checkbox" onclick="select_checked('1')"  checkid="[oneCheck]" class="ace_check" />
									</td>
									<td style="width: 90px;"><a target="_Blank"  onclick="open_order_detail_path(this)" go_path="zzcs/order/order-detail?order_id=[order_id]">订单编号</a></td>
									<td style="width: 120px;">下单时间</td>
									<td style="width: 160px;">订单来源<br>渠道订单号</td>
									<!--<td style="width: 160px;">渠道订单号</td>-->
									<td style="width: 360px;">
										<div><a>line</a>预订产品</div>
										<div id="ticketText">
											<div>普通成人票 </div>
										</div>
										<!--<div>贵宾成人票 </div>-->
									</td>
									<td style="width: 120px;">出发时间</td>
									<td style="width: 130px;">
										<div>name</div>
										<div>phone</div>
									</td>
									<td style="width: 113px;">状态</td>
									<td style="width: 113px;">pay_type</td>
									<td style="width: 100px;">
										<span><a style="cursor: pointer;" class="[btn] [btn-danger] [btn-xs]" onclick="cancel(0)">cancelOrder</a></span>
										<span><a onclick="meal(0)">mealOrder</a></span>
										<span><a onclick="refund(0)">refundOrder</a></span>
										&#160;&#160;<span><a class="btn btn-success btn-xs" style="cursor: pointer;" onclick="copy_order(0)">copyOrder</a></span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>	
				</div>
			</div>
			<div id="page"></div>
            <div id="sum"></div>
		</div>
		<!--
        	作者:作者:刘兵   
        	维护:付泓程
        	时间:2016-06-03
        	描述:add end
        -->
		</div>
	<!--</div>-->
	
	<div style="width: 1100px;display: none;" id="ddd">
		
	</div>

	
	</body>
	<!--  -->
	<script type="text/javascript">
		$(".form_date1").datetimepicker({
		    format: 'yyyy-mm-dd',
		    autoclose:true,
		    minView:2,
		    pickerPosition:"bottom-left"
		});
		$(".form_date2").datetimepicker({
		    format: 'yyyy-mm-dd',
		    autoclose:true,
		    minView:2,
		    pickerPosition:"bottom-left"
		});
		$('.date-picker').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();});
		$('#timepicker1').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();});
		$('#timepicker2').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();});
		
//		var dataSoure =  getStorJson("dataSoure");
		$(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);
		        }
		    });
		});
		
		
		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);
//			$(".filter-item").click(function(){
//				  alert($(this).val());
//				});		
		}
		


		//设置Json类型的本地缓存
		function setStorJson(objName, json){ 
		    if (json) 
		        setStorage(objName, JSON.stringify(json));
		}
		//读取Json类型的本地缓存
		function getStorJson(objName){ 
		    var ret = null;
		    var str = getStorage(objName);
		    if (str) 
		        ret = JSON.parse(str);
		    return ret;
		}
	</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>