5 Star 1 Fork 1

烟雨平生 / 跨境电商借卖平台前端

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
admin-user-manage.html 9.05 KB
一键复制 编辑 原始数据 按行查看 历史
烟雨平生 提交于 2019-08-06 17:02 . admin
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Responsive Admin Dashboard Template">
<meta name="keywords" content="admin,dashboard">
<meta name="author" content="skcats">
<!-- The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Title -->
<title>用户管理</title>
<!-- Styles -->
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/plugins/icomoon/style.css" rel="stylesheet">
<link href="assets/plugins/uniform/css/default.css" rel="stylesheet" />
<link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />
<link href="css/bootstrap-table.min.css" rel="stylesheet" />
<!-- Theme Styles -->
<link href="assets/css/ecaps.min.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<style type="text/css">
body {
padding: 0;
margin: 0;
color: #444;
background: #f2f2f2;
}
* {
padding: 0;
margin: 0;
border: 0;
list-style: none;
text-decoration: none;
}
.wrap {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.label-selected {
width: 100%;
min-height: 38px;
margin: 10px 0;
border: 1px solid #ccc;
background-color: #fff;
position: relative;
}
.cell {
display: block;
width: 90px;
height: 28px;
line-height: 28px;
border: 3px;
background: #009688;
color: #fff;
text-align: center;
}
.label-selected li {
display: inline-block;
height: 27px;
line-height: 27px;
font-size: .8rem;
padding: 0 1rem;
border: 1px solid #e6e6e6;
border-radius: 2px;
cursor: pointer;
margin: 4px 2px;
color: #666;
background-color: wheat;
}
#labelItem {
margin-bottom: 10px;
display: none;
}
.label-item {
border: 1px solid #e6e6e6;
padding: 10px;
border-radius: 4px;
position: relative;
overflow: hidden;
background: #fff;
}
.label-item li {
display: inline-block;
height: 27px;
line-height: 27px;
font-size: .8rem;
padding: 0 1rem;
border: 1px solid #e6e6e6;
border-radius: 4px;
cursor: pointer;
margin-bottom: 5px;
margin-left: 2px;
color: #666;
background-color: powderblue;
}
.label-item .selected {
color: #ccc;
}
</style>
</head>
<body>
<!-- Page Inner -->
<div class="page-inner" style="height: -webkit-fill-available;">
<div class="page-title">
<h3 class="breadcrumb-header">用户管理</h3>
</div>
<!--
<div class="alert alert-default" role="alert">
Simple, clean and engaging charts for designers and developers.
</div> -->
<div id="main-wrapper">
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close btn-cancel" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="addModalLabel">添加用户信息</h4>
</div>
<div class="modal-body">
<form action="" role="form" id="add-row-form">
<div class="form-group">
<input type="text" name="user-name" class="form-control" placeholder="请填写用户名" required="required" />
</div>
<div class="form-group">
<input type="email" name="user-email" class="form-control" placeholder="请填写用户邮箱" required="required" />
</div>
<div class="form-group">
<input type="password" name="user-pwd" class="form-control" placeholder="请填写用户密码" required="required" />
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">取消</button>
<button type="submit" id="add-row" class="btn btn-primary">添加</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modifyModal" tabindex="-1" role="dialog" aria-labelledby="modifyModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close btn-cancel" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="modifyModalLabel">用户信息修改</h4>
</div>
<div class="modal-body">
<form action="" role="form" id="modify-row-form">
<div class="form-group">
<input type="hidden" name="user-id" required="required" />
</div>
<div class="form-group">
<input type="text" name="user-name" class="form-control" placeholder="请填写用户名" required="required" />
</div>
<div class="form-group">
<input type="email" name="user-email" class="form-control" placeholder="请填写用户邮箱" required="required" />
</div>
<div class="form-group">
<input type="password" name="user-pwd" class="form-control" placeholder="请填写用户密码" required="required" />
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">取消</button>
<button type="submit" id="modify-row" class="btn btn-primary">修改</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="authorModal" tabindex="-1" role="dialog" aria-labelledby="authorModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close btn-cancel" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="authorModalLabel">角色授权管理</h4>
</div>
<div class="modal-body">
<input type="hidden" name="user-id" id="user-id" />
<div class="wrap">
<div class="label-selected">
<a href="javascript:;" class="btn btn-sm btn-info show-labelitem" style="float: right;margin: 4px;display: block;">展开角色列表
</a>
<a href="javascript:;" class="btn btn-sm btn-primary hide-labelitem" style="float: right; margin: 4px; display: none;">收起角色列表
</a>
<input type="hidden" name="label">
</div>
<div id="labelItem">
<!--标签库-->
<div class="label-item">
<!-- <li data="40"><span>电商</span></li> -->
</div>
</div>
<a href="javascript:;" class="btn btn-success btn-sm" id="cell">获取</a>
</div>
<!-- <form action="" role="form" id="author-form">
</form> -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">取消</button>
<button type="submit" id="author-submit" class="btn btn-success">提交</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-white">
<div class="panel-body">
<div class="table-responsive">
<table id="example" class="display table" style="width: 100%; cellspacing: 0;" data-show-jumpto="true">
<thead>
<tr>
<th>编号</th>
<th>姓名</th>
<th>邮箱</th>
<th>密码</th>
<th>管理</th>
</tr>
</thead>
</table>
</div>
</div>
<div class="panel-footer">
<div class="btn-group">
<button type="button" class="btn btn-success m-b-sm" data-toggle="modal" data-target="#addModal">
<i class='fa fa-crosshairs'></i>新增
</button>
</div>
</div>
</div>
</div>
</div>
</div><!-- Main Wrapper -->
<div class="page-footer">
</div>
</div><!-- /Page Inner -->
<!-- Javascripts -->
<script src="assets/plugins/jquery/jquery-3.1.0.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="assets/plugins/uniform/js/jquery.uniform.standalone.js"></script>
<script src="js/bootstrap-table.min.js"></script>
<script src="js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/plugins/switchery/switchery.min.js"></script>
<script src="assets/js/ecaps.min.js"></script>
<script src="js/pages/admin-user-manage.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
HTML/CSS
1
https://gitee.com/LGlogo/gmcbrand.git
git@gitee.com:LGlogo/gmcbrand.git
LGlogo
gmcbrand
跨境电商借卖平台前端
develop

搜索帮助