Explorar o código

网络版后台改版

outaozhen %!s(int64=9) %!d(string=hai) anos
achega
dfc053a467
Modificáronse 54 ficheiros con 17091 adicións e 0 borrados
  1. 339 0
      admin-allUser.html
  2. 295 0
      admin-channel.html
  3. 399 0
      admin-count.html
  4. 58 0
      admin-login.html
  5. 800 0
      admin-newsUser.html
  6. 393 0
      admin-onlineUser.html
  7. 261 0
      admin-produce.html
  8. 393 0
      admin-produceList.html
  9. 107 0
      admin-userSearch.html
  10. 154 0
      admin-userinfo.html
  11. 414 0
      admin-users.html
  12. 596 0
      css/bootstrap-theme.css
  13. 14 0
      css/bootstrap-theme.min.css
  14. 6802 0
      css/bootstrap.css
  15. 14 0
      css/bootstrap.min.css
  16. 119 0
      css/dateRange.css
  17. BIN=BIN
      css/fonts/iconMenu.eot
  18. 28 0
      css/fonts/iconMenu.svg
  19. BIN=BIN
      css/fonts/iconMenu.ttf
  20. BIN=BIN
      css/fonts/iconMenu.woff
  21. 7 0
      css/iconMenu/Read Me.txt
  22. 152 0
      css/iconMenu/demo-files/demo.css
  23. 30 0
      css/iconMenu/demo-files/demo.js
  24. 327 0
      css/iconMenu/demo.html
  25. BIN=BIN
      css/iconMenu/fonts/iconMenu.eot
  26. 28 0
      css/iconMenu/fonts/iconMenu.svg
  27. BIN=BIN
      css/iconMenu/fonts/iconMenu.ttf
  28. BIN=BIN
      css/iconMenu/fonts/iconMenu.woff
  29. 562 0
      css/iconMenu/selection.json
  30. 81 0
      css/iconMenu/style.css
  31. 343 0
      css/style.css
  32. BIN=BIN
      fonts/glyphicons-halflings-regular.eot
  33. 288 0
      fonts/glyphicons-halflings-regular.svg
  34. BIN=BIN
      fonts/glyphicons-halflings-regular.ttf
  35. BIN=BIN
      fonts/glyphicons-halflings-regular.woff
  36. BIN=BIN
      fonts/glyphicons-halflings-regular.woff2
  37. BIN=BIN
      images/01.jpg
  38. BIN=BIN
      images/07dingexuanguan.png
  39. BIN=BIN
      images/2013sygcks.png
  40. BIN=BIN
      images/2013zaojiashikaoshi.png
  41. BIN=BIN
      images/bg.gif
  42. BIN=BIN
      images/danjiatiaozheng.png
  43. BIN=BIN
      images/gaiyugusuan.png
  44. BIN=BIN
      images/icon_date.png
  45. BIN=BIN
      images/page.png
  46. BIN=BIN
      images/print.png
  47. BIN=BIN
      images/px.png
  48. 2366 0
      js/bootstrap.js
  49. 12 0
      js/bootstrap.min.js
  50. 1446 0
      js/dateRange.js
  51. 13 0
      js/echarts.js
  52. 47 0
      js/global.js
  53. 5 0
      js/jquery-1.9.1.min.js
  54. 198 0
      js/macarons.js

+ 339 - 0
admin-allUser.html

@@ -0,0 +1,339 @@
+<!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 logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>所有用户
+        <div class="input-group fR" style="width:400px;">
+          <input type="text" class="form-control" placeholder="请输入帐号/真实姓名/手机">
+          <div class="input-group-btn">
+            <button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span></button>
+          </div>
+        </div>
+      </h3>
+    </div>
+    <div class="shopContent">
+      <div class="btnGroup">
+        <form class="form-inline">
+          <div class="form-group">
+            <div class="dropdown">
+              <button class="btn btn-default btn-sm dropdown-toggle dropdown-toggleSF" type="button" id="dropdownMenu1">
+                广东省<!-- 省份 --> &nbsp;&nbsp;
+                <span class="caret"></span>
+              </button>
+              <ul class="dropdown-menu dropdown-list">
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" checked> 广东省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 广西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 江西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 安徽省
+                  </label>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="form-group">
+            <select class="form-control input-sm">
+              <option>城市</option>
+              <option selected>珠海市</option>
+              <option>佛山市</option>
+              <option>中山市</option>
+              <option>深圳市</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <select class="form-control input-sm">
+              <option>全部产品</option>
+              <option>造价全国</option>
+              <option>造价广东</option>
+              <option>清单编制</option>
+              <option>算量全国</option>
+              <option>算量广东</option>
+              <option>标后预算</option>
+              <option>定额排版</option>
+              <option>内河</option>
+              <option>疏浚</option>
+              <option>港口水工</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <select class="form-control input-sm">
+              <option>版本</option>
+              <option>9.0.8.192</option>
+              <option>9.0.8.192</option>
+              <option>9.0.7.192</option>
+              <option>9.0.7.192</option>
+              <option>9.0.7.192</option>
+              <option>9.0.6.192</option>
+            </select>
+          </div>
+        </form>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>帐号</th>
+            <th>真实姓名</th>
+            <th>省份/城市</th>
+            <th>手机</th>
+            <th>QQ</th>
+            <th>单位</th>
+            <th>产品</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">qdlvpeng</a></td>
+          <td>吕鹏</td>
+          <td>广东省,珠海市</td>
+          <td>无</td>
+          <td>617423885</td>
+          <td>山东高速</td>
+          <td><a href="#" data-toggle="modal" data-target="#myModalPro">造价全国</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">造价广东</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">清单编制</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">算量全国</a></td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">dcm</a></td>
+          <td>邓翠梅</td>
+          <td>广东省,珠海市</td>
+          <td>13984782276</td>
+          <td>1962295725</td>
+          <td>务川铝矿分公司</td>
+          <td><a href="#" data-toggle="modal" data-target="#myModalPro">造价全国</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">造价广东</a></td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">qdlvpeng</a></td>
+          <td>吕鹏</td>
+          <td>广东省,珠海市</td>
+          <td>无</td>
+          <td>617423885</td>
+          <td>山东高速</td>
+          <td><a href="#" data-toggle="modal" data-target="#myModalPro">造价全国</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">造价广东</a></td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">dcm</a></td>
+          <td>邓翠梅</td>
+          <td>广东省,珠海市</td>
+          <td>13984782276</td>
+          <td>1962295725</td>
+          <td>务川铝矿分公司</td>
+          <td><a href="#" data-toggle="modal" data-target="#myModalPro">造价全国</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">造价广东</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">清单编制</a></td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">qdlvpeng</a></td>
+          <td>吕鹏</td>
+          <td>广东省,珠海市</td>
+          <td>无</td>
+          <td>617423885</td>
+          <td>山东高速</td>
+          <td><a href="#" data-toggle="modal" data-target="#myModalPro">造价全国</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">造价广东</a></td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">dcm</td>
+          <td>邓翠梅</td>
+          <td>广东省,珠海市</td>
+          <td>13984782276</td>
+          <td>1962295725</td>
+          <td>务川铝矿分公司</td>
+          <td><a href="#" data-toggle="modal" data-target="#myModalPro">造价全国</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">造价广东</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">清单编制</a>,<a href="#" data-toggle="modal" data-target="#myModalPro">算量全国</a></td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">«</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">»</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+<!-- Modal -->
+<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">
+        <div class="tableContent">
+          <dl class="dl-horizontal">
+            <dt>造价全国:</dt>
+            <dd>2天16小时10分</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>造价广东:</dt>
+            <dd>18小时46分</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>标后预算:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>清单编制:</dt>
+            <dd>2小时</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>算量全国:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>算量广东:</dt>
+            <dd>0</dd>
+          </dl>
+        </div>
+      </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="myModalPro" 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">
+        <div class="tableContent">
+          <div class="ProtTitle">
+            <select class="form-control">
+              <option>造价全国</option>
+              <option>造价广东</option>
+              <option>清单编制</option>
+              <option>算量全国</option>
+            </select>
+          </div>
+          <dl class="dl-horizontal">
+            <dt><span class="glyphicon glyphicon-star text-warning"></span> 9.0.8.219:</dt>
+            <dd>2天16小时10分</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>9.0.8.318:</dt>
+            <dd>18小时46分</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>9.0.8.192:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>9.0.8.185:</dt>
+            <dd>2小时</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>9.0.8.177:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>9.0.8.176:</dt>
+            <dd>0</dd>
+          </dl>
+        </div>
+      </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>
+
+         
+

+ 295 - 0
admin-channel.html

