<!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>
时间: 2024-10-12 17:22:37