scott
/
jhfront


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
							<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">
        <title>订单管理</title>
        <meta name="description" content="后台管理系统" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <!-- bootstrap -->
        <link href="css/bootstrap/bootstrap.css" rel="stylesheet">
        <link href="css/bootstrap/bootstrap-overrides.css" type="text/css" rel="stylesheet">

        <!-- global styles -->
        <link rel="stylesheet" type="text/css" href="css/compiled/layout.css">
        <link rel="stylesheet" type="text/css" href="css/compiled/elements.css">
        <link rel="stylesheet" type="text/css" href="css/compiled/icons.css">

        <!-- libraries -->
        <link href="css/lib/font-awesome.css" type="text/css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="css/lib/easyui.css">  
        <link rel="stylesheet" type="text/css" href="css/lib/icon.css">
        
        <!-- this page specific styles -->
        <link rel="stylesheet" href="css/compiled/orderlist.css" type="text/css" media="screen" />


        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
          
        
    </head>  
    <body>  
        <!-- navbar -->
        <header class="navbar navbar-inverse" role="banner">
            <div class="navbar-header">
                <button class="navbar-toggle" type="button" data-toggle="collapse" id="menu-toggler">
                    <span class="sr-only">导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="./index.html"><img src="img/logo.png"></a>
            </div>
            <ul class="nav navbar-nav pull-right hidden-xs">
                <li class="settings hidden-xs hidden-sm">
                    <a href="./setting.html" role="button">
                        <i class="icon-cog"></i>
                    </a>
                </li>
                <li class="settings hidden-xs hidden-sm">
                    <a href="./signin.html" role="button">
                        退出<i class="icon-signout" style="font-size: 12px;margin-left: 10px;"></i>
                    </a>
                </li>
            </ul>
        </header>
        <!-- end navbar -->

        <!-- sidebar -->
        <div id="sidebar-nav">
            <ul id="dashboard-menu">
                <li>
                    <a href="./index.html">
                        <i class="icon-home"></i>
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a href="./flight-query.html">
                        <i class="icon-plane"></i>
                        <span>快捷下单</span>
                    </a>
                </li>            
                <li>
                    <a href="./flight-query-complex.html">
                        <i class="icon-fighter-jet"></i>
                        <span>人工下单</span>
                    </a>
                </li>
                <li  class="active">
                    <div class="pointer">
                        <div class="arrow"></div>
                        <div class="arrow_border"></div>
                    </div>
                    <a href="./order-list.html">
                        <i class="icon-tasks"></i>
                        <span>订单管理</span>
                    </a>
                </li>
                <li>
                    <a href="./setting.html">
                        <i class="icon-cog"></i>
                        <span>系统配置</span>
                    </a>
                </li>
            </ul>
        </div>
        <!-- end sidebar -->
        

        <!-- main container -->
        <div class="content">
                 
            <div id="pad-wrapper">
                <p class="tit">订单列表</p>
                <div class="table-responsive">
                    <table id="dg" class="easyui-datagrid table" style="width:100%;"></table>
                </div>
                     

            </div>
        </div>
    <!-- end main container -->      
       
<script src="js/jquery.min.js"></script>  
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>  
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>  
  
 <script type="text/javascript">  
    $('#dg').datagrid({  
//        url:'http://114.55.6.23/jh/ticket/listOrders',//数据请求地址
        url:'http://www.zjh.free.ngrok.cc/ticket/listOrders',//数据请求地址
       toolbar:'#toolbar',// 数据网格工具栏 比如添加 修改
       pagination:true,//分页显示  
       fitColumns:true,//自动适应宽度  
       autoRowHeight:true,//自动行高度  
       loadMsg:'正在加载数据请稍后...',  
       nowrap:true,//设置为true 有利于提高性能  
       idField:'id',//字段标识  
       rownumbers:true,//显示行号  
       singleSelect:true,//只允许选择一行  
       pageNumber:1,//初始化页面数量  
       pageSize:30,//初始化显示条数
       pageList:[10,30,50],//分页列表  
        columns:[[  
            {field:'id',title:'id',width:"3%",align:'center'},  
            {field:'orderId',title:'订单号',width:"13%",align:'center'},  
            {field:'airlineCode',title:'航司',width:"3%",align:'center'},
            {field:'flightNo',title:'航班号',width:"5%",align:'center'},
            {field:'cabin',title:'舱位',width:"3%",align:'center'},
            {field:'depAirport',title:'出发机场',width:"5%",align:'center'},
            {field:'arrAirport',title:'到达机场',width:"5%",align:'center'},
            {field:'depTime',title:'出发时间',width:"12%",align:'center'},
            {field:'arrTime',title:'到达时间',width:"12%",align:'center'},
            {field:'salePrice',title:'售价',width:"6%",align:'center'},
            {field:'passengerName',title:'乘机人',width:"7%",align:'center'},
            {field:'passengerId',title:'乘机人证件',width:"12%",align:'center'},
            {field:'addtime',title:'添加时间',width:"12%",align:'center'},
            {field:'payStatus',title:'支付状态',width:"8%",align:'center'},
            {field:'sellerTaobaoNick',title:'卖家',width:"13%",align:'center'},
                   
        ]]  
    });  
          
    
     var p = $('#dg').datagrid('getPager');  
	$(p).pagination({  
        beforePageText: '第',//页数文本框前显示的汉字   
        afterPageText: '页    共 {pages} 页',  
        displayMsg: '第{from}到{to}条，共{total}条',  
    });
    $(function(){
        $('#dg').datagrid({
            //单击事件
            //            onClickRow:function(rowIndex,rowData){
            //                alert("单击");
            //            },
            //双击事件
            onDblClickRow :function(rowIndex,rowData){

                var row = $('#dg').datagrid('getSelected');//获取选中行的数据
                if (!row){
                    return;//为防止意外情况可以选择加上此判断
                }
                var aid = row.orderId;
                window.location.href="order-details.html?Id="+aid;

            }
        });
    });

 </script>
     
</body>  
</html>