Accueil Explorer Aide
Connexion
S.H.I.E.L.D.
/
building-admin-manage
2
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

权限组功能；用户列表调整

Chente il y a 6 ans
Parent
a2d84bcfd9
commit
4528c36748
5 fichiers modifiés avec 279 ajouts et 78 suppressions
Vue séparée Afficher les stats Diff
  1. 228 0
      manage - authority.html
  2. 2 1
      manage - info.html
  3. 46 68
      manage.html
  4. 1 3
      user-list-test.html
  5. 2 6
      user-list.html

+ 228 - 0
manage - authority.html
Voir le fichier 

@@ -0,0 +1,228 @@
 
+<!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><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 class="active"><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-sidebar">
 
+				<div class="panel-title">
 
+					<div class="title-bar">
 
+						<h2>后台管理</h2>
 
+					</div>
 
+				</div>
 
+				<div class="scrollbar-auto">
 
+					<div class="nav-box">
 
+						<ul class="nav-list list-unstyled">
 
+							<li><a href="manage.html"><span>CLD帐号管理</span></a></li>
 
+							<li class="active"><a href="manage - authority.html"><span>权限组</span></a></li>
 
+							<li><a href="manage - info.html"><span>超级管理员</span></a></li>
 
+						</ul>
 
+					</div>
 
+				</div>
 
+			</div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main">
 
+						<h2>账号管理<a href="#add-group" data-toggle="modal" data-target="#add-group" class="btn btn-default btn-sm pull-right">添加新组</a></h2>
 
+					</div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-header">
 
+					</div>
 
+					<div class="c-body">
 
+						<table class="table table-hover">
 
+							<thead><tr><th>组名</th><th>权限</th><th>使用账号</th><th width="100">操作</th></tr></thead>
 
+							<tbody>
 
+								<tr><td>销售权限</td><td>用户管理</td><td>4</td><td><a href="#edit-group" class="btn btn-xs" data-toggle="modal" data-target="#edit-group">编辑</a> <a href="#del-group" class="btn btn-xs text-danger" data-toggle="modal" data-target="#del-group">删除</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="edit-group" 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" id="myModalLabel">编辑权限组</h4>
 
+	      </div>
 
+	      <div class="modal-body">
 
+	      	<div class="form-group">
 
+	      		<label for="title">组名</label>
 
+	      		<input class="form-control" id="title" placeholder="输入组名" value="销售权限">
 
+	      	</div>
 
+					<div class="form-group">
 
+						<label for="title">权限</label>
 
+							<div class="checkbox">
 
+								<label>
 
+									<input type="checkbox"> 用户管理
 
+								</label>&nbsp;
 
+								<label>
 
+									<input type="checkbox"> 通知管理
 
+								</label>&nbsp;
 
+								<label>
 
+									<input type="checkbox"> 费用定额
 
+								</label>&nbsp;
 
+								<label>
 
+									<input type="checkbox"> 工具
 
+								</label>&nbsp;
 
+								<label>
 
+									<input type="checkbox"> 后台管理
 
+								</label>
 
+							</div>
 
+					</div>
 
+					<!--打勾用户管理二级权限-->
 
+					<div class="form-group">
 
+						<label for="title">用户管理二级权限</label>
 
+							<div class="checkbox">
 
+								<label>
 
+									<input type="checkbox" checked> 普通用户
 
+								</label>&nbsp;
 
+								<label>
 
+									<input type="checkbox"> 测试用户
 
+								</label>
 
+							</div>
 
+					</div>
 
+					<!--打勾工具二级权限-->
 
+					<div class="form-group">
 
+						<label for="title">工具二级权限</label>
 
+							<div class="checkbox">
 
+								<label>
 
+									<input type="checkbox"> 清单规则编辑器
 
+								</label>&nbsp;
 
+								<label>
 
+									<input type="checkbox"> 定额编辑器
 
+								</label>&nbsp;
 
+								<label>
 
+									<input type="checkbox"> 报表模板
 
+								</label>
 
+								<label>
 
+									<input type="checkbox"> 清单指引编辑器
 
+								</label>
 
+							</div>
 
+					</div>
 
+					<!--打勾后台管理二级权限-->
 
+					<div class="form-group">
 
+						<label for="title">后台管理二级权限</label>
 
+							<div class="checkbox">
 
+								<label>
 
+									<input type="checkbox" checked> CLD账号管理
 
+								</label>&nbsp;
 
+								<label>
 
+									<input type="checkbox"> 权限组
 
+								</label>
 
+							</div>
 
+					</div>
 
+	      </div>
 
+	      <div class="modal-footer">
 
+	        <button type="button" class="btn btn-primary">确定</button>
 
+	      </div>
 
+	    </div>
 
+	  </div>
 
+	</div>
 
+	<!-- 添加组 -->
 
+	<div class="modal fade" id="add-group" 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" id="myModalLabel">添加新组</h4>
 
+	      </div>
 
+	      <div class="modal-body">
 
+			<div class="form-group">
 
+	      		<label for="title">组名</label>
 
