<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ç±æ¼«å§ç®¡çåå°</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/admin.css">
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/admin.js"></script>
</head>
<script>
</script>
<!-- 头åä¸ä¼ é¢è§ -->
<script>
</script>
<body>
<div id="head" class="head">
<div class="logo left mr40">
Iâ¤Manb
</div>
<div class="logo left">
<a href="#" class="btn list-btn"><span class="btn-icon" my-icon="list"></span></a>
</div>
<div class="admin right">
<div class="left icon mr20">
<a href="#" class="admin-ican"><img src="images/avatar_4.jpg" alt=""></a>
<p class="center adminname mytext-p">larimar</p>
</div>
<a class="loginOut right mr40" href="#">éåº</a>
</div>
</div>
<div id="admin-tabs" class="left-tab admin-tabs wd15 left mt20 m15">
<div role="tabpanel">
<!-- 导èªæ Nav tabs -->
<ul class="admin-tab" role="tablist">
<li role="presentation" class="left_active active">
<a href="#home" aria-controls="home" role="tab" data-toggle="tab"><span>ð </span> 管çä¸å¿</a>
</li>
<li role="presentation">
<a href="#user" aria-controls="user" role="tab" data-toggle="tab"><span>ð¤ </span> ç¨æ·ç®¡ç</a>
</li>
<li role="presentation">
<a href="#comic" aria-controls="comic" role="tab" data-toggle="tab"><span>ð </span> 漫ç»ç®¡ç</a>
</li>
<li role="presentation">
<a href="#orders" aria-controls="orders" role="tab" data-toggle="tab"><span>ð« </span> 订é
管ç</a>
</li>
<li role="presentation">
<a href="#detail" aria-controls="detail" role="tab" data-toggle="tab"><span>⨠</span> ç« è管ç</a>
</li>
<li role="presentation">
<a href="#comment" aria-controls="comment" role="tab" data-toggle="tab"><span>ð </span> è¯è®ºç®¡ç</a>
</li>
<li role="presentation">
<a href="#history" aria-controls="history" role="tab" data-toggle="tab"><span>ð
</span> åå²ç®¡ç</a>
</li>
</ul>
</div>
</div>
<div id="admin-content" class=" wd80 m15 left" >
<!-- å
容æ Tab panes -->
<div class="tab-content admin-content">
<div role="tabpanel" class="tab-pane admin-content-item active" id="home">
<div class="col-xs-8 col-md-4 item">
<a href="#" class="thumbnail">
<h2 class="title">103
<span my-icon="users" class="right myIcon"></span>
<h4 class="discription">æ»ç¨æ·</h4>
</a>
</div>
<div class="col-xs-8 col-md-4 item">
<a href="#" class="thumbnail">
<h2 class="title">103
<span my-icon="user" class="right myIcon"></span>
</h2>
<h4 class="discription">ææç¨æ·</h4>
</a>
</div>
<div class="col-xs-8 col-md-4 item">
<a href="#" class="thumbnail">
<h2 class="title">103
<span my-icon="user" class="right myIcon"></span>
</h2>
<h4 class="discription">å°ç¦ç¨æ·</h4>
</a>
</div>
<div class="col-xs-8 col-md-4 item">
<a href="#" class="thumbnail">
<h2 class="title">103
<span my-icon="book" class="right myIcon"></span>
</h2>
<h4 class="discription">漫ç»æ»é</h4>
</a>
</div>
<div class="col-xs-8 col-md-4 item">
<a href="#" class="thumbnail">
<h2 class="title">103
<span my-icon="hot" class="right myIcon"></span>
</h2>
<h4 class="discription">çé¨æ¼«ç»</h4>
</a>
</div>
<div class="col-xs-8 col-md-4 item">
<a href="#" class="thumbnail">
<h2 class="title">103
<span my-icon="new" class="right myIcon"></span>
</h2>
<h4 class="discription">ææ°æ¼«ç»</h4>
</a>
</div>
<div class="col-xs-8 col-md-4 item">
<a href="#" class="thumbnail">
<h2 class="title">103
<span my-icon="comic" class="right myIcon"></span>
</h2>
<h4 class="discription">å®ç»æ¼«ç»</h4>
</a>
</div>
<div class="col-xs-8 col-md-4 item">
<a href="#" class="thumbnail">
<h2 class="title">103
<span my-icon="comments" class="right myIcon"></span>
</h2>
<h4 class="discription">è¯è®ºæ°</h4>
</a>
</div>
<div class="col-xs-8 col-md-4 item">
<a href="#" class="thumbnail">
<h2 class="title">103
<span my-icon="upload" class="right myIcon"></span>
</h2>
<h4 class="discription">æ´æ°æ°</h4>
</a>
</div>
</div>
<div role="tabpanel" class="tab-pane admin-content-item" id="user">
<h1>ç¨æ·ç®¡ç</h1>
<br>
<div class="panel panel-default">
<!-- æç´¢é¨å -->
<div class="panel-body">
<form class="form-inline" method="get" action="">
<div class="form-group">
<label for="userName">ç¨æ·å</label>
<input type="text" class="form-control" id="userName" value="" name="userName">
</div>
<div class="form-group">
<label for="gender">æ§å«</label>
<select class="form-control" id="gender" name="gender">
<option value="ç·">ç·</option>
<option value="女">女</option>
</select>
</div>
<button type="button" class="btn btn-primary">æ¥è¯¢</button>
</form>
</div>
</div>
<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#addUserDialog" onclick="clearDept()">æ°å»ºç¨æ·</a>
<!-- æ·»å ç¨æ·æ¨¡ææ¡ -->
<div class="modal fade" id="a