@@ -0,0 +1,295 @@
+<!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>
+  <link rel=stylesheet href=css/dateRange.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>
+  <script type=js/macarons.js></script>
+  <script src=js/dateRange.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>获取渠道 
+        <small class="btnTime">
+          <a href="#">7天内</a> | 
+          <a href="#">30天内</a> | 
+          <input type="text" name="date" id="date_demo1" value="" class="form-control gri_date input-sm" style=" width:auto; display:inline-block;"/>
+          <script type="text/javascript">
+            //var STATS_START_TIME = '1329148800';
+            var dateRange1 = new pickerDateRange('date_demo1', {
+              isTodayValid : true,
+              //isSingleDay : true,
+              startDate : '2016-03-12',
+              endDate : '2016-03-20',
+              needCompare : false,
+              defaultText : ' 至 ',
+              target : 'datePicker_demo1',
+              calendars : 3,
+              //theme : 'ta',
+              //shortOpr : true,
+              success : function(obj) {
+                $("#dCon_demo1").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
+              }
+            });
+          </script>
+        </small>
+      </h3>
+    </div>
+    <div class="chartContent">
+      <div class="area" id="areaDate" style="width:100%; height:350px;"></div>
+    </div>
+    <div class="proSection clearfix">
+      <div class="fL chartContent" style="width:60%;">
+        <div class="CountMain" id="channel" style="width:100%; height:350px;"></div>
+      </div>
+      <div class="fL tableContent" style="width:40%; height:345px; overflow-y:auto;">
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th>访问来源</th>
+              <th>人数(人)</th>
+            </tr>
+          </thead>
+          <tr>
+            <td>纵横网站</td>
+            <td>456</td>
+          </tr>
+          <tr>
+            <td>纵横销售人员</td>
+            <td>200</td>
+          </tr>
+          <tr>
+            <td>别人推荐</td>
+            <td>141</td>
+          </tr>
+          <tr>
+            <td>其他</td>
+            <td>97</td>
+          </tr>
+          <tr>
+            <td>微博</td>
+            <td>1</td>
+          </tr>
+          <tr>
+            <td>QQ群</td>
+            <td>12</td>
+          </tr>
+          <tr>
+            <td>造价论坛</td>
+            <td>67</td>
+          </tr>
+          <tr>
+            <td>网络搜索</td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td>网络搜索</td>
+            <td>86</td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+<script type="text/javascript">
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('channel'), 'macarons');
+option = {
+    title : {
+        text: '获取渠道',
+        x:'center'
+    },
+    tooltip : {
+        trigger: 'item',
+        formatter: "{a} <br/>{b} : {c} ({d}%)"
+    },
+    legend: {
+        //orient: 'vertical',
+        x:'center',
+        y:'bottom',
+        data: ['纵横网站','纵横销售人员','别人推荐','其他','微博','QQ群','造价论坛','网络搜索']
+    },
+    series : [
+        {
+            name: '访问来源',
+            type: 'pie',
+            radius : '55%',
+            center: ['50%', '50%'],
+            data:[
+                {value:456, name:'纵横网站'},
+                {value:200, name:'纵横销售人员'},
+                {value:141, name:'别人推荐'},
+                {value:97, name:'其他'},
+                {value:1, name:'微博'},
+                {value:12, name:'QQ群'},
+                {value:67, name:'造价论坛'},
+                {value:86, name:'网络搜索'}
+            ],
+            itemStyle: {
+                emphasis: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+            }
+        }
+    ]
+};
+
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('areaDate'), 'macarons');
+option = {
+    title: {
+        text: '客户来源分析'
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    legend: {
+        data:['纵横网站','纵横销售人员','别人推荐','其他','微博','QQ群','造价论坛','网络搜索']
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    toolbox: {
+        feature: {
+            saveAsImage: {}
+        }
+    },
+    xAxis: {
+        name:'日期',
+        type: 'category',
+        boundaryGap: false,
+        data: ['01-01','01-02','01-03','01-04','01-05','01-06','01-07','01-08','01-09','01-10','01-11','01-12','01-13','01-14','01-15','01-16','01-17','01-18','01-19','01-20','01-21','01-22','01-23','01-24','01-25','01-26','01-27','01-28','01-29','01-30']
+    },
+    yAxis: {
+        type: 'value'
+    },
+    series: [
+        {
+            name:'纵横网站',
+            type:'line',
+            stack: '总量',
+            data:[120, 132, 101, 134, 90, 230, 210,120,132,101,120, 132, 101, 134, 90, 230, 210,120,132,101,120, 132, 101, 134, 90, 230, 210,120,132,101]
+        },
+        {
+            name:'纵横销售人员',
+            type:'line',
+            stack: '总量',
+            data:[220, 182, 191, 234, 290, 330, 310,220,182,191,220, 182, 191, 234, 290, 330, 310,220,182,191,220, 182, 191, 234, 290, 330, 310,220,182,191]
+        },
+        {
+            name:'别人推荐',
+            type:'line',
+            stack: '总量',
+            data:[150, 232, 201, 154, 190, 330, 410,150,232,201,150, 232, 201, 154, 190, 330, 410,150,232,201,150, 232, 201, 154, 190, 330, 410,150,232,201]
+        },
+        {
+            name:'其他',
+            type:'line',
+            stack: '总量',
+            data:[320, 332, 301, 334, 390, 330, 320,320,332,301,320, 332, 301, 334, 390, 330, 320,320,332,301,320, 332, 301, 334, 390, 330, 320,320,332,301]
+        },
+        {
+            name:'微博',
+            type:'line',
+            stack: '总量',
+            data:[820, 932, 901, 934, 1290, 1330, 1320,820,932,901,820, 932, 901, 934, 1290, 1330, 1320,820,932,901,820, 932, 901, 934, 1290, 1330, 1320,820,932,901]
+        },
+        {
+          name:'QQ群',
+          type:'line',
+          stack: '总量',
+          data:[820, 932, 901, 934, 1290, 1330, 1320,820,932,901,820, 932, 901, 934, 1290, 1330, 1320,820,932,901,820, 932, 901, 934, 1290, 1330, 1320,820,932,901]
+        },
+        {
+          name:'造价论坛',
+          type:'line',
+          stack: '总量',
+          data:[820, 932, 901, 934, 1290, 1330, 1320,820,932,901,820, 932, 901, 934, 1290, 1330, 1320,820,932,901,820, 932, 901, 934, 1290, 1330, 1320,820,932,901]
+        },
+        {
+          name:'网络搜索',
+          type:'line',
+          stack: '总量',
+          data:[820, 932, 901, 934, 1290, 1330, 1320,820,932,901,820, 932, 901, 934, 1290, 1330, 1320,820,932,901,820, 932, 901, 934, 1290, 1330, 1320,820,932,901]
+        }
+    ]
+};
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+
+</script>
+
+</body>
+
+</html>
+
+         
+

+ 399 - 0
admin-count.html

@@ -0,0 +1,399 @@
+<!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>
+  <link rel=stylesheet href=css/dateRange.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>
+  <script type=js/macarons.js></script>
+  <script src=js/dateRange.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>客户分布 
+        <small class="btnTime">
+          <a href="#">7天内</a> | 
+          <a href="#">30天内</a> | 
+          <input type="text" name="date" id="date_demo1" value="" class="form-control gri_date input-sm" style=" width:auto; display:inline-block;"/>
+          <script type="text/javascript">
+            //var STATS_START_TIME = '1329148800';
+            var dateRange1 = new pickerDateRange('date_demo1', {
+              isTodayValid : true,
+              //isSingleDay : true,
+              startDate : '2016-03-12',
+              endDate : '2016-03-20',
+              needCompare : false,
+              defaultText : ' 至 ',
+              target : 'datePicker_demo1',
+              calendars : 3,
+              //theme : 'ta',
+              //shortOpr : true,
+              success : function(obj) {
+                $("#dCon_demo1").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
+              }
+            });
+          </script>
+        </small>
+      </h3>
+    </div>
+    <div class="chartContent">
+      <div class="area" id="area" style="width:100%; height:350px;"></div>
+    </div>
+    <div class="proSection clearfix">
+      <div class="fL chartContent" style="width:60%;">
+        <div class="CountMain" id="CountMainTotal" style="height:350px;"></div>
+      </div>
+      <div class="fL tableContent" style="width:40%; height:345px; overflow-y:auto;">
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th>地区</th>
+              <th>人数(人)</th>
+            </tr>
+          </thead>
+          <tr>
+            <td><a href="admin-produce.html">重庆</a></td>
+            <td>456</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">湖南</a></a></td>
+            <td>200</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">广东</a></td>
+            <td>141</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">山东</a></td>
+            <td>97</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">四川</a></td>
+            <td>1</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">江西</a></td>
+            <td>12</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">甘肃</a></td>
+            <td>67</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">广西</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">安徽</a></td>
+            <td>456</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">河南</a></td>
+            <td>200</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">内蒙古</a></td>
+            <td>141</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">云南</a></td>
+            <td>97</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">浙江</a></td>
+            <td>1</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">北京</a></td>
+            <td>12</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">贵州</a></td>
+            <td>67</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">江苏</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">湖北</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">福建</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">陕西</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">吉林</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">新疆</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">河北</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">辽宁</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">山西</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">黑龙江</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">天津</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">上海</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">海南</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">青海</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">西藏</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">宁夏</a></td>
+            <td>86</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produce.html">其他</a></td>
+            <td>86</td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+
+<script type="text/javascript">
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('area'));
+// 指定图表的配置项和数据
+option = {
+    tooltip : {
+        trigger: 'axis',
+        // axisPointer : {            // 坐标轴指示器,坐标轴触发有效
+        //     type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
+        // }
+    },
+    title:{
+      x:'center',
+      text:'客户分布统计图',
+    },
+    // legend: {
+    //     data:['重庆','湖南','广东','山东','四川','江西','甘肃','广西','安徽','河南','内蒙古','云南','浙江','北京','贵州','江苏','湖北','福建','陕西','吉林','其他','新疆','河北','辽宁','山西','黑龙江','天津','上海','海南','青海','西藏','宁夏']
+    // },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    xAxis : [
+        {
+            type : 'category',
+            data : ['重庆','湖南','广东','山东','四川','江西','甘肃','广西','安徽','河南','内蒙古','云南','浙江','北京','贵州','江苏','湖北','福建','陕西','吉林','新疆','河北','辽宁','山西','黑龙江','天津','上海','海南','青海','西藏','宁夏','其他']
+        }
+    ],
+    yAxis : [
+        {
+            name:'人数',
+            type : 'value'
+        }
+    ],
+    series : [
+        {
+            name:'人数分布统计',
+            type:'bar',
+            itemStyle:{
+              normal:{
+              color: function(params) {
+                        // build a color map as your need.
+                        var colorList = [
+                          '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
+                           '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
+                           '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0',
+                           '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
+                           '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
+                           '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0',
+                           '#C1232B','#B5C334'
+                        ];
+                        return colorList[params.dataIndex]
+                      }
+                  }
+            },
+            data:[4783,3543,3225,2321,1769,1737,1568,1516,1434,1416,1160,1146,1144,1069,1044,950,820,764,710,707,494,473,461,308,273,217,168,161,135,110,42,42]
+        }
+    ]
+};
+
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('CountMainTotal'));
+// 指定图表的配置项和数据
+option = {
+    title : {
+        text: '用户分布情况',
+        x:'center'
+    },
+    tooltip : {
+        trigger: 'item',
+        formatter: "{a} <br/>{b} : {c} ({d}%)"
+    },
+    legend: {
+        orient: 'vertical',
+        x: '0',
+        data: ['重庆','湖南','广东','山东','四川','江西','甘肃','广西','安徽','河南','内蒙古','云南','浙江','北京','贵州','江苏','湖北','福建','陕西','吉林','新疆','河北','辽宁','山西','黑龙江','天津','上海','海南','青海','西藏','宁夏','其他']
+    },
+    series : [
+        {
+            name:'客户分布',
+            type:'pie',
+            radius : ['55%', '80%'],
+            itemStyle : {
+                normal : {
+                    label : {
+                        show : false,
+                    },
+                    labelLine : {
+                        show : false
+                    }
+                },
+                emphasis : {
+                    label : {
+                        show : true,
+                        position : 'center',
+                        textStyle : {
+                            fontSize : '30',
+                            fontWeight : 'bold'
+                        }
+                    }
+                }
+            },
+            data:[
+                {value:4783, name:'重庆'},
+                {value:3543, name:'湖南'},
+                {value:3225, name:'广东'},
+                {value:2321, name:'山东'},
+                {value:1769, name:'四川'},
+                {value:1737, name:'江西'},
+                {value:1568, name:'甘肃'},
+                {value:1516, name:'广西'},
+                {value:1434, name:'安徽'},
+                {value:1416, name:'河南'},
+                {value:1160, name:'内蒙古'},
+                {value:1146, name:'云南'},
+                {value:1144, name:'浙江'},
+                {value:1069, name:'北京'},
+                {value:1044, name:'贵州'},
+                {value:950, name:'江苏'},
+                {value:820, name:'湖北'},
+                {value:764, name:'福建'},
+                {value:710, name:'陕西'},
+                {value:707, name:'吉林'},
+                {value:473, name:'新疆'},
+                {value:461, name:'河北'},
+                {value:308, name:'辽宁'},
+                {value:273, name:'山西'},
+                {value:217, name:'黑龙江'},
+                {value:168, name:'天津'},
+                {value:161, name:'上海'},
+                {value:135, name:'海南'},
+                {value:110, name:'青海'},
+                {value:42, name:'西藏'},
+                {value:42, name:'宁夏'},
+                {value:494, name:'其他'}
+            ]
+        }
+    ]
+};
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option)
+</script>
+
+</body>
+
+</html>
+
+         
+

