Browse Source

通行帐号后台改版

outaozhen 9 years ago
commit
9331a28bdd

+ 485 - 0
admin-index.html

@@ -0,0 +1,485 @@
+<!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"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+  <script src=js/echarts.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoTx">
+        <h2>通<span class="logoInfo">行帐号</span><span class="caret"></span></h2>
+        <div class="logoList">
+          <ul>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">官网</a></li>
+            <li><a href="#">价格信息</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-index.html" class="active"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理</span></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-userlist.html">用户中心</a></li>
+            <li><a href="admin-list.html">管理员中心</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <a href="#"><img class="userImg" src="images/01.jpg"></a>
+          <!-- <span class="userName"><a href="#">管理员</a></span> -->
+      </div>
+      <div class="exit">退出</div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="total-main clearfix">
+      <ul>
+        <li>
+          <div class="total-content">
+            <h2 class="total-title">待确认交易</h2>
+            <div class="total-column">
+              <a class="total-num total-num-file" href="admin-contentlist.html">98</a>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="total-content">
+            <h2 class="total-title">用户已验证</h2>
+            <div class="total-column fL">
+              <dl>
+                <dt>今日累计</dt>
+                <dd class="total-num">99</dd>
+              </dl>
+            </div>
+            <div class="total-column fR">
+              <dl>
+                <dt>昨日累计</dt>
+                <dd class="total-num">999</dd>
+              </dl>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="total-content" style="border:none;">
+            <h2 class="total-title">用户注册</h2>
+            <div class="total-column fL">
+              <dl>
+                <dt>今日累计</dt>
+                <dd class="total-num">999</dd>
+              </dl>
+            </div>
+            <div class="total-column fR">
+              <dl>
+                <dt>昨日累计</dt>
+                <dd class="total-num">999</dd>
+              </dl>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <div class="userRegister" id="userRegister" style="width:100%;height:450px;padding-bottom:20px;"></div>
+    <div class="total-main clearfix">
+      <ul>
+        <li>
+          <div class="total-content">
+            <h2 class="total-title">支付宝</h2>
+            <div class="total-column fL">
+              <dl>
+                <dt>今日累计</dt>
+                <dd class="total-num">¥99</dd>
+              </dl>
+            </div>
+            <div class="total-column fR">
+              <dl>
+                <dt>昨日累计</dt>
+                <dd class="total-num">¥999</dd>
+              </dl>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="total-content">
+            <h2 class="total-title">网银在线</h2>
+            <div class="total-column fL">
+              <dl>
+                <dt>今日累计</dt>
+                <dd class="total-num">¥99.3</dd>
+              </dl>
+            </div>
+            <div class="total-column fR">
+              <dl>
+                <dt>昨日累计</dt>
+                <dd class="total-num">¥999</dd>
+              </dl>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="total-content">
+            <h2 class="total-title">银行转账</h2>
+            <div class="total-column fL">
+              <dl>
+                <dt>今日累计</dt>
+                <dd class="total-num">¥90.2</dd>
+              </dl>
+            </div>
+            <div class="total-column fR">
+              <dl>
+                <dt>昨日累计</dt>
+                <dd class="total-num">¥999</dd>
+              </dl>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="total-content" style="border:none;">
+            <h2 class="total-title">合计金额</h2>
+            <div class="total-column fL">
+              <dl>
+                <dt>今日累计</dt>
+                <dd class="total-num">¥999</dd>
+              </dl>
+            </div>
+            <div class="total-column fR">
+              <dl>
+                <dt>昨日累计</dt>
+                <dd class="total-num">¥999</dd>
+              </dl>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <div class="userRecharge" id="userRecharge" style="width:100%;height:450px; margin-top:35px;"></div>
+    <div class="total-balanc-main clearfix">
+        <ul>
+            <li>
+                <div class="total-content total-content-balanc">
+                    <h2 class="total-title total-title-d">余额总计</h2>
+                    <div class="total-column total-num">¥9999.00</div>
+                </div>
+                <div class="total-tableY">
+                    <table class="table">
+                        <thead>
+                            <tr>
+                                <th></th>
+                                <th>2016累计(元)</th>
+                                <th>2015累计(元)</th>
+                            </tr>
+                        </thead>
+                        <tr>
+                            <td>支付宝</td>
+                            <td>99999</td>
+                            <td>99999</td>
+                        </tr>
+                        <tr>
+                            <td>网银在线</td>
+                            <td>99999</td>
+                            <td>99999</td>
+                        </tr>
+                        <tr>
+                            <td>银行转帐</td>
+                            <td>99</td>
+                            <td>99</td>
+                        </tr>
+                        <tr>
+                            <td>合计</td>
+                            <td>99999</td>
+                            <td>99999</td>
+                        </tr>
+                    </table>
+                </div>
+            </li>
+            <li>
+                <div class="total-tableM">
+                    <table class="table">
+                        <thead>
+                            <tr>
+                                <th>2016</th>
+                                <th>支付宝(元)</th>
+                                <th>网银在线(元)</th>
+                                <th>银行转帐(元)</th>
+                                <th>合计(元)</th>
+                            </tr>
+                        </thead>
+                        <tr>
+                            <td>1月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>2月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>3月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>4月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>5月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>6月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>7月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>8月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>9月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>10月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>11月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                        <tr>
+                            <td>12月</td>
+                            <td>999</td>
+                            <td>999</td>
+                            <td>99</td>
+                            <td>9999</td>
+                        </tr>
+                    </table>
+                </div>
+            </li>
+        </ul>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<script type="text/javascript">
+        // 基于准备好的dom,初始化echarts实例
+        var myChart = echarts.init(document.getElementById('userRegister'));
+
+        // 指定图表的配置项和数据
+        var option = {
+    tooltip : {
+        trigger: 'axis',
+    },
+    legend: {
+        data:['仅注册','已验证','合计人数']
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    dataZoom: 
+        {
+            show: true,
+            start: 0,
+            end: 100
+        },
+    xAxis : [
+        {
+            type : 'category',
+            data : ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31']
+        }
+    ],
+    yAxis : [
+        {
+            type : 'value',
+            name : '人数',
+            axisLabel : {
+                formatter: '{value} 人'
+            }
+        }
+    ],
+    calculable:false,
+    series : [
+        {
+            name:'仅注册',
+            type:'bar',
+            stack: '人数',
+            data:[50,110,120,10,70,32,50,110,120,10,70,32,50,110,120,10,70,32,50,110,120,10,70,32,50,110,120,10,70,32,50],
+            itemStyle:{
+                  normal:{color:'#e9af68'}
+              }
+        },
+        {
+            name:'已验证',
+            type:'bar',
+            stack: '人数',
+            data:[30,0,20,50,0,100,30,0,20,50,0,100,30,0,20,50,0,100,30,0,20,50,0,100,30,0,20,50,0,100,30],
+            itemStyle:{
+                  normal:{color:'#009f86'}
+              }
+        },
+        {
+            name:'合计人数',
+            type:'line',
+            data:[80,110,140,60,70,132,80,110,140,60,70,132,80,110,140,60,70,132,80,110,140,60,70,132,80,110,140,60,70,132,80,110,140,60,70,132,80],
+            itemStyle:{
+                  normal:{color:'#E4575A'}
+              }
+        },
+    ]
+};
+
+        // 使用刚指定的配置项和数据显示图表。
+        myChart.setOption(option);
+
+        // 基于准备好的dom,初始化echarts实例
+        var myChart = echarts.init(document.getElementById('userRecharge'));
+
+        option = {
+    tooltip : {
+        trigger: 'axis',
+    },
+    legend: {
+        data:['支付宝','网银在线','银行转帐','总金额']
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    dataZoom: 
+        {
+            show: true,
+            start: 0,
+            end: 100
+        },
+    xAxis : [
+        {
+            type : 'category',
+            data : ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31']
+        }
+    ],
+    yAxis : [
+        {
+            type : 'value',
+            name : '金额',
+            axisLabel : {
+                formatter: '{value} 元'
+            }
+        }
+    ],
+    calculable:false,
+    series : [
+        {
+            name:'支付宝',
+            type:'bar',
+            stack: '金额',
+            data:[50,110,120,10,70,32,50,110,120,10,70,32,50,110,120,10,70,32,50,110,120,10,70,32,50,110,120,10,70,32,50],
+            itemStyle:{
+                  normal:{color:'#5DB1EA'}
+              }
+        },
+        {
+            name:'网银在线',
+            type:'bar',
+            stack: '金额',
+            data:[30,0,20,50,0,100,30,0,20,50,0,100,30,0,20,50,0,100,30,0,20,50,0,100,30,0,20,50,0,100,30],
+            itemStyle:{
+                  normal:{color:'#eab780'}
+              }
+        },
+        {
+            name:'银行转帐',
+            type:'bar',
+            stack: '金额',
+            data:[10,0,0,100,30,2,10,0,0,100,30,2,10,0,0,100,30,2,10,0,0,100,30,2,10,0,0,100,30,2,10],
+            itemStyle:{
+                  normal:{color:'#14d2be'}
+              }
+        },
+        {
+            name:'总金额',
+            type:'line',
+            data:[90,110,140,160,100,134,90,110,140,160,100,132,90,110,140,160,100,132,90,110,140,160,100,132,90,110,140,160,100,132,90],
+            itemStyle:{
+                  normal:{color:'#E4575A'}
+              }
+        },
+    ]
+};
+
+    // 使用刚指定的配置项和数据显示图表。
+        myChart.setOption(option);
+
+    </script>
+
+</body>
+</html>

+ 190 - 0
admin-list.html

@@ -0,0 +1,190 @@
+<!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"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoTx">
+        <h2>通<span class="logoInfo">行帐号</span><span class="caret"></span></h2>
+        <div class="logoList">
+          <ul>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">官网</a></li>
+            <li><a href="#">价格信息</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理</span></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-userlist.html">用户中心</a></li>
+            <li><a href="admin-list.html">管理员中心</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>管理员中心</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModalAdd">添加管理员</a>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>用户名</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td>纵横知道</td>
+          <td>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModalEdit"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><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>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 添加 -->
+<div class="modal fade" id="myModalAdd" 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">
+        <form class="form-horizontal">
+          <div class="form-group">
+            <label for="adminName" class="col-sm-3 control-label">用户名称</label>
+            <div class="col-sm-7">
+              <input type="adminName" class="form-control" id="adminName" placeholder="请输入用户名">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="adminPassword" class="col-sm-3 control-label">密码</label>
+            <div class="col-sm-7">
+              <input type="adminPassword" class="form-control" id="adminPassword" placeholder="请输入密码">
+            </div>
+          </div>
+        </form>
+      </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="myModalEdit" 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">
+        <form class="form-horizontal">
+          <div class="form-group">
+            <label for="adminName" class="col-sm-3 control-label">用户名称</label>
+            <div class="col-sm-7">
+              <input type="adminName" class="form-control" id="adminName" value="zlf162543">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="adminPassword" class="col-sm-3 control-label">密码</label>
+            <div class="col-sm-7">
+              <input type="adminPassword" class="form-control" id="adminPassword" value="">
+            </div>
+          </div>
+        </form>
+      </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="myModal" 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>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 188 - 0
admin-maillist.html

@@ -0,0 +1,188 @@
+<!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"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoTx">
+        <h2>通<span class="logoInfo">行帐号</span><span class="caret"></span></h2>
+        <div class="logoList">
+          <ul>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">官网</a></li>
+            <li><a href="#">价格信息</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理</span></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-userlist.html">用户中心</a></li>
+            <li><a href="admin-list.html">管理员中心</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-maillist.html" class="active"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>邮件管理</h3>
+    </div>  
+    <div class="tableContent">
+      <ul class="nav nav-tabs" role="tablist">
+        <li role="presentation" class="active">
+          <a href="#home" aria-controls="home" role="tab" data-toggle="tab">邮单列表</a>
+        </li>
+        <li role="presentation">
+          <a href="#Addmail" aria-controls="Addmail" role="tab" data-toggle="tab">创建邮单</a>
+        </li>
+      </ul>
+      <div class="tab-content">
+        <div role="tabpanel" class="tab-pane active" id="home">
+          <div class="tabMain">
+            <p>SendClound当天可发送量:<span class="text-danger">49990</span>(发送旧网络版至少需要21000,发送通行账号至少需要15000)</p>
+            <table class="table table-hover">
+              <thead>
+                <tr>
+                  <th>邮单标题</th>
+                  <th>范围</th>
+                  <th>创建时间</th>
+                  <th>发送状态</th>
+                </tr>
+              </thead>
+              <tr>
+                <td><a href="#">想成为路面专家,看这几本书!</a></td>
+                <td>通行证</td>
+                <td>2016-02-25</td>
+                <td>
+                  <a href="#" class="btn btn-default btn-xs">已发送</a>
+                  <a href="#" class="btn btn-success btn-xs">发送</a>
+                </td>
+              </tr>
+              <tr>
+                <td><a href="#">想成为路面专家,看这几本书!</a></td>
+                <td>通行证</td>
+                <td>2016-02-25</td>
+                <td>
+                  <a href="#" class="btn btn-default btn-xs">已发送</a>
+                  <a href="#" class="btn btn-success btn-xs">发送</a>
+                </td>
+              </tr>
+              <tr>
+                <td><a href="#">【纵横知道】祝您新春快乐!</a></td>
+                <td>通行证</td>
+                <td>2016-02-25</td>
+                <td>
+                  <a href="#" class="btn btn-default btn-xs">已发送</a>
+                  <a href="#" class="btn btn-success btn-xs">发送</a>
+                </td>
+              </tr>
+              <tr>
+                <td><a href="#">【纵横知道】祝您新春快乐!</a></td>
+                <td>通行证</td>
+                <td>2016-02-25</td>
+                <td>
+                  <a href="#" class="btn btn-default btn-xs">已发送</a>
+                  <a href="#" class="btn btn-success btn-xs">发送</a>
+                </td>
+              </tr>
+              <tr>
+                <td><a href="#">【纵横知道】祝您新春快乐!公司内部发送</a></td>
+                <td>通行证</td>
+                <td>2016-02-25</td>
+                <td>
+                  <a href="#" class="btn btn-default btn-xs">已发送</a>
+                  <a href="#" class="btn btn-success btn-xs">发送</a>
+                </td>
+              </tr>
+              <tr>
+                <td><a href="#">【纵横干货】简单学编办,深入做造价;10、11月价格信息更新。</a></td>
+                <td>通行证</td>
+                <td>2016-02-25</td>
+                <td>
+                  <a href="#" class="btn btn-default btn-xs">已发送</a>
+                  <a href="#" class="btn btn-success btn-xs">发送</a>
+                </td>
+              </tr>
+            </table>
+          </div>
+        </div>
+        <div role="tabpanel" class="tab-pane" id="Addmail">
+          <div class="tabMain">
+            <form class="form-horizontal">
+              <div class="form-group">
+                <label for="" class="col-sm-1 control-label">当天额度</label>
+                <div class="col-sm-7">
+                  <p class="form-control-static"><span class="text-danger">49990</span> (发送旧网络版至少需要21000,发送通行账号至少需要15000)</p>
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="" class="col-sm-1 control-label">用户同步</label>
+                <div class="col-sm-7">
+                  <p class="form-control-static">一次同步500条记录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;通行证用户<span class="text-danger">56988</span> sendcloud用户<span class="text-danger">21640</span>&nbsp;&nbsp;<a href="#">同步用户</a></p>
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="" class="col-sm-1 control-label">发送范围</label>
+                <div class="col-sm-7">
+                  <label class="radio-inline">
+                    <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 通行账号
+                  </label>
+                  <label class="radio-inline">
+                    <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 旧网络版 (共:61925)
+                  </label>
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="" class="col-sm-1 control-label">邮件标题</label>
+                <div class="col-sm-7">
+                  <input type="" class="form-control" id="" placeholder="">
+                </div>
+              </div>
+              <div class="form-group">
+                <div class="col-sm-offset-1 col-sm-7">
+                  <a href="#" class="btn btn-default">返回列表</a>
+                  <button type="submit" class="btn btn-primary">创建邮单</button>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+</body>
+</html>

+ 275 - 0
admin-orderlist.html

@@ -0,0 +1,275 @@
+<!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"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoTx">
+        <h2>通<span class="logoInfo">行帐号</span><span class="caret"></span></h2>
+        <div class="logoList">
+          <ul>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">官网</a></li>
+            <li><a href="#">价格信息</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理</span></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-userlist.html">用户中心</a></li>
+            <li><a href="admin-list.html">管理员中心</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html" class="active"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>订单管理</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <!-- <div class="btnGroup">
+        <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModalAdd">添加管理员</a>
+      </div> -->
+      <!-- <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div> -->
+      <div class="sort">
+        <select class="form-control">
+          <option>全部订单</option>
+          <option>交易成功</option>
+          <option>交易未成功</option>
+        </select>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>支付单号</th>
+            <th>时间</th>
+            <th>支付方式</th>
+            <th>存入金额</th>
+            <th>充值账号</th>
+            <th>支付状态</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td>2016031115383355722</td>
+          <td>2016-03-11 15:38:34</td>
+          <td>支付宝</td>
+          <td>20</td>
+          <td>dujieclj0325</td>
+          <td>交易未支付</td>
+          <td>
+            <a href="#" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#myModal">关闭</a>
+            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#myModalEdit">手动确认</a>
+          </td>
+        </tr>
+        <tr>
+          <td>2016031115110937817</td>
+          <td>2016-03-11 15:11:09</td>
+          <td>支付宝</td>
+          <td>10</td>
+          <td>13972007306</td>
+          <td>交易成功</td>
+          <td>
+            <!-- <a href="#" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#myModal">关闭</a>
+            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#myModalEdit">手动确认</a> -->
+          </td>
+        </tr>
+        <tr>
+          <td>2016031115110937817</td>
+          <td>2016-03-11 15:11:09</td>
+          <td>支付宝</td>
+          <td>10</td>
+          <td>13972007306</td>
+          <td>交易成功</td>
+          <td>
+            <!-- <a href="#" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#myModal">关闭</a>
+            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#myModalEdit">手动确认</a> -->
+          </td>
+        </tr>
+        <tr>
+          <td>2016031111361663592</td>
+          <td>2016-03-11 11:36:16</td>
+          <td>支付宝</td>
+          <td>20</td>
+          <td>18947971175</td>
+          <td>交易成功</td>
+          <td>
+            <!-- <a href="#" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#myModal">关闭</a>
+            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#myModalEdit">手动确认</a> -->
+          </td>
+        </tr>
+        <tr>
+          <td>2016031015115659224</td>
+          <td>2016-03-10 15:11:56</td>
+          <td>网银在线</td>
+          <td>10</td>
+          <td>whanhao007</td>
+          <td>交易未支付</td>
+          <td>
+            <a href="#" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#myModal">关闭</a>
+            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#myModalEdit">手动确认</a>
+          </td>
+        </tr>
+        <tr>
+          <td>2016031015111432470</td>
+          <td>2016-03-10 15:11:14</td>
+          <td>网银在线</td>
+          <td>100</td>
+          <td>whanhao007</td>
+          <td>交易未支付</td>
+          <td>
+            <a href="#" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#myModal">关闭</a>
+            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#myModalEdit">手动确认</a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><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>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 添加 -->
+<div class="modal fade" id="myModalAdd" 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">
+        <form class="form-horizontal">
+          <div class="form-group">
+            <label for="adminName" class="col-sm-3 control-label">用户名称</label>
+            <div class="col-sm-7">
+              <input type="adminName" class="form-control" id="adminName" placeholder="请输入用户名">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="adminPassword" class="col-sm-3 control-label">密码</label>
+            <div class="col-sm-7">
+              <input type="adminPassword" class="form-control" id="adminPassword" placeholder="请输入密码">
+            </div>
+          </div>
+        </form>
+      </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="myModalEdit" 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">
+        <form class="form-horizontal">
+          <div class="form-group">
+            <label for="adminName" class="col-sm-3 control-label">用户名称</label>
+            <div class="col-sm-7">
+              <input type="adminName" class="form-control" id="adminName" value="zlf162543">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="adminPassword" class="col-sm-3 control-label">密码</label>
+            <div class="col-sm-7">
+              <input type="adminPassword" class="form-control" id="adminPassword" value="">
+            </div>
+          </div>
+        </form>
+      </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="myModal" 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>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 198 - 0
admin-salelist.html

@@ -0,0 +1,198 @@
+<!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"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoTx">
+        <h2>通<span class="logoInfo">行帐号</span><span class="caret"></span></h2>
+        <div class="logoList">
+          <ul>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">官网</a></li>
+            <li><a href="#">价格信息</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理</span></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-userlist.html">用户中心</a></li>
+            <li><a href="admin-list.html">管理员中心</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-salelist.html" class="active"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>销售提成</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModalAdd">添加销售人员</a>
+      </div>
+      <!-- <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div> -->
+    </div>  
+    <div class="tableContent">
+      <p>总累计金额:2100 累计提取金额:2100 累计未发金额:0</p>
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>姓名</th>
+            <th>优惠码</th>
+            <th>累计金额</th>
+            <th>已提取金额</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td>缪佩玲</td>
+          <td>921006</td>
+          <td>0</td>
+          <td>0</td>
+          <td>
+            <a href="#" class="btn btn-primary btn-xs">确认提取</a>
+          </td>
+        </tr>
+        <tr>
+          <td>李凯</td>
+          <td>13450418036</td>
+          <td>0</td>
+          <td>0</td>
+          <td>
+            <a href="#" class="btn btn-primary btn-xs">确认提取</a>
+          </td>
+        </tr>
+        <tr>
+          <td>杨孟雅</td>
+          <td>18356024860</td>
+          <td>0</td>
+          <td>0</td>
+          <td>
+            <a href="#" class="btn btn-primary btn-xs">确认提取</a>
+          </td>
+        </tr>
+        <tr>
+          <td>余婷</td>
+          <td>15170477101</td>
+          <td>0</td>
+          <td>40</td>
+          <td>
+            <a href="#" class="btn btn-primary btn-xs">确认提取</a>
+          </td>
+        </tr>
+        <tr>
+          <td>刘庆</td>
+          <td>18102293070</td>
+          <td>0</td>
+          <td>80</td>
+          <td>
+            <a href="#" class="btn btn-primary btn-xs">确认提取</a>
+          </td>
+        </tr>
+        <tr>
+          <td>付青青</td>
+          <td>24175F</td>
+          <td>0</td>
+          <td>140</td>
+          <td>
+            <a href="#" class="btn btn-primary btn-xs">确认提取</a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><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>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 添加 -->
+<div class="modal fade" id="myModalAdd" 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">
+        <form class="form-horizontal">
+          <div class="form-group">
+            <label for="adminName" class="col-sm-3 control-label">销售人名称</label>
+            <div class="col-sm-7">
+              <input type="adminName" class="form-control" id="adminName" placeholder="请输入销售人名称">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="" class="col-sm-3 control-label">销售优惠码</label>
+            <div class="col-sm-7">
+              <input type="" class="form-control" id="" placeholder="请输入销售优惠码">
+            </div>
+          </div>
+        </form>
+      </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>
+
+
+</body>
+</html>

+ 266 - 0
admin-userlist.html

@@ -0,0 +1,266 @@
+<!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"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoTx">
+        <h2>通<span class="logoInfo">行帐号</span><span class="caret"></span></h2>
+        <div class="logoList">
+          <ul>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">官网</a></li>
+            <li><a href="#">价格信息</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理</span></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-userlist.html">用户中心</a></li>
+            <li><a href="admin-list.html">管理员中心</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>用户中心</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <!-- <div class="btnGroup">
+        <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModalAdd">添加用户</a>
+      </div> -->
+      <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button">点击搜索</button>
+          </span>
+        </div>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>用户名</th>
+            <th>电子邮箱</th>
+            <th>最近登录IP</th>
+            <th>最近登录时间</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td>zlf162543</td>
+          <td>446550385@qq.com</td>
+          <td>0.0.0.0</td>
+          <td>1970-01-01</td>
+          <td>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModalEdit"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td>kakachen</td>
+          <td>cpthought@vip.qq.com</td>
+          <td>113.74.86.64</td>
+          <td>2014-03-13</td>
+          <td>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModalEdit"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td>wangjing</td>
+          <td>2636698008@qq.com</td>
+          <td>121.40.212.147</td>
+          <td>2016-03-10</td>
+          <td>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModalEdit"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td>Gerald</td>
+          <td>luoyanxinzh@163.com</td>
+          <td>58.250.87.236</td>
+          <td>2013-02-16</td>
+          <td>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModalEdit"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td>纵横张文远</td>
+          <td>774521134@qq.com</td>
+          <td>61.144.244.147</td>
+          <td>2013-11-08</td>
+          <td>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModalEdit"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+        <tr>
+          <td>苟彦刚</td>
+          <td>1361902918@qq.com</td>
+          <td>61.144.244.147</td>
+          <td>2013-11-23</td>
+          <td>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModalEdit"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><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>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- 添加 -->
+<!-- <div class="modal fade" id="myModalAdd" 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">
+        <form class="form-horizontal">
+          <div class="form-group">
+            <label for="adminName" class="col-sm-3 control-label">用户名称</label>
+            <div class="col-sm-7">
+              <input type="adminName" class="form-control" id="adminName" placeholder="请输入用户名">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="adminPassword" class="col-sm-3 control-label">电子邮箱</label>
+            <div class="col-sm-7">
+              <input type="adminPassword" class="form-control" id="adminPassword" placeholder="请输入电子邮箱">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="adminPassword" class="col-sm-3 control-label">密码</label>
+            <div class="col-sm-7">
+              <input type="adminPassword" class="form-control" id="adminPassword" placeholder="请输入密码">
+            </div>
+          </div>
+        </form>
+      </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="myModalEdit" 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">
+        <form class="form-horizontal">
+          <div class="form-group">
+            <label for="adminName" class="col-sm-3 control-label">用户名称</label>
+            <div class="col-sm-7">
+              <input type="adminName" class="form-control" id="adminName" value="zlf162543">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="adminPassword" class="col-sm-3 control-label">电子邮箱</label>
+            <div class="col-sm-7">
+              <input type="adminPassword" class="form-control" id="adminPassword" value="446550385@qq.com">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="adminPassword" class="col-sm-3 control-label">密码</label>
+            <div class="col-sm-7">
+              <input type="adminPassword" class="form-control" id="adminPassword" value="">
+            </div>
+          </div>
+        </form>
+      </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="myModal" 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>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div> -->
+
+
+</body>
+</html>

+ 596 - 0
css/bootstrap-theme.css

@@ -0,0 +1,596 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*!
+ * Generated using the Bootstrap Customizer (http://v3.bootcss.com/customize/?id=83f1d03153c26fe8fb49)
+ * Config saved to config.json and https://gist.github.com/83f1d03153c26fe8fb49
+ */
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+.btn-default,
+.btn-primary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.btn-default:active,
+.btn-primary:active,
+.btn-success:active,
+.btn-info:active,
+.btn-warning:active,
+.btn-danger:active,
+.btn-default.active,
+.btn-primary.active,
+.btn-success.active,
+.btn-info.active,
+.btn-warning.active,
+.btn-danger.active {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-default.disabled,
+.btn-primary.disabled,
+.btn-success.disabled,
+.btn-info.disabled,
+.btn-warning.disabled,
+.btn-danger.disabled,
+.btn-default[disabled],
+.btn-primary[disabled],
+.btn-success[disabled],
+.btn-info[disabled],
+.btn-warning[disabled],
+.btn-danger[disabled],
+fieldset[disabled] .btn-default,
+fieldset[disabled] .btn-primary,
+fieldset[disabled] .btn-success,
+fieldset[disabled] .btn-info,
+fieldset[disabled] .btn-warning,
+fieldset[disabled] .btn-danger {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.btn-default .badge,
+.btn-primary .badge,
+.btn-success .badge,
+.btn-info .badge,
+.btn-warning .badge,
+.btn-danger .badge {
+  text-shadow: none;
+}
+.btn:active,
+.btn.active {
+  background-image: none;
+}
+.btn-default {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
+  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #dbdbdb;
+  text-shadow: 0 1px 0 #fff;
+  border-color: #ccc;
+}
+.btn-default:hover,
+.btn-default:focus {
+  background-color: #e0e0e0;
+  background-position: 0 -15px;
+}
+.btn-default:active,
+.btn-default.active {
+  background-color: #e0e0e0;
+  border-color: #dbdbdb;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+  background-color: #e0e0e0;
+  background-image: none;
+}
+.btn-primary {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #245580;
+}
+.btn-primary:hover,
+.btn-primary:focus {
+  background-color: #265a88;
+  background-position: 0 -15px;
+}
+.btn-primary:active,
+.btn-primary.active {
+  background-color: #265a88;
+  border-color: #245580;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #265a88;
+  background-image: none;
+}
+.btn-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #3e8f3e;
+}
+.btn-success:hover,
+.btn-success:focus {
+  background-color: #419641;
+  background-position: 0 -15px;
+}
+.btn-success:active,
+.btn-success.active {
+  background-color: #419641;
+  border-color: #3e8f3e;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #419641;
+  background-image: none;
+}
+.btn-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #28a4c9;
+}
+.btn-info:hover,
+.btn-info:focus {
+  background-color: #2aabd2;
+  background-position: 0 -15px;
+}
+.btn-info:active,
+.btn-info.active {
+  background-color: #2aabd2;
+  border-color: #28a4c9;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #2aabd2;
+  background-image: none;
+}
+.btn-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #e38d13;
+}
+.btn-warning:hover,
+.btn-warning:focus {
+  background-color: #eb9316;
+  background-position: 0 -15px;
+}
+.btn-warning:active,
+.btn-warning.active {
+  background-color: #eb9316;
+  border-color: #e38d13;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #eb9316;
+  background-image: none;
+}
+.btn-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #b92c28;
+}
+.btn-danger:hover,
+.btn-danger:focus {
+  background-color: #c12e2a;
+  background-position: 0 -15px;
+}
+.btn-danger:active,
+.btn-danger.active {
+  background-color: #c12e2a;
+  border-color: #b92c28;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #c12e2a;
+  background-image: none;
+}
+.thumbnail,
+.img-thumbnail {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+  background-color: #e8e8e8;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+  background-color: #2e6da4;
+}
+.navbar-default {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
+  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
+  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
+}
+.navbar-brand,
+.navbar-nav > li > a {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
+}
+.navbar-inverse {
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
+  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222222));
+  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border-radius: 4px;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
+  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
+}
+.navbar-inverse .navbar-brand,
+.navbar-inverse .navbar-nav > li > a {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  border-radius: 0;
+}
+@media (max-width: 767px) {
+  .navbar .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #fff;
+    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+  }
+}
+.alert {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.alert-success {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
+  border-color: #b2dba1;
+}
+.alert-info {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
+  border-color: #9acfea;
+}
+.alert-warning {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
+  border-color: #f5e79e;
+}
+.alert-danger {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
+  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
+  border-color: #dca7a7;
+}
+.progress {
+  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
+  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
+}
+.progress-bar {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
+}
+.progress-bar-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
+}
+.progress-bar-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
+}
+.progress-bar-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
+}
+.progress-bar-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
+}
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.list-group {
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  text-shadow: 0 -1px 0 #286090;
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
+  border-color: #2b669a;
+}
+.list-group-item.active .badge,
+.list-group-item.active:hover .badge,
+.list-group-item.active:focus .badge {
+  text-shadow: none;
+}
+.panel {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.panel-default > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+}
+.panel-primary > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+}
+.panel-success > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
+}
+.panel-info > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
+}
+.panel-warning > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
+}
+.panel-danger > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
+  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
+}
+.well {
+  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
+  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
+  border-color: #dcdcdc;
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
+}

