67 lines
3.3 KiB
HTML
67 lines
3.3 KiB
HTML
<div class="panel panel-default panel-intro">
|
||
<div class="panel-heading">
|
||
<!--<div class="panel-lead"><em>多表格（Multitable）</em>用于展示在一个页面展示多个表格数据,并且每次切换时刷新</div>-->
|
||
<ul class="nav nav-tabs">
|
||
<li class="active"><a data-val="first" href="#first" data-toggle="tab">统计图表</a></li>
|
||
<li><a href="#second" data-val="second" data-toggle="tab">统计列表</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<div class="panel-body">
|
||
<div id="myTabContent" class="tab-content">
|
||
<div class="tab-pane fade active in" id="first">
|
||
<section class="connectedSortable">
|
||
|
||
<div class="nav-tabs-custom charts-custom">
|
||
<!-- Tabs within a box -->
|
||
<ul class="nav nav-tabs pull-right">
|
||
<li class="active"><a href="#bar-chart" data-toggle="tab">柱状图</a></li>
|
||
<!-- <li><a href="#pie-chart" data-toggle="tab">饼图</a></li>-->
|
||
|
||
<li class="pull-left header"><i class="fa fa-inbox"></i> 派单员数据</li>
|
||
</ul>
|
||
|
||
<div>
|
||
|
||
<div class="form-inline" id="chart-filter" style="margin-top:20px;margin-bottom: 30px;">
|
||
<!-- 单选：维度 -->
|
||
<!-- <div class="form-group">
|
||
<label class="radio-inline">
|
||
<input type="radio" name="filter[time_by]" value="1" checked> 派单时间
|
||
</label>
|
||
<label class="radio-inline">
|
||
<input type="radio" name="filter[time_by]" value="2"> 录单时间
|
||
</label>
|
||
</div>-->
|
||
|
||
<!-- 时间范围 -->
|
||
<div class="form-group" style="margin-left: 15px;">
|
||
<input type="text" class="form-control datetimerange" data-locale='{"format":"YYYY-MM-DD"}' placeholder="指定日期" name="filter[daterange]" id="daterange" value="{$daterange}" autocomplete="off" style="width: 170px;">
|
||
</div>
|
||
|
||
<!-- 查询按钮 -->
|
||
<button class="btn btn-default" id="filter-btn" style="margin-left: 15px;">查询</button>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="tab-content no-padding">
|
||
<!-- Morris chart - Sales -->
|
||
<!--
|
||
<div class="chart tab-pane" id="pie-chart" style="width: 100%; height: 500px;"></div>
|
||
-->
|
||
<div class="chart tab-pane active" id="bar-chart" style="width: 100%; height: 500px;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
</div>
|
||
<div class="tab-pane fade" id="second">
|
||
<table id="table2" class="table table-striped table-bordered table-hover" width="100%">
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|