+ 58 - 0
admin-login.html

@@ -0,0 +1,58 @@
+<!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>
+</head>
+
+<body style="background:#F2F2F2;">
+<div class="loginWrapper">
+	<div class="loginContent">
+		<div class="loginTitleMain">
+			<h3 class="loginTitle logoTitleOl">网络版后台</h3>
+			<div class="loginOther">
+				<div class="dropdown">
+					<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+						其他网站后台 <span class="caret"></span>
+					</a>
+					<ul class="dropdown-menu">
+						<li><a href="#">官网后台</a></li>
+						<li><a href="#">通行帐号后台</a></li>
+						<li><a href="#">文库后台</a></li>
+						<li><a href="#">问答后台</a></li>
+						<li><a href="#">价格信息后台</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="loginForm">
+			<form>
+			    <div class="form-group">
+				    <label class="sr-only" for="userName">用户名</label>
+				    <div class="input-group">
+				        <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
+				        <input type="text" class="form-control" id="userName" placeholder="用户名">
+				    </div>
+			    </div>
+			    <div class="form-group">
+				    <label class="sr-only" for="userPassword">密码</label>
+				    <div class="input-group">
+				        <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
+				        <input type="text" class="form-control" id="userPassword" placeholder="密码">
+				    </div>
+			    </div>
+			  <button type="submit" class="btn btn-primary btnLogin">登录</button>
+			</form>
+		</div>
+		<!-- <div class="loginBottom"><a href="#">忘记密码!</a></div> -->
+	</div>
+</div>
+</body>
+</html>

+ 800 - 0
admin-newsUser.html

