Quellcode durchsuchen

2副标题栏继承到主标题栏

Chente vor 7 Jahren
Ursprung
Commit
bd0fd8734a
7 geänderte Dateien mit 27 neuen und 119 gelöschten Zeilen
  1. 3 17
      group-edit.html
  2. 11 16
      group.html
  3. 2 2
      index.html
  4. 3 8
      manager.html
  5. 3 9
      permission-edit.html
  6. 2 53
      permission.html
  7. 3 14
      user-profile.html

+ 3 - 17
group-edit.html

@@ -15,8 +15,8 @@
       <div class="logo">
           <a>计量支付SAAS后台</a>
       </div>
-      <div class="nav">
-          <h4 class="title">用户管理</h4>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-user"></i> 用户管理 / <a href="">用户组列表</a> / 添加用户组</h4>
       </div>
     </div>
     <div class="aside">
@@ -75,21 +75,7 @@
       <div class="row">
         <div class="col-lg-12">
           <div class="card-box">
-            <div class="d-flex justify-content-between">
-              <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="group.html">用户组列表</a></li>
-                <li class="breadcrumb-item active">添加用户组</li>
-              </ol>
-              <!-- <div class="dropdown">
-                <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 class="panel-body">
+            <div class="panel-body mt-3">
               <form>
                 <div class="form-group row">
                   <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>用户组名称</label>

+ 11 - 16
group.html

@@ -15,8 +15,16 @@
       <div class="logo">
           <a>计量支付SAAS后台</a>
       </div>
-      <div class="nav">
-          <h4 class="title">用户管理</h4>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-user"></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">
@@ -75,20 +83,7 @@
       <div class="row">
         <div class="col-lg-12">
           <div class="card-box">
-            <div class="d-flex justify-content-between">
-              <ol class="breadcrumb">
-                <li class="breadcrumb-item active">用户组列表</li>
-              </ol>
-              <div class="dropdown">
-                <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 class="panel-body">
+            <div class="panel-body mt-3">
               <table class="table table-striped table-bordered table-sm">
                 <thead><th>Id</th><th>组名称</th><th>拥有权限</th><th>创建时间</th><th>备注</th><th>操作</th></thead>
                 <tbody>

+ 2 - 2
index.html

@@ -15,8 +15,8 @@
       <div class="logo">
           <a>计量支付SAAS后台</a>
       </div>
-      <div class="nav">
-          <h4 class="title">控制面板</h4>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-dashboard"></i> 控制面板</h4>
       </div>
     </div>
     <div class="aside">

+ 3 - 8
manager.html

@@ -15,8 +15,8 @@
       <div class="logo">
           <a>计量支付SAAS后台</a>
       </div>
-      <div class="nav">
-          <h4 class="title">用户管理</h4>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-user"></i> 用户管理 / 用户列表</h4>
       </div>
     </div>
     <div class="aside">
@@ -75,12 +75,7 @@
       <div class="row">
         <div class="col-lg-12">
           <div class="card-box ">
-            <div class="d-flex justify-content-between">
-              <ol class="breadcrumb">
-                <li class="breadcrumb-item active">用户列表</li>
-              </ol>
-            </div>
-            <div class="panel-body">
+            <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">

+ 3 - 9
permission-edit.html

@@ -15,8 +15,8 @@
       <div class="logo">
           <a>计量支付SAAS后台</a>
       </div>
-      <div class="nav">
-          <h4 class="title">控制面板</h4>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-cog"></i> 系统管理 / <a href="#">权限列表</a> / 添加权限</h4>
       </div>
     </div>
     <div class="aside">
@@ -75,13 +75,7 @@
       <div class="row">
         <div class="col-lg-12">
           <div class="card-box">
-            <div class="d-flex justify-content-between">
-              <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="group.html">权限列表</a></li>
-                <li class="breadcrumb-item active">添加权限</li>
-              </ol>
-            </div>
-            <div class="panel-body">
+            <div class="panel-body mt-3">
               <form>
                 <div class="form-group row">
                   <label class="col-sm-2 col-form-label text-right">父级名称</label>

