nizongfeng
/
ZZCS

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>车票查询</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/ace.min.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/datepicker.css" />
		<link rel="stylesheet" href="css/daterangepicker.css" />
		<link rel="stylesheet" href="css/bootstrap-timepicker.css" />
		<link rel="stylesheet" href="css/Page.css" />
		<!--<link rel="stylesheet" href="css/paginationjs.min.css" />-->
		<!--加载数据-->
		<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
		<script type="text/javascript" src="js/searchTicket.js"></script>
		<!--日历控件-->
		<script type="text/javascript" src="js/date-time/bootstrap-timepicker.min.js"></script>
		<script src="js/date-time/bootstrap-datepicker.min.js" type="text/javascript"></script>
		<!--分页控件-->
		<script src="js/Page.js" type="text/javascript" charset="utf-8"></script>
		
		<link rel="stylesheet" href="css/master.css" charset="UTF-8">
		<script src="js/master.js"></script>	
	

		<style type="text/css">
			.bodytitle {
				margin-left: 40px;
				min-width: 1200px;
			}
			#test>a{
				 background: red;
				 border: 1px solid; 
				 width: 30px ;
				 height: 20px;
				 display: inline-block;
				 line-height: 20px;
			}
			
			/*.table {
				width: 1220px;
			}*/
			
			.row {
				margin-left: 30px;
				margin-right: 30px;
			}
			
			/*.footer {
				margin-left: 40px;
			}*/
			
			/*.page {
				margin-right: 40px;
			}*/
			#test{
				float: right;
				margin-right: 40px;
				margin-top: -20px;
			}
			tr {
				height: 40px;
				text-align: center;
			}
			
			th {
				text-align: center;
			}
		</style>
		<div id="kkpager"></div>

	</head>

	<body onload="init_page()">
		<div class="navbar navbar-default">
		<div class="navbar-header ">
			<a href="#" class="navbar-brand">
				<i class="icon-leaf"></i>
				Admin
			</a>
		</div>
	</div>
	
	<div class="warp clearfix">
		<div class="control-bar">
			<div class="sidebar-shortcuts">
				<button class="btn btn-success">
					<i class="icon-signal"></i>
				</button>

				<button class="btn btn-info">
					<i class="icon-pencil"></i>
				</button>

				<button class="btn btn-warning">
					<i class="icon-group"></i>
				</button>

				<button class="btn btn-danger">
					<i class="icon-cogs"></i>
				</button>

			</div>
			<ul class="nav nav-list">
				<li class="">
					<a class="">
						<i class="icon-dashboard"></i>
						<span class="menu-text"> 营运中心 </span>
					</a>
				</li>
				<li>
					<a href="">
						<i class="icon-text-width"></i>
						<span class="menu-text"> 集散资源 </span>
					</a>
				</li>

				<li>
					<a href="#" class="">
						<i class="icon-desktop"></i>
						<span class="menu-text"> 线路管理 </span>

						
					</a>					
				</li>

				<li>
					<a href="#" class="">
						<i class="icon-list"></i>
						<span class="menu-text"> 票种管理 </span>

						
					</a>					
				</li>
				<li class="active">
					<a href="#" class="dropdown-toggle">
						<i class="icon-edit"></i>
						<span class="menu-text"> 班次管理 </span>
						<b class="arrow icon-angle-down"></b>
					</a>
					<ul class="submenu">
						<li><a><i class="icon-double-angle-right"></i>添加班次</a></li>
						<li><a><i class="icon-double-angle-right"></i>修改版次</a></li>
						<li><a><i class="icon-double-angle-right"></i>班次列表</a></li>
						<li class="">
							<a class="dropdown-toggle">
								<i class="icon-double-angle-right"></i>班次详情
								<b class="arrow icon-angle-down"></b>
							</a>
							<ul class="submenu">
								<li>
									<a href="">
										<i class="icon-leaf"></i>
										班次基本信息
									</a>
								</li>
								<li>
									<a href="">
										<i class="icon-leaf"></i>
										班次车票信息
									</a>
								</li>
							</ul>
						</li>						
						<li><a><i class="icon-double-angle-right"></i>调派资源</a></li>

					</ul>
				</li>
				
				<li class="">
					<a href="#" class="">
						<i class="icon-file-alt"></i>

						<span class="menu-text">
							产品管理

						</span>

						
					</a>
				</li>
				<li>
					<a href="#">
						<i class="icon-calendar"></i>

						<span class="menu-text">
							车票
							<span class="badge badge-transparent tooltip-error" title="2&nbsp;Important&nbsp;Events">
								<i class="icon-warning-sign red bigger-130"></i>
							</span>
						</span>
					</a>
				</li>

				<li>
					<a href="#">
						<i class="icon-picture"></i>
						<span class="menu-text"> 酒店 </span>
					</a>
				</li>

				<li>
					<a href="#" class="">
						<i class="icon-tag"></i>
						<span class="menu-text"> 门票 </span>						
					</a>					
				</li>
				<li class="">
					<a href="#" class="">
						<i class="icon-file-alt"></i>

						<span class="menu-text">
							订单中心
							<span class="badge badge-primary ">5</span>
						</span>

						
					</a>
				</li>

			</ul>
		</div>
		<div class="control-show" >
			在此添加内容
			<br /><br />
			<div class="bodytitle" style="min-width: 1400px;">
				<span style="float: left;">
					<span style="float: left;line-height: 30px;margin-left: 10px;">出发地：</span><input id="sstart_area" style="width: 90px;" type="text">
				</span>
				<span style="float: left;">
					<span style="float: left;line-height: 30px;margin-left: 10px;">目的地：</span><input id="send_area" style="width: 90px;" type="text">
				</span>
				<span style="float: left;">
					<span style="float: left;line-height: 30px;margin-left: 10px;">线路：</span><input id="sline" style="width: 90px;" type="text">
				</span>
				<!--<span>目的地：<input type="text" /></span>
				<span>线路: <input type="text" /></span>-->
				<span style="float: left;">
						<span style="float: left;line-height: 30px;margin-left: 10px;">出发日期：</span>
				<div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;margin-left: -15px;">
					<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>
				<span style="float: left;">
					<span style="float: left;line-height: 30px;margin-left: 10px;">车号：</span><input id="scarNo" style="width: 90px;" type="text">
				</span>
				<span style="float: left;">
					<span style="float: left;line-height: 30px;margin-left: 10px;">座号：</span><input id="sseatNo" style="width: 90px;" type="text">
				</span>
				<span style="float: left;">
					<span style="float: left;line-height: 30px;margin-left: 10px;">联系人：</span><input id="sname" style="width: 90px;" type="text">
				</span>
				<span style="float: left;">
					<button id="searchBtn" class="btn btn-sm btn-primary" style="width: 90px;height: 28px;margin-left: 30px;">查询</button>
				</span>
				<!--<span>车号: <input type="text" /></span>
				<span>座号: <input type="text" /></span>
				<span>联系人: <input type="text" /></span>-->
				<!--<span> <input type="button" value="查询"/></span>-->
			</div>
			
			<br />
			<br />
			<br />
			<div class="row" style="float: left; min-width: 1220px;max-width: 1220px;">
				<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 style="width: 240;">线路</th>
									<th style="width: 90;">出发地</th>
									<th style="width: 90;">目的地</th>
									<th style="width: 140;">出行时间</th>
									<th style="width: 70;">车号</th>
									<th style="width: 80;">座位</th>
									<th style="width: 80;">人群</th>
									<th style="width: 60;">座号</th>
									<th style="width: 60;">售价</th>
									<th style="width: 80;">打印</th>
									<th style="width: 150;">订单号</th>
									<th style="width: 80;">操作</th>
								</tr>
							</thead>
	
							<tbody id="ttt">
								<tr>
									<td id="line">[线路]</td>
									<td id="start_area">[出发地]</td>
									<td id="end_area">[目的地]</td>
									<td id="travel_time">[出行时间]</td>
									<td id="carNo">[车号]</td>
									<td id="seat">[座位]</td>
									<td id="people">[人群]</td>
									<td id="seatNo">[座号]</td>
									<td id="price">[售价]</td>
									<td id="print">[打印]</td>
									<td id="orderNo">
										<a href="#">[订单号]</a>
									</td>
									<td>
										<a href="#">查看</a>
									</td>
								</tr>
	
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
				</div>
				<!-- /span -->
			</div>
				<div class="footer" style=" width: 1220px; float: left;">
					<span id="aaa">
						共6张车票
					</span>
					<div id="test">
					
					</div>
				</div>		
		</div>
	</div>
		
		
		
		
		
		
		
		<!--<div class="page" id="kkpager" style="float: right;"><div>
			<span class="pageBtnWrap">
				<span class="disabled">首页</span>
				<span class="disabled">上一页</span>
				<span class="curr">1</span>
				<a href="index.html?pno=2" title="第2页">2</a>
				<a href="index.html?pno=3" title="第3页">3</a>
				<a href="index.html?pno=4" title="第4页">4</a>
				<a href="index.html?pno=5" title="第5页">5</a>
				<span class="spanDot">...</span>
				<a href="index.html?pno=19" title="第19页">6</a>
				<a href="index.html?pno=20" title="第20页">7</a>
				<a href="index.html" title="下一页">下一页</a>
				<a href="index.html?pno=20"title="尾页">尾页</a>
			</span>
				<span class="infoTextAndGoPageBtnWrap">
					<!--<span class="totalText">当前第<span class="currPageNum">1</span>页
					<span class="totalInfoSplitStr">/</span>
					共<span class="totalPageNum">20</span>页</span>-->
		<!--<span class="goPageBox">&nbsp;转到<span id="kkpager_gopage_wrap"><input id="kkpager_btn_go_input" onfocus="kkpager.focus_gopage()" onkeypress="return kkpager.keypress_gopage(event);" onblur="kkpager.blur_gopage()" value="" type="text"></span>页<input id="kkpager_btn_go" onclick="kkpager.gopage()" value="确定" type="button"></span>
				</span>
		</div>-->
		
		
		
		<!--<div class="paginationjs paginationjs-small" style="float: right;margin-right: 40px; " id="bbb">
			<div class="paginationjs-pages">
				<ul>
					<li class="paginationjs-prev J-paginationjs-previous" data-num="6" title="Previous page" id="a"><a href="">«</a></li>
					<li class="paginationjs-page paginationjs-first J-paginationjs-page" data-num="1" id="a"><a href="">1</a></li>
					<li class="paginationjs-ellipsis disabled" id="a"><a>...</a></li>
					<li class="paginationjs-page J-paginationjs-page" data-num="5" id="a"><a href="">5</a></li>
					<li class="paginationjs-page J-paginationjs-page" data-num="6" id="a"><a href="">6</a></li>
					<li class="paginationjs-page J-paginationjs-page active" data-num="7" id="a"><a>7</a></li>
					<li class="paginationjs-page J-paginationjs-page" data-num="8" id="a"><a href="">8</a></li>
					<li class="paginationjs-page J-paginationjs-page" data-num="9" id="a"><a href="">9</a></li>
					<li class="paginationjs-ellipsis disabled" id="a"><a>...</a></li>
					<li class="paginationjs-page paginationjs-last J-paginationjs-page" data-num="20" id="a"><a href="">20</a></li>
					<li class="paginationjs-next J-paginationjs-next" data-num="8" title="Next page" id="a"><a href="">»</a></li>
				</ul>
			</div>
			<div class="paginationjs-go-input"><input type="text" class="J-paginationjs-go-pagenumber" id="a"></div>
			<div class="paginationjs-go-button"><input type="button" class="J-paginationjs-go-button" value="Go" id="a"></div>
		</div>
		<div style="clear:both;"></div>-->

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

	
}
	</script>-->

	<!--<script type="text/javascript">
	
	
	
		$('.paginationjs-pages').pagination(423, {
			num_edge_entries: 2,
			num_display_entries: 4,
			dataSource: ['1.html','2.html','3.html','4.html',['5.html'],
			pageSize: 5,
			showGoInput: true,
			showGoButton: true,
			items_per_page: 10,
			callback: function(data, pagination) {
				// template method of yourself
				var html = template(data);
				dataContainer.html(html);
			}
		});

		function simpleTemplating(data) {
			var html = '<ul>';
			$.each(data, function(index, item) {
				html += '<li>' + item + '</li>';
			});
			html += '</ul>';
			return html;
		}
		//		$('.paginationjs-pages').pagination(100,{
		//		
		//		num_edge_entries: 2,
		//		num_display_entries: 4,
		//		dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 23],
		//		pageSize: 5,
		//		showGoInput: true,
		//		showGoButton: true,
		//		callback: function(data, pagination){
		//    // template method of yourself
		//      	current_page = 5;
		//    	var html = template(data);
		//    	dataContainer.html(html);
		//		items_per_page:10
		//}
		//});
		//////回调函数
		//$(function () {
		// function pageselectCallback(page_id, jq) {      
		//    TranUrl(page_id);
		// }
		// $(".paginationjs-pages").pagination(<%=pcount%>, {
		//  callback: pageselectCallback,//PageCallback() 为翻页调用次函数。
		//  prev_text: " 上一页",
		//  next_text: "下一页 ",
		//  items_per_page: <%=pagesize %>, //每页的数据个数
		//  num_display_entries: 3, //两侧首尾分页条目数
		//  current_page: <%=page%>, //当前页码
		//  num_edge_entries: 2, //连续分页主体部分分页条目数
		// });
		// 
		//   //通过修改url来达到分页效果。
		//   function TranUrl(page_id){
		//    var url=location.href;
		//     var star;
		//     if(url.indexOf("aspx?")>0)
		//     {
		//     if(url.indexOf("&page=")>0)
		//      {     
		//       star=url.indexOf("&page=");
		//        url=url.substring(0,star);
		//        location.href=url+"&page="+page_id;
		//      }
		//      else{
		//       location.href=url+"&page="+page_id;
		//      }
		//     }
		//     else{
		//     location.href=url+"?page="+page_id;
		//     }
		//   }
		//});
		//
		//  function pageselectCallback(page_index, jq){
		//       //通过ajax加载页面显示内容
		//        $.post("ServerCode", {pageno:page_index}, function (result) {
		//                 //这里遍历result,并显示出来
		//          });
		//   });
		//	$(".paginationjs-pages").pagination(56, {
		//  num_edge_entries: 2,
		//  num_display_entries: 4,
		////  callback: pageselectCallback,
		//  items_per_page:10
		//});
		//function pageselectCallback(page_index, jq){
		//              alert(page_index);
		//              return false;
		//          }
		//$(".paginationjs-pages").ready(function(){
		//$(".paginationjs-pages").pagination(100, {
		//  callback: pageselectCallback,
		// 
		//   num_edge_entries: 1,
		// 
		//  });
		//});
	</script>-->
	<!--<script type="text/template" id="template-demo">
    <ul>
    {{#each data}}
        <li>{{this}}</li>
    {{/each}}
    </ul>
</script>-->

</html>