1 changed files with 958 additions and 0 deletions
@ -0,0 +1,958 @@ |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<head> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|||
<title>首页--执法监督码执法监督</title> |
|||
<link type="text/css" rel="stylesheet" href="/statistical/font-awesome/css/font-awesome.min.css" /> |
|||
<link type="text/css" rel="stylesheet" href="/statistical/styles/home.css" /> |
|||
<script type="text/javascript" src="/statistical/scripts/jquery-3.3.1.min.js"></script> |
|||
<script type="text/javascript" src="/statistical/scripts/echarts.min.js"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="wrap_all"> |
|||
<div class="wrap_left"> |
|||
<div class="cont_left"> |
|||
<h1 class="block_tit">行政检查</h1> |
|||
<div class="count_admin_wrap"> |
|||
<div class="count_admin"> |
|||
<label class=""><img src="/statistical/images/icon_jc.png" alt="联合检查" />联合检查</label> |
|||
<div class="count_admin_num"><b id="uniteNum">0</b><span class="number_percent" id="unitePer">0.0<i>%</i></span></div> |
|||
<div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="uniteNum_yoy">0.0%</span> |
|||
<label id="">同比</label> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="uniteNum_rr">0.0%</span> |
|||
<label id="">环比</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="count_admin"> |
|||
<label class=""><img src="/statistical/images/icon_yg.png" alt="检查预告" />检查预告</label> |
|||
<div class="count_admin_num"><b id="lawNum">0</b><span class="number_percent" id="lawPer">0.0<i>%</i></span></div> |
|||
<div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="lawNum_yoy">0.0%</span> |
|||
<label id="">同比</label> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="lawNum_rr">0.0%</span> |
|||
<label id="">环比</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="count_admin"> |
|||
<label class=""><img src="/statistical/images/icon_ts.png" alt="涉企投诉" />涉企投诉</label> |
|||
<div class="count_admin_num"><b id="complaintNum">0</b><span class="number_percent" id="comPer">0.0<i>%</i></span></div> |
|||
<div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="complaintNum_yoy">0.0%</span> |
|||
<label id="">同比</label> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="complaintNum_rr">0.0%</span> |
|||
<label id="">环比</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="count_admin"> |
|||
<label class=""><img src="/statistical/images/icon_qy.png" alt="被检查企业" />被检查企业</label> |
|||
<div class="count_admin_num"><b id="enterprisesNum">0</b><span class="number_percent" id="enterprisesPer">0.0<i>%</i></span></div> |
|||
<div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="enterprisesNum_yoy">0.0%</span> |
|||
<label id="">同比</label> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="enterprisesNum_rr">0.0%</span> |
|||
<label id="">环比</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="chartbox_right" id="echartCate"></div> |
|||
</div> |
|||
</div> |
|||
<div class="wrap_right"> |
|||
<div class="cont_left"> |
|||
<h1 class="block_tit">非行政检查</h1> |
|||
<div class="count_wrap" id="nonRegistrationType"> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>行政处罚</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>行政强制</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>普法宣传</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>日常巡查</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>上门走访</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>企业服务</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>技术指导</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>检验检测</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>培训</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>调研</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>其他</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">12.68<i>%</i></span></div>--> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="wrap_cent"> |
|||
<div class="select_set"> |
|||
<div class="select_item"><span>深圳市</span> |
|||
<label class="select_time">2025年第1季度 |
|||
<a></a> |
|||
</label> |
|||
</div> |
|||
</div> |
|||
<div class="link_btn"> |
|||
<a href="overall-analysis">各区综合分析</a> |
|||
<!-- <a href="code/statisticalPanel/overall-analysis">各区综合分析</a>--> |
|||
<a href="/code/statisticalPanel/single-analysis">市直单位综合分析</a> |
|||
</div> |
|||
<div class="count_box"> |
|||
<div class="count_item admin"> |
|||
<div class="count_tit"> |
|||
<label>行政检查</label> |
|||
</div> |
|||
<div class="count_num"> |
|||
<div class="count_num_all" id="jc_all">0</div> |
|||
<div class="count_num_sub"><span>（市直：<b id="s_jc_num">0</b></span><span>各区：<b id="q_jc_num">0</b>）</span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item non_admin"> |
|||
<div class="count_tit"> |
|||
<label>非行政检查</label> |
|||
</div> |
|||
<div class="count_num"> |
|||
<div class="count_num_all" id="njc_all">0</div> |
|||
<div class="count_num_sub"><span>（市直：<b id="s_njc_num">0</b></span><span>各区：<b id="q_njc_num">0</b>）</span></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="map_box"><img class="szmap" src="/statistical/images/szmap_3d.png" alt="深圳地图" width="1920" height="1080" usemap="#Map_sz" border="0" /> |
|||
<!--<map name="Map_sz" id="Map_sz"> |
|||
<area id="area_1" shape="poly" coords="470,624,564,616,630,649,632,705,509,767,434,713" href="#" alt="福田" /> |
|||
<area id="area_2" shape="poly" coords="573,611,607,588,683,609,792,564,841,614,805,664,704,696,635,710,638,647" href="#" alt="罗湖" /> |
|||
<area id="area_3" shape="poly" coords="822,657,874,568,920,511,969,561,1046,549,1063,587,948,646" href="#" alt="盐田" /> |
|||
<area id="area_4" shape="poly" coords="163,754,321,633,364,518,447,551,499,602,465,614,425,710,276,810,189,878" href="#" alt="南山"/> |
|||
<area id="area_5" shape="poly" coords="313,243,395,285,240,356,240,482,388,444,380,479,317,617,173,718,36,474,72,415" href="#" alt="宝安"//> |
|||
<area id="area_6" shape="poly" coords="554,560,625,491,700,422,767,509,828,384,776,340,843,294,1043,297,1042,433,911,504,843,604,784,553,673,600" href="#" alt="龙岗" /> |
|||
<area id="area_7" shape="poly" coords="397,457,491,404,481,357,625,377,655,416,541,541,570,598,533,615,395,503" href="#" alt="龙华" /> |
|||
<area id="area_8" shape="poly" coords="927,505,1047,444,1053,375,1134,332,1220,451,1199,490,1118,524,1045,544,973,551" href="#" alt="坪山" /> |
|||
<area id="area_9" shape="poly" coords="246,365,405,291,472,340,475,393,431,429,302,457,252,471" href="#" alt="光明" /> |
|||
<area id="area_10" shape="poly" coords="1061,556,1243,485,1495,490,1394,592,1584,716,1398,836,1195,584" href="#" alt="大鹏" /> |
|||
<area id="area_11" shape="poly" coords="1580,344,1759,233,1795,333,1763,412,1875,480,1690,545" href="#" alt="深汕" /> |
|||
</map>--> |
|||
<div class="label_wrap"> |
|||
<div class="label_item" id="districtFT" style="top: 63%; left: 25%;"></div> |
|||
<div class="label_item" id="districtLHu" style="top: 59%; left: 35%;"></div> |
|||
<div class="label_item" id="districtYT" style="top: 53%; left: 46%;"></div> |
|||
<div class="label_item" id="districtNS" style="top: 65%; left: 16%;"></div> |
|||
<div class="label_item" id="districtBA" style="top: 42%; left: 7.5%;"></div> |
|||
<div class="label_item" id="districtLG" style="top: 33%; left: 44%;"></div> |
|||
<div class="label_item" id="districtLH" style="top: 40%; left: 23.5%;"></div> |
|||
<div class="label_item" id="districtPS" style="top: 33%; left: 55%;"></div> |
|||
<div class="label_item" id="districtGM" style="top: 25%; left: 15%;"></div> |
|||
<div class="label_item" id="districtDP" style="top: 48%; left: 65%;"></div> |
|||
<div class="label_item" id="districtSS" style="top: 25%; left: 84%;"></div> |
|||
</div> |
|||
<div class="legend_box"> |
|||
<label>涉企检查次数</label> |
|||
<label>被检查企业数量</label> |
|||
<label>行政检查</label> |
|||
<label>非行政检查</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="wrap_bottom"> |
|||
<div class="cont_left"> |
|||
<h3>涉企检查趋势</h3> |
|||
<div class="tab_tit"> |
|||
<a class="active">行政检查</a> |
|||
<a>非行政检查</a> |
|||
</div> |
|||
<div class="tab_chart"> |
|||
<div class="chartbox" id="echartInspect" style="position: absolute"></div> |
|||
<div class="chartbox" id="echartNonInspect" style="opacity: 0; position: absolute"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script> |
|||
var ctx="/" |
|||
|
|||
var s_jc_num = 0 |
|||
var q_jc_num = 0 |
|||
var s_njc_num = 0 |
|||
var q_njc_num = 0 |
|||
|
|||
$(function(){ |
|||
analysis_unite(); |
|||
analysis_law(); |
|||
analysis_complaint(); |
|||
analysis_enterprises(); |
|||
analysis_non_registration_type(); |
|||
analysis_registration_type(); |
|||
analysis_jc_all(); |
|||
analysis_njc_all(); |
|||
analysisTime(); |
|||
analysisTime2(); |
|||
area_registration(); |
|||
}); |
|||
|
|||
/** 联合检查数量 */ |
|||
function analysis_unite() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprisesIns", |
|||
type: "post", |
|||
data: JSON.stringify({"uniteCheck": '1'}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#uniteNum").text(result.data.num) |
|||
$("#uniteNum_yoy").text(result.data.yoy+"%") |
|||
$("#uniteNum_rr").text(result.data.rr+"%") |
|||
$("#unitePer").text(result.data.per+"%") |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 检查预告数量 */ |
|||
function analysis_law() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisInsNotice", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#lawNum").text(result.data.num) |
|||
$("#lawNum_yoy").text(result.data.yoy+"%") |
|||
$("#lawNum_rr").text(result.data.rr+"%") |
|||
$("#lawPer").text(result.data.per+"%") |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 涉企投诉数量 */ |
|||
function analysis_complaint() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprisesComplaint", |
|||
type: "post", |
|||
data: JSON.stringify({"uniteCheck": '0'}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#complaintNum").text(result.data.num) |
|||
$("#complaintNum_yoy").text(result.data.yoy+"%") |
|||
$("#complaintNum_rr").text(result.data.rr+"%") |
|||
$("#comPer").text(result.data.per+"%") |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 被查企业数量 */ |
|||
function analysis_enterprises() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprises", |
|||
type: "post", |
|||
data: JSON.stringify({"uniteCheck": '0'}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#enterprisesNum").text(result.data.num) |
|||
$("#enterprisesNum_yoy").text(result.data.yoy+"%") |
|||
$("#enterprisesNum_rr").text(result.data.rr+"%") |
|||
$("#enterprisesPer").text(result.data.per+"%") |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 非行政检查类型数量 */ |
|||
function analysis_non_registration_type() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisNonRegistrationType", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
var datas = result.data; |
|||
var html = ''; |
|||
for(var i=0; i<datas.length; i++) { |
|||
html += '<div class="count_item"><label>'+datas[i].dict_label+'</label><span class="number_count">'+datas[i].num+'</span><span class="number_percent">'+datas[i].per+'<i>%</i></span></div>' |
|||
} |
|||
$("#nonRegistrationType").html(html); |
|||
|
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 行政检查类型数量 */ |
|||
function analysis_registration_type() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisRegistrationType", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
var datas = result.data; |
|||
tmps = []; |
|||
for(var i=0; i<datas.length; i++) { |
|||
tmps.push({'value': datas[i].num, 'name': datas[i].dict_label}) |
|||
} |
|||
chart_2(tmps) |
|||
} |
|||
}); |
|||
} |
|||
|
|||
|
|||
/** 各区的数据统计 */ |
|||
function area_registration() { |
|||
var areas = ['光明区', '宝安区', '南山区', '龙华区', '福田区', '罗湖区', '龙岗区', '盐田区', '坪山区', '大鹏新区', '深汕特别合作区'] |
|||
var base_html = ''; |
|||
base_html += '<a onclick="showDetail({idx}, this)" flag="1">'; |
|||
base_html += '<label>{area}</label>'; |
|||
base_html += '<div class="admin_inspect"><span class="inspect_num">{jc_num}</span><span class="enterp_num">{qy_num}</span></div>'; |
|||
base_html += '<div class="non_admin_inspect"><span class="inspect_num">{njc_num}</span><span class="enterp_num">{nqy_num}</span></div>'; |
|||
base_html += '</a>'; |
|||
|
|||
base_html += '<div class="fold_cont">'; |
|||
base_html += ' <div class="tab_switch"><a class="active" onclick="switch_tab({idx}, this, \'xzzf\')">行政检查</a><a onclick="switch_tab({idx}, this, \'fxzzf\')">非行政检查</a></div>'; |
|||
base_html += ' <div class="tab_inspect">'; |
|||
base_html += ' <div id="xzzf{idx}" class="tab_inspect_item">'; |
|||
base_html += ' <ul>'; |
|||
base_html += ' <li><label>被检查企业数量</label><span>{qy_num}</span></li><li>'; |
|||
base_html += ' <li><label>涉企检查次数</label><span>{jc_num}</span></li><li>'; |
|||
base_html += ' <li><label>联合检查次数</label><span>{nuite_jc_num}</span></li><li>'; |
|||
base_html += ' <li><label>涉企检查频次压缩率</label><span>{per_jc_num}</span></li><li>'; |
|||
base_html += ' <li><label>行政检查预告次数</label><span>{law_jc_num}</span></li><li>'; |
|||
base_html += ' <li><label>涉企投诉次数</label><span>{com_jc_num}</span></li><li>'; |
|||
base_html += ' </ul>'; |
|||
base_html += ' </div>'; |
|||
base_html += ' </div>'; |
|||
base_html += ' <div class="tab_inspect">' |
|||
base_html += ' <div id="fxzzf{idx}" class="tab_inspect_item" style="display: none">'; |
|||
base_html += ' <ul>'; |
|||
base_html += ' <li><label>被检查企业数量</label><span>{nqy_num}</span></li><li>'; |
|||
base_html += ' <li><label>涉企检查次数</label><span>{njc_num}</span></li><li>'; |
|||
base_html += ' <li><label>涉企投诉次数</label><span>{com_jc_num}</span></li><li>'; |
|||
base_html += ' </ul>'; |
|||
base_html += ' </div>'; |
|||
base_html += ' </div>'; |
|||
base_html += '</div>'; |
|||
|
|||
|
|||
for (var i = 0; i < areas.length; i++) { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/areaRegistration", |
|||
type: "post", |
|||
data: JSON.stringify({'deptId': areas[i]}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
q_jc_num += result.data.jc_num; |
|||
q_njc_num += result.data.njc_num; |
|||
$("#q_jc_num").text(q_jc_num); |
|||
$("#q_njc_num").text(q_njc_num); |
|||
console.log($("#jc_all").text() + " - "+ q_jc_num +" = "+ ($("#jc_all").text() - q_jc_num)); |
|||
$("#s_jc_num").text($("#jc_all").text() - q_jc_num); |
|||
$("#s_njc_num").text($("#njc_all").text() - q_njc_num); |
|||
switch (result.data.area) { |
|||
case '光明区': |
|||
let gmHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 8); |
|||
$("#districtGM").html(gmHtml) |
|||
break; |
|||
case '宝安区': |
|||
let baHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 4); |
|||
$("#districtBA").html(baHtml) |
|||
break; |
|||
case '南山区': |
|||
let nsHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 3); |
|||
$("#districtNS").html(nsHtml) |
|||
break; |
|||
case '龙华区': |
|||
let lhHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 6); |
|||
$("#districtLH").html(lhHtml) |
|||
break; |
|||
case '福田区': |
|||
let ftHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 0); |
|||
$("#districtFT").html(ftHtml) |
|||
break; |
|||
case '罗湖区': |
|||
let lhuHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 1); |
|||
$("#districtLHu").html(lhuHtml) |
|||
break; |
|||
case '龙岗区': |
|||
let lgHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 5); |
|||
$("#districtLG").html(lgHtml) |
|||
break; |
|||
case '盐田区': |
|||
let ytHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 2); |
|||
$("#districtYT").html(ytHtml) |
|||
break; |
|||
case '坪山区': |
|||
let psHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 7); |
|||
$("#districtPS").html(psHtml) |
|||
break; |
|||
case '大鹏新区': |
|||
let dpHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 9); |
|||
$("#districtDP").html(dpHtml) |
|||
break; |
|||
case '深汕特别合作区': |
|||
let ssHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 10); |
|||
$("#districtSS").html(ssHtml) |
|||
break; |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
|
|||
/** 行政检查数量 */ |
|||
function analysis_jc_all() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprisesIns", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#jc_all").text(result.data.num) |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 行政检查数量 */ |
|||
function analysis_njc_all() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprisesNonIns", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#njc_all").text(result.data.num) |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function showDetail(idx, aElement) { |
|||
var ame = $(aElement); |
|||
// ame.attr("flag", "1"); |
|||
var aflag = ame.attr("flag"); |
|||
var foldCoutArray = $(".fold_cont"); |
|||
if (aflag == "1") { |
|||
foldCoutArray.eq(idx).show(); |
|||
ame.attr("flag", "0"); |
|||
$(this).addClass("active") |
|||
} else { |
|||
foldCoutArray.eq(idx).hide(); |
|||
ame.attr("flag", "1"); |
|||
$(this).removeClass("active") |
|||
} |
|||
} |
|||
|
|||
/** 时间维度 */ |
|||
function analysisTime() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisTime", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
timesCharts(result.data.times, result.data.ins, result.data.ent); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function analysisTime2() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/nonAnalysisTime", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
timesCharts2(result.data.times, result.data.ins, result.data.ent); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 联合检查 */ |
|||
|
|||
|
|||
/**********数据子项折叠************/ |
|||
|
|||
// $(".label_item > a").each(function (i) { |
|||
// var ame = $(this); |
|||
// ame.attr("flag", "1"); |
|||
// ame.on("click", {idx: i, a: ame}, function (e) { |
|||
// var aobj = e.data.a; |
|||
// var aflag = aobj.attr("flag"); |
|||
// var foldCoutArray = $(".fold_cont"); |
|||
// foldCoutArray.hide(); |
|||
// if (aflag == "1") { |
|||
// foldCoutArray.eq(e.data.idx).show(); |
|||
// aobj.attr("flag", "0"); |
|||
// $(this).addClass("active") |
|||
// } else { |
|||
// aobj.attr("flag", "1"); |
|||
// $(this).removeClass("active") |
|||
// } |
|||
// |
|||
// }) |
|||
// }); |
|||
|
|||
|
|||
//地图弹窗切换 |
|||
function switch_tab(index, aElement, flag){ |
|||
if('xzzf' == flag) { |
|||
$("#xzzf"+index).show(); |
|||
$("#fxzzf"+index).hide(); |
|||
} else if('fxzzf' == flag) { |
|||
$("#xzzf"+index).hide(); |
|||
$("#fxzzf"+index).show(); |
|||
} |
|||
$(aElement).addClass("active").siblings().removeClass("active"); |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
//涉企检查趋势tab切换 |
|||
$(".tab_tit a").on("click", function () { |
|||
$(this).addClass("active").siblings().removeClass("active"); |
|||
var index = $(this).index(); |
|||
// $(".chartbox").eq(index).show().siblings(this).hide() |
|||
$(".chartbox").eq(index).css({opacity: 1}).siblings(this).css({opacity: 0}) |
|||
}); |
|||
|
|||
|
|||
/*****************涉企检查趋势******************/ |
|||
|
|||
function timesCharts(times, ins, ent) { |
|||
var myChart = echarts.init(document.getElementById("echartInspect")); |
|||
// 指定相关的配置项和数据 |
|||
var option = { |
|||
tooltip: { |
|||
trigger: 'axis', |
|||
backgroundColor: 'rgba(0, 0, 0, .5)', |
|||
borderColor: 'rgba(46, 130, 253, .5)', |
|||
axisPointer: { |
|||
lineStyle: { |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
} |
|||
}, |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
}, |
|||
}, |
|||
legend: { |
|||
data: ['行政检查数量', '被检查企业数量'], |
|||
icon: 'rect', |
|||
top: 0, |
|||
right: 25, |
|||
itemGap: 15, |
|||
itemWidth: 10, |
|||
itemHeight: 10, |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255,255,255,0.6)' |
|||
} |
|||
}, |
|||
color: ['#289df5', '#fbc01b', '#ff5050'], |
|||
grid: { |
|||
left: '1%', |
|||
right: '5%', |
|||
top: '20%', |
|||
bottom: '1%', |
|||
containLabel: true |
|||
}, |
|||
xAxis: { |
|||
type: 'category', |
|||
boundaryGap: false, |
|||
axisLine: { show: false }, |
|||
axisTick: { length: 0 }, |
|||
axisLabel: {interval: 0,textStyle: {fontSize: 12,color: 'rgba(255,255,255,0.5)'}}, |
|||
name: '(月)', |
|||
nameTextStyle: {padding: [24, 0, 0, 0],color: 'rgba(255,255,255,0.5)'}, |
|||
nameGap: 0, |
|||
data: times |
|||
}, |
|||
|
|||
yAxis: { |
|||
type: 'value', |
|||
axisLine: {show: false}, |
|||
axisTick: {length: 0}, |
|||
splitLine: {lineStyle: {color: ["rgba(72,118,245,0.25)"],width: 1,type: 'solid'}}, |
|||
axisLabel: {textStyle: {fontSize: 12,color: 'rgba(255,255,255,0.5)'}} |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '行政检查数量', |
|||
type: 'line', |
|||
smooth: true, |
|||
symbol: 'circle', // 拐点类型 |
|||
symbolSize: 0, // 拐点圆的大小 |
|||
itemStyle: { |
|||
normal: { |
|||
color: '#0448df', // 折线条的颜色 |
|||
borderColor: '#0448df', // 拐点边框颜色 |
|||
areaStyle: {type: 'default',opacity: 0.1} |
|||
} |
|||
}, |
|||
data: ins |
|||
}, { |
|||
name: '被检查企业数量', |
|||
type: 'line', |
|||
smooth: true, |
|||
symbol: 'circle', |
|||
symbolSize: 0, |
|||
itemStyle: { |
|||
normal: { |
|||
color: '#01d6fd', |
|||
borderColor: '#01d6fd', |
|||
areaStyle: {type: 'default',opacity: 0.1} |
|||
} |
|||
}, |
|||
data: ent |
|||
} |
|||
] |
|||
}; |
|||
// 使用刚指定的配置项和数据显示图表。 |
|||
myChart.setOption(option); |
|||
window.addEventListener("resize",function(){ |
|||
myChart.resize(); |
|||
}); |
|||
} |
|||
|
|||
|
|||
function timesCharts2(times, ins, ent) { |
|||
var myChart = echarts.init(document.getElementById("echartNonInspect")); |
|||
// 指定相关的配置项和数据 |
|||
var option = { |
|||
tooltip: { |
|||
trigger: 'axis', |
|||
backgroundColor: 'rgba(0, 0, 0, .5)', |
|||
borderColor: 'rgba(46, 130, 253, .5)', |
|||
axisPointer: { |
|||
lineStyle: { |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
} |
|||
}, |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
}, |
|||
}, |
|||
legend: { |
|||
data: ['行政检查数量', '被检查企业数量'], |
|||
icon: 'rect', |
|||
top: 0, |
|||
right: 25, |
|||
itemGap: 15, |
|||
itemWidth: 10, |
|||
itemHeight: 10, |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255,255,255,0.6)' |
|||
} |
|||
}, |
|||
color: ['#289df5', '#fbc01b', '#ff5050'], |
|||
grid: { |
|||
left: '1%', |
|||
right: '5%', |
|||
top: '20%', |
|||
bottom: '1%', |
|||
containLabel: true |
|||
}, |
|||
xAxis: { |
|||
type: 'category', |
|||
boundaryGap: false, |
|||
axisLine: { show: false }, |
|||
axisTick: { length: 0 }, |
|||
axisLabel: {interval: 0,textStyle: {fontSize: 12,color: 'rgba(255,255,255,0.5)'}}, |
|||
name: '(月)', |
|||
nameTextStyle: {padding: [24, 0, 0, 0],color: 'rgba(255,255,255,0.5)'}, |
|||
nameGap: 0, |
|||
data: times |
|||
}, |
|||
|
|||
yAxis: { |
|||
type: 'value', |
|||
axisLine: {show: false}, |
|||
axisTick: {length: 0}, |
|||
splitLine: {lineStyle: {color: ["rgba(72,118,245,0.25)"],width: 1,type: 'solid'}}, |
|||
axisLabel: {textStyle: {fontSize: 12,color: 'rgba(255,255,255,0.5)'}} |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '行政检查数量', |
|||
type: 'line', |
|||
smooth: true, |
|||
symbol: 'circle', // 拐点类型 |
|||
symbolSize: 0, // 拐点圆的大小 |
|||
itemStyle: { |
|||
normal: { |
|||
color: '#0448df', // 折线条的颜色 |
|||
borderColor: '#0448df', // 拐点边框颜色 |
|||
areaStyle: {type: 'default',opacity: 0.1} |
|||
} |
|||
}, |
|||
data: ins |
|||
}, { |
|||
name: '被检查企业数量', |
|||
type: 'line', |
|||
smooth: true, |
|||
symbol: 'circle', |
|||
symbolSize: 0, |
|||
itemStyle: { |
|||
normal: { |
|||
color: '#01d6fd', |
|||
borderColor: '#01d6fd', |
|||
areaStyle: {type: 'default',opacity: 0.1} |
|||
} |
|||
}, |
|||
data: ent |
|||
} |
|||
] |
|||
}; |
|||
// 使用刚指定的配置项和数据显示图表。 |
|||
myChart.setOption(option); |
|||
window.addEventListener("resize",function(){ |
|||
myChart.resize(); |
|||
}); |
|||
} |
|||
|
|||
|
|||
/*****************行政检查类别******************/ |
|||
|
|||
function chart_2(data) { |
|||
// 基于准备好的dom，初始化echarts实例 |
|||
var myChart = echarts.init(document.getElementById('echartCate')); |
|||
|
|||
option = { |
|||
|
|||
tooltip : { |
|||
trigger: 'item', |
|||
formatter: "{b}: <br/> {c} ({d}%)", |
|||
backgroundColor: 'rgba(0, 0, 0, .5)', |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
}, |
|||
}, |
|||
|
|||
|
|||
toolbox: { |
|||
show : false, |
|||
feature : { |
|||
mark : {show: true}, |
|||
dataView : {show: true, readOnly: false}, |
|||
magicType : { |
|||
show: true, |
|||
type: ['pie', 'funnel'] |
|||
}, |
|||
restore : {show: true}, |
|||
saveAsImage : {show: true} |
|||
} |
|||
}, |
|||
calculable : true, |
|||
series : [ |
|||
|
|||
{ |
|||
name:'行政检查类别数量及占比', |
|||
type:'pie', |
|||
color: ['#4b7efe', '#0566e8', '#02a7a1', '#febf75','#dd5a73','#224ca8',"#9fe9b7","#26cee1",], |
|||
radius : [35, 100], |
|||
center : ['50%', '50%'], |
|||
roseType : 'area', |
|||
label: { |
|||
show: true, |
|||
formatter: "{b|{b}} " + "{b|:}" + "\n " + "{a|{c}}" + "\n " + "{d|({d}%)}", |
|||
rich: { |
|||
a: { |
|||
color: '#3aaefb', |
|||
fontSize: 12, |
|||
//fontWeight: 550, |
|||
lineHeight: 20 |
|||
}, |
|||
b: { |
|||
color: 'rgba(255, 255, 255, .6)', |
|||
fontSize: 12, |
|||
lineHeight: 20 |
|||
}, |
|||
d: { |
|||
color: '#3aaefb', |
|||
fontSize: 12, |
|||
//lineHeight: 20 |
|||
} |
|||
} |
|||
}, |
|||
labelLine: { |
|||
normal: { |
|||
show: true, |
|||
length: 5, |
|||
length2: 2, |
|||
smooth: 0 |
|||
}, |
|||
emphasis: { |
|||
show: true |
|||
} |
|||
}, |
|||
data:data |
|||
} |
|||
] |
|||
}; |
|||
|
|||
|
|||
// 使用刚指定的配置项和数据显示图表。 |
|||
myChart.setOption(option); |
|||
window.addEventListener("resize",function(){ |
|||
myChart.resize(); |
|||
}); |
|||
} |
|||
|
|||
|
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue