|
|
@@ -0,0 +1,189 @@
|
|
|
+<!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-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="user-list.html"><span>免费版</span></a></li>
|
|
|
+ <li><a><span>专业版</span></a></li>
|
|
|
+ <li class="active"><a href="user-list-test.html"><span>测试用户</span></a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="panel-content">
|
|
|
+ <div class="panel-title">
|
|
|
+ <div class="title-main">
|
|
|
+ <h2>测试用户<a href="#news-add" data-toggle="modal" data-target="#news-add" class="btn btn-primary btn-sm pull-right">添加用户</a></h2>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content-wrap">
|
|
|
+ <div class="c-header">
|
|
|
+ <!--搜索-->
|
|
|
+ <div class="btn-group">
|
|
|
+ <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 class="btn-group">
|
|
|
+ 可测试： 广东2018（未发布） 重庆2018（未发布）
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="c-body">
|
|
|
+ <table class="table">
|
|
|
+ <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>张三</td>
|
|
|
+ <td>珠海纵横创新软件有限公司</td>
|
|
|
+ <td>广东(2018)</td>
|
|
|
+ <td>2017-03-04 16:01:31</td>
|
|
|
+ <td><a href="#detail" data-toggle="modal" data-target="#view">详细</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">«</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">»</span>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 弹窗查看用户详情-->
|
|
|
+ <div class="modal fade" id="view" 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">×</span></button>
|
|
|
+ <h4 class="modal-title" >用户信息</h4>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <table class="table table-bordered">
|
|
|
+ <tbody>
|
|
|
+ <tr><th>注册时间</th><td>2017-03-03 14:29:03</td><th>最近登录</th><td>2017-03-04 14:29:03</td></tr>
|
|
|
+ <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">
|
|
|
+ <tbody>
|
|
|
+ <tr><th colspan="2">专业版激活</th></tr>
|
|
|
+ <tr><th>广东（2018）</th><td>浙江办陈帅(2018-01-02)<br><a href="" >298DJ1GH716S1</a>
|
|
|
+
|
|
|
+ </td></tr>
|
|
|
+ <tr><th>广东（2017）</th><td></td></tr>
|
|
|
+ <tr><th>重庆（2017）</th><td></td></tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-danger" >移除该账号</button>
|
|
|
+ <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 弹窗查看用户详情-->
|
|
|
+ <div class="modal fade" id="news-add" 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">×</span></button>
|
|
|
+ <h4 class="modal-title" >添加测试用户</h4>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="input-group" style="margin-bottom:10px">
|
|
|
+ <input class="form-control input-sm" placeholder="手机/邮箱/姓名" type="text">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button class="btn btn-default btn-sm" type="button"><i class="glyphicon glyphicon-search"></i></button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <table class="table table-sm table-bordered">
|
|
|
+ <tr><th>姓名</th><th>邮箱</th><th>手机</th><th>添加</th></tr>
|
|
|
+ <tr><td>张三</thd><td>312371238@qq.com</td><td>15800000001</td><td><a href="#">添加</a></td></tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
