Inicio Explorar Axuda
Iniciar sesión
S.H.I.E.L.D.
/
measure-admin-manage
3
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

增加客户管理

Chente %!s(int64=7) %!d(string=hai) anos
pai
bd0fd8734a
achega
bea5deb994
Modificáronse 15 ficheiros con 787 adicións e 17 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 3 1
      css/main.css
  2. 9 3
      group-edit.html
  3. 8 2
      group.html
  4. 8 2
      index.html
  5. 2 0
      js/datepicker/datepicker.min.js
  6. 12 0
      js/datepicker/datepicker.zh.js
  7. 1 1
      login.html
  8. 8 2
      manager.html
  9. 8 2
      permission-edit.html
  10. 8 2
      permission.html
  11. 141 0
      poj-list-add.html
  12. 226 0
      poj-list-detail.html
  13. 171 0
      poj-list.html
  14. 174 0
      preview-list.html
  15. 8 2
      user-profile.html

+ 3 - 1
css/main.css
Ver ficheiro 

@@ -10,9 +10,11 @@ body{
 
     color: #505458 !important;
 
     background-color: #ebeff2;
 
     font-size: 14px;
 
-    height:100%;
 
       width:100%
 
 }
 
+body.login-body{
 
+  height: 100%
 
+}
 
 @-webkit-keyframes tada {
 
     0% {
 
         -webkit-transform: scale(1)

+ 9 - 3
group-edit.html
Ver ficheiro 

@@ -35,9 +35,15 @@
 
           </a>
 
         </li>
 
         <li>
 
-          <a href="client.html">
 
-            <i class="fa fa-users"></i>客户管理</i>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
           </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
         </li>
 
         <li>
 
           <a href="news.html">
 
@@ -174,7 +180,7 @@
 
                 <div class="form-group row">
 
                   <label class="col-sm-2 col-form-label text-right">备注</label>
 
                   <div class="col-lg-6">
 
-                      <input class="form-control" type="text" placeholder="" required>
 
+                      <input class="form-control" type="text" placeholder="" >
 
                   </div>
 
                 </div>
 
                 <div class="form-group row" >

+ 8 - 2
group.html
Ver ficheiro 

@@ -43,9 +43,15 @@
 
           </a>
 
         </li>
 
         <li>
 
-          <a href="client.html">
 
-            <i class="fa fa-users"></i>客户管理</i>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
           </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
         </li>
 
         <li>
 
           <a href="news.html">

+ 8 - 2
index.html
Ver ficheiro 

@@ -35,9 +35,15 @@
 
           </a>
 
         </li>
 
         <li>
 
-          <a href="client.html">
 
-            <i class="fa fa-users"></i>客户管理</i>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
           </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
         </li>
 
         <li>
 
           <a href="news.html">

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 2 - 0
js/datepicker/datepicker.min.js


+ 12 - 0
js/datepicker/datepicker.zh.js
Ver ficheiro 

@@ -0,0 +1,12 @@
 
+;(function (jQuery) { jQuery.fn.datepicker.language['zh'] = {
 
+    days: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
 
+    daysShort: ['日', '一', '二', '三', '四', '五', '六'],
 
+    daysMin: ['日', '一', '二', '三', '四', '五', '六'],
 
+    months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
 
+    monthsShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
 
+    today: '今天',
 
+    clear: '清除',
 
+    dateFormat: 'yyyy-mm-dd',
 
+    timeFormat: 'hh:ii',
 
+    firstDay: 0
 
+}; })(jQuery);

+ 1 - 1
login.html
Ver ficheiro 

@@ -9,7 +9,7 @@
 
     <link rel="stylesheet" href="css/main.css">
 
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
 </head>
 
-<body class="modal-open">
 
+<body class="login-body">
 
   <div class="login-bg"> </div>
 
       <div class="form-signin box-shadow">
 
         <!-- <form>

+ 8 - 2
manager.html
Ver ficheiro 

@@ -35,9 +35,15 @@
 
           </a>
 
         </li>
 
         <li>
 
-          <a href="client.html">
 
-            <i class="fa fa-users"></i>客户管理</i>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
           </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
         </li>
 
         <li>
 
           <a href="news.html">

+ 8 - 2
permission-edit.html
Ver ficheiro 

@@ -35,9 +35,15 @@
 
           </a>
 
         </li>
 
         <li>
 
-          <a href="client.html">
 
-            <i class="fa fa-users"></i>客户管理</i>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
           </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
         </li>
 
         <li>
 
           <a href="news.html">

+ 8 - 2
permission.html
Ver ficheiro 

@@ -35,9 +35,15 @@
 
           </a>
 
         </li>
 
         <li>
 
-          <a href="client.html">
 
-            <i class="fa fa-users"></i>客户管理</i>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
           </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
         </li>
 
         <li>
 
           <a href="news.html">

+ 141 - 0
poj-list-add.html
Ver ficheiro 

@@ -0,0 +1,141 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+  <title>后台登录-计量支付SAAS</title>
 
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+  <link rel="stylesheet" href="css/main.css">
 
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+<body>
 
+  <div class="wrapper">
 
+    <div class="top-bar">
 
+      <div class="logo">
 
+          <a>计量支付SAAS后台</a>
 
+      </div>
 
+      <div class="nav d-flex justify-content-between">
 
+        <h4 class="title"><i class="fa fa-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> / 添加项目</h4>
 
+      </div>
 
+    </div>
 
+    <div class="aside">
 
+      <div class="user-info">
 
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
 
+        <h5>admin</h5>
 
+        <ul class="min-menu">
 
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
 
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="menu" id="menu">
 
+        <li class="active">
 
+          <a href="index.html">
 
+            <i class="fa fa-dashboard"></i>控制面板
 
+          </a>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="news.html">
 
+            <i class="fa fa-bell"></i>通知管理</i>
 
+          </a>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-wrench"></i>工具<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="qingdan.html">清单规则</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="permission.html">权限管理</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-user"></i>用户管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="manager.html">用户列表</a></li>
 
+            <li><a href="group.html">用户组管理</a></li>
 
+          </ul>
 
+        </li>
 
+      </div>
 
+    </div>
 
+    <div class="content-page container-fluid">
 
+      <div class="row">
 
+        <div class="col-lg-12">
 
+          <div class="card-box">
 
+            <div class="panel-body mt-3">
 
+              <form>
 
+                <div class="form-group row">
 
+                  <label class="col-sm-2 col-form-label text-right">项目编号</label>
 
+                  <div class="col-lg-6">
 
+                      <input class="form-control-plaintext" type="text" value="170002" readonly>
 
+                  </div>
 
+                </div>
 
+                <div class="form-group row">
 
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>项目名称</label>
 
+                  <div class="col-lg-6">
 
+                      <input class="form-control" type="text" placeholder="输入项目名称" required>
 
+                  </div>
 
+                </div>
 
+                <div class="form-group row">
 
+                  <label class="col-sm-2 text-right">管理员（通行账号）</label>
 
+                  <div class="col-lg-6">
 
+                      <input class="form-control" type="text" placeholder="输入通行账号 邮箱 / 邮箱" required>
 
+                      <p>可添加项目后再添加</p>
 
+                  </div>
 
+                </div>
 
+                <div class="form-group row">
 
+                  <label class="col-sm-2 text-right"><b class="text-danger">*</b>销售负责人</label>
 
+                  <div class="col-lg-6 row">
 
+                    <div class=" col-lg-6">
 
+                      <select class="form-control"><option>请选择办事处</option></select>
 
+                    </div>
 
+                      <div class=" col-lg-6">
 
+                      <select class="form-control"><option>张三</option></select>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="form-group row">
 
+                  <label class="col-sm-2 col-form-label text-right">备注</label>
 
+                  <div class="col-lg-6">
 
+                      <input class="form-control" type="text" placeholder="">
 
+                  </div>
 
+                </div>
 
+                <div class="form-group row" >
 
+                  <label class="col-sm-2 col-form-label"></label>
 
+                  <div class="col-lg-6">
 
+                      <button type="submit" class="btn btn-primary">确认添加</button>
 
+                      <button type="submit" class="btn btn-secondary">返回</button>
 
+                  </div>
 
+                </div>
 
+              </form>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</body>
 
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
 
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
 
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
 
+<script src="js/main.js" type="text/javascript"></script>
 
+</html>

+ 226 - 0
poj-list-detail.html
Ver ficheiro 

@@ -0,0 +1,226 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+  <title>后台登录-计量支付SAAS</title>
 
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+  <link rel="stylesheet" href="css/main.css">
 
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+<body>
 
+  <div class="wrapper">
 
+    <div class="top-bar">
 
+      <div class="logo">
 
+          <a>计量支付SAAS后台</a>
 
+      </div>
 
+      <div class="nav d-flex justify-content-between">
 
+          <h4 class="title"><i class="fa fa-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> / XXX公路</h4>
 
+          <div class="dropdown mt-3">
 
+            <button type="button" class="btn btn-light btn-sm" data-toggle="dropdown">
 
+              <i class="fa fa-ellipsis-v"></i>
 
+            </button>
 
+            <div class="dropdown-menu dropdown-menu-right">
 
+              <a class="dropdown-item" href="poj-list-add.html">编辑</a>
 
+            </div>
 
+          </div>
 
+      </div>
 
+    </div>
 
+    <div class="aside">
 
+      <div class="user-info">
 
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
 
+        <h5>admin</h5>
 
+        <ul class="min-menu">
 
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
 
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="menu" id="menu">
 
+        <li>
 
+          <a href="index.html">
 
+            <i class="fa fa-dashboard"></i>控制面板
 
+          </a>
 
+        </li>
 
+        <li class="active">
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="news.html">
 
+            <i class="fa fa-bell"></i>通知管理</i>
 
+          </a>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-wrench"></i>工具<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="qingdan.html">清单规则</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="permission.html">权限管理</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-user"></i>用户管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="manager.html">用户列表</a></li>
 
+            <li><a href="group.html">用户组管理</a></li>
 
+          </ul>
 
+        </li>
 
+      </div>
 
+    </div>
 
+    <div class="content-page container-fluid">
 
+      <div class="row">
 
+        <div class="col-lg-12">
 
+          <div class="card-box ">
 
+            <div class="panel-body ">
 
+              <h4 class="mb-3"><span class="badge badge-success">正常</span> XXX公路</h4>
 
+              <nav class="nav nav-tabs mb-3" role="tablist">
 
+                <a class="nav-item nav-link active" data-toggle="tab" href="#info" role="tab">项目信息</a>
 
+                <a class="nav-item nav-link" data-toggle="tab" href="#account" role="tab">项目账号</a>
 
+                <a class="nav-item nav-link" data-toggle="tab" href="#biaoduan" role="tab">项目标段</a>
 
+              </nav>
 
+              <div class="tab-content">
 
+                <div class="tab-pane active" id="info" role="tabpanel">
 
+                  <form>
 
+                    <div class="form-group row">
 
+                      <label class="col-sm-2 col-form-label text-right">状态 <a href="#"><i class="fa fa-question-circle"></i></a></label>
 
+                      <div class="col-lg-6">
 
+                          <div class="form-check form-check-inline">
 
+                            <label class="form-check-label badge-warning">
 
+                              <input class="form-check-input" type="radio" name="inlineRadioOptions"> 试用
 
+                            </label>
 
+                          </div>
 
+                          <div class="form-check form-check-inline">
 
+                            <label class="form-check-label  badge-success">
 
+                              <input class="form-check-input" type="radio" name="inlineRadioOptions"> 正常
 
+                            </label>
 
+                          </div>
 
+                          <div class="form-check form-check-inline">
 
+                            <label class="form-check-label  badge-danger">
 
+                              <input class="form-check-input" type="radio" name="inlineRadioOptions"> 停用
 
+                            </label>
 
+                          </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group row">
 
+                      <label class="col-sm-2 col-form-label text-right">创建者</label>
 
+                      <div class="col-lg-6">
 
+                          <input class="form-control-plaintext" type="text" value="总部-陈特" readonly>
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group row">
 
+                      <label class="col-sm-2 col-form-label text-right">项目编号</label>
 
+                      <div class="col-lg-6">
 
+                          <input class="form-control-plaintext" type="text" value="170002" readonly>
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group row">
 
+                      <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>项目名称</label>
 
+                      <div class="col-lg-6">
 
+                          <input class="form-control" type="text" value="XXX公路" required>
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group row">
 
+                      <label class="col-sm-2 text-right">管理员（通行账号）</label>
 
+                      <div class="col-lg-6">
 
+                          <input class="form-control" type="text" placeholder="输入通行账号 邮箱 / 邮箱" required>
 
+                          <p>设置管理员后，可以为该账号提供部分管理功能。</p>
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group row">
 
+                      <label class="col-sm-2 text-right"><b class="text-danger">*</b>销售负责人</label>
 
+                      <div class="col-lg-6 row">
 
+                        <div class=" col-lg-6">
 
+                          <select class="form-control"><option>请选择办事处</option></select>
 
+                        </div>
 
+                          <div class=" col-lg-6">
 
+                          <select class="form-control"><option>张三</option></select>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group row">
 
+                      <label class="col-sm-2 col-form-label text-right">备注</label>
 
+                      <div class="col-lg-6">
 
+                          <input class="form-control" type="text" placeholder="">
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group row" >
 
+                      <label class="col-sm-2 col-form-label"></label>
 
+                      <div class="col-lg-6">
 
+                          <button type="submit" class="btn btn-primary">确认修改</button>
 
+                          <button type="submit" class="btn btn-secondary">返回</button>
 
+                      </div>
 
+                    </div>
 
+                  </form>
 
+                </div>
 
+                <div class="tab-pane" id="account" role="tabpanel">
 
+                  <form class="form-inline mb-2 d-flex justify-content-end">
 
+                    <div class="input-group">
 
+                      <input class="form-control form-control-sm" placeholder="姓名" type="text">
 
+                      <span class="input-group-btn">
 
+                        <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
 
+                      </span>
 
+                    </div>
 
+                    <div class="ml-2">
 
+                      <a class="btn btn-primary btn-sm" href="">添加账号</a>
 
+                    </div>
 
+                  </form>
 
+                  <table class="table table-striped table-bordered table-sm">
 
+                    <thead>
 
+                      <tr>
 
+                        <th>账号</th>
 
+                        <th>姓名</th>
 
+                        <th>单位</th>
 
+                        <th>角色</th>
 
+                        <th>最后登录时间</th>
 
+                        <th>手机</th>
 
+                        <th>电话</th>
 
+                        <th class="text-center">操作</th></tr>
 
+                    </thead>
 
+                    <tbody>
 
+                      <tr>
 
+                        <td>chente</td>
 
+                        <td>陈特</td>
 
+                        <td>珠海纵横创新软件有限公司</td>
 
+                        <td>产品经理</td>
 
+                        <td>2017-05-03 11:10:02</td>
 
+                        <td>15812644017</td>
 
+                        <td>0765-3850891</td>
 
+                        <td></td>
 
+                      </tr>
 
+                    </tbody>
 
+                  </table>
 
+                </div>
 
+                <div class="tab-pane" id="biaoduan" role="tabpanel">
 
+                  标段
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</body>
 
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
 
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
 
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
 
+<script src="js/main.js" type="text/javascript"></script>
 
+</html>

+ 171 - 0
poj-list.html
Ver ficheiro 

@@ -0,0 +1,171 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+  <title>后台登录-计量支付SAAS</title>
 
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+  <link rel="stylesheet" href="css/main.css">
 
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+<body>
 
+  <div class="wrapper">
 
+    <div class="top-bar">
 
+      <div class="logo">
 
+          <a>计量支付SAAS后台</a>
 
+      </div>
 
+      <div class="nav d-flex justify-content-between">
 
+          <h4 class="title"><i class="fa fa-users"></i> 客户管理 / 项目版客户</h4>
 
+          <div class="dropdown mt-3">
 
+            <button type="button" class="btn btn-light btn-sm" data-toggle="dropdown">
 
+              <i class="fa fa-ellipsis-v"></i>
 
+            </button>
 
+            <div class="dropdown-menu dropdown-menu-right">
 
+              <a class="dropdown-item" href="poj-list-add.html">新增项目</a>
 
+            </div>
 
+          </div>
 
+      </div>
 
+    </div>
 
+    <div class="aside">
 
+      <div class="user-info">
 
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
 
+        <h5>admin</h5>
 
+        <ul class="min-menu">
 
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
 
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="menu" id="menu">
 
+        <li>
 
+          <a href="index.html">
 
+            <i class="fa fa-dashboard"></i>控制面板
 
+          </a>
 
+        </li>
 
+        <li class="active">
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="news.html">
 
+            <i class="fa fa-bell"></i>通知管理</i>
 
+          </a>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-wrench"></i>工具<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="qingdan.html">清单规则</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="permission.html">权限管理</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-user"></i>用户管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="manager.html">用户列表</a></li>
 
+            <li><a href="group.html">用户组管理</a></li>
 
+          </ul>
 
+        </li>
 
+      </div>
 
+    </div>
 
+    <div class="content-page container-fluid">
 
+      <div class="row">
 
+        <div class="col-lg-12">
 
+          <div class="card-box ">
 
+            <div class="panel-body mt-3">
 
+              <form class="form-inline mb-2 d-flex justify-content-end">
 
+                <div class="mr-2">
 
+                  <select id="type" class="form-control form-control-sm" name="type">
 
+                    <option value="">按办事处筛选</option>
 
+                    <option value="1">总部</option>
 
+                    <option value="2">广东办</option>
 
+                    <option value="3">重庆办</option></select>
 
+                </div>
 
+                <div class="input-group">
 
+                  <input class="form-control form-control-sm" placeholder="项目名称/项目编号" type="text">
 
+                  <span class="input-group-btn">
 
+                    <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
 
+                  </span>
 
+                </div>
 
+              </form>
 
+              <div>
 
+                <table class="table table-striped table-bordered table-sm">
 
+                  <thead>
 
+                    <tr>
 
+                      <th width="100">项目编号</th>
 
+                      <th>项目名称</th>
 
+                      <th width="100">办事处</th>
 
+                      <th width="100">负责人</th>
 
+                      <th width="200">创建时间 <a href="#" data-sort="last_login"><i class="fa fa-sort-amount-desc"></i></a></th>
 
+                      <th>状态</th>
 
+                  </thead>
 
+                  <tbody>
 
+                    <tr>
 
+                      <td>170001</td>
 
+                      <td><a href="poj-list-detail.html">XXX公路（点我）</a></td>
 
+                      <td>广东办</td>
 
+                      <td>张三</td>
 
+                      <td>2017-10-17 15:20:00</td>
 
+                      <th class="text-success" width="100">正常</th>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>170002</td>
 
+                      <td><a href="#">YYY公路</a></td>
 
+                      <td>广东办</td>
 
+                      <td>张三</td>
 
+                      <td>2017-10-17 15:20:00</td>
 
+                      <th class="text-warning" width="100">试用</th>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>170003</td>
 
+                      <td><a href="#">ZZZ公路</a></td>
 
+                      <td>广东办</td>
 
+                      <td>张三</td>
 
+                      <td>2017-10-17 15:20:00</td>
 
+                      <th class="text-danger" width="100">停用</th>
 
+                    </tr>
 
+                  </tbody>
 
+                </table>
 
+                <nav aria-label="Page navigation example">
 
+                  <ul class="pagination justify-content-center">
 
+                    <li class="page-item disabled">
 
+                      <a class="page-link" href="#" tabindex="-1">上一页</a>
 
+                    </li>
 
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
 
+                    <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+                    <li class="page-item">
 
+                      <a class="page-link" href="#">下一页</a>
 
+                    </li>
 
+                  </ul>
 
+                </nav>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</body>
 
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
 
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
 
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
 
+<script src="js/main.js" type="text/javascript"></script>
 
+</html>

+ 174 - 0
preview-list.html
Ver ficheiro 

@@ -0,0 +1,174 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+  <title>后台登录-计量支付SAAS</title>
 
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+  <link rel="stylesheet" href="css/main.css">
 
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+<body>
 
+  <div class="wrapper">
 
+    <div class="top-bar">
 
+      <div class="logo">
 
+          <a>计量支付SAAS后台</a>
 
+      </div>
 
+      <div class="nav d-flex justify-content-between">
 
+          <h4 class="title"><i class="fa fa-users"></i> 客户管理 / 演示版客户</h4>
 
+          <!-- <div class="dropdown mt-3">
 
+            <button type="button" class="btn btn-light btn-sm" data-toggle="dropdown">
 
+              <i class="fa fa-ellipsis-v"></i>
 
+            </button>
 
+            <div class="dropdown-menu dropdown-menu-right">
 
+              <a class="dropdown-item" href="group-edit.html">新增项目</a>
 
+            </div>
 
+          </div> -->
 
+      </div>
 
+    </div>
 
+    <div class="aside">
 
+      <div class="user-info">
 
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
 
+        <h5>admin</h5>
 
+        <ul class="min-menu">
 
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
 
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="menu" id="menu">
 
+        <li>
 
+          <a href="index.html">
 
+            <i class="fa fa-dashboard"></i>控制面板
 
+          </a>
 
+        </li>
 
+        <li class="active">
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="news.html">
 
+            <i class="fa fa-bell"></i>通知管理</i>
 
+          </a>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-wrench"></i>工具<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="qingdan.html">清单规则</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="permission.html">权限管理</a></li>
 
+          </ul>
 
+        </li>
 
+        <li>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-user"></i>用户管理<i class="fa fa-angle-down menu-arrow"></i>
 
+          </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="manager.html">用户列表</a></li>
 
+            <li><a href="group.html">用户组管理</a></li>
 
+          </ul>
 
+        </li>
 
+      </div>
 
+    </div>
 
+    <div class="content-page container-fluid">
 
+      <div class="row">
 
+        <div class="col-lg-12">
 
+          <div class="card-box ">
 
+            <div class="panel-body mt-3">
 
+              <form class="form-inline mb-2 d-flex justify-content-end">
 
+                <div class="mr-2">
 
+                  <select id="type" class="form-control form-control-sm" name="type">
 
+                    <option value="">按企业类型</option>
 
+                    <option value="2">设计</option>
 
+                    <option value="3">施工</option></select>
 
+                </div>
 
+                <div class="mr-2">
 
+                  <select id="type" class="form-control form-control-sm" name="type">
 
+                    <option value="">按省份</option>
 
+                    <option value="2">广东省</option>
 
+                    <option value="3">广西省</option></select>
 
+                </div>
 
+                <div class="input-group mr-2">
 
+                  <input class="form-control form-control-sm" placeholder="最近登录时间" type="text">
 
+                  <span class="input-group-btn">
 
+                    <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
 
+                  </span>
 
+                </div>
 
+                <div class="input-group">
 
+                  <input class="form-control form-control-sm" placeholder="邮箱/手机" type="text">
 
+                  <span class="input-group-btn">
 
+                    <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
 
+                  </span>
 
+                </div>
 
+              </form>
 
+              <div>
 
+                <table class="table table-striped table-bordered table-sm">
 
+                  <thead>
 
+                    <tr>
 
+                      <th>通行账号手机</th>
 
+                      <th>通行账号邮箱</th>
 
+                      <th>姓名</th>
 
+                      <th>电话</th>
 
+                      <th>单位名称</th>
 
+                      <th>单位类型</th>
 
+                      <th>所在地区</th>
 
+                      <th>企业规模</th>
 
+                      <th>最近登陆时间 <a href="#" data-sort="last_login"><i class="fa fa-sort-amount-desc"></i></a></th>
 
+                      <th>首次登陆时间 <a href="#" data-sort="last_login"><i class="fa fa-sort-amount-desc"></i></a></th>
 
+                  </thead>
 
+                  <tbody>
 
+                    <tr>
 
+                      <td>15812644017</td>
 
+                      <td>ABC@qq.com</td>
 
+                      <td>陈先生</td>
 
+                      <td>0756-3850888</td>
 
+                      <td>XX公司</td>
 
+                      <td>设计</td>
 
+                      <td>广东省</td>
 
+                      <td>1-20</td>
 
+                      <td>2016-02-25</td>
 
+                      <td>2017-11-08</td>
 
+                    </tr>
 
+                  </tbody>
 
+                </table>
 
+                <nav aria-label="Page navigation example">
 
+                  <ul class="pagination justify-content-center">
 
+                    <li class="page-item disabled">
 
+                      <a class="page-link" href="#" tabindex="-1">上一页</a>
 
+                    </li>
 
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
 
+                    <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+                    <li class="page-item">
 
+                      <a class="page-link" href="#">下一页</a>
 
+                    </li>
 
+                  </ul>
 
+                </nav>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</body>
 
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
 
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
 
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
 
+<script src="js/main.js" type="text/javascript"></script>
 
+</html>

+ 8 - 2
user-profile.html
Ver ficheiro 

@@ -35,9 +35,15 @@
 
           </a>
 
         </li>
 
         <li>
 
-          <a href="client.html">
 
-            <i class="fa fa-users"></i>客户管理</i>
 
+          <a href="javascript:void(0);">
 
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
 
           </a>
 
+          <ul class="sub-menu">
 
+            <li><a href="poj-list.html">项目版客户</a></li>
 
+          </ul>
 
+          <ul class="sub-menu">
 
+            <li><a href="preview-list.html">演示版客户</a></li>
 
+          </ul>
 
         </li>
 
         <li>
 
           <a href="news.html">