+ 2 - 53
permission.html

@@ -15,8 +15,8 @@
       <div class="logo">
           <a>计量支付SAAS后台</a>
       </div>
-      <div class="nav">
-          <h4 class="title">系统管理</h4>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-cog"></i> 系统管理 / 权限管理</h4>
       </div>
     </div>
     <div class="aside">
@@ -75,9 +75,6 @@
       <div class="row">
         <div class="col-lg-12">
           <div class="card-box">
-            <ol class="breadcrumb">
-                <li class="breadcrumb-item active">权限管理</li>
-            </ol>
             <div class="tree">
               <div class="tree-folder">
                   <div class="tree-folder-header">
@@ -88,43 +85,31 @@
                           </div>
                       </div>
                   </div>
-
                   <div class="tree-folder-content">
-
                       <div class="tree-folder">
                           <div class="tree-folder-header">
                               <div class="tree-item-name">
-
                                   <i class="fa fa-plus icon-only" data-slide="0"></i>
-
                                   系统管理(<i class="fa fa-bars"></i>)
                                   <div class="tree-action" style="display: block;">
                                       <a href="permission-edit.html"><span class="fa fa-plus"></span></a>&nbsp;
                                       <a href="permission-edit.html"><span class="fa fa-pencil"></span></a>&nbsp;
-
                                   </div>
                               </div>
                           </div>
-
                           <div class="tree-folder-content child">
-
                               <div class="tree-item" style="display: block;">
                                   <div class="tree-folder-header">
                                       <div class="tree-item-name">
-
                                           <i class="fa fa-plus icon-only" data-slide="0"></i>
-
                                           权限管理(<i class="fa fa-bars"></i>)
                                           <div class="tree-action">
                                               <a href="/permission/add/12"><span class="fa fa-plus"></span></a>&nbsp;
                                               <a href="/permission/modify/12"><span class="fa fa-pencil"></span></a>&nbsp;
-
                                           </div>
                                       </div>
                                   </div>
-
                                   <div class="tree-folder-content child">
-
                                       <div class="tree-item" style="display: block;">
                                           <div class="tree-folder-header">
                                               <div class="tree-item-name">
@@ -136,7 +121,6 @@
                                               </div>
                                           </div>
                                       </div>
-
                                       <div class="tree-item" style="display: block;">
                                           <div class="tree-folder-header">
                                               <div class="tree-item-name">
@@ -148,7 +132,6 @@
                                               </div>
                                           </div>
                                       </div>
-
                                       <div class="tree-item" style="display: block;">
                                           <div class="tree-folder-header">
                                               <div class="tree-item-name">
@@ -160,7 +143,6 @@
                                               </div>
                                           </div>
                                       </div>
-
                                       <div class="tree-item" style="display: block;">
                                           <div class="tree-folder-header">
                                               <div class="tree-item-name">
@@ -172,45 +154,32 @@
                                               </div>
                                           </div>
                                       </div>
-
                                   </div>
-
                               </div>
-
                               <div class="tree-item" style="display: block;">
                                   <div class="tree-folder-header">
                                       <div class="tree-item-name">
-
                                           sql执行(<i class="fa fa-bars"></i>)
                                           <div class="tree-action">
                                               <a href="/permission/add/24"><span class="fa fa-plus"></span></a>&nbsp;
                                               <a href="/permission/modify/24"><span class="fa fa-pencil"></span></a>&nbsp;
-
                                               <a href="/permission/delete/24"><span class="fa fa-trash"></span></a>&nbsp;
-
                                           </div>
                                       </div>
                                   </div>
-
                               </div>
-
                               <div class="tree-item" style="display: block;">
                                   <div class="tree-folder-header">
                                       <div class="tree-item-name">
-
                                           <i class="fa fa-plus icon-only" data-slide="0"></i>