@@ -0,0 +1,800 @@
+<!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>
+  <link rel=stylesheet href=css/dateRange.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>
+  <script src=js/dateRange.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <!-- <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-produce.html"><i class="iconImg icon-">L</i><div class="subMenuText">产品</div></a></h2>
+      </div> -->
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>最新用户
+        <div class="input-group fR" style="width:400px;">
+          <input type="text" class="form-control" placeholder="请输入帐号/真实姓名/手机">
+          <div class="input-group-btn">
+            <button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span></button>
+          </div>
+        </div>
+      </h3>
+    </div>
+    <div class="CountMain" id="userCount" style="width:100%; height:250px; margin-bottom:35px;"></div>
+    <div class="shopContent">
+      <div class="btnGroup">
+        <form class="form-inline">
+          <div class="form-group">
+            <div class="dropdown">
+              <button class="btn btn-default btn-sm dropdown-toggle dropdown-toggleSF" type="button" id="dropdownMenu1">
+                广东省<!-- 省份 --> &nbsp;&nbsp;
+                <span class="caret"></span>
+              </button>
+              <ul class="dropdown-menu dropdown-list">
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> -全部省份客户-
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 北京市
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 天津市
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 河北省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 山西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 内蒙古自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 辽宁省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 吉林省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 黑龙江省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 上海市
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 江苏省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 浙江省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 安徽省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 福建省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 江西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 山东省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 河南省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 湖北省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 湖南省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" checked> 广东省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 广西壮族自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 海南省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 重庆市
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 四川省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 贵州省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 云南省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 西藏自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 陕西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 甘肃省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 青海省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 宁夏回族自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 新疆维吾尔自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 台湾省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 香港特别行政区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 澳门特别行政区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 海外
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 其他
+                  </label>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="form-group">
+            <select class="form-control input-sm">
+              <option>城市</option>
+              <option selected>珠海市</option>
+              <option>佛山市</option>
+              <option>中山市</option>
+              <option>深圳市</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <select class="form-control input-sm">
+              <option>不限</option>
+              <option selected>仅注册</option>
+              <option>已验证</option>
+            </select>
+          </div>
+          <button type="button" class="btn btn-primary btn-sm">导出Excel</button>
+          <!-- <div class="form-group">
+            <input class="form-control" type="date" value="2016-04-20"/>
+          </div> -->
+          <div class="form-group">
+            <p class="form-control-static btnTime"> 
+              <!-- <a href="#">昨天</a> |  -->
+              <a href="#">7天内</a> | 
+              <a href="#">30天内</a> |
+              <input type="text" name="date" id="date_demo1" value="" class="form-control gri_date input-sm"/>
+              <script type="text/javascript">
+                //var STATS_START_TIME = '1329148800';
+                var dateRange1 = new pickerDateRange('date_demo1', {
+                  isTodayValid : true,
+                  //isSingleDay : true,
+                  startDate : '2016-03-12',
+                  endDate : '2016-03-20',
+                  needCompare : false,
+                  defaultText : ' 至 ',
+                  target : 'datePicker_demo1',
+                  calendars : 3,
+                  //theme : 'ta',
+                  //shortOpr : true,
+                  success : function(obj) {
+                    $("#dCon_demo1").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
+                  }
+                });
+              </script>
+            </p>
+          </div>
+        </form>
+      </div>
+    </div>
+    <div class="shopContent">
+      <div class="btnGroup">
+        <form class="form-inline">
+          <div class="form-group">
+            <div class="dropdown">
+              <button class="btn btn-default btn-sm dropdown-toggle dropdown-toggleSF" type="button" id="dropdownMenu1">
+                广东省/江西省<!-- 省份 --> &nbsp;&nbsp;
+                <span class="caret"></span>
+              </button>
+              <ul class="dropdown-menu dropdown-list">
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> -全部省份客户-
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 北京市
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 天津市
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 河北省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 山西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 内蒙古自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 辽宁省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 吉林省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 黑龙江省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 上海市
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 江苏省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 浙江省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 安徽省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 福建省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" checked> 江西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 山东省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 河南省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 湖北省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 湖南省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" checked> 广东省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 广西壮族自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 海南省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 重庆市
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 四川省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 贵州省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 云南省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 西藏自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 陕西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 甘肃省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 青海省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 宁夏回族自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 新疆维吾尔自治区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 台湾省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> 香港特别行政区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 澳门特别行政区
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 海外
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 其他
+                  </label>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="form-group">
+            <select class="form-control input-sm">
+              <option>不限</option>
+              <option selected>仅注册</option>
+              <option>已验证</option>
+            </select>
+          </div>
+          <!-- <button type="button" class="btn btn-primary btn-sm">导出Excel</button> -->
+        </form>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>帐号</th>
+            <th>真实姓名</th>
+            <th>省份/城市</th>
+            <th>手机</th>
+            <th>QQ</th>
+            <th>单位</th>
+            <th>地址</th>
+            <th>电话</th>
+            <th>Email</th>
+            <th>正在使用产品</th>
+            <th>版本</th>
+            <th>注册时间</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">ghyqqq123</a></td>
+          <td>黄勇</td>
+          <td>广东省,广州市</td>
+          <td>18473457749</td>
+          <td>345756925</td>
+          <td>湖南工学院</td>
+          <td>湖南工学院</td>
+          <td>-</td>
+          <td>345756925@qq.com</td>
+          <td>造价全国</td>
+          <td>9.0.8.319</td>
+          <td>2016/4/6 0:10:11</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">洪才hc</a></td>
+          <td>洪才</td>
+          <td>广东省,广州市</td>
+          <td>15886362360</td>
+          <td>315194299</td>
+          <td>湖南一通建设</td>
+          <td>常德</td>
+          <td>0873-6134501</td>
+          <td>315194299@qq.com</td>
+          <td>造价全国</td>
+          <td>9.0.8.319</td>
+          <td>2016/4/6 9:06:37</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">XIAOYU11</a></td>
+          <td>于焕勇</td>
+          <td>广东省,珠海市</td>
+          <td>15044601270</td>
+          <td>897438085</td>
+          <td>民强养护公司</td>
+          <td>舒兰</td>
+          <td>-</td>
+          <td>897438085@qq.com</td>
+          <td>造价全国</td>
+          <td>9.0.8.319</td>
+          <td>2016/4/6 9:27:17</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">ghyqqq123</a></td>
+          <td>黄勇</td>
+          <td>广东省,佛山市</td>
+          <td>18473457749</td>
+          <td>345756925</td>
+          <td>湖南工学院</td>
+          <td>衡阳市湖南工学院</td>
+          <td>-</td>
+          <td>345756925@qq.com</td>
+          <td>造价全国</td>
+          <td>9.0.8.319</td>
+          <td>2016/4/6 0:10:11</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">洪才hc</a></td>
+          <td>洪才</td>
+          <td>广东省,珠海市</td>
+          <td>15886362360</td>
+          <td>315194299</td>
+          <td>湖南一通建设</td>
+          <td>常德</td>
+          <td>-</td>
+          <td>315194299@qq.com</td>
+          <td>造价全国</td>
+          <td>9.0.8.319</td>
+          <td>2016/4/6 9:06:37</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">XIAOYU11</a></td>
+          <td>于焕勇</td>
+          <td>广东省,深圳市</td>
+          <td>15044601270</td>
+          <td>897438085</td>
+          <td>民强养护公司</td>
+          <td>舒兰</td>
+          <td>0873-6134501</td>
+          <td>897438085@qq.com</td>
+          <td>造价全国</td>
+          <td>9.0.8.319</td>
+          <td>2016/4/6 9:27:17</td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">«</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">»</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- Modal -->
+<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">
+        <div class="tableContent">
+          <dl class="dl-horizontal">
+            <dt>获悉渠道:</dt>
+            <dd>造价论坛</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>其他渠道说明:</dt>
+            <dd></dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>启用:</dt>
+            <dd></dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>激活码:</dt>
+            <dd>1</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>验证码:</dt>
+            <dd>1</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>标志:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>造价全国:</dt>
+            <dd>9.0.8.319</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>造价广东:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>标后预算:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>清单编制:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>算量全国:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>算量广东:</dt>
+            <dd>0</dd>
+          </dl>
+        </div>
+      </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>
+
+<script type="text/javascript">
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('userCount'));
+// 指定图表的配置项和数据
+option = {
+    title:{
+        text:'用户数据',
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    legend: {
+        data:['仅注册','已验证']
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    toolbox: {
+        feature: {
+            saveAsImage: {}
+        }
+    },
+    dataZoom: 
+        {
+            show: true,
+            start: 0,
+            end: 100
+        },
+    xAxis: {
+        name:'日期',
+        type: 'category',
+        boundaryGap: false,
+        data: ['01-01','01-02','01-03','01-04','01-05','01-06','01-07','01-08','01-09','01-10','01-11','01-12','01-13','01-14','01-15','01-16','01-17','01-18','01-19','01-20','01-21','01-22','01-23','01-24','01-25','01-26','01-27','01-28','01-29','01-30']
+    },
+    yAxis: {
+        name:'人数',
+        type: 'value'
+    },
+    series: [
+        {
+            name:'仅注册',
+            type:'line',
+            data:[28,52,54,58,60,46,24,21,58,64,62,42,28,52,54,58,60,46,24,21,58,64,62,42,28,52,54,58,60,46]
+        },
+        {
+            name:'已验证',
+            type:'line',
+            data:[25,50,50,54,60,44,23,20,54,60,62,40,25,50,50,54,60,44,23,20,54,60,62,40,25,50,50,54,60,44],
+            itemStyle:{
+                  normal:{color:'#5CB85C'}
+              }
+        }
+    ]
+};
+
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+
+</script>
+
+</body>
+
+</html>
+
+         
+

+ 393 - 0
admin-onlineUser.html

@@ -0,0 +1,393 @@
+<!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 logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>在线用户
+        <div class="input-group fR" style="width:400px;">
+          <input type="text" class="form-control" placeholder="请输入帐号/真实姓名/手机">
+          <div class="input-group-btn">
+            <button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span></button>
+          </div>
+        </div>
+      </h3>
+    </div>
+    <div class="CountMain" id="userCount" style="width:100%; height:250px; margin-bottom:35px;"></div>
+    <div class="shopContent">
+      <div class="btnGroup">
+        <form class="form-inline">
+          <div class="form-group">
+            <div class="dropdown">
+              <button class="btn btn-default btn-sm dropdown-toggle dropdown-toggleSF" type="button" id="dropdownMenu1">
+                广东省<!-- 省份 --> &nbsp;&nbsp;
+                <span class="caret"></span>
+              </button>
+              <ul class="dropdown-menu dropdown-list">
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox1" value="option1" checked> 广东省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox2" value="option2" disabled> 广西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox3" value="option3" disabled> 江西省
+                  </label>
+                </li>
+                <li>
+                  <label class="checkbox-inline">
+                    <input type="checkbox" id="inlineCheckbox4" value="option4" disabled> 安徽省
+                  </label>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="form-group">
+            <select class="form-control input-sm">
+              <option>城市</option>
+              <option selected>珠海市</option>
+              <option>佛山市</option>
+              <option>中山市</option>
+              <option>深圳市</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <select class="form-control input-sm">
+              <option>全部产品</option>
+              <option>造价全国</option>
+              <option>造价广东</option>
+              <option>清单编制</option>
+              <option>算量全国</option>
+              <option>算量广东</option>
+              <option>标后预算</option>
+              <option>定额排版</option>
+              <option>内河</option>
+              <option>疏浚</option>
+              <option>港口水工</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <select class="form-control input-sm">
+              <option>版本</option>
+              <option>9.0.8.192</option>
+              <option>9.0.8.192</option>
+              <option>9.0.7.192</option>
+              <option>9.0.7.192</option>
+              <option>9.0.7.192</option>
+              <option>9.0.6.192</option>
+            </select>
+          </div>
+          <!-- <button type="button" class="btn btn-primary">点击查询</button> -->
+        </form>
+      </div>
+    </div>  
+    <div class="tableContent">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>帐号</th>
+            <th>真实姓名</th>
+            <th>省份/城市</th>
+            <th>手机</th>
+            <th>QQ</th>
+            <th>单位</th>
+            <th>登陆时间</th>
+            <th>正在使用产品</th>
+            <th>版本号</th>
+            <th>在线总长</th>
+          </tr>
+        </thead>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">qdlvpeng</a></td>
+          <td>吕鹏</td>
+          <td>广东省,珠海市</td>
+          <td>无</td>
+          <td>617423885</td>
+          <td>山东高速</td>
+          <td>2016/4/11 8:16:37</td>
+          <td>造价全国</td>
+          <td>9.0.8.192</td>
+          <td>7小时</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">dcm</a></td>
+          <td>邓翠梅</td>
+          <td>广东省,珠海市</td>
+          <td>13984782276</td>
+          <td>1962295725</td>
+          <td>务川铝矿分公司</td>
+          <td>2016/4/11 8:16:37</td>
+          <td>造价全国</td>
+          <td>9.0.8.319</td>
+          <td>6小时50分</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">qdlvpeng</a></td>
+          <td>吕鹏</td>
+          <td>广东省,珠海市</td>
+          <td>无</td>
+          <td>617423885</td>
+          <td>山东高速</td>
+          <td>2016/4/11 8:16:37</td>
+          <td>造价全国</td>
+          <td>9.0.8.192</td>
+          <td>6小时30分</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">dcm</a></td>
+          <td>邓翠梅</td>
+          <td>广东省,珠海市</td>
+          <td>13984782276</td>
+          <td>1962295725</td>
+          <td>务川铝矿分公司</td>
+          <td>2016/4/11 8:48:00</td>
+          <td>造价全国</td>
+          <td>9.0.8.319</td>
+          <td>6小时10分</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">qdlvpeng</a></td>
+          <td>吕鹏</td>
+          <td>广东省,珠海市</td>
+          <td>无</td>
+          <td>617423885</td>
+          <td>山东高速</td>
+          <td>2016/4/11 9:41:11</td>
+          <td>造价全国</td>
+          <td>9.0.8.192</td>
+          <td>5小时50分</td>
+        </tr>
+        <tr>
+          <td><a href="#" data-toggle="modal" data-target="#myModal">dcm</a></td>
+          <td>邓翠梅</td>
+          <td>广东省,珠海市</td>
+          <td>13984782276</td>
+          <td>1962295725</td>
+          <td>务川铝矿分公司</td>
+          <td>2016/4/11 9:41:11</td>
+          <td>造价全国</td>
+          <td>9.0.8.319</td>
+          <td>5小时08分</td>
+        </tr>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">«</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">»</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<!-- Modal -->
+<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">
+        <div class="tableContent">
+          <dl class="dl-horizontal">
+            <dt>获悉渠道:</dt>
+            <dd>造价论坛</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>其他渠道说明:</dt>
+            <dd></dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>启用:</dt>
+            <dd></dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>激活码:</dt>
+            <dd>1</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>验证码:</dt>
+            <dd>1</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>标志:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>造价全国:</dt>
+            <dd>9.0.8.319,9.0.8.310,9.0.7.10</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>造价广东:</dt>
+            <dd>9.0.8.319</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>标后预算:</dt>
+            <dd>  9.0.8.192</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>清单编制:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>算量全国:</dt>
+            <dd>0</dd>
+          </dl>
+          <dl class="dl-horizontal">
+            <dt>算量广东:</dt>
+            <dd>0</dd>
+          </dl>
+        </div>
+      </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>
+
+<script type="text/javascript">
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('userCount'));
+// 指定图表的配置项和数据
+option = {
+    title:{
+        text:'在线用户',
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    legend: {
+        data:['造价全国','造价广东']
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    toolbox: {
+        feature: {
+            saveAsImage: {}
+        }
+    },
+    dataZoom: 
+        {
+            show: true,
+            start: 0,
+            end: 100
+        },
+    xAxis: {
+        name:'日期',
+        type: 'category',
+        boundaryGap: false,
+        data: ['01-01','01-02','01-03','01-04','01-05','01-06','01-07','01-08','01-09','01-10','01-11','01-12','01-13','01-14','01-15','01-16','01-17','01-18','01-19','01-20','01-21','01-22','01-23','01-24','01-25','01-26','01-27','01-28','01-29','01-30']
+    },
+    yAxis: {
+        name:'人数',
+        type: 'value'
+    },
+    series: [
+        {
+            name:'造价全国',
+            type:'line',
+            data:[28,52,54,58,60,46,24,21,58,64,62,42,28,52,54,58,60,46,24,21,58,64,62,42,58,60,46,24,21,58,64]
+        },
+        {
+            name:'造价广东',
+            type:'line',
+            data:[25,50,50,54,60,44,23,20,54,60,62,40,25,50,50,54,60,44,23,20,54,60,62,40,50,54,60,44,23,20,54]
+        }
+    ]
+};
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+
+</script>
+
+</body>
+
+</html>
+
+         
+

+ 261 - 0
admin-produce.html

@@ -0,0 +1,261 @@
+<!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>
+  <script type=js/macarons.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>产品分析
+        <small class="btnTime">
+          <select class="form-control input-sm" style="width:auto; display:inline-block;">
+            <option>全部</option>
+            <option>重庆</option>
+            <option>湖南</option>
+            <option>广东</option>
+            <option>山东</option>
+            <option>四川</option>
+            <option>江西</option>
+            <option>甘肃</option>
+            <option>广西</option>
+            <option>安徽</option>
+            <option>河南</option>
+            <option>内蒙古</option>
+            <option>云南</option>
+            <option>浙江</option>
+            <option>北京</option>
+            <option>贵州</option>
+            <option>江苏</option>
+            <option>湖北</option>
+            <option>福建</option>
+            <option>陕西</option>
+            <option>吉林</option>
+            <option>新疆</option>
+            <option>河北</option>
+            <option>辽宁</option>
+            <option>山西</option>
+            <option>黑龙江</option>
+            <option>天津</option>
+            <option>上海</option>
+            <option>海南</option>
+            <option>青海</option>
+            <option>西藏</option>
+            <option>宁夏</option>
+            <option>其他</option>
+          </select>
+        </small>
+      </h3>
+    </div>
+    <div class="chartContent">
+      <div class="CountMain" id="CountMainArea" style="width:100%; height:350px;"></div>
+    </div>
+    <div class="proSection clearfix">
+      <div class="fL chartContent" style="width:60%;">
+        <div class="CountMain" id="CountMainPro" style="height:350px;"></div>
+      </div>
+      <div class="fR tableContent" style="width:35%; height:345px; overflow-y:auto;">
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th>产品名称</th>
+              <th>人数(人)</th>
+            </tr>
+          </thead>
+          <tr>
+            <td><a href="admin-produceList.html">造价全国</a></td>
+            <td>1830</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produceList.html">造价广东</a></td>
+            <td>563</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produceList.html">标后预算</a></td>
+            <td>223</td>
+          </tr>
+          <tr>
+            <td><a href="admin-produceList.html">清单编制</a></td>
+            <td>160</td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<script type="text/javascript">
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('CountMainArea'), 'macarons');
+option = {
+    title: {
+        text: '产品分析'
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    legend: {
+        data:['造价全国','造价广东','标后预算','清单编制']
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    toolbox: {
+        feature: {
+            saveAsImage: {}
+        }
+    },
+    xAxis: {
+        name:'日期',
+        type: 'category',
+        boundaryGap: false,
+        data: ['01-01','01-02','01-03','01-04','01-05','01-06','01-07','01-08','01-09','01-10','01-11','01-12','01-13','01-14','01-15','01-16','01-17','01-18','01-19','01-20','01-21','01-22','01-23','01-24','01-25','01-26','01-27','01-28','01-29','01-30']
+    },
+    yAxis: {
+        type: 'value'
+    },
+    series: [
+        {
+            name:'造价全国',
+            type:'line',
+            stack: '总量',
+            data:[120, 132, 101, 134, 90, 230, 210,120,132,101,120, 132, 101, 134, 90, 230, 210,120,132,101,120, 132, 101, 134, 90, 230, 210,120,132,101]
+        },
+        {
+            name:'造价广东',
+            type:'line',
+            stack: '总量',
+            data:[220, 182, 191, 234, 290, 330, 310,220,182,191,220, 182, 191, 234, 290, 330, 310,220,182,191,220, 182, 191, 234, 290, 330, 310,220,182,191]
+        },
+        {
+            name:'标后预算',
+            type:'line',
+            stack: '总量',
+            data:[150, 232, 201, 154, 190, 330, 410,150,232,201,150, 232, 201, 154, 190, 330, 410,150,232,201,150, 232, 201, 154, 190, 330, 410,150,232,201]
+        },
+        {
+            name:'清单编制',
+            type:'line',
+            stack: '总量',
+            data:[320, 332, 301, 334, 390, 330, 320,320,332,301,320, 332, 301, 334, 390, 330, 320,320,332,301,320, 332, 301, 334, 390, 330, 320,320,332,301]
+        }
+    ]
+};
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('CountMainPro'), 'macarons');
+// 指定图表的配置项和数据
+option = {
+    title : {
+        text:'产品统计',
+        x:'center',
+        textStyle:{
+          fontSize:20,
+          fontFamily : "微软雅黑", 
+        }
+    },
+    tooltip : {
+        trigger: 'item',
+        formatter: "{a} <br/>{b} : {c} ({d}%)"
+    },
+    legend: {
+        //orient: 'vertical',
+        x:'center',
+        y:'bottom',
+        data: ['造价全国','造价广东','标后预算','清单编制']
+    },
+    series : [
+        {
+            name: '产品统计',
+            type: 'pie',
+            radius : '55%',
+            center: ['50%', '50%'],
+            data:[
+                {value:1830, name:'造价全国'},
+                {value:563, name:'造价广东'},
+                {value:223, name:'标后预算'},
+                {value:160, name:'清单编制'}
+            ],
+            itemStyle: {
+                emphasis: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+            }
+        }
+    ]
+};
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+</script>
+
+</body>
+
+</html>
+
+         
+

+ 393 - 0
admin-produceList.html

@@ -0,0 +1,393 @@
+<!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>
+  <script type=js/macarons.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-produce.html"><span class="glyphicon glyphicon-chevron-left"></span></a>产品列表
+        <small class="btnTime">
+          <select class="form-control input-sm" style="width:auto; display:inline-block;">
+            <option>造价全国</option>
+            <option>造价广东</option>
+            <option>标后预算</option>
+            <option>清单编制</option>
+          </select>
+        </small>
+      </h3>
+    </div>
+    <!-- <div class="chartContent">
+      <div class="CountMain" id="CountMainArea" style="width:100%; height:350px;"></div>
+    </div> -->
+    
+    <div class="proSection clearfix">
+      <div class="fL chartContent" style="width:60%;">
+        <div class="CountMain" id="CountMainZjqg" style="height:350px;"></div>
+      </div>
+      <div class="fR tableContent" style="width:35%; height:345px; overflow-y:auto;">
+        <!-- <p>查看统计:</p> -->
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th>版本</th>
+              <th>人数(人)</th>
+            </tr>
+          </thead>
+          <tr>
+            <td>9.0.8.320</td>
+            <td>563</td>
+          </tr>
+          <tr>
+            <td>9.0.8.319</td>
+            <td>1830</td>
+          </tr>
+          <tr>
+            <td>9.0.8.318</td>
+            <td>223</td>
+          </tr>
+          <tr>
+            <td>9.0.8.192</td>
+            <td>4407</td>
+          </tr>
+          <tr>
+            <td>9.0.8.176</td>
+            <td>816</td>
+          </tr>
+        </table>
+      </div>
+    </div>
+    <div class="proSection">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>版本号</th>
+            <th>重庆</th>
+            <th>湖南</th>
+            <th>广东</th>
+            <th>山东</th>
+            <th>四川</th>
+            <th>江西</th>
+            <th>甘肃</th>
+            <th>广西</th>
+            <th>安徽</th>
+            <th>河南</th>
+            <th>内蒙古</th>
+            <th>云南</th>
+            <th>浙江</th>
+            <th>北京</th>
+            <th>贵州</th>
+            <th>江苏</th>
+            <th>湖北</th>
+            <th>福建</th>
+            <th>陕西</th>
+            <th>吉林</th>
+            <th>新疆</th>
+            <th>河北</th>
+            <th>辽宁</th>
+            <th>山西</th>
+            <th>黑龙江</th>
+            <th>天津</th>
+            <th>上海</th>
+            <th>海南</th>
+            <th>青海</th>
+            <th>西藏</th>
+            <th>宁夏</th>
+            <th>其他</th>
+          </tr>
+          <tr>
+            <td>9.0.8.320</td>
+            <td>999</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>999</td>
+            <td>99</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+          </tr>
+          <tr>
+            <td>9.0.8.319</td>
+            <td>999</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>999</td>
+            <td>99</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+          </tr>
+          <tr>
+            <td>9.0.8.318</td>
+            <td>999</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>999</td>
+            <td>99</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+          </tr>
+          <tr>
+            <td>9.0.8.192</td>
+            <td>999</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>999</td>
+            <td>99</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+          </tr>
+          <tr>
+            <td>9.0.8.176</td>
+            <td>999</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>999</td>
+            <td>99</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+            <td>99</td>
+            <td>9</td>
+          </tr>
+        </thead>
+      </table>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<script type="text/javascript">
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('CountMainZjqg'), 'macarons');
+// 指定图表的配置项和数据
+option = {
+    title : {
+        text:'造价全国',
+        x:'center',
+        textStyle:{
+          fontSize:20,
+          fontFamily : "微软雅黑", 
+        }
+    },
+    tooltip : {
+        trigger: 'item',
+        formatter: "{a} <br/>{b} : {c} ({d}%)"
+    },
+    legend: {
+        //orient: 'vertical',
+        x:'center',
+        y:'bottom',
+        data: ['9.0.8.320','9.0.8.319','9.0.8.318','9.0.8.192','9.0.8.176']
+    },
+    series : [
+        {
+            name: '版本统计',
+            type: 'pie',
+            radius : '55%',
+            center: ['50%', '50%'],
+            data:[
+                {value:563, name:'9.0.8.320'},
+                {value:1830, name:'9.0.8.319'},
+                {value:223, name:'9.0.8.318'},
+                {value:4407, name:'9.0.8.192'},
+                {value:5576, name:'9.0.8.176'}
+            ],
+            itemStyle: {
+                emphasis: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+            }
+        }
+    ]
+};
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+</script>
+
+</body>
+
+</html>
+
+         
+

+ 107 - 0
admin-userSearch.html

@@ -0,0 +1,107 @@
+<!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 logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="searchBig">
+      <div class="input-group">
+        <input type="text" class="form-control" placeholder="请输入帐号/真实姓名/手机">
+        <div class="input-group-btn">
+          <button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span></button>
+        </div>
+      </div>
+    </div>
+    <h4>搜索结果:</h4>
+    <!-- <h3 class="text-center">这人不在本王管辖内!</h3> -->
+    <table class="table table-hover">
+      <thead>
+        <tr>
+          <th>帐号</th>
+          <th>真实姓名</th>
+          <th>省份/城市</th>
+          <th>手机</th>
+          <th>QQ</th>
+          <th>单位</th>
+          <th>产品</th>
+          <th>注册时间</th>
+        </tr>
+      </thead>
+      <tr>
+        <td><a href="#">ghyqqq123</a></td>
+        <td>黄勇</td>
+        <td>广东省,广州市</td>
+        <td>18473457749</td>
+        <td>345756925</td>
+        <td>湖南工学院</td>
+        <td>造价全国,造价广东</td>
+        <td>2016/4/6 0:10:11</td>
+      </tr>
+    </table>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+</body>
+
+</html>
+
+         
+

+ 154 - 0
admin-userinfo.html

@@ -0,0 +1,154 @@
+<!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 logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>用户设置</h3>
+    </div>
+    <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="#profile" aria-controls="profile" role="tab" data-toggle="tab">密码设置</a></li>
+    </ul>
+    <div class="tab-content">
+      <div role="tabpanel" class="tab-pane active" id="home">
+        <div class="userInfo">
+          <form class="form-horizontal">
+            <div class="form-group">
+              <label class="col-sm-2 control-label">头像:</label>
+              <div class="col-sm-6">
+                <div class="userInfoCon clearfix">
+                  <div class="fL userInfoHead"><img class="userInfoImg" src="images/01.jpg"></div>
+                  <div class="fL text-muted">
+                    <p>选择一张个人正面照片作为头像</p>
+                    <button type="button" class="btn btn-primary btn-xs">设置头像</button>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="inputUserName" class="col-sm-2 control-label">用户名:</label>
+              <div class="col-sm-3">
+                <input type="UserName" class="form-control" id="inputUserName" placeholder="欧桃珍">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="inputUserEmail" class="col-sm-2 control-label">邮箱:</label>
+              <div class="col-sm-3">
+                <input type="UserEmail" class="form-control" id="inputUserEmail" placeholder="3216392758@qq.com">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="inputUserPhone" class="col-sm-2 control-label">电话:</label>
+              <div class="col-sm-3">
+                <input type="UserPhone" class="form-control" id="inputUserPhone" placeholder="12345678901">
+              </div>
+            </div>
+            <div class="form-group">
+              <div class="col-sm-offset-2 col-sm-10">
+                <button type="button" class="btn btn-primary btn-sm">编辑信息</button>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+      <div role="tabpanel" class="tab-pane" id="profile">
+        <div class="userInfo">
+          <form class="form-horizontal">
+            <div class="form-group">
+              <label for="inputPasswordOld" class="col-sm-2 control-label">旧密码:</label>
+              <div class="col-sm-3">
+                <input type="password" class="form-control" id="inputPasswordOld" placeholder="原密码">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="inputPasswordNew" class="col-sm-2 control-label">新密码:</label>
+              <div class="col-sm-3">
+                <input type="password" class="form-control" id="inputPasswordNew" placeholder="输入新密码">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="inputPassword" class="col-sm-2 control-label">确认密码:</label>
+              <div class="col-sm-3">
+                <input type="password" class="form-control" id="inputPassword" placeholder="再输入一次新密码">
+              </div>
+            </div>
+            <div class="form-group">
+              <div class="col-sm-offset-2 col-sm-10">
+                <button type="button" class="btn btn-primary btn-sm">确定</button>
+              </div>
+            </div>
+          </form>
+        </div>
+        </div>
+      </div>
+    </div>
+    
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+</body>
+
+</html>
+
+         
+

+ 414 - 0
admin-users.html

@@ -0,0 +1,414 @@
+<!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>
+  <link rel=stylesheet href=css/dateRange.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>
+  <script type=js/macarons.js></script>
+  <script src=js/dateRange.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <div class="leftWrapper">
+    <div class="leftContent">
+      <div class="logo logoWl">
+        <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>
+            <li><a href="#">通行帐号</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a><i class="iconImg icon-">D</i><div class="subMenuText">用户<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-newsUser.html">最新用户</a></li>
+            <li><a href="admin-onlineUser.html">在线用户</a></li>
+            <li><a href="admin-allUser.html">所有用户</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a class="active"><i class="iconImg icon-">M</i><div class="subMenuText">数据分析<span class="fR caret caret-triangle"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-users.html">用户登录分析</a></li>
+            <li><a href="admin-produce.html">产品分析</a></li>
+            <li><a href="admin-count.html">客户分布</a></li>
+            <li><a href="admin-channel.html">获取渠道</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="userMain">
+      <div class="userContent">
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+      </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>用户登录分析
+        <small class="btnTime">
+          <a href="#">7天内</a> | 
+          <a href="#">30天内</a> | 
+          <input type="text" name="date" id="date_demo1" value="" class="form-control gri_date input-sm" style=" width:auto; display:inline-block;"/>
+          <script type="text/javascript">
+            //var STATS_START_TIME = '1329148800';
+            var dateRange1 = new pickerDateRange('date_demo1', {
+              isTodayValid : true,
+              //isSingleDay : true,
+              startDate : '2016-03-12',
+              endDate : '2016-03-20',
+              needCompare : false,
+              defaultText : ' 至 ',
+              target : 'datePicker_demo1',
+              calendars : 3,
+              //theme : 'ta',
+              //shortOpr : true,
+              success : function(obj) {
+                $("#dCon_demo1").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
+              }
+            });
+          </script>
+        </small>
+      </h3>
+    </div>
+    <div class="chartContent">
+      <div class="CountMain" id="CountMainYh" style="height:350px;"></div>
+    </div>
+    <div class="proSection clearfix">
+      <div class="fL chartContent" style="width:50%;">
+        <div class="CountMain" id="CountMainMonth" style="height:350px;"></div>
+      </div>
+      <div class="fL tableContent" style="width:50%; height:345px; overflow-y:auto;">
+        <!-- <p>查看统计:</p> -->
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th>日期</th>
+              <th>仅注册</th>
+              <th>已验证</th>
+              <th>在线用户</th>
+            </tr>
+          </thead>
+          <tr>
+            <td>01-01</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-02</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-03</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-04</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-05</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-06</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-07</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-08</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-09</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-10</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-11</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-12</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-13</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-14</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-15</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-16</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-17</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-18</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-19</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-20</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-21</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-22</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-23</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-24</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-25</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-26</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-27</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-28</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-29</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+          <tr>
+            <td>01-30</td>
+            <td>28</td>
+            <td>25</td>
+            <td>742</td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+  <!-- mainWrapper end -->    
+</div>
+
+<script type="text/javascript">
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('CountMainYh'));
+// 指定图表的配置项和数据
+option = {
+    title: {
+        text: '用户月数据分析'
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    legend: {
+        data:['仅注册','已验证','在线用户']
+    },
+    xAxis:  {
+        name:'日期',
+        type: 'category',
+        boundaryGap: false,
+        data: ['01-01','01-02','01-03','01-04','01-05','01-06','01-07','01-08','01-09','01-10','01-11','01-12','01-13','01-14','01-15','01-16','01-17','01-18','01-19','01-20','01-21','01-22','01-23','01-24','01-25','01-26','01-27','01-28','01-29','01-30']
+    },
+    yAxis: {
+        name:'人数',
+        type: 'value'
+    },
+    series: [
+        {
+            name:'仅注册',
+            type:'line',
+            data:[28,52,54,58,60,46,24,21,58,64,62,42,28,52,54,58,60,46,24,21,58,64,62,42,58,60,46,24,21,58,64],
+            markPoint: {
+                data: [
+                    {type: 'max', name: '最大值'},
+                    {type: 'min', name: '最小值'}
+                ]
+            }
+        },
+        {
+            name:'已验证',
+            type:'line',
+            data:[25,50,50,54,60,44,23,16,54,60,62,40,25,50,50,54,60,44,23,20,54,60,62,40,50,54,60,44,23,20,54],
+            markPoint: {
+                data: [
+                    {type: 'max', name: '最大值'},
+                    {type: 'min', name: '最小值'}
+                ]
+            }
+        },
+        {
+            name:'在线用户',
+            type:'line',
+            data:[742,749,802,778,796,847,747,894,804,680,742,749,802,778,796,847,747,894,804,680,742,749,802,778,796,847,747,894,804,680,797],
+            markPoint: {
+                data: [
+                    {type: 'max', name: '最大值'},
+                    {type: 'min', name: '最小值'}
+                ]
+            }
+        }
+    ]
+};
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+
+// 基于准备好的dom,初始化echarts实例
+var myChart = echarts.init(document.getElementById('CountMainMonth'), 'macarons');
+// 指定图表的配置项和数据
+option = {
+    title : {
+        text:'用户注册比例',
+        x:'center',
+        textStyle:{
+          fontSize:20,
+          fontFamily : "微软雅黑", 
+        }
+    },
+    tooltip : {
+        trigger: 'item',
+        formatter: "{a} <br/>{b} : {c} ({d}%)"
+    },
+    legend: {
+        //orient: 'vertical',
+        x:'center',
+        y:'bottom',
+        data: ['仅注册','已验证']
+    },
+    series : [
+        {
+            name: '用户注册情况',
+            type: 'pie',
+            radius : '55%',
+            center: ['50%', '50%'],
+            data:[
+                {value:1830, name:'仅注册'},
+                {value:1200, name:'已验证'}
+            ],
+            itemStyle: {
+                emphasis: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+            }
+        }
+    ]
+};
+// 使用刚指定的配置项和数据显示图表。
+myChart.setOption(option);
+</script>
+
+</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);
+}

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 14 - 0
css/bootstrap-theme.min.css


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 6802 - 0
css/bootstrap.css


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 14 - 0
css/bootstrap.min.css


