<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>车次列表</title>

		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/carDetail.css" />
		<link rel="stylesheet" href="css/bootstrap-timepicker.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/daterangepicker.css" />
		<link rel="stylesheet" href="css/datepicker.css" />

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

		<script type="text/javascript" src="js/jquery-2.0.3.min.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 type="text/javascript" src="js/carList.js"></script>
		<!--<script type="text/javascript" src="js/master.js"></script>-->
		<script type="text/javascript" src="js/Page.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<script src="js/base_path.js"></script>
		<!--<script src="js/xm.js"></script>
		<script>
			login();
		</script>-->
	</head>
	<style type="text/css">
		.carList {
			
		}
		
		input {
			margin-right: 10px;
		}
		
		th,
		td {
			text-align: center;
		}
		
		tbody>tr:last-child {
			border-bottom: 1px solid lightgray;
		}
		.update_car_no{
			background-color:gray!important;
			border-color:gray;
			width: 120px;
		}
		.del{
			background-color:gray!important;
			border-color:gray;
			width: 94px;
		}
	</style>
	<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">-->
			<div class="iframe_box">
				<div class="carList">
					<div class="top" style="float: left;border: 2px solid #ccc;padding: 20px;width: 100%;">
						<div  style="display: inline-block;margin-bottom: 5px;margin-top: 5px;width: 100%;">
							<span style="float: left;display: none;">
								<span style="float: left;line-height: 30px;">出发地:</span><input id="start_area" style="width: 70px;" type="text">
							</span>
							<span style="float: left;display: none;">
								<span style="float: left;line-height: 30px;">目的地:</span><input id="end_area" style="width: 70px;" type="text">
							</span>
							<span style="float: left;">
								<span style="float: left;line-height: 30px;">线路:</span><input id="prod" style="width: 85px;" type="text">
							</span>
							<span style="float: left;">
								<span style="float: left;line-height: 30px;">出发日期:</span>
								<div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;">
									<div class="input-group">
										<input id="id-date-picker-1" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="出发日期" style="font-size: 12px;height: 30px;">
										<span class="input-group-addon">
											<i class="icon-calendar bigger-110"></i>
										</span>
									</div>
								</div>
								<span style="float: left;line-height:30px;margin-left: 8px;">-</span>
								<div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;">
									<div class="input-group">
										<input id="id-date-picker-2" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="结束日期" style="font-size: 12px;height: 30px;">
										<span class="input-group-addon">
										<i class="icon-calendar bigger-110"></i>
									</span>
									</div>
								</div>
							</span>
							<span style="float: left;margin-left:5px;">
								<span style="float: left;line-height: 30px;">运营状态:</span>
								<select id="select_status" style="margin-right: 10px;">
									<option selected="selected" value="-2">请选择</option>
									<option value="137">待审核</option>
									<option value="138">售卖中</option>
									<option value="139">待出行</option>
									<!--<option value="140">已发车</option>-->
									<option value="141">已完成</option>
									<option value="142">已停运</option>
								</select>
							</span>
	                        <span style="float: left;line-height: 30px;">线路类型:
		                        <select id="bus_type" style="margin-right: 5px;">
		                            <option selected="selected" value="0">全部</option>
		                            <option value="255">直通</option>
		                            <option value="256">穿梭</option>
									<option value="284">城际商务车</option>
		                        </select>
		                        <lable class="control-label" style="margin-left:5px;">线路组合:</lable>
		                        <select style="margin-left:5px;height: 28px;" name="bus_group" id="bus_group">
		                            <option value="0">全部</option>
		                        </select>
	                        </span>
						</div>
						<div style="display: inline-block;margin-bottom: 5px;margin-top: 5px;">
							<span style="float: left;line-height: 30px;">每页条数
								<select style="margin-right: 10px;width: 60px;" id="select_curpage" value="" onchange="selectPage()">
									<option value="10" selected = "selected">10</option>
									<option value="20">20</option>
									<option value="30">30</option>
									<option value="50">50</option>
									<option value="" id="select_curpage_all" >all</option>
								</select>
							</span>
							<span style="float: left;">
								<button id="btn_search" onclick="click_search()" class="btn btn-sm btn-primary">查询</button>
							</span>
						</div>
						
						
					</div>
					<div class="buttons" style="float:left; margin-top: 20px; margin-bottom:20px;">
						<!--<button onclick="window.open('http://cs.zhizhuchuxing.com/addcartime.html')" value="1" class="btn btn-sm btn-primary">添加车次</button>-->
						<button onclick="open_addcartime()" value="1" class="btn btn-sm btn-primary">添加车次</button>
						<button onclick="click_five_btn(this.value)" value="1" class="btn btn-sm btn-primary">售卖审核</button>
						<!--<button onclick="click_five_btn(this.value)" value="0" class="btn btn-sm btn-primary">取消审核</button>-->
						<button onclick="click_five_btn(this.value)" value="3" class="btn btn-sm btn-primary">停售</button>
						<button onclick="click_five_btn(this.value)" value="0" class="btn btn-sm btn-primary">启运</button>
						<button onclick="click_five_btn(this.value)" value="2" class="btn btn-sm btn-primary">停运</button>

						<label id="five_del" onclick="click_five_btn(4)" data-statu="false" value="4" class="del btn btn-sm btn-primary">删除</label>

						<label id="update_car_no" data-statu="false" class="update_car_no btn btn-sm btn-primary" onclick="click_five_btn('update_car_no')" value="update_car_no" >修改车次</label>
						
						<!-- <button onclick="click_five_btn(this.innerHTML)" class="btn btn-minier btn-yellow">售票延迟</button> -->
					</div>
					<div id="pagination" class="row" style="margin-top: 30px;">
						<div class="col-xs-12">
							<div class="table-responsive" >
								<table id="sample-table-1" class="table table-striped table-bordered table-hover">
									<thead>
										<tr>
											<th width="35px" class="center">
												<label>
											<input class="ace" onclick="select_checked('0')" type="checkbox">
											<span class="lbl"></span>
										</label>
											</th>
											<th width="247px">线路</th>
											<th width="120px">出发日期</th>
											<th width="140px">出发站点时间</th>
											<th width="90px">车次</th>
											<th width="80px">承运车队</th>
											<th width="90px">座位总数</th>
											<th style="display: none;" width="100px">已售座位</th>
											<th width="80px">已售人数</th>
											<th width="90px">运营状态</th>
											<th width="80px">调度状态</th>
											<th width="180px">操作</th>
										</tr>
									</thead>
									<tbody id="carList">
										<tr class="one" style="display: none;">
											<th class="center">
												<label>
											<input class="ace" onclick="select_checked('1')" data-json='[dict-json]' data-statu='[data-statu]' data-carno='[car_number]' data-date='[run_date]' data_QDH='[QDH]' name='[name]' type="checkbox">
											<span class="lbl"></span>
										</label>
											</th>
											<td>[线路]</td>
											<td>[出发日期]</td>
											<td>[出发站点时间]</td>
											<td>[车次]</td>
											<td>[承运车队]</td>
											<td>[座位总数]</td>
											<td style="display: none;color: #428bca;">[已售座位]</td>
											<td style="color: #428bca;">[已售人数]</td>
											<td>[运营状态]</td>
											<td>[收客状态]</td>
											<td>[操作]</td>
										</tr>
									</tbody>
								</table>
							</div>
							<!-- /.table-responsive -->
						</div>
						<!-- /span -->
					</div>
					<!--row end-->
					<div id="test">

					</div>
				</div>
				<!--carList  end-->
			<!--</div>-->
		</div>

	</body>

	<script type="text/javascript">
		$(".date-picker").datepicker({
			autoclose: true
		}).next().on("click", function() {
			$(this).prev().focus();
		});
	</script>

</html>