S.H.I.E.L.D.
/
building-admin-manage


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
							<!DOCTYPE html>
<html lang=zh-cn>
<head>
	<meta charset=utf-8>
  <title>建筑造价后台</title>
  <meta name=description content=纵横变更令审批系统>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
	<meta name=copyright content=smartcost.com.cn>
	<link rel=stylesheet href=css/bootstrap.min.css>
	<link rel=stylesheet href=css/style.css>
	<script src=js/jquery-1.9.1.min.js></script>
	<script src=js/bootstrap.min.js></script>
	<script src=js/global.js></script>
</head>
<body>
	<div class="header">
		<h1 class="logo"><a>建筑造价后台</a></h1>
		<div class="header-box">
			<div class="header-nav"></div>
			<div class="header-user pull-right">
				<div class="avatar btn-group">
					<a class="dropdown-toggle" data-toggle="dropdown">
						<span class="pic"><img src="img/avatar.png"></span>
						<span>张三</span>
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu dropdown-menu-right">
					 <li><a href="#">账号设置（CLD）</a></li>
					 <li><a href="#">退出登录</a></li>
				 </ul>
				</div>
			</div>
		</div>
	</div>
	<div class="main">
		<div class="main-nav">
			<div class="nav-top">
				<ul class="nav nav-pills nav-stacked bg-nav">
					<li><a href="home.html"><i class="glyphicon glyphicon-home" aria-hidden="true"></i> 首页</a></li>
					<li class="active"><a href="user-list.html"><i class="glyphicon glyphicon-user" aria-hidden="true"></i> 用户管理</a></li>
					<li><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 通知管理</a></li>
					<li><a href="version.html"><i class="glyphicon glyphicon-tag" aria-hidden="true"></i> 费用定额</a></li>
					<li><a href="tools.html"><i class="glyphicon glyphicon-wrench" aria-hidden="true"></i> 工具</a></li>
					<li><a href="manage.html"><i class="glyphicon glyphicon-cog" aria-hidden="true"></i> 后台管理</a></li>
				</ul>
			</div>
		</div>
		<div class="main-panel">
			<div class="panel-content">
				<div class="panel-title fluid">
					<div class="title-main">
						<h2>普通用户<a href="user-list-test.html"class="btn btn-primary btn-link">测试用户</a></h2>
					</div>
				</div>
				<div class="content-wrap">
					<div class="c-header">
						<!--免费版版本-->
						<div class="btn-group">
						  <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						    最近使用费用定额 <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu">
						    <li><a href="#">广东（2017）</a></li>
							  <li><a href="#">广东（2018）</a></li>
						  </ul>
						</div>
						<!--专业版版本-->
						<div class="btn-group">
						  <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						    已升级费用定额 <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu">
						    <li><a href="#">广东（2017）</a></li>
							  <li><a href="#">广东（2018）</a></li>
						  </ul>
						</div>
						<!--最新注册-->
						<div class="btn-group">
						  <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						    最新注册：最近24小时<span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu">
						    <li><a href="#">24小时内</a></li>
						    <li><a href="#">3天内</a></li>
						    <li><a href="#">7天内</a></li>
						    <li><a href="#">30天内</a></li>
						  </ul>
						</div>
						<!--最近登录-->
						<div class="btn-group">
						  <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						    最近登录：最近24小时<span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu">
						    <li><a href="#">24小时内</a></li>
						    <li><a href="#">3天内</a></li>
						    <li><a href="#">7天内</a></li>
						    <li><a href="#">30天内</a></li>
						  </ul>
						</div>
						<!--结果-->
						<div class="btn-group">
						&nbsp;共 3 条结果
						</div>
						<!--搜索-->
						<div class="btn-group pull-right">
							<div class="input-group">
					      <input type="text" class="form-control input-sm" placeholder="手机/邮箱/姓名/公司">
					      <span class="input-group-btn">
					        <button class="btn btn-default btn-sm" type="button"><i class="glyphicon glyphicon-search"></i></button>
					      </span>
					    </div>
						</div>
					</div>
					<div class="c-body">
						<table class="table">
							<thead><tr><th>注册手机/邮箱</th><th width="90">姓名</th><th>企业名称</th><th>企业地区</th><th>最近使用费用定额</th><th>已升级专业版</th><th>在线时长（最近3天）</th><th width="180">注册时间 / 最近登录</th><th>操作</th></tr></thead>
							<tbody>
								<tr>
									<td>k12345678900<br>kaka_chen@sina.com</td>
									<td>张三</td>
									<td>珠海纵横创新软件有限公司</td>
									<td>珠海</td>
									<td>广东(2018)</td>
									<td><a href="#pdu" data-toggle="modal" data-target="#pdu" class="label label-primary">3</a></td>
									<td><a href="#time-detail" data-toggle="modal" data-target="#time-detail">3小时40分钟</a></td>
									<td>2017-03-04 16:01:31<br>2017-03-03 14:29:03</td>
									<td><a class="text-danger" href="#del" data-toggle="modal" data-target="#del">删除</a>
										<a href="#update" data-toggle="modal" data-target="#update">升级</a></td>
								</tr>
							</tbody>
						</table>
						<nav aria-label="Page navigation">
						  <ul class="pagination pagination-sm">
						    <li class="disabled">
						      <a href="#" aria-label="Previous">
						        <span aria-hidden="true">&laquo;</span>
						      </a>
						    </li>
						    <li class="active"><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="#" aria-label="Next">
						        <span aria-hidden="true">&raquo;</span>
						      </a>
						    </li>
						  </ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 弹窗删除-->
	<div class="modal fade" id="del" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" >删除用户</h4>
				</div>
				<div class="modal-body">
					<h5>确认删除用户用户</h5>
					<p>张三</p>
					<p>15827463872</p>
					<p>kaka_chen@sina.com</p>
					<p>珠海纵横创新软件有限公司</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-danger">确认删除</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 弹窗在线时长-->
	<div class="modal fade" id="time-detail" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" >在线时长详情</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered">
						<tr><th>日期/时间</th><th>在线时长</th></tr>
						<tr><td>04-10</td><td>2小时10分钟</td></tr>
						<tr><td>04-09</td><td>1小时7分钟</td></tr>
						<tr><td>04-08</td><td>2小时35分钟</td></tr>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 弹窗升级-->
	<div class="modal fade" id="update" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" >升级专业版</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered">
						<tr><th>定额</th><th>版本</th></tr>
						<tr><td>重庆定额(2008)</td><td>  <div class="checkbox"><label><input type="checkbox"> 升级专业版</label></div></td></tr>
						<tr><td>江西定额(2017)</td><td>  <div class="checkbox"><label><input type="checkbox"> 升级专业版</label></div></td></tr>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary">确定升级</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 弹窗显示已升级专业版-->
	<div class="modal fade" id="pdu" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" >已升级专业版</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered">
						<tr><th>定额</th><th>版本</th></tr>
						<tr><td>重庆定额(2018)</td><td>已升级（2019-09-11）</td></tr>
						<tr><td>甘肃定额(2013)</td><td>已升级（2019-09-09）</td></tr>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
</body>