82 lines
4.4 KiB
HTML
82 lines
4.4 KiB
HTML
<div class="panel panel-default panel-intro">
|
|
<div class="panel-heading">
|
|
<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" style="margin-left: 15px;">
|
|
<input type="text" class="form-control datetimerange" value = "{$default_daterange}" data-locale='{"format":"YYYY-MM-DD"}' placeholder="指定日期" name="filter[daterange]" id="daterange" autocomplete="off" style="width: 200px;">
|
|
</div>
|
|
|
|
<div class="form-group" style="margin-left: 15px;">
|
|
<select id="source" data-live-search="true" title="选择订单渠道" name="filter[source]" class="form-control selectpicker show-tick">
|
|
{foreach $sources as $item}
|
|
<option value="{$item['id']}">【{$item['ptitle']}】{$item['title']}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="form-group" style="margin-left: 15px;">
|
|
<div class="col-xs-12">
|
|
<input id="select_city" class="form-control" data-toggle="city-picker" type="text" />
|
|
<input id="select_area_id" type="hidden" class="operate" name="area_id" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 查询按钮 -->
|
|
<button class="btn btn-default" id="filter-btn" style="margin-left: 15px;">查询</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-content no-padding">
|
|
<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">
|
|
<div id="chart-filter-table" style="margin-top:20px;margin-bottom: 30px;">
|
|
<div style="display: inline-block;width: 300px;position: relative">
|
|
<input class="form-control" data-toggle="city-picker" type="text" placeholder="地区" id="area-table">
|
|
<input style="display: none" type="text" id="area_id">
|
|
</div>
|
|
<div style="display: inline-block;width: 200px;position: relative">
|
|
<input type="text" class="form-control datetimerange" data-locale='{"format":"YYYY-MM-DD"}'
|
|
value = "{$default_daterange}"
|
|
placeholder="指定日期" name="filter[daterange]" id="daterange-table" autocomplete="off" style="width: 180px;">
|
|
</div>
|
|
<!-- 查询按钮 -->
|
|
<button class="btn btn-default" id="filter-btn-table" style="margin-left: 15px;">查询</button>
|
|
</div>
|
|
<table id="table2" class="table table-striped table-bordered table-hover">
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|