S.H.I.E.L.D.
/
admin-ol


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635
							<!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-">B</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>
            <li><a href="admin-countTime.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-">C</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 class="subMenu">
        <h2 class="subMenuTitle"><a><i class="iconImg icon-">A</i><div class="subMenuText">固化清单<span class="fR caret caret-triangle"></span></div></a></h2>
        <div class="subMenuContent">
          <ul>
            <li><a href="admin-softList.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;">
          <span class="input-group-addon"><select style="width:80px; height:20px;border:none;background:#eee;"><option>注册手机</option><option>注册邮箱</option><option>真实姓名</option><option>QQ</option><option>地址</option></select></span>
          <input type="text" class="form-control" placeholder="请输入搜索内容">
          <div class="input-group-btn">
            <a class="btn btn-primary" type="button" href="admin-userSearch.html"><span class="glyphicon glyphicon-search"></span></a>
          </div>
        </div>
      </h3>
    </div>
    <div class="CountMain" id="userCount" style="width:100%; height:300px; margin-bottom:35px;"></div>
    <div class="page-header pageTop">
      <h3>当前最新用户</h3>
    </div>
    <div class="shopContent">
      <div class="btnGroup">
        <form class="form-inline">
          <div class="form-group">
            <button class="btn btn-default btn-sm" type="button" data-toggle="modal" data-target="#proModal">
                省份筛选 &nbsp;&nbsp;
                <span class="caret"></span>
            </button>
          </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>
        <!-- <form class="form-inline">
          <div class="form-group">
            <button class="btn btn-default btn-sm" type="button" data-toggle="modal" data-target="#proModal">
                广东省/河南省/山西省 &nbsp;&nbsp;
                <span class="caret"></span>
            </button>
          </div>
        </form> -->
      </div>
    </div> 
    <div class="tableContent">
      <table class="table table-hover">
        <thead>
          <tr>
            <th>注册手机</th>
            <th>注册邮箱</th>
            <th>称呼</th>
            <th>真实姓名</th>
            <th>所在地区</th>
            <th>手机</th>
            <th>QQ</th>
            <th>单位</th>
            <th>联系地址</th>
            <th>电话</th>
            <th>正在使用产品</th>
            <th>版本</th>
            <th>注册时间</th>
          </tr>
        </thead>
        <tr>
          <td><a href="#" data-toggle="modal" data-target="#myModal">18473457749</a></td>
          <td>345756925@qq.com</td>
          <td>ghyqqq123</td>
          <td>黄勇</td>
          <td>广东省，广州市，南沙区</td>
          <td>18473457749</td>
          <td>345756925</td>
          <td>长安大学</td>
          <td>长安大学</td>
          <td>-</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">未添加</a></td>
          <td>315194299@qq.com</td>
          <td>洪才hc</td>
          <td>洪才</td>
          <td>广东省，广州市</td>
          <td>15886362360</td>
          <td>315194299</td>
          <td>湖南一通建设</td>
          <td>常德</td>
          <td>0873-6134501</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">15044601270</a></td>
          <td>897438085@qq.com</td>
          <td>于焕勇vds</td>
          <td>于焕勇</td>
          <td>广东省，珠海市</td>
          <td>15044601270</td>
          <td>897438085</td>
          <td>民强养护公司</td>
          <td>舒兰</td>
          <td>-</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">18473457749</a></td>
          <td>未添加</td>
          <td>ghyqqq123</td>
          <td>黄勇</td>
          <td>广东省，广州市</td>
          <td>18473457749</td>
          <td>345756925</td>
          <td>湖南工学院</td>
          <td>湖南工学院</td>
          <td>-</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">15886362360</a></td>
          <td>315194299@qq.com</td>
          <td>洪才hc</td>
          <td>洪才</td>
          <td>广东省，广州市</td>
          <td>15886362360</td>
          <td>315194299</td>
          <td>湖南一通建设</td>
          <td>常德</td>
          <td>0873-6134501</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">15044601270</a></td>
          <td>897438085@qq.com</td>
          <td>于焕勇vds</td>
          <td>于焕勇</td>
          <td>广东省，珠海市</td>
          <td>15044601270</td>
          <td>897438085</td>
          <td>民强养护公司</td>
          <td>舒兰</td>
          <td>-</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>


<!-- 省份 -->
<div class="modal fade" id="proModal" 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">
          <ul class="dropdown-list">
            <p>
              <label class="checkbox-inline">
                <input type="checkbox" id="inlineCheckbox1" value="option1" disabled> <b>-全国-</b>
              </label>
            </p>
            <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>
          <p class="bg-warning" style="margin:20px 0 10px;padding:10px;">注意：省份一次最多只能勾选3个！</p>
        </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>

<!-- 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: '2%',
        right: '4%',
        bottom: '15%',
        containLabel: true
    },
    toolbox: {
      show: false,
        feature: {
            saveAsImage: {}
        }
    },
    dataZoom: 
        {
            show: true,
            start: 0,
            end: 100
        },
    xAxis: {
        name:'日期',
        type: 'category',
        boundaryGap: false,
        splitLine: {
            show: true,
            interval: 'auto'
        },
        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>