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


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524
							<!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>
  <script src=js/jquery.tablesorter.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-">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 class="active"><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><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>
        <div class="input-group fR" style="width:400px;">
          <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="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="fL tableContent" style="width:40%;">
        <p class="tipMain">点击查看详情：</p>
        <div style="height:345px; overflow-y:auto;">
          <table class="table table-hover table-striped tablelist">
            <thead>
              <tr>
                <th>版本</th>
                <th class="taCble">人数（人）</th>
              </tr>
            </thead>
            <tr>
              <td>9.0.8.320</td>
              <td><a href="#">563</a></td>
            </tr>
            <tr>
              <td>9.0.8.319</td>
              <td><a href="#">1830</a></td>
            </tr>
            <tr>
              <td>9.0.8.318</td>
              <td><a href="#">223</a></td>
            </tr>
            <tr>
              <td>9.0.8.192</td>
              <td><a href="#">4407</a></td>
            </tr>
            <tr>
              <td>9.0.8.176</td>
              <td><a href="#">816</a></td>
            </tr>
            <tr>
              <td>9.0.8.320</td>
              <td><a href="#">563</a></td>
            </tr>
            <tr>
              <td>9.0.8.319</td>
              <td><a href="#">1830</a></td>
            </tr>
            <tr>
              <td>9.0.8.318</td>
              <td><a href="#">223</a></td>
            </tr>
            <tr>
              <td>9.0.8.192</td>
              <td><a href="#">4407</a></td>
            </tr>
            <tr>
              <td>9.0.8.176</td>
              <td><a href="#">816</a></td>
            </tr>
          </table>
        </div>
      </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> -->
      <table class="table table-hover">
        <thead>
          <tr>
            <th>注册手机</th>
            <th>注册邮箱</th>
            <th>称呼</th>
            <th>真实姓名</th>
            <th>省份/城市</th>
            <th>手机</th>
            <th>QQ</th>
            <th>单位</th>
          </tr>
        </thead>
        <tr>
          <td>13984782276</td>
          <td>617423885@qq.com</td>
          <td>qdlvpeng</td>
          <td>吕鹏</td>
          <td>广东省，珠海市</td>
          <td>无</td>
          <td>617423885</td>
          <td>山东高速</td>
        </tr>
        <tr>
          <td>未添加</td>
          <td>1962295725@qq.com</td>
          <td>dcm</td>
          <td>邓翠梅</td>
          <td>广东省，珠海市</td>
          <td>13984782276</td>
          <td>1962295725</td>
          <td>务川铝矿分公司</td>
        </tr>
        <tr>
          <td>13984782276</td>
          <td>617423885@qq.com</td>
          <td>qdlvpeng</td>
          <td>吕鹏</td>
          <td>广东省，珠海市</td>
          <td>无</td>
          <td>617423885</td>
          <td>山东高速</td>
        </tr>
        <tr>
          <td>13984782276</td>
          <td>未添加</td>
          <td>dcm</td>
          <td>邓翠梅</td>
          <td>广东省，珠海市</td>
          <td>13984782276</td>
          <td>1962295725</td>
          <td>务川铝矿分公司</td>
        </tr>
        <tr>
          <td>13984782276</td>
          <td>617423885@qq.com</td>
          <td>qdlvpeng</td>
          <td>吕鹏</td>
          <td>广东省，珠海市</td>
          <td>无</td>
          <td>617423885</td>
          <td>山东高速</td>
        </tr>
        <tr>
          <td>13984782276</td>
          <td>1962295725@qq.com</td>
          <td>dcm</td>
          <td>邓翠梅</td>
          <td>广东省，珠海市</td>
          <td>13984782276</td>
          <td>1962295725</td>
          <td>务川铝矿分公司</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>

<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>