+ 119 - 0
css/dateRange.css

@@ -0,0 +1,119 @@
+.gri_date {
+/*    margin: 4px 4px;*/
+    padding: 0 26px 0 6px;
+    width: 200px !important;
+    height: 30px;
+    line-height: 30px;
+    border: 1px solid #D6D6D6;
+    background: #FFF url('../images/icon_date.png') no-repeat 100% 50%;
+    cursor: pointer;
+    color: #666;
+}
+
+.gri_date_month {
+    width: 180px
+}
+
+.gri_dateRangeCalendar {
+    position: absolute;
+    display: none;
+    background: #FFF;
+    border: 1px solid #6FB1DF;
+    padding: 10px;
+    -moz-box-shadow: 0px 1px 3px #6FB1DF;
+    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 5, Direction = 135, Color = "#CCCCCC");
+    font: 12px/1.5 Tahoma, Helvetica, 'SimSun', sans-serif;
+}
+
+.gri_dateRangeCalendar a {
+    color: #369;
+}
+
+.gri_dateRangePicker {
+    float: left;
+    border: 0;
+    margin: 0;
+    padding: 0;
+}
+
+.gri_dateRangeOptions {
+    /*float: left;*/
+    margin-top: 20px;
+}
+
+.gri_dateRangeOptions input.gri_dateRangeInput {
+    width: 100px;
+    font-size: 14px;
+    text-align: center;
+    border: 1px solid #DDD;
+}
+
+.gri_dateRangeOptions div.gri_dateRangeInput {
+    margin-bottom: 5px;
+}
+
+.gri_dateRangePreMonth {
+    float: left;
+    width: 15px;
+    height: 17px;
+    background: url('../images/page.png') no-repeat 0 0;
+    overflow: hidden;
+}
+
+.gri_dateRangeNextMonth {
+    float: right;
+    width: 15px;
+    height: 17px;
+    background: url('../images/page.png') no-repeat -15px 0;
+    overflow: hidden;
+}
+
+.gri_dateRangePreMonth span, .gri_dateRangeNextMonth span {
+    display: none;
+}
+
+.gri_dateRangeDateTable {
+    margin: 0 10px 0 0px;
+    padding: 0px;
+    float: left;
+    height:190px;
+    empty-cells: show;
+    border-collapse: collapse;
+    display: inline;
+    font-size: 12px;
+}
+
+.gri_dateRangeDateTable td {
+    border: 1px solid #EEE;
+    text-align: right;
+    cursor: pointer;
+    padding: 2px 3px;
+}
+
+.gri_dateRangeDateTable th {
+    border-top: 1px solid #DEE6F6;
+    border-left: 1px solid #DEE6F6;
+    background: #E0E8F7;
+    font-weight: 400;
+    border-left: 1px solid #DDD;
+}
+
+.gri_dateRangeDateTable td.gri_dateRangeGray {
+    color: #BBB;
+    cursor: default;
+}
+
+.gri_dateRangeDateTable td.gri_dateRangeToday {
+    color: #F90;
+    font-weight: bold;
+}
+
+.gri_dateRangeSelected {
+    background-color: #007CD9;
+    color: #FFF;
+}
+
+.gri_dateRangeCompare {
+    background-color: #B9E078;
+    color: #FFF;
+}