File diff suppressed because it is too large
+ 14 - 0
css/bootstrap-theme.min.css


File diff suppressed because it is too large
+ 6802 - 0
css/bootstrap.css


File diff suppressed because it is too large
+ 14 - 0
css/bootstrap.min.css


BIN
css/fonts/iconMenu.eot


File diff suppressed because it is too large
+ 21 - 0
css/fonts/iconMenu.svg


BIN
css/fonts/iconMenu.ttf


BIN
css/fonts/iconMenu.woff


+ 7 - 0
css/iconMenu/Read Me.txt

@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

+ 152 - 0
css/iconMenu/demo-files/demo.css

@@ -0,0 +1,152 @@
+body {
+    padding: 0;
+    margin: 0;
+    font-family: sans-serif;
+    font-size: 1em;
+    line-height: 1.5;
+    color: #555;
+    background: #fff;
+}
+h1 {
+    font-size: 1.5em;
+    font-weight: normal;
+}
+small {
+    font-size: .66666667em;
+}
+a {
+    color: #e74c3c;
+    text-decoration: none;
+}
+a:hover, a:focus {
+    box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+    box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+    box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+    font-family: sans-serif;
+    font-size: 1em;
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+input {
+    color: inherit;
+    line-height: 1.5;
+    height: 1.5em;
+    padding: .25em 0;
+}
+input:focus {
+    outline: none;
+    box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+    font-size: 16px;
+    width: 15em;
+    padding-bottom: 1em;
+    margin-right: 4em;
+    margin-bottom: 1em;
+    float: left;
+    overflow: hidden;
+}
+.liga {
+    width: 80%;
+    width: calc(100% - 2.5em);
+}
+.talign-right {
+    text-align: right;
+}
+.talign-center {
+    text-align: center;
+}
+.bgc1 {
+    background: #f1f1f1;
+}
+.fgc1 {
+    color: #999;
+}
+.fgc0 {
+    color: #000;
+}
+p {
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+.mvm {
+    margin-top: .75em;
+    margin-bottom: .75em;
+}
+.mtn {
+    margin-top: 0;
+}
+.mtl, .mal {
+    margin-top: 1.5em;
+}
+.mbl, .mal {
+    margin-bottom: 1.5em;
+}
+.mal, .mhl {
+    margin-left: 1.5em;
+    margin-right: 1.5em;
+}
+.mhmm {
+    margin-left: 1em;
+    margin-right: 1em;
+}
+.mls {
+    margin-left: .25em;
+}
+.ptl {
+    padding-top: 1.5em;
+}
+.pbs, .pvs {
+    padding-bottom: .25em;
+}
+.pvs, .pts {
+    padding-top: .25em;
+}
+.unit {
+    float: left;
+}
+.unitRight {
+    float: right;
+}
+.size1of2 {
+    width: 50%;
+}
+.size1of1 {
+    width: 100%;
+}
+.clearfix:before, .clearfix:after {
+    content: " ";
+    display: table;
+}
+.clearfix:after {
+    clear: both;
+}
+.hidden-true {
+    display: none;
+}
+.textbox0 {
+    width: 3em;
+    background: #f1f1f1;
+    padding: .25em .5em;
+    line-height: 1.5;
+    height: 1.5em;
+}
+#testDrive {
+    display: block;
+    padding-top: 24px;
+    line-height: 1.5;
+}
+.fs0 {
+    font-size: 16px;
+}
+.fs1 {
+    font-size: 32px;
+}
+

+ 30 - 0
css/iconMenu/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());

