後臺管理系統
阿新 • • 發佈：2017-06-16
efault () rip host edge script styles 上一頁 plus
<!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>
後臺管理系統