<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="navbar navbar-default navbar-fixed-top ix-header" role="navigation"> <div class="header-line clearfix"> <div class="container"> <div class="pull-left"> <img alt="哗啦啦商户中心" src="" style="margin-top:14px;"/> </div> <h4 class="ix-group-brand pull-left" style="margin-left:1rem;">{{groupName}}</h3> <div class="pull-right" style="margin-top:14px;"> <span class="hello">Hi</span><span class="user">{{name}},</span> <a class="">退出</a> </div> </div> </div> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse"> <ul class="nav nav-justified nav-pills navbar-right"> <li><a href="#">店铺管理</a></li> <li><a href="#about">结算</a></li> <li><a href="#contact">订单</a></li> <li><a href="#contact">业务设置</a></li> <li class="active"><a href="#contact">会员管理</a></li> <li><a href="#contact">帐号管理</a></li> </ul> </div> </div> </div> <div class="ix-body"> <div class="container"> <div class="nav-list"> <div class="navbar-collapse collapse in" id="order_navbar"> <ul class="nav nav-justified nav-pills"> <li class=" "><a href="../proto/#order/query/b20141119/e20141119/c/n/s/m/o/i/a" data-page-type="orderQuery">会员查询</a></li> <li class=" "><a href="../proto/#order/query/day/b20141119/e20141119/c/n/s" data-page-type="orderQueryDay">会员概览</a></li> <li class="active "> <a href="#" data-toggle="dropdown" data-page-type="orderQueryDuring"> 报表查询 <span class="caret"></span> </a> <ul class="dropdown-menu" role="menu"> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </li> <li class=" "><a href="../proto/#order/dishes/hot/b20141119/e20141119/c/n/s" data-page-type="orderDishesHot">会员系统参数</a></li> <li class=" "><a href="../proto/#order/customer/b20141119/e20141119/c/n/m/u" data-page-type="orderQueryCustomer">店铺参数</a></li> <li class=" "><a href="../proto/#order/customer/b20141119/e20141119/c/n/m/u" data-page-type="orderQueryCustomer">充值套餐</a></li> </ul> </div> </div> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> 交易汇总 </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body"> <div class="table-responsive"> <table class="table table-bordered table-striped 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> </tr> </thead> <tbody> <tr> <td>1.网上</td> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td><a class="btn btn-link">交易明细</a></td> </tr> </tbody> <tfooter> <tr> <th>网上合计</th> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td></td> </tr> <tr> <th>店内合计</th> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td></td> </tr> <tr> <th>总计</th> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td></td> </tr> </tfooter> </table> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingTwo"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo"> 办卡统计 </a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingTwo"> <div class="panel-body"> <div class="table-responsive"> <table class="table table-bordered table-striped table-hover"> <thead> <tr> <th>店铺</th> <th>6月新增</th> <th>7月新增</th> <th>8月新增</th> <th>9月新增</th> <th>10月新增</th> <th>本月新增</th> <th>当前会员总数</th> <th>有效会员总数</th> </tr> </thead> <tbody> <tr> <td>1.网上</td> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </tbody> <tfooter> <tr> <th>网上合计</th> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <th>店内合计</th> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <th>总计</th> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </tfooter> </table> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingThree"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree"> 储值对账 </a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingThree"> <div class="panel-body"> <div class="table-responsive"> <table class="table table-bordered table-striped table-hover"> <thead> <tr> <th rowspan="2">店铺</th> <th rowspan="2">储值笔数小计</th> <th rowspan="2">储值金额小计</th> <th rowspan="2">充值返还金额小计</th> <th colspan="5">收款方式</th> </tr> <tr> <th>现金</th> <th>银行卡</th> <th>支票</th> <th>其他</th> <th>网上银行收款账户</th> </tr> </thead> <tbody> <tr> <td>豆捞坊西直门店</td> <td>18</td> <td>18</td> <td>18</td> <td>18</td> <td>18</td> <td>18</td> <td>18</td> <td>18</td> </tr> </tbody> <tfooter> <tr> <th>网上合计</th> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <th>店内合计</th> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <th>总计</th> <td>25</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </tfooter> </table> </div> </div> </div> </div> </div> </div> </div> <div class="ix-footer navbar-fixed-bottom"> <div class="container"> <!--<p class="links"> <a href="#">关于哗啦啦商户中心</a> <a href="#">联系我们</a> </p> <p class="copyright"> <img alt="Gozap" src=""/> <span class=""> 旗下网站 © 2014 hualala.com 京IPC备14019284号-3</span> </p>--> </div> </div>

.ix-body {margin-top:120px;} .chart-canvas {border : 1px solid #eee; width : 100%; height : 400px;} .switcher {color:green;}