+ 215 - 0
css/iconMenu/demo.html

@@ -0,0 +1,215 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> iconMenu <small class="fgc1">(Glyphs:&nbsp;11)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-home">
+                
+                </span>
+                <span class="mls"> icon-home</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="home, house" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-paste">
+                
+                </span>
+                <span class="mls"> icon-paste</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="41" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x41;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="paste, clipboard-file" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cart">
+                
+                </span>
+                <span class="mls"> icon-cart</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="47" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x47;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="cart, purchase" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-coin-yen">
+                
+                </span>
+                <span class="mls"> icon-coin-yen</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="42" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x42;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="coin-yen, money4" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-envelop">
+                
+                </span>
+                <span class="mls"> icon-envelop</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="48" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x48;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="envelop, mail" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-calendar">
+                
+                </span>
+                <span class="mls"> icon-calendar</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="43" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x43;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="calendar, date" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-user">
+                
+                </span>
+                <span class="mls"> icon-user</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="44" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x44;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="user, profile2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cog">
+                
+                </span>
+                <span class="mls"> icon-cog</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="46" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x46;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="cog, gear" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-switch">
+                
+                </span>
+                <span class="mls"> icon-switch</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="switch" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-clipboard">
+                
+                </span>
+                <span class="mls"> icon-clipboard</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="49" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x49;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="clipboard, board" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tree">
+                
+                </span>
+                <span class="mls"> icon-tree</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="45" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x45;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="tree, branches" class="liga unitRight" />
+            </div>
+        </div>
+  </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" />
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value=""/>
+        </label>
+        <div id="testDrive" class="icon-">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>

