Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
puti
/
snd-escloud
2
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

板块统计切换tab

zhaowenli 5 жил өмнө
parent
7d0b97e079
commit
1dd630f9d9
2 өөрчлөгдсөн 87 нэмэгдсэн , 11 устгасан
Өөрчлөллтийг нэгтгэж харах Өөрчлөлтийн статистик харах
  1. 81 5
      src/main/resources/templates/admin/government/land_statistic/plate.html
  2. 6 6
      src/main/resources/templates/admin/government/land_statistic/region.html

+ 81 - 5
src/main/resources/templates/admin/government/land_statistic/plate.html
Файл харах 

@@ -6,10 +6,10 @@
 
     <title>板块统计</title>
 
     <title>板块统计</title>
 
     <style>
 
     <style>
 
 
 
-        .chartContent * {
 
-            padding: 0;
 
-            margin: 0;
 
-        }
 
+        /*.chartContent * {*/
 
+        /*     padding: 0;*/
 
+        /*     margin: 0;*/
 
+        /* }*/
 
 
 
         .chartContent .title {
 
         .chartContent .title {
 
             border-left: 5px solid #2B9CF9;
 
             border-left: 5px solid #2B9CF9;
 
@@ -107,6 +107,52 @@
 
             text-align: center;
 
             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 {
 
         .liBody {
 
             background-color: #ffffff;
 
             background-color: #ffffff;
 
         }
 
         }
 
@@ -140,6 +186,18 @@
 
     <span class="c-gray en">&gt;</span>
 
     <span class="c-gray en">&gt;</span>
 
     板块统计
 
     板块统计
 
 </nav>
 
 </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 class="chartContent">
 
 
 
 </div>
 
 </div>
 
@@ -151,6 +209,12 @@
 
         <div id="processed_pie" class="chartLi" style="width:30%;"></div>
 
         <div id="processed_pie" class="chartLi" style="width:30%;"></div>
 
     </div>
 
     </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 class="chartContent">
 
 
 
 </div>
 
 </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()} })"/>
 
            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();'"
 
     <a th:onclick="'javascript:exportMonthlyStatistic();'"
 
        class="btn btn-secondary radius" type="button">导出</a>
 
        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">
 
         <table id="monthly_approve_statistic" th:fragment="approve_statistic_monthly">
 
             <thead>
 
             <thead>
 
             <tr>
 
             <tr>
 
@@ -635,6 +699,18 @@
 
         $('#monthly_approve_statistic').load(url);
 
         $('#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() {
 
     function exportMonthlyStatistic() {
 
         streetId = 28;
 
         streetId = 28;

+ 6 - 6
src/main/resources/templates/admin/government/land_statistic/region.html
Файл харах 

@@ -5,10 +5,10 @@
 
 <head>
 
 <head>
 
     <title>全区统计</title>
 
     <title>全区统计</title>
 
     <style>
 
     <style>
 
-        .chartContent * {
 
-            padding: 0;
 
-            margin: 0;
 
-        }
 
+        /*.chartContent * {*/
 
+        /*    padding: 0;*/
 
+        /*    margin: 0;*/
 
+        /*}*/
 
 
 
         .chartContent .title {
 
         .chartContent .title {
 
             border-left: 5px solid #2B9CF9;
 
             border-left: 5px solid #2B9CF9;
 
@@ -242,7 +242,7 @@
 
            onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'monthly_start_time\')}',isShowClear:true,readOnly:true,onpicked: function(){getMontylyApproveStatistic()} })"/>
 
            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();'"
 
     <a th:onclick="'javascript:exportMonthlyStatistic();'"
 
        class="btn btn-secondary radius" type="button">导出</a>
 
        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">
 
         <table id="monthly_approve_statistic" th:fragment="approve_statistic_monthly">
 
             <thead>
 
             <thead>
 
             <tr>
 
             <tr>
 
@@ -306,7 +306,7 @@
 
     <a th:onclick="'javascript:exportPlateStatistic();'"
 
     <a th:onclick="'javascript:exportPlateStatistic();'"
 
        class="btn btn-secondary radius" type="button">导出</a>
 
        class="btn btn-secondary radius" type="button">导出</a>
 
 
 
-    <div id="plate_approve_statistic" th:fragment="approve_statistic_plate">
 
+    <div id="plate_approve_statistic" th:fragment="approve_statistic_plate" style="margin-top: 15px;">
 
         <div class="tableHead" style="width: 96%; margin-left: 2%;">
 
         <div class="tableHead" style="width: 96%; margin-left: 2%;">
 
             <div class="tableHeadLi" style="width:9%;" th:each="model,iterStat:${head}" th:object="${model}"
 
             <div class="tableHeadLi" style="width:9%;" th:each="model,iterStat:${head}" th:object="${model}"
 
                  th:if="${iterStat.index==0}">&nbsp;
 
                  th:if="${iterStat.index==0}">&nbsp;