+	      		<input class="form-control" id="title" placeholder="输入组名">
 
+	      	</div>
 
+	      </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="del-group" 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" id="myModalLabel">删除组</h4>
 
+	      </div>
 
+	      <div class="modal-body">
 
+			<h4>删除后，相关账号将无法正常使用。</h4>
 
+	      </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>
 
+</body>
 
+</html>

+ 2 - 1
manage - info.html
Voir le fichier 

@@ -56,7 +56,8 @@
 
 				<div class="scrollbar-auto">
 
 					<div class="nav-box">
 
 						<ul class="nav-list list-unstyled">
 
-							<li><a href="manage.html"><span>帐号管理</span></a></li>
 
+							<li><a href="manage.html"><span>CLD帐号管理</span></a></li>
 
+							<li><a href="manage - authority.html"><span>权限组</span></a></li>
 
 							<li class="active"><a><span>超级管理员</span></a></li>
 
 						</ul>
 
 					</div>

+ 46 - 68
manage.html
Voir le fichier 

@@ -56,7 +56,8 @@
 
 				<div class="scrollbar-auto">
 
 					<div class="nav-box">
 
 						<ul class="nav-list list-unstyled">
 
-							<li class="active"><a><span>帐号管理</span></a></li>
 
+							<li class="active"><a><span>CLD帐号管理</span></a></li>
 
+							<li><a href="manage - authority.html"><span>权限组</span></a></li>
 
 							<li><a href="manage - info.html"><span>超级管理员</span></a></li>
 
 						</ul>
 
 					</div>
 
@@ -80,14 +81,22 @@
 
 						    <li><a href="#">总部</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="#">总部权限</a></li>
 
+						    <li><a href="#">销售权限</a></li>
 
+						  </ul>
 
+						</div>
 
 					</div>
 
 					<div class="c-body">
 
-						<table class="table">
 
-							<thead><tr><th>姓名</th><th>办事处</th><th>权限</th><th width="100">操作</th></tr></thead>
 
+						<table class="table table-hover">
 
+							<thead><tr><th>姓名(CLD)</th><th>办事处</th><th>权限组</th><th>状态</th><th width="100">操作</th></tr></thead>
 
 							<tbody>
 
-								<tr><td>administrator</td><td></td><td>超级管理员</td><td></td></tr>
 
-								<tr><td>陈特</td><td>总部</td><td>用户管理,通知管理,工具,后台管理</td><td><a href="" class="btn btn-xs" data-toggle="modal" data-target="#edit-account">编辑</a></td></tr>
 
-								<tr class="danger"><td>张三</td><td>总部</td><td>用户管理,通知管理,工具</td><td><a href="" class="btn btn-xs" data-toggle="modal" data-target="#edit-account">编辑</a></td></tr>
 
+								<tr><td>陈特</td><td>总部</td><td><a href="#updatea" data-toggle="modal" data-target="#group">总部权限</a></td><td>正常</td><td><a href="" class="text-danger">停用</a></td></tr>
 
+								<tr><td>张三</td><td>总部</td><td><a href="#updatea" data-toggle="modal" data-target="#group">销售权限</a></td><td class="text-danger"><i class="glyphicon glyphicon-minus-sign"></i> 停用</td><td><a href="" class="text-success">启用</a></td></tr>
 
 							</tbody>
 
 						</table>
 
 						<nav aria-label="Page navigation">
 
@@ -114,76 +123,45 @@
 
 			</div>
 
 		</div>
 
 	</div>
 
-	<!-- Modal -->
 
-	<div class="modal fade" id="edit-account" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 
+	<!-- 更新账号 -->
 
+	<div class="modal fade" id="updatea" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 
 	  <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" id="myModalLabel">编辑账号</h4>
 
+	        <h4 class="modal-title" id="myModalLabel">CLD账号更新成功</h4>
 
 	      </div>
 
 	      <div class="modal-body">
 
-					<div class="form-group">
 
-						<label for="title">权限</label>
 
-							<div class="checkbox">
 
-								<label>
 
-									<input type="checkbox"> 用户管理
 
-								</label>&nbsp;
 
-								<label>
 
-									<input type="checkbox"> 通知管理
 
-								</label>&nbsp;
 
-								<label>
 
-									<input type="checkbox"> 计价规则
 
-								</label>&nbsp;
 
-								<label>
 
-									<input type="checkbox"> 工具
 
-								</label>&nbsp;
 
-								<label>
 
-									<input type="checkbox"> 后台管理
 
-								</label>
 
-							</div>
 
-					</div>
 
-					<!--打勾用户管理二级权限-->
 
-					<div class="form-group">
 
-						<label for="title">用户管理二级权限</label>
 
-							<div class="checkbox">
 
-								<label>
 
-									<input type="checkbox" checked> 普通用户
 
-								</label>&nbsp;
 
-								<label>
 
-									<input type="checkbox"> 测试用户
 
-								</label>
 
-							</div>
 
-					</div>
 
-					<!--打勾工具二级权限-->
 