-
                                           白名单管理(<i class="fa fa-bars"></i>)
                                           <div class="tree-action">
                                               <a href="/permission/add/25"><span class="fa fa-plus"></span></a>&nbsp;
                                               <a href="/permission/modify/25"><span class="fa fa-pencil"></span></a>&nbsp;
-
                                           </div>
                                       </div>
                                   </div>
-
                                   <div class="tree-folder-content child">
-
                                       <div class="tree-item" style="display: block;">
                                           <div class="tree-folder-header">
                                               <div class="tree-item-name">
@@ -222,7 +191,6 @@
                                               </div>
                                           </div>
                                       </div>
-
                                       <div class="tree-item" style="display: block;">
                                           <div class="tree-folder-header">
                                               <div class="tree-item-name">
@@ -234,7 +202,6 @@
                                               </div>
                                           </div>
                                       </div>
-
                                       <div class="tree-item" style="display: block;">
                                           <div class="tree-folder-header">
                                               <div class="tree-item-name">
@@ -246,7 +213,6 @@
                                               </div>
                                           </div>
                                       </div>
-
                                       <div class="tree-item" style="display: block;">
                                           <div class="tree-folder-header">
                                               <div class="tree-item-name">
@@ -258,55 +224,38 @@
                                               </div>
                                           </div>
                                       </div>
-
                                   </div>
-
                               </div>
-
                           </div>
-
                       </div>
-
                       <div class="tree-folder">
                           <div class="tree-folder-header">
                               <div class="tree-item-name">
-
                                   <i class="fa fa-plus icon-only" data-slide="0"></i>
-
                                   用户管理 (<i class="fa fa-bars"></i>)
                                   <div class="tree-action" style="display: none;">
                                       <a href="/permission/add/17"><span class="fa fa-plus"></span></a>&nbsp;
                                       <a href="/permission/modify/17"><span class="fa fa-pencil"></span></a>&nbsp;
-
                                   </div>
                               </div>
                           </div>
-
                           <div class="tree-folder-content child">
-
                               <div class="tree-item" style="display: block;">
                                   <div class="tree-folder-header">
                                       <div class="tree-item-name">
-
                                           管理员列表(<i class="fa fa-bars"></i>)
                                           <div class="tree-action">
                                               <a href="/permission/add/19"><span class="fa fa-plus"></span></a>&nbsp;
                                               <a href="/permission/modify/19"><span class="fa fa-pencil"></span></a>&nbsp;
-
                                               <a href="/permission/delete/19"><span class="fa fa-trash"></span></a>&nbsp;
-
                                           </div>
                                       </div>
                                   </div>
-
                               </div>
-
                               <div class="tree-item" style="display: block;">
                                   <div class="tree-folder-header">
                                       <div class="tree-item-name">
-
                                           <i class="fa fa-plus icon-only" data-slide="0"></i>
-
                                           用户组管理
                                           <div class="tree-action">
                                               <a href="/permission/add/20"><span class="fa fa-plus"></span></a>&nbsp;

+ 3 - 14
user-profile.html

@@ -15,8 +15,8 @@
       <div class="logo">
           <a>计量支付SAAS后台</a>
       </div>
-      <div class="nav">
-          <h4 class="title">用户管理</h4>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-user"></i> 用户管理 / <a href="#">用户列表</a> / 用户信息</h4>
       </div>
     </div>
     <div class="aside">
@@ -75,18 +75,7 @@
       <div class="row">
         <div class="col-lg-12">
           <div class="card-box">
-            <div class="d-flex justify-content-between">
-              <!--管理员面包屑导航-->
-              <ol class="breadcrumb">
-                <li class="breadcrumb-item active"><a href="#">用户列表</a></li>
-                <li class="breadcrumb-item ">用户信息</li>
-              </ol>
-              <!--用户面包屑导航-->
-              <!-- <ol class="breadcrumb">
-                <li class="breadcrumb-item active">用户信息</li>
-              </ol> -->
-            </div>
-            <div class="panel-body">
+            <div class="panel-body mt-3">
               <form>
                 <!--管理员信息-->
                 <div class="form-group row" >