|
|
|
@ -2,130 +2,258 @@ |
|
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> |
|
|
|
<head> |
|
|
|
<th:block th:include="zdxtInclude :: header('登陆记录')"/> |
|
|
|
<link type="text/css" href="/css/stat.css" rel="stylesheet" /> |
|
|
|
<link type="text/css" href="/css/stat.css" rel="stylesheet"/> |
|
|
|
|
|
|
|
<style type="text/css"> |
|
|
|
table.gridtable { |
|
|
|
font-family: verdana, arial, sans-serif; |
|
|
|
font-size: 11px; |
|
|
|
color: #333333; |
|
|
|
border-width: 1px; |
|
|
|
border-color: #666666; |
|
|
|
border-collapse: collapse; |
|
|
|
table-layout: fixed; |
|
|
|
width: 98%; |
|
|
|
} |
|
|
|
|
|
|
|
table.gridtable th { |
|
|
|
border-width: 1px; |
|
|
|
padding: 8px; |
|
|
|
border-style: solid; |
|
|
|
border-color: #666666; |
|
|
|
background-color: #dedede; |
|
|
|
font-weight: bold; |
|
|
|
text-align: center; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
|
|
|
|
table.gridtable td { |
|
|
|
border-width: 1px; |
|
|
|
padding: 8px; |
|
|
|
border-style: solid; |
|
|
|
border-color: #666666; |
|
|
|
background-color: #ffffff; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div class="statwrap"> |
|
|
|
<h1 class="headtit">深圳市各类行政检查实施情况统计表</h1> |
|
|
|
<div class="seltime"><i class="icsty"></i><span><select name="year"> |
|
|
|
<option>2024</option> |
|
|
|
<option>2023</option> |
|
|
|
<option>2022</option> |
|
|
|
</select>年度</span> |
|
|
|
<span><select name="quarter"> |
|
|
|
<option>2024-01</option> |
|
|
|
</select>季度</span> |
|
|
|
<span><select name="month"> |
|
|
|
<option>2024-01</option> |
|
|
|
<option>2024-02</option> |
|
|
|
<option>2024-03</option> |
|
|
|
</select>月度</span> |
|
|
|
</div> |
|
|
|
<div class="statit"><span id="one1" class="actit" onclick="setTab('one',1,4)">检查事项</span><span id="one2" onclick="setTab('one',2,4)">执法人员</span><span id="one3" onclick="setTab('one',3,4)">案件数量</span><span id="one4" onclick="setTab('one',4,4)" class="hover">企业类型</span></div> |
|
|
|
<div id="con_one_1" class="tab_item" style="display: block;"> |
|
|
|
<div class="listhead"> |
|
|
|
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="desktab"> |
|
|
|
<colgroup> |
|
|
|
<col width="20%" /> |
|
|
|
<col width="75%" /> |
|
|
|
</colgroup> |
|
|
|
<tr class="trodd"> |
|
|
|
<th>行政检查事项</th> |
|
|
|
<th>行政检查次数</th> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
<div class="listbody"> |
|
|
|
<div class="inner"> |
|
|
|
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="desktab"> |
|
|
|
<colgroup> |
|
|
|
<col width="20%" /> |
|
|
|
<col width="75%" /> |
|
|
|
</colgroup> |
|
|
|
<tr> |
|
|
|
<td>生态环境检查</td> |
|
|
|
<td>35</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>商务领域检查</td> |
|
|
|
<td>22</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>财务领域检查</td> |
|
|
|
<td>18</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>水务领域检查</td> |
|
|
|
<td>19</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>卫生健康检查</td> |
|
|
|
<td>43</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>生态环境检查</td> |
|
|
|
<td>35</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>商务领域检查</td> |
|
|
|
<td>22</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>财务领域检查</td> |
|
|
|
<td>18</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>水务领域检查</td> |
|
|
|
<td>19</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>卫生健康检查</td> |
|
|
|
<td>43</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>生态环境检查</td> |
|
|
|
<td>35</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>商务领域检查</td> |
|
|
|
<td>22</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>财政领域检查</td> |
|
|
|
<td>18</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>水务领域检查</td> |
|
|
|
<td>19</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>卫生健康检查</td> |
|
|
|
<td>43</td> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<h1 class="headtit">深圳市各类行政检查实施情况分析</h1> |
|
|
|
<div class="seltime"> |
|
|
|
<i class="icsty"></i> |
|
|
|
<span><select id="qorm" name="qorm" onchange="selectDate()"> |
|
|
|
<option value="q">季度</option> |
|
|
|
<option value="m">月度</option> |
|
|
|
</select>年度</span> |
|
|
|
<span><select id="year" name="year" onchange="selectDate()"> |
|
|
|
<option value="2024">2024</option> |
|
|
|
<option value="2023">2023</option> |
|
|
|
<option value="2022">2022</option> |
|
|
|
</select>年度</span> |
|
|
|
<span><select id="quarter" name="quarter" onchange="selectDate()"> |
|
|
|
<option value="q1">1季度</option> |
|
|
|
<option value="q2">2季度</option> |
|
|
|
<option value="q3">3季度</option> |
|
|
|
<option value="q4">4季度</option> |
|
|
|
</select>季度</span> |
|
|
|
<span><select id="month" name="month" onchange="selectDate()"> |
|
|
|
<option value="01">1</option> |
|
|
|
<option value="02">2</option> |
|
|
|
<option value="03">3</option> |
|
|
|
<option value="04">4</option> |
|
|
|
<option value="05">5</option> |
|
|
|
<option value="06">6</option> |
|
|
|
<option value="07">7</option> |
|
|
|
<option value="08">8</option> |
|
|
|
<option value="09">9</option> |
|
|
|
<option value="10">10</option> |
|
|
|
<option value="11">11</option> |
|
|
|
<option value="12">12</option> |
|
|
|
</select>月度</span> |
|
|
|
</div> |
|
|
|
<div class="statit"> |
|
|
|
<span id="one1" class="actit" onclick="setTab('one',1,5)">企业排序</span> |
|
|
|
<span id="one2" onclick="setTab('one',2,5)">案件数量</span> |
|
|
|
<span id="one3" onclick="setTab('one',3,5)">执法人员</span> |
|
|
|
<span id="one4" onclick="setTab('one',4,5)">检查事项</span> |
|
|
|
<span id="one5" onclick="setTab('one',5,5)">企业类型</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div id="con_one_2" class="tab_item"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div id="con_one_3" class="tab_item"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div id="con_one_4" class="tab_item"> |
|
|
|
</div> |
|
|
|
<div id="con_one_1" class="tab_item" style="display: block;"> |
|
|
|
<div style="float: left; margin: 2% 2%; width: 100%; height: 100%" id="enterpriseSort"> |
|
|
|
<table class="gridtable"> |
|
|
|
<thead> |
|
|
|
<tr> |
|
|
|
<td>企业</td> |
|
|
|
<td>执法数</td> |
|
|
|
<td>日期</td> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody id="enterpriseSortBody"></tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id="con_one_2" class="tab_item"> |
|
|
|
</div> |
|
|
|
<div id="con_one_3" class="tab_item"> |
|
|
|
<div style="float: left; margin: 2% 2%; width: 100%; height: 100%" id="pieItem"></div> |
|
|
|
</div> |
|
|
|
<div id="con_one_4" class="tab_item"> |
|
|
|
<div style="float: left; margin: 2% 2%; width: 100%; height: 100%" id="pieEnterprise"></div> |
|
|
|
</div> |
|
|
|
<div id="con_one_5" class="tab_item"> |
|
|
|
<div style="float: left; margin: 2% 2%; width: 100%; height: 100%" id="lineEnterprise"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<th:block th:include="zdxtInclude :: footer"/> |
|
|
|
<script> |
|
|
|
function setTab(name,cursel,n){ |
|
|
|
for(i=1;i<=n;i++){ |
|
|
|
var menu=document.getElementById(name+i); |
|
|
|
var con=document.getElementById("con_"+name+"_"+i); |
|
|
|
menu.className=i==cursel?"actit":""; |
|
|
|
con.style.display=i==cursel?"block":"none"; |
|
|
|
var prefix = ctx + "statistical"; |
|
|
|
|
|
|
|
window.onload = function () { |
|
|
|
selectDate(); |
|
|
|
} |
|
|
|
|
|
|
|
function setTab(name, cursel, n) { |
|
|
|
for (i = 1; i <= n; i++) { |
|
|
|
var menu = document.getElementById(name + i); |
|
|
|
var con = document.getElementById("con_" + name + "_" + i); |
|
|
|
menu.className = i == cursel ? "actit" : ""; |
|
|
|
con.style.display = i == cursel ? "block" : "none"; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
function queryCaseAnalysis(qorm, year, quarter, month, month) { |
|
|
|
$.ajax({ |
|
|
|
url: prefix + '/caseAnalysis', //后台url |
|
|
|
data: { |
|
|
|
"qorm": qorm, |
|
|
|
"year": year, |
|
|
|
"quarter": quarter, |
|
|
|
"month": month, |
|
|
|
}, |
|
|
|
type: "GET", |
|
|
|
dataType: 'json', |
|
|
|
success: function (data) { //成功,回调函数 |
|
|
|
console.log(data.data) |
|
|
|
}, |
|
|
|
error: function (er) { //失败,回调函数 |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
function queryEnforcerAnalysis(qorm, year, quarter, month, month) { |
|
|
|
$.ajax({ |
|
|
|
url: prefix + '/enforcerAnalysis', //后台url |
|
|
|
data: { |
|
|
|
"qorm": qorm, |
|
|
|
"year": year, |
|
|
|
"quarter": quarter, |
|
|
|
"month": month, |
|
|
|
}, |
|
|
|
type: "GET", |
|
|
|
dataType: 'json', |
|
|
|
success: function (data) { //成功,回调函数 |
|
|
|
console.log(data.data) |
|
|
|
}, |
|
|
|
error: function (er) { //失败,回调函数 |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
function queryItemAnalysis(qorm, year, quarter, month, month) { |
|
|
|
$.ajax({ |
|
|
|
url: prefix + '/itemAnalysis', //后台url |
|
|
|
data: { |
|
|
|
"qorm": qorm, |
|
|
|
"year": year, |
|
|
|
"quarter": quarter, |
|
|
|
"month": month, |
|
|
|
}, |
|
|
|
type: "GET", |
|
|
|
dataType: 'json', |
|
|
|
success: function (data) { //成功,回调函数 |
|
|
|
console.log(data.data) |
|
|
|
}, |
|
|
|
error: function (er) { //失败,回调函数 |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
function queryEnterpriseAnalysis(qorm, year, quarter, month, month) { |
|
|
|
$.ajax({ |
|
|
|
url: prefix + '/enterpriseAnalysis', //后台url |
|
|
|
data: { |
|
|
|
"qorm": qorm, |
|
|
|
"year": year, |
|
|
|
"quarter": quarter, |
|
|
|
"month": month, |
|
|
|
}, |
|
|
|
type: "GET", |
|
|
|
dataType: 'json', |
|
|
|
success: function (data) { //成功,回调函数 |
|
|
|
console.log(data.data) |
|
|
|
}, |
|
|
|
error: function (er) { //失败,回调函数 |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
function queryEnterpriseSortAnalysis(qorm, year, quarter, month, month) { |
|
|
|
$.ajax({ |
|
|
|
url: prefix + '/enterpriseTableAnalysis', //后台url |
|
|
|
data: { |
|
|
|
"qorm": qorm, |
|
|
|
"year": year, |
|
|
|
"quarter": quarter, |
|
|
|
"month": month, |
|
|
|
}, |
|
|
|
type: "GET", |
|
|
|
dataType: 'json', |
|
|
|
success: function (data) { //成功,回调函数 |
|
|
|
var tabStr = enterpriseTableBody(data.data); |
|
|
|
document.getElementById("enterpriseSortBody").innerHTML = tabStr; |
|
|
|
console.log(document.getElementById("enterpriseSortBody")) |
|
|
|
}, |
|
|
|
error: function (er) { //失败,回调函数 |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
function selectDate() { |
|
|
|
var qormElement = document.getElementById("qorm"); |
|
|
|
var qormValue = qormElement.options[qormElement.selectedIndex].value; |
|
|
|
var yearElement = document.getElementById("year"); |
|
|
|
var yearValue = yearElement.options[yearElement.selectedIndex].value; |
|
|
|
var quarterElement = document.getElementById("quarter"); |
|
|
|
var quarterValue = quarterElement.options[quarterElement.selectedIndex].value; |
|
|
|
var monthElement = document.getElementById("month"); |
|
|
|
var monthValue = monthElement.options[monthElement.selectedIndex].value; |
|
|
|
// queryCaseAnalysis(qormValue, yearValue, quarterValue, monthValue); |
|
|
|
// queryEnforcerAnalysis(qormValue, yearValue, quarterValue, monthValue); |
|
|
|
// queryItemAnalysis(qormValue, yearValue, quarterValue, monthValue); |
|
|
|
// queryEnterpriseAnalysis(qormValue, yearValue, quarterValue, monthValue); |
|
|
|
queryEnterpriseSortAnalysis(qormValue, yearValue, quarterValue, monthValue); |
|
|
|
} |
|
|
|
|
|
|
|
function enterpriseTableBody(data) { |
|
|
|
var bodyHtml = ""; |
|
|
|
// 生成表格内容 |
|
|
|
for (var i = 0; i < data.length; i++) { |
|
|
|
var d = data[i]; |
|
|
|
bodyHtml += "<tr>"; |
|
|
|
bodyHtml += "<td>"; |
|
|
|
bodyHtml += d.name; |
|
|
|
bodyHtml += "</td>"; |
|
|
|
bodyHtml += "<td>"; |
|
|
|
bodyHtml += d.total; |
|
|
|
bodyHtml += "</td>"; |
|
|
|
bodyHtml += "<td>"; |
|
|
|
bodyHtml += d.date; |
|
|
|
bodyHtml += "</td>"; |
|
|
|
bodyHtml += "</tr>"; |
|
|
|
} |
|
|
|
return bodyHtml; |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</body> |
|
|
|
</html> |
|
|
|
|