-					<div class="form-group">
 
-						<label for="title">工具二级权限</label>
 
-							<div class="checkbox">
 
-								<label>
 
-									<input type="checkbox"> 清单规则编辑器
 
-								</label>&nbsp;
 
-								<label>
 
-									<input type="checkbox"> 定额编辑器
 
-								</label>&nbsp;
 
-								<label>
 
-									<input type="checkbox"> 报表模板
 
-								</label>
 
-								<label>
 
-									<input type="checkbox"> 清单指引编辑器
 
-								</label>
 
-							</div>
 
-					</div>
 
-					<div class="form-group">
 
-						<label for="title">禁止登录</label>
 
-							<div class="checkbox">
 
-								<label>
 
-									<input type="checkbox"> 是
 
-								</label>
 
-							</div>
 
-					</div>
 
+			<p>更新了2个账号：张三、王五</p>
 
+	      </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="group" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 
+	  <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" id="myModalLabel">权限组：销售权限</h4>
 
+	      </div>
 
+	      <div class="modal-body">
 
+			<p>该组包含以下权限：</p>
 
+			<p>用户管理,通知管理,工具,后台管理</p>
 
+			<div class="form-group">
 
+				<label class="title">更换组</label>
 
+				<select class="form-control">
 
+					<option>总部权限</option>
 
+					<option>销售权限</option>
 
+				</select>
 
+			</div>
 
 	      </div>
 
 	      <div class="modal-footer">
 
-	        <button type="button" class="btn btn-primary">确定</button>
 
+	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
 
+	        <button type="button" class="btn btn-primary">确认修改</button>
 
 	      </div>
 
 	    </div>
 
 	  </div>

+ 1 - 3
user-list-test.html
Voir le fichier 

@@ -89,7 +89,7 @@
 
 							<thead><tr><th width="350">注册手机/邮箱</th><th>姓名</th><th>企业名称</th><th>最近使用版本</th><th width="180">最近登录</th><th>详细</th></tr></thead>
 
 							<tbody>
 
 								<tr>
 
-									<td>12345678900 / kaka_chen@sina.com</td>
 
+									<td>12345678900<br>kaka_chen@sina.com</td>
 
 									<td>张三</td>
 
 									<td>珠海纵横创新软件有限公司</td>
 
 									<td>广东(2018)</td>
 
@@ -137,8 +137,6 @@
 
 							<tr><th>手机</th><td>12345678909</td><th>邮箱</th><td></td></tr>
 
 							<tr><th>姓名</th><td colspan="3">张三</td></tr>
 
 							<tr><th>企业名称</th><td colspan="3">珠海纵横创新软件有限公司</td></tr>
 
-							<tr><th>企业地区</th><td>珠海</td><th>企业类型</th><td>设计</td></tr>
 
-							<tr><th>企业规模</th><td colspan="3">20-50</td></tr>
 
 						</tbody>
 
 					</table>
 
 						<table class="table table-bordered">

+ 2 - 6
user-list.html
Voir le fichier 

@@ -130,7 +130,7 @@
 
 					</div>
 
 					<div class="c-body">
 
 						<table class="table">
 
-							<thead><tr><th width="200">注册手机/邮箱</th><th width="90">姓名</th><th>企业名称</th><th>企业地区</th><th>最近使用费用定额</th><th width="180">最近登录</th><th width="180">注册时间</th><th>详细</th><th>升级</th></tr></thead>
 
+							<thead><tr><th>注册手机/邮箱</th><th width="90">姓名</th><th>企业名称</th><th>企业地区</th><th>最近使用费用定额</th><th width="180">注册时间 / 最近登录</th><th>详细</th></tr></thead>
 
 							<tbody>
 
 								<tr>
 
 									<td>k12345678900<br>kaka_chen@sina.com</td>
 
@@ -138,10 +138,8 @@
 
 									<td>珠海纵横创新软件有限公司</td>
 
 									<td>珠海</td>
 
 									<td>广东(2018)</td>
 
-									<td>2017-03-04 16:01:31</td>
 
-									<td>2017-03-03 14:29:03</td>
 
+									<td>2017-03-04 16:01:31<br>2017-03-03 14:29:03</td>
 
 									<td><a href="#detail" data-toggle="modal" data-target="#view">详细</a></td>
 
-									<td><a href="#update" data-toggle="modal" data-target="#update">升级</a></td>
 
 								</tr>
 
 							</tbody>
 
 						</table>
 
@@ -184,8 +182,6 @@
 
 							<tr><th>手机</th><td>12345678909</td><th>邮箱</th><td></td></tr>
 
 							<tr><th>姓名</th><td colspan="3">张三</td></tr>
 
 							<tr><th>企业名称</th><td colspan="3">珠海纵横创新软件有限公司</td></tr>
 
-							<tr><th>企业地区</th><td>珠海</td><th>企业类型</th><td>设计</td></tr>
 
-							<tr><th>企业规模</th><td colspan="3">20-50</td></tr>
 
 						</tbody>
 
 					</table>
 
 				</div>