BIN=BIN
css/fonts/iconMenu.eot


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 28 - 0
css/fonts/iconMenu.svg


BIN=BIN
css/fonts/iconMenu.ttf


BIN=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();
+}());

+ 327 - 0
css/iconMenu/demo.html

@@ -0,0 +1,327 @@
+<!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;18)</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-chart">
+                
+                </span>
+                <span class="mls"> icon-chart</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="51" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x51;" 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="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-版本">
+                
+                </span>
+                <span class="mls"> icon-版本</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4c;" 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="" class="liga unitRight" />
+            </div>
+        </div>
+        <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-clock">
+                
+                </span>
+                <span class="mls"> icon-clock</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4e;" 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="clock, time2" 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-users">
+                
+                </span>
+                <span class="mls"> icon-users</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="52" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x52;" 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="users, group" 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-stats-dots">
+                
+                </span>
+                <span class="mls"> icon-stats-dots</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4f;" 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="stats-dots, stats2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-stats-bars">
+                
+                </span>
+                <span class="mls"> icon-stats-bars</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="50" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x50;" 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="stats-bars, stats3" 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 class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-earth">
+                
+                </span>
+                <span class="mls"> icon-earth</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4d;" 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="earth, globe2" 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=BIN
css/iconMenu/fonts/iconMenu.eot


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 28 - 0
css/iconMenu/fonts/iconMenu.svg


