<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>后台管理系统</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript">
$(function(){
$(".allocation,.modifier").click(function(){
// window.open("http://localhost:63342/HTML/%E5%A4%A7%E4%B8%89%E5%AE%9E%E8%AE%AD/%E8%BD%AE%E6%92%AD%E5%9B%BE.html?_ijt=e3jov8hr955r86qk0m45v7kpss");
alert("暂时不支持该功能！")
});
})
</script>
</head>
<body>
<div class="form-control" data-example-id="contextual-panels" style="padding: 0;">
<div class="panel" >
<div class="panel-heading" style="padding: 0; border: 0;">
<nav class="navbar navbar-inverse " style="margin-bottom: 0;">
<div class="container" >
<a class="navbar-brand" href="">后台管理系统</a>
<ul class="nav navbar-nav navbar-right">
<li ><a href="">欢迎：1204125987</a> </li>
<li><a href="">退出</a></li>
<li><a href="">消息
<span class="badge">10</span></a>
</li>
</ul>
</div>
</nav>
</div>
<div class="panel-body" style="padding: 0;">
<div class="bs-example" data-example-id="contextual-panels">
<nav>
<ul class="nav nav-pills" id="nav" >
<li class="active"><a href="#div1" data-toggle="tab">订单管理</a> </li>
<li><a href="#div1" data-toggle="tab">员工管理</a> </li>
<li><a href="#div1" data-toggle="tab">会员管理</a></li>
<li><a href="#div1" data-toggle="tab">促销管理</a></li>
<li><a href="#div1" data-toggle="tab">车辆管理</a></li>
</ul>
</nav>
</div>
<div class="tab-content">
<div id="div1" class="tab-pane fade in active">
<div class="col-lg-1 panel panel-success">
<ul class="nav navbar-left">
<li class="left">
<a href="#li_ul1" data-toggle="collapse"> <span class="glyphicon glyphicon-collapse-down left"></span>订单管理</a>
<ul class="nav panel-collapse collapse in" id="li_ul1" style="margin-left:15%;">
<li class="left">
<a href=""> <span class="glyphicon glyphicon-list left"></span>订单列表</a>
</li>
<li class="left">
<a href=""> <span class="glyphicon glyphicon-plus left"></span>添加订单</a>
</li>
</ul>
</li>
<li class="left">
<a href="#li_ul2" data-toggle="collapse"> <span class="glyphicon glyphicon-collapse-down left"></span>订单管理</a>
<ul class="nav panel-collapse collapse in" id="li_ul2" style="margin-left:15%;">
<li class="left">
<a href=""> <span class="glyphicon glyphicon-list left"></span>订单列表</a>
</li>
<li class="left">
<a href=""> <span class="glyphicon glyphicon-plus left"></span>添加订单</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="col-lg-11" >
<div class="panel panel-success table tab-content table-bordered">
<form class="form-group navbar-default" action="" role="form" style="margin:0;padding: 0.5% 0 0.5% 1%;">
<input type="text" placeholder="请输入订单号">
<button class="btn btn-primary">点击查询</button>
</form>
<table class="table tab-content table-bordered table-hover text-center ">
<tr class="table-bordered">
<td>订单号</td>
<td>产品名称</td>
<td>客户名称</td>
<td>性别</td>
<td>电话</td>
<td>地址</td>
<td>车牌号码</td>
<td>车型</td>
<td>车身颜色</td>
<td>预约时间</td>
<td>下单时间</td>
<td>订单状态</td>
<td>操作</td>
</tr>
<tr >
<td>L010010283166113</td>
<td>上门辅导写代码</td>
<td>李先生</td>
<td>男</td>
<td>15210987654</td>
<td>唐家岭路1号院</td>
<td>京A02009</td>
<td>奔驰355</td>
<td>白色</td>
<td>2015-02-02 21:20:04</td>
<td>2015-02-02 21:20:04</td>
<td style="color:#c0a16b;">未分配</td>
<td><a href="" class="allocation" >【分配】</a>
<a href="" class="modifier">【修改】</a>
</td>
</tr>
<tr >
<td>L010010283166113</td>
<td>上门辅导写代码</td>
<td>李先生</td>
<td>男</td>
<td>15210987654</td>
<td>唐家岭路1号院</td>
<td>京A02009</td>
<td>奔驰355</td>
<td>白色</td>
<td>2015-02-02 21:20:04</td>
<td>2015-02-02 21:20:04</td>
<td style="color:#c0a16b;">未分配</td>
<td><a href="" class="allocation" >【分配】</a>
<a href="" class="modifier">【修改】</a>
</td>
</tr>
<tr >
<td>L010010283166113</td>
<td>上门辅导写代码</td>
<td>李先生</td>
<td>男</td>
<td>15210987654</td>
<td>唐家岭路1号院</td>
<td>京A02009</td>
<td>奔驰355</td>
<td>白色</td>
<td>2015-02-02 21:20:04</td>
<td>2015-02-02 21:20:04</td>
<td style="color:#c0a16b;">未分配</td>
<td><a href="" class="allocation" >【分配】</a>
<a href="" class="modifier">【修改】</a>
</td>
</tr>
<tr >
<td>L010010283166113</td>
<td>上门辅导写代码</td>
<td>李先生</td>
<td>男</td>
<td>15210987654</td>
<td>唐家岭路1号院</td>
<td>京A02009</td>
<td>奔驰355</td>
<td>白色</td>
<td>2015-02-02 21:20:04</td>
<td>2015-02-02 21:20:04</td>
<td style="color:#c0a16b;">未分配</td>
<td><a href="" class="allocation" >【分配】</a>
<a href="" class="modifier">【修改】</a>
</td>
</tr>
<tr >
<td>L010010283166113</td>
<td>上门辅导写代码</td>
<td>李先生</td>
<td>男</td>
<td>15210987654</td>
<td>唐家岭路1号院</td>
<td>京A02009</td>
<td>奔驰355</td>
<td>白色</td>
<td>2015-02-02 21:20:04</td>
<td>2015-02-02 21:20:04</td>
<td style="color:#c0a16b;">未分配</td>
<td><a href="" id="allocation">【分配】</a>
<a href="" id="modifier">【修改】</a>
</td>
</tr>
<tr >
<td>L010010283166113</td>
<td>上门辅导写代码</td>
<td>李先生</td>
<td>男</td>
<td>15210987654</td>
<td>唐家岭路1号院</td>
<td>京A02009</td>
<td>奔驰355</td>
<td>白色</td>
<td>2015-02-02 21:20:04</td>
<td>2015-02-02 21:20:04</td>
<td style="color:#c0a16b;">未分配</td>
<td><a href="" class="allocation">【分配】</a>
<a href="" class="modifier">【修改】</a>
</td>
</tr>
<tr class="table-bordered">
<td>L010010283166113</td>
<td>上门辅导写代码</td>
<td>李先生</td>
<td>男</td>
<td>15210987654</td>
<td>唐家岭路1号院</td>
<td>京A02009</td>
<td>奔驰355</td>
<td>白色</td>
<td>2015-02-02 21:20:04</td>
<td>2015-02-02 21:20:04</td>
<td style="color:#c0a16b;">未分配</td>
<td><a href="" class="allocation" >【分配】</a>
<a href="" class="modifier">【修改】</a>
</td>
</tr>
</table>
<ul class="pager">
<li><a href="#" >上一页</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">下一页</a></li>
</ul>
</div>
</div>
</div><!--div1完-->
</div><!--tab-content完-->
</div> <!--panel-body完-->
</div>
</div>
</body>
</html>