BIN
css/iconMenu/fonts/iconMenu.eot


File diff suppressed because it is too large
+ 21 - 0
css/iconMenu/fonts/iconMenu.svg


BIN
css/iconMenu/fonts/iconMenu.ttf


BIN
css/iconMenu/fonts/iconMenu.woff


File diff suppressed because it is too large
+ 363 - 0
css/iconMenu/selection.json


+ 60 - 0
css/iconMenu/style.css

@@ -0,0 +1,60 @@
+@font-face {
+    font-family: 'iconMenu';
+    src:    url('fonts/iconMenu.eot?hcw3jq');
+    src:    url('fonts/iconMenu.eot?hcw3jq#iefix') format('embedded-opentype'),
+        url('fonts/iconMenu.ttf?hcw3jq') format('truetype'),
+        url('fonts/iconMenu.woff?hcw3jq') format('woff'),
+        url('fonts/iconMenu.svg?hcw3jq#iconMenu') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'iconMenu' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-home:before {
+    content: "\4a";
+}
+.icon-paste:before {
+    content: "\41";
+}
+.icon-cart:before {
+    content: "\47";
+}
+.icon-coin-yen:before {
+    content: "\42";
+}
+.icon-envelop:before {
+    content: "\48";
+}
+.icon-calendar:before {
+    content: "\43";
+}
+.icon-user:before {
+    content: "\44";
+}
+.icon-cog:before {
+    content: "\46";
+}
+.icon-switch:before {
+    content: "\4b";
+}
+.icon-clipboard:before {
+    content: "\49";
+}
+.icon-tree:before {
+    content: "\45";
+}
+

+ 338 - 0
css/style.css

@@ -0,0 +1,338 @@
+body{
+  font-family:"微软雅黑","Tahoma";
+  height:100%;
+  background: #fff;
+  overflow-x: hidden;
+}
+ul, ol, li, h1 {
+  line-height:normal;
+  list-style-image:none;
+  list-style-position:outside;
+  list-style-type:none;
+}
+dl,ul {
+  margin:0;
+  padding:0;
+}
+dd {
+  margin-left:0
+}
+a {
+  outline:none;
+  text-decoration: none;
+}
+a img {
+  border:0 none
+}
+img {
+  vertical-align:middle;
+  border:0px
+}
+table {
+  border-collapse:collapse
+}
+.fL {float:left}
+.fR {float:right}
+.clearfix:after {
+  content:".";
+  display:block;
+  height:0;
+  clear:both;
+  visibility:hidden
+}
+.clearfix {
+  display:inline-block;
+  overflow:hidden
+}
+.clearfix {
+  display:block
+}
+@font-face {
+    font-family: 'iconMenu';
+    src:    url('fonts/iconMenu.eot?hcw3jq');
+    src:    url('fonts/iconMenu.eot?hcw3jq#iefix') format('embedded-opentype'),
+        url('fonts/iconMenu.ttf?hcw3jq') format('truetype'),
+        url('fonts/iconMenu.woff?hcw3jq') format('woff'),
+        url('fonts/iconMenu.svg?hcw3jq#iconMenu') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'iconMenu' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+
+.loginWrapper{
+  position: absolute;
+  width: 450px;
+  height: 320px;
+  top: 50%;
+  left: 50%;
+  background:#EEF1E9;
+  border: 1px solid #eee;
+  border-radius: 5px;
+  margin-left:-225px;
+  margin-top: -160px; 
+}
+.loginContent{
+  padding: 20px 15px;
+}
+.loginTitle{
+  text-align: center;
+}
+.loginForm{
+  margin: 20px 20px;
+}
+.btnLogin{
+  padding:10px 0;
+  width:100%;
+}
+.loginOther{
+  margin-top: 15px;
+}
+.loginOther a{
+  padding:0 10px;
+}
+
+/* -------------index start-------------- */
+.leftWrapper{
+  position:fixed;
+  overflow-y:auto;
+  height:100%;
+  left:0;
+  width:56px;
+  background:#222;
+  color: #fff;
+}
+.logo{
+  width:100%;
+  background:#000;
+  text-align: center; 
+  cursor:pointer;
+  overflow:hidden;
+  text-overflow:ellipsis;
+}
+.logoWd{
+  background:#8D826D;
+}
+.logoGe{
+  background:#647B97;
+}
+.logoTx{
+  background:#009F86;
+}
+.logo h2{
+  margin:0;
+  height:38px;
+  padding:10px 0;
+  font-size: 18px;  
+}
+.logoInfo{
+  display:none;
+}
+.logo h2 a{
+  color:#fff;
+}
+.logoList{
+  width:100%;
+  position:absolute;
+  z-index: 99;
+  background:#f1f1f1;
+  padding:5px 0;
+  display:none;
+}
+.logoList ul li{
+  font-size: 12px;
+  padding:5px 0;
+}
+.logoList ul li a{
+  color:#333;
+}
+.subMenu{
+  border-bottom:1px solid #222;
+}
+.subMenuTitle a:hover{
+  color:#fff;
+  text-decoration: none;
+}
+.subMenuTitle a.active{
+  color:#fff;
+  border-left: 2px solid #FF6501;
+}
+.subMenuTitle a:focus{
+  text-decoration: none;
+}
+.subMenuTitle{
+  position:relative;
+  margin:0;
+  background:#2E2D2B;
+  font-size: 14px;
+  line-height: 25px;
+}
+.subMenuTitle a{
+  padding:15px 0;
+  color:#ccc;
+  border-left: solid 2px transparent;
+  display:block;
+  cursor: pointer;
+}
+.subMenuText{
+  position:absolute;
+  left:56px;
+  display:none;
+}
+.userMain{
+  position:absolute;
+  bottom:20px;
+}
+.userImg{
+  margin:0 8px;
+  width:36px;
+  height:36px;
+  border-radius: 18px; 
+}
+.userName{
+  display:none;
+  font-size: 14px;
+}
+.exit{
+  margin:5px 14px;
+  font-size: 12px;
+  cursor:pointer;
+}
+.iconImg{
+  font-size: 20px;
+  padding:0 17px;
+}
+.bg{
+  background:#2E2D2B;
+  color:#fff !important;
+}
+.subMenuContent ul{
+  padding:10px 0 10px 25px;
+  text-align: left;
+}
+.subMenuContent ul li a{
+  display:block;
+  padding:5px 0;
+  color:#ccc;
+}
+.mainWrapper{
+  margin:0 0 0 71px;
+  background:#fff;
+}
+.pageTop{
+  margin-top: 20px;
+}
+.shopContent{
+  margin:20px 0;
+}
+.sort{
+  float:left;
+  vertical-align: middle;
+}
+.sort .form-control{
+  width:110px;
+}
+.btnGroup{
+  float:left;
+  margin:0 20px 0 0;
+}
+.search{
+  float:left;
+  width:465px;
+  margin:0 20px 0 0;
+}
+.tableContent{
+  margin:20px 0 0 0;
+}
+.tableContent .table{
+  margin:0;
+}
+.tabMain,.tabShopContent{
+  margin:25px 0 0 0;
+}
+.textCon{
+  margin:0 10px 0 0;
+}
+.tabMain .table tr td,.tableContent .table tr td{
+  vertical-align: middle;
+}
+.formInfo{
+  min-height: 27px;
+  padding-top: 7px;
+}
+.provinceSelect,.citySelect{
+  width:100px;
+}
+.total-main{
+  margin:20px 0 30px 0;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #ddd;
+}
+.total-main ul li{
+  float:left;
+  margin-right: 15px;
+}
+.total-content{
+  min-width:225px;
+  height:113px;
+  text-align: center;
+  border-right: 1px solid #ddd;
+}
+.total-content-balanc{
+  width:360px;
+  height:100px;
+  background:#EEF1EA;
+}
+.total-title{
+  margin:0;
+  padding:15px 30px 10px 30px;
+  font-size: 20px;
+}
+.total-content-Y{
+  border-left:1px solid #ddd;
+  border-right: 1px solid #ddd;
+}
+.total-num{
+  font-size: 24px;
+  font-weight: bold;
+}
+.total-num-file{
+  line-height: 60px;
+}
+.total-column{
+  margin:0 18px;
+}
+.total-column dl dt{
+  font-size: 14px;
+  font-weight: normal;
+}
+.total-balanc-main{
+  margin-top: 45px;
+}
+.total-balanc-main ul li{
+  float:left;
+  margin-right: 100px;
+}
+.total-tableY{
+  margin:25px 0;
+  width:360px;
+  text-align: center;
+}
+.total-tableM{
+  width: 550px;
+  text-align: center;
+}

BIN
fonts/glyphicons-halflings-regular.eot


File diff suppressed because it is too large
+ 288 - 0
fonts/glyphicons-halflings-regular.svg


BIN
fonts/glyphicons-halflings-regular.ttf


BIN
fonts/glyphicons-halflings-regular.woff


BIN
fonts/glyphicons-halflings-regular.woff2


BIN
images/01.jpg


File diff suppressed because it is too large
+ 2366 - 0
js/bootstrap.js


File diff suppressed because it is too large
+ 12 - 0
js/bootstrap.min.js


File diff suppressed because it is too large
+ 13 - 0
js/echarts.js


+ 38 - 0
js/global.js

@@ -0,0 +1,38 @@
+// JavaScript Document
+$('#myModal').on('shown.bs.modal', function () {
+  $('#myInput').focus()
+});
+$('#myTabs a').click(function (e) {
+  e.preventDefault()
+  $(this).tab('show')
+});
+
+$(document).ready(function(){
+  $(".subMenuContent").hide();
+  $(".subMenuTitle a").click(function(){
+    $(".subMenuTitle a").removeClass("bg");
+    $(this).addClass("bg");
+    $(this).parent().next().removeClass("menu-list");
+    $(".menu-list").slideUp();
+    $(this).parent().next().slideToggle();
+    $(this).parent().next().addClass("menu-list");
+    });
+  $(".leftContent").hover(function(){  
+    $(".leftWrapper").stop().animate({width:"200px"},300);
+    $(".mainWrapper").stop().animate({marginLeft:"215px",marginRight:"-200px"},300);
+    $(".subMenuText").fadeIn(500);
+    $(".logoInfo").show("fast");
+  },function(){
+    $(".leftWrapper").stop().animate({width:"56px"},300);
+    $(".mainWrapper").stop().animate({marginLeft:"71px",marginRight:"15px",paddingRight:"0"},300);
+    $(".subMenuText").fadeOut("fast");
+    $(".logoInfo").hide();
+    $(".subMenuContent").slideUp();
+  });
+  $(".logo").hover(function(){
+    $(".logoList").show();
+  },function(){
+    $(".logoList").hide();
+  })
+});
+

File diff suppressed because it is too large
+ 5 - 0
js/jquery-1.9.1.min.js