BIN=BIN
css/iconMenu/fonts/iconMenu.ttf


BIN=BIN
css/iconMenu/fonts/iconMenu.woff


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 562 - 0
css/iconMenu/selection.json


+ 81 - 0
css/iconMenu/style.css

@@ -0,0 +1,81 @@
+@font-face {
+    font-family: 'iconMenu';
+    src:    url('fonts/iconMenu.eot?jxc15r');
+    src:    url('fonts/iconMenu.eot?jxc15r#iefix') format('embedded-opentype'),
+        url('fonts/iconMenu.ttf?jxc15r') format('truetype'),
+        url('fonts/iconMenu.woff?jxc15r') format('woff'),
+        url('fonts/iconMenu.svg?jxc15r#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-chart:before {
+    content: "\51";
+}
+.icon-版本:before {
+    content: "\4c";
+}
+.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-clock:before {
+    content: "\4e";
+}
+.icon-calendar:before {
+    content: "\43";
+}
+.icon-user:before {
+    content: "\44";
+}
+.icon-users:before {
+    content: "\52";
+}
+.icon-cog:before {
+    content: "\46";
+}
+.icon-stats-dots:before {
+    content: "\4f";
+}
+.icon-stats-bars:before {
+    content: "\50";
+}
+.icon-switch:before {
+    content: "\4b";
+}
+.icon-clipboard:before {
+    content: "\49";
+}
+.icon-tree:before {
+    content: "\45";
+}
+.icon-earth:before {
+    content: "\4d";
+}
+

+ 343 - 0
css/style.css

@@ -0,0 +1,343 @@
+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?jxc15r');
+    src:    url('fonts/iconMenu.eot?jxc15r#iefix') format('embedded-opentype'),
+        url('fonts/iconMenu.ttf?jxc15r') format('truetype'),
+        url('fonts/iconMenu.woff?jxc15r') format('woff'),
+        url('fonts/iconMenu.svg?jxc15r#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: 430px;
+  height: 320px;
+  top: 50%;
+  left: 50%;
+  background:#fff;
+  box-shadow: 0 8px 8px -6px #aaa;
+  -moz-box-shadow:0 8px 8px -6px #aaa;
+  -webkit-box-shadow:0 8px 8px -6px #aaa;
+  border: 1px solid #eee;
+  border-radius: 5px;
+  margin-left:-225px;
+  margin-top: -160px; 
+}
+.loginContent{
+  padding: 20px 40px;
+}
+.loginTitle{
+  text-align: left;
+  padding-left:10px;
+  border-left: 4px solid #aaa;
+}
+.logoTitleOl{
+  border-left:4px solid #EB5513;
+}
+.loginForm{
+  margin: 30px 0 20px 0;
+}
+.btnLogin{
+  width:100%;
+}
+.loginTitleMain{
+  position:relative;
+}
+.loginOther{
+  position:absolute;
+  top:5px;
+  right:0;
+}
+
+/* -------------index start-------------- */
+.wrapper{
+  overflow-x:hidden;
+}
+.leftWrapper{
+  position:fixed;
+  overflow-y:auto;
+  height:100%;
+  left:0;
+  width:56px;
+  background:#222;
+  color: #fff;
+}
+.logo{
+  background:#000;
+  text-align: center; 
+  cursor:pointer;
+}
+.logoWk{
+  background:#687C59;
+}
+.logoWl{
+  background:#EB5513;
+}
+.logo h2{
+  height:38px;
+  margin:0;
+  padding:10px 0;
+  font-size: 17px;  
+}
+.logoInfo{
+  display:none;
+}
+.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;
+  width:125px;
+  top:15px;
+  left:56px;
+  display:none;
+}
+.caret-triangle{
+  margin-top:12px;
+}
+.userMain{
+  position:absolute;
+  bottom:10px;
+}
+.userImg{
+  margin:0 12px;
+  width:32px;
+  height:32px;
+  border-radius: 18px; 
+}
+.userName{
+  display:none;
+  font-size: 14px;
+  top:8px;
+}
+.userName a{
+  color:#ccc;
+}
+.userName a:hover{
+  color:#fff;
+  text-decoration: none;
+}
+.exit{
+  margin:0 0 0 15px;
+}
+.userInfo{
+  padding:40px 0;
+}
+.userInfoTitle{
+  font-size: 16px;
+}
+.userInfoImg{
+  width:48px;
+  height:48px;
+}
+.userInfoHead{
+  margin:0 15px 0 0;
+}
+.iconImg{
+  font-size: 20px;
+  padding:0 17px;
+}
+.sidebg{
+  background:#2E2D2B;
+  color:#fff !important;
+}
+.subMenuContent ul{
+  padding:10px 0 10px 0;
+  text-align: left;
+}
+.subMenuContent ul li a{
+  display:block;
+  padding:5px 0 5px 25px;
+  color:#ccc;
+}
+.subMenuContent ul li a:hover{
+  background:#2E2D2B;
+  color:#fff;
+  text-decoration: none;
+}
+.mainWrapper{
+  margin:0 0 25px 61px;
+  background:#fff;
+}
+.pageTop{
+  margin-top: 20px;
+}
+.shopContent{
+  margin:20px 0;
+}
+.sort{
+  float:left;
+  margin-right:10px;
+  vertical-align: middle;
+}
+.sort .form-control{
+  width:110px;
+}
+/*.btnGroup{
+  margin:0 20px 0 0;
+}*/
+.search{
+  float:left;
+  width:465px;
+  margin:0 20px 0 0;
+}
+.popup-title{
+  background:#eee;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.tableContent dl{
+  margin:10px;
+}
+.proSection{
+  margin:40px 0 0 0;
+} 
+.btnTime{
+  font-size: 14px;
+  margin:0 20px;
+  /*color:#ccc;*/
+}
+.dropdown-list{
+  max-height: 250px;
+  min-width: 230px;
+  padding-left: 15px;
+  overflow-y: auto;
+}
+.dropdown-list li{
+  float:left;
+  margin-right: 15px;
+}
+.input-search{
+  cursor:pointer;
+}
+.badge-blue{
+  background:#337AB7;
+  color:#fff;
+}
+.dropdownCon{
+  display:inline-block;
+}
+.ProtTitle{
+  margin:10px auto 20px auto;
+  width:200px;
+}
+.searchBig{
+  margin:40px auto;
+  width:700px;
+}
+.searchBig .form-control{
+  height:50px;
+}
+.searchBig .btn-primary{
+  width:70px;
+  height:50px;
+}
+.searchBig .glyphicon-search{
+  font-size: 20px;
+}

