|
|
@@ -6,10 +6,10 @@
|
|
|
<title>板块统计</title>
|
|
|
<style>
|
|
|
|
|
|
- .chartContent * {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- }
|
|
|
+ /*.chartContent * {*/
|
|
|
+ /* padding: 0;*/
|
|
|
+ /* margin: 0;*/
|
|
|
+ /* }*/
|
|
|
|
|
|
.chartContent .title {
|
|
|
border-left: 5px solid #2B9CF9;
|
|
|
@@ -107,6 +107,52 @@
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
+ .plate_tab_list {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate_tab_item {
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #e2e3e3;
|
|
|
+ border-right: none;
|
|
|
+ background-color: #ffffff;
|
|
|
+ padding: 8px 20px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate_tab_item:last-child {
|
|
|
+ border-right: 1px solid #e2e3e3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .date_tab_list {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .date_tab_item {
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #e2e3e3;
|
|
|
+ border-right: none;
|
|
|
+ background-color: #ffffff;
|
|
|
+ padding: 8px 20px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .active_date {
|
|
|
+ color: #ffffff;
|
|
|
+ background-color: #00a0e9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .active_plate {
|
|
|
+ color: #ffffff;
|
|
|
+ background-color: #00a0e9;
|
|
|
+ }
|
|
|
+
|
|
|
.liBody {
|
|
|
background-color: #ffffff;
|
|
|
}
|
|
|
@@ -140,6 +186,18 @@
|
|
|
<span class="c-gray en">></span>
|
|
|
板块统计
|
|
|
</nav>
|
|
|
+<div class="plate_tab_list clearfix">
|
|
|
+ <span class="plate_tab_item active_plate">全部</span>
|
|
|
+ <span class="plate_tab_item">狮山街道(含横塘)</span>
|
|
|
+ <span class="plate_tab_item">枫桥街道</span>
|
|
|
+ <span class="plate_tab_item">浒墅关镇</span>
|
|
|
+ <span class="plate_tab_item">通安镇</span>
|
|
|
+ <span class="plate_tab_item">浒墅关经开区</span>
|
|
|
+ <span class="plate_tab_item">科技城(含东渚)</span>
|
|
|
+ <span class="plate_tab_item">综合保税区</span>
|
|
|
+ <span class="plate_tab_item">度假区(含镇湖)</span>
|
|
|
+ <span class="plate_tab_item">区外</span>
|
|
|
+</div>
|
|
|
<div class="chartContent">
|
|
|
|
|
|
</div>
|
|
|
@@ -151,6 +209,12 @@
|
|
|
<div id="processed_pie" class="chartLi" style="width:30%;"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+<div class="date_tab_list clearfix">
|
|
|
+ <span class="date_tab_item">7天</span>
|
|
|
+ <span class="date_tab_item">14天</span>
|
|
|
+ <span class="date_tab_item" style="border-right: 1px solid #e2e3e3;">30天</span>
|
|
|
+ <input type="text" name="starttime" class="form-control" id="starttime">
|
|
|
+</div>
|
|
|
<div class="chartContent">
|
|
|
|
|
|
</div>
|
|
|
@@ -172,7 +236,7 @@
|
|
|
onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'monthly_start_time\')}',isShowClear:true,readOnly:true,onpicked: function(){getMontylyApproveStatistic()} })"/>
|
|
|
<a th:onclick="'javascript:exportMonthlyStatistic();'"
|
|
|
class="btn btn-secondary radius" type="button">导出</a>
|
|
|
- <div class="table001" style="width: 96%; margin-left: 2%;">
|
|
|
+ <div class="table001" style="width: 96%; margin-left: 2%;margin-top:15px;">
|
|
|
<table id="monthly_approve_statistic" th:fragment="approve_statistic_monthly">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
@@ -635,6 +699,18 @@
|
|
|
$('#monthly_approve_statistic').load(url);
|
|
|
}
|
|
|
|
|
|
+ // 点击板块
|
|
|
+ $('.plate_tab_list .plate_tab_item').click(function(){
|
|
|
+ console.log('当前点击板块', $(this).html())
|
|
|
+ $(this).addClass('active_plate').siblings().removeClass("active_plate")
|
|
|
+ })
|
|
|
+
|
|
|
+ // 点击日期
|
|
|
+ $('.date_tab_list .date_tab_item').click(function(){
|
|
|
+ console.log('当前点击日期', $(this).html())
|
|
|
+ $(this).addClass('active_date').siblings().removeClass("active_date")
|
|
|
+ })
|
|
|
+
|
|
|
//导出月度统计
|
|
|
function exportMonthlyStatistic() {
|
|
|
streetId = 28;
|
zhaowenli