BIN=BIN
fonts/glyphicons-halflings-regular.eot


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 288 - 0
fonts/glyphicons-halflings-regular.svg


BIN=BIN
fonts/glyphicons-halflings-regular.ttf


BIN=BIN
fonts/glyphicons-halflings-regular.woff


BIN=BIN
fonts/glyphicons-halflings-regular.woff2


BIN=BIN
images/01.jpg


BIN=BIN
images/07dingexuanguan.png


BIN=BIN
images/2013sygcks.png


BIN=BIN
images/2013zaojiashikaoshi.png


BIN=BIN
images/bg.gif


BIN=BIN
images/danjiatiaozheng.png


BIN=BIN
images/gaiyugusuan.png


BIN=BIN
images/icon_date.png


BIN=BIN
images/page.png


BIN=BIN
images/print.png


BIN=BIN
images/px.png


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 2366 - 0
js/bootstrap.js


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


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 1446 - 0
js/dateRange.js


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 13 - 0
js/echarts.js


+ 47 - 0
js/global.js

@@ -0,0 +1,47 @@
+// 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("sidebg");
+    $(this).addClass("sidebg");
+    $(this).parent().next().removeClass("menu-list");
+    $(".menu-list").slideUp();
+    $(this).parent().next().slideToggle();
+    $(this).parent().next().addClass("menu-list");
+    });
+  $(".leftWrapper").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:"61px",marginRight:"15px",paddingRight:"0"},300);
+    $(".subMenuText").fadeOut("fast");
+    $(".logoInfo").hide();
+    $(".subMenuContent").slideUp();
+  });
+  $(".logo").hover(function(){
+    $(".logoList").show();
+  },function(){
+    $(".logoList").hide();
+  }); 
+  $(".dropdown-toggleSF").click(function(){
+    $(this).next().toggle();
+  });
+  $(document).bind("click",function(e){
+  var target  = $(e.target);
+  if(target.closest(".dropdown-toggleSF,.dropdown-list li").length == 0){/*.closest()沿 DOM 树向上遍历,直到找到已应用选择器的一个匹配为止,返回包含零个或一个元素的 jQuery 对象。*/
+  $(".dropdown-list").hide();
+  };
+  e.stopPropagation();
+  });
+});

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 5 - 0
js/jquery-1.9.1.min.js


+ 198 - 0
js/macarons.js

@@ -0,0 +1,198 @@
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
+        // CommonJS
+        factory(exports, require('echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+}(this, function (exports, echarts) {
+    var log = function (msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+
+    var colorPalette = [
+        '#2ec7c9','#b6a2de','#5ab1ef','#ffb980','#d87a80',
+        '#8d98b3','#e5cf0d','#97b552','#95706d','#dc69aa',
+        '#07a2a4','#9a7fd1','#588dd5','#f5994e','#c05050',
+        '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089'
+    ];
+
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#008acd'
+            }
+        },
+
+        visualMap: {
+            itemWidth: 15,
+            color: ['#5ab1ef','#e0ffff']
+        },
+
+        toolbox: {
+            iconStyle: {
+                normal: {
+                    borderColor: colorPalette[0]
+                }
+            }
+        },
+
+        tooltip: {
+            backgroundColor: 'rgba(50,50,50,0.5)',
+            axisPointer : {
+                type : 'line',
+                lineStyle : {
+                    color: '#008acd'
+                },
+                crossStyle: {
+                    color: '#008acd'
+                },
+                shadowStyle : {
+                    color: 'rgba(200,200,200,0.2)'
+                }
+            }
+        },
+
+        dataZoom: {
+            dataBackgroundColor: '#efefff',
+            fillerColor: 'rgba(182,162,222,0.2)',
+            handleColor: '#008acd'
+        },
+
+        grid: {
+            borderColor: '#eee'
+        },
+
+        categoryAxis: {
+            axisLine: {
+                lineStyle: {
+                    color: '#008acd'
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: ['#eee']
+                }
+            }
+        },
+
+        valueAxis: {
+            axisLine: {
+                lineStyle: {
+                    color: '#008acd'
+                }
+            },
+            splitArea : {
+                show : true,
+                areaStyle : {
+                    color: ['rgba(250,250,250,0.1)','rgba(200,200,200,0.1)']
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: ['#eee']
+                }
+            }
+        },
+
+        timeline : {
+            lineStyle : {
+                color : '#008acd'
+            },
+            controlStyle : {
+                normal : { color : '#008acd'},
+                emphasis : { color : '#008acd'}
+            },
+            symbol : 'emptyCircle',
+            symbolSize : 3
+        },
+
+        line: {
+            smooth : true,
+            symbol: 'emptyCircle',
+            symbolSize: 3
+        },
+
+        candlestick: {
+            itemStyle: {
+                normal: {
+                    color: '#d87a80',
+                    color0: '#2ec7c9',
+                    lineStyle: {
+                        color: '#d87a80',
+                        color0: '#2ec7c9'
+                    }
+                }
+            }
+        },
+
+        scatter: {
+            symbol: 'circle',
+            symbolSize: 4
+        },
+
+        map: {
+            label: {
+                normal: {
+                    textStyle: {
+                        color: '#d87a80'
+                    }
+                }
+            },
+            itemStyle: {
+                normal: {
+                    borderColor: '#eee',
+                    areaColor: '#ddd'
+                },
+                emphasis: {
+                    areaColor: '#fe994e'
+                }
+            }
+        },
+
+        graph: {
+            color: colorPalette
+        },
+
+        gauge : {
+            axisLine: {
+                lineStyle: {
+                    color: [[0.2, '#2ec7c9'],[0.8, '#5ab1ef'],[1, '#d87a80']],
+                    width: 10
+                }
+            },
+            axisTick: {
+                splitNumber: 10,
+                length :15,
+                lineStyle: {
+                    color: 'auto'
+                }
+            },
+            splitLine: {
+                length :22,
+                lineStyle: {
+                    color: 'auto'
+                }
+            },
+            pointer : {
+                width : 5
+            }
+        }
+    };
+
+    echarts.registerTheme('macarons', theme);
+}));