16 changed files with 1045 additions and 64 deletions
@ -0,0 +1,882 @@ |
|||||
|
<!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-new/font-awesome/css/font-awesome.min.css" /> |
||||
|
<link type="text/css" rel="stylesheet" href="/statistical-new/styles/analysis.css" /> |
||||
|
<script type="text/javascript" src="/statistical-new/scripts/jquery-3.3.1.min.js"></script> |
||||
|
<script type="text/javascript" src="/statistical-new/scripts/echarts.min.js"></script> |
||||
|
<script type="text/javascript" src="/ajax/libs/layer/layer.min.js"></script> |
||||
|
<script type="text/javascript" src="/ajax/libs/layui/layui.js"></script> |
||||
|
<script type="text/javascript" src="/ajax/libs/datapicker/bootstrap-datetimepicker.min.js"></script> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<div class="wrap_all"> |
||||
|
<div class="select_set"> |
||||
|
<div class="select_item"> |
||||
|
<label class="select_area" id="dept_flag">-<a></a></label> |
||||
|
<dl class="fold_cont" id="depts" style="height: 85%; overflow: auto;"></dl> |
||||
|
</div> |
||||
|
<div class="select_item"> |
||||
|
<label class="select_time">时间筛选<a id="timeSelect"></a></label> |
||||
|
<span>综合数据</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="link_btn"><a href="" style="display: none;">各市直执法部门综合分析</a> <a href="/code/statisticalPanelCity/district-direct">各区执法综合分析</a></div> |
||||
|
<div class="data_cont"> |
||||
|
<div class="data_item"> |
||||
|
<div class="cont-title">单部门执法数量</div> |
||||
|
<div class="cont-total"><b><span id="single-count">-</span></b> |
||||
|
<div class="nece-data"> |
||||
|
<div class="percent-tag"> |
||||
|
<label>昨日</label> |
||||
|
<span class="data-change" id="single-yesterday">-</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>本月</label> |
||||
|
<span class="data-change" id="single-thisMonth">-</span> </div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>同比</label> |
||||
|
<span class="data-rise"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="single-yoy">-%</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>环比</label> |
||||
|
<span class="data-rise" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="single-mom">-%</span> </div> |
||||
|
</div> |
||||
|
<div class="data_item"> |
||||
|
<div class="cont-title">联合执法数量</div> |
||||
|
<div class="cont-total"><b><span id="union-count">-</span></b> |
||||
|
<div class="nece-data"> |
||||
|
<div class="percent-tag"> |
||||
|
<label>昨日</label> |
||||
|
<span class="data-change" id="union-yesterday">-</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>本月</label> |
||||
|
<span class="data-change" id="union-thisMonth">-</span> </div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>同比</label> |
||||
|
<span class="data-rise"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="union-yoy">-%</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>环比</label> |
||||
|
<span class="data-rise" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="union-mom">-%</span> </div> |
||||
|
</div> |
||||
|
<div class="data_item"> |
||||
|
<div class="cont-title">被执法企业数量</div> |
||||
|
<div class="cont-total"><b><span id="enfEnt-count">-</span></b> |
||||
|
<div class="nece-data"> |
||||
|
<div class="percent-tag"> |
||||
|
<label>昨日</label> |
||||
|
<span class="data-change" id="enfEnt-yesterday">-</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>本月</label> |
||||
|
<span class="data-change" id="enfEnt-thisMonth">-</span> </div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>同比</label> |
||||
|
<span class="data-rise"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="enfEnt-yoy">-%</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>环比</label> |
||||
|
<span class="data-rise" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="enfEnt-mom">-%</span> </div> |
||||
|
</div> |
||||
|
<div class="data_item"> |
||||
|
<div class="cont-title">入企压减率</div> |
||||
|
<div class="cont-total"><b><span id="entE-count">-</span></b> |
||||
|
<div class="nece-data"> |
||||
|
<div class="percent-tag"> |
||||
|
<label>昨日</label> |
||||
|
<span class="data-change" id="entE-yesterday">-</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>本月</label> |
||||
|
<span class="data-change" id="entE-thisMonth">-</span> </div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="percent-tag"> <span class="percent-single" id="entE-rate">-%</span> </div> |
||||
|
</div> |
||||
|
<div class="data_item"> |
||||
|
<div class="cont-title">涉企投诉数量</div> |
||||
|
<div class="cont-total"><b><span id="entC-count">-</span></b> |
||||
|
<div class="nece-data"> |
||||
|
<div class="percent-tag"> |
||||
|
<label>昨日</label> |
||||
|
<span class="data-change" id="entC-yesterday">-</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>本月</label> |
||||
|
<span class="data-change" id="entC-thisMonth">-</span> </div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>同比</label> |
||||
|
<span class="data-rise"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="entC-yoy">-%</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>环比</label> |
||||
|
<span class="data-rise" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="entC-mom">-%</span> </div> |
||||
|
</div> |
||||
|
<div class="data_item"> |
||||
|
<div class="cont-title">企业数量</div> |
||||
|
<div class="cont-total"><b><span id="ent-count">-</span></b> |
||||
|
<div class="nece-data"> |
||||
|
<div class="percent-tag"> |
||||
|
<label>昨日</label> |
||||
|
<span class="data-change" id="ent-yesterday">-</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>本月</label> |
||||
|
<span class="data-change" id="ent-thisMonth">-</span> </div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>同比</label> |
||||
|
<span class="data-rise"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="ent-yoy">-%</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>环比</label> |
||||
|
<span class="data-rise" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="ent-mom">-%</span> </div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="echarts_box"> |
||||
|
<div class="inner"> |
||||
|
<div class="twobox"> |
||||
|
<div class="data_cont threebox xzjc"> |
||||
|
<h3 class="chart_tit">行政执法类别及占比</h3> |
||||
|
<div class="count_wrap" id="law_category"> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">行政检查</div> |
||||
|
<div class="count_div"> |
||||
|
<img src="/statistical-new/images/icon_801.png" alt="行政检查" /> |
||||
|
<div class="count_cont"> |
||||
|
<span class="number_count">-</span> |
||||
|
<span class="number_percent">-<i>%</i></span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">行政处罚</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_802.png" alt="行政处罚" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">行政许可</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_803.png" alt="行政许可" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">行政强制</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_804.png" alt="行政强制" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">行政征收</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_805.png" alt="行政征收" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">行政给付</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_806.png" alt="行政给付" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">行政确认</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_807.png" alt="行政确认" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">行政登记</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_808.png" alt="行政登记" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">行政裁决</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_809.png" alt="行政裁决" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">文书送达</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_8010.png" alt="文书送达" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">文书送达</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_8010.png" alt="文书送达" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="data_cont threebox xzjc"> |
||||
|
<h3 class="chart_tit">行政执法投诉类别及占比</h3> |
||||
|
<div class="count_wrap com_cate" id="case_type"> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">违规执法</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_1001.png" alt="违法执法" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">违法执法</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_1002.png" alt="违规执法" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">入企不扫码</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_1004.png" alt="入企不扫码" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">其他</div> |
||||
|
<div class="count_div"> <img src="/statistical-new/images/icon_1003.png" alt="其他" /> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="twobox"> |
||||
|
<div class="data_cont threebox"> |
||||
|
<h3 class="chart_tit">重点领域类别及占比</h3> |
||||
|
<div class="count_wrap key_area" id="lawField"> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">市场监督管理</div> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">规划和自然资源</div> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">生态环境</div> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">交通运输</div> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">卫生健康</div> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">应急管理</div> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">住房和建设</div> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">消防救援</div> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
<div class="count_item"> |
||||
|
<div class="count_lab">公安</div> |
||||
|
<div class="count_cont"> <span class="number_count">-</span><span class="number_percent">-<i>%</i></span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="data_cont threebox"> |
||||
|
<h3 class="chart_tit">行政执法投诉反馈</h3> |
||||
|
<div class="count_review"> |
||||
|
<div class="count_com"> |
||||
|
<h4>投诉</h4> |
||||
|
<div class="count_list"> |
||||
|
<div class="count_row"><span>投诉总量</span><span id="entC-env-count">-</span><span class="percent_ym"> |
||||
|
<div class="percent-tag"> |
||||
|
<label>同比</label> |
||||
|
<span class="data-rise"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="entC-env-yoy">-%</span> </div> |
||||
|
<div class="percent-tag"> |
||||
|
<label>环比</label> |
||||
|
<span class="data-rise" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> <span class="data-fall"><i class="fa fa fa-long-arrow-down"></i></span> <span class="data-change" id="entC-env-mom">-%</span> </div> |
||||
|
</span></div> |
||||
|
<div class="count_row"><span>已办结</span><span id="entC-completed">-</span><span id="entC-completed-rate">-%</span></div> |
||||
|
<div class="count_row"><span>未办结</span><span id="entC-unCompleted">-</span><span id="entC-unCompleted-rate">-%</span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_com count_rev"> |
||||
|
<h4>反馈</h4> |
||||
|
<div class="count_list"> |
||||
|
<div class="count_row"><span>满意</span><span id="eva-high">-</span><span id="eva-high-rate">-%</span></div> |
||||
|
<div class="count_row"><span>较满意</span><span id="eva-mid">-</span><span id="eva-mid-rate">-%</span></div> |
||||
|
<div class="count_row"><span>不满意</span><span id="eva-low">-</span><span id="eva-low-rate">-%</span></div> |
||||
|
<div class="count_row"><span>未反馈</span><span id="eva-un">-</span><span id="eva-un-rate">-%</span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="echarts_mult"> |
||||
|
<div class="data_cont threebox"> |
||||
|
<h3 class="chart_tit">被执法企业次数排行</h3> |
||||
|
<span class="sel_rank"> |
||||
|
<select name="" onchange="queryEnfEntSort(this.value)"> |
||||
|
<option value="10">TOP 10</option> |
||||
|
<option value="5">TOP 5</option> |
||||
|
</select> |
||||
|
</span> |
||||
|
<div class="chart_box" id="rankCommpany"></div> |
||||
|
</div> |
||||
|
<div class="data_cont threebox multiple_dept" style="display: block;"> |
||||
|
<h3 id="enforcementSort-dom" class="chart_tit">执法单位执法数量排行</h3> |
||||
|
<span class="sel_rank"> |
||||
|
<select name="" onchange="queryEnforcementSort(this.value)"> |
||||
|
<option value="10">TOP 10</option> |
||||
|
<option value="5">TOP 5</option> |
||||
|
</select> |
||||
|
</span> |
||||
|
<div class="chart_box" id="rankInspect"></div> |
||||
|
</div> |
||||
|
<div class="data_cont threebox multiple_dept" style="display: block;"> |
||||
|
<h3 id="entCSort-dom" class="chart_tit">被投诉单位次数排行</h3> |
||||
|
<span class="sel_rank"> |
||||
|
<select name="" onchange="queryEntCSort(this.value)"> |
||||
|
<option value="10">TOP 10</option> |
||||
|
<option value="5">TOP 5</option> |
||||
|
</select> |
||||
|
</span> |
||||
|
<div class="chart_box" id="rankComplaint"></div> |
||||
|
</div> |
||||
|
<div class="data_cont threebox"> |
||||
|
<h3 class="chart_tit">委托执法数量及占比</h3> |
||||
|
<div class="chart_box" id="rankPieAuto"></div> |
||||
|
</div> |
||||
|
<!-- <div class="data_cont threebox multiple_dept" style="display: block;">--> |
||||
|
<!-- <h3 class="chart_tit">入企压减率排行</h3>--> |
||||
|
<!-- <span class="sel_rank">--> |
||||
|
<!-- <select name="">--> |
||||
|
<!-- <option>TOP 10</option>--> |
||||
|
<!-- <option>TOP 5</option>--> |
||||
|
<!-- </select>--> |
||||
|
<!-- </span>--> |
||||
|
<!-- <div class="chart_box" id="rankReduction"></div>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- <div class="data_cont threebox single_dept" style="display: none;">--> |
||||
|
<!-- <h3 class="chart_tit">联合执法单位数量排行</h3>--> |
||||
|
<!-- <span class="sel_rank">--> |
||||
|
<!-- <select name="">--> |
||||
|
<!-- <option>TOP 10</option>--> |
||||
|
<!-- <option>TOP 5</option>--> |
||||
|
<!-- </select>--> |
||||
|
<!-- </span>--> |
||||
|
<!-- <div class="chart_box" id="rankUnite"></div>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- <div class="data_cont threebox single_dept" style="display: none;">--> |
||||
|
<!-- <h3 class="chart_tit">执法人员涉企执法数量排行</h3>--> |
||||
|
<!-- <span class="sel_rank">--> |
||||
|
<!-- <select name="">--> |
||||
|
<!-- <option>TOP 10</option>--> |
||||
|
<!-- <option>TOP 5</option>--> |
||||
|
<!-- </select>--> |
||||
|
<!-- </span>--> |
||||
|
<!-- <div class="chart_box" id="rankOfficer"></div>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- <div class="data_cont threebox">--> |
||||
|
<!-- <h3 class="chart_tit">职权使用数量排行</h3>--> |
||||
|
<!-- <span class="sel_rank">--> |
||||
|
<!-- <select name="">--> |
||||
|
<!-- <option>TOP 10</option>--> |
||||
|
<!-- <option>TOP 5</option>--> |
||||
|
<!-- </select>--> |
||||
|
<!-- </span>--> |
||||
|
<!-- <div class="chart_box" id="powerNumber"></div>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- <div class="data_cont threebox">--> |
||||
|
<!-- <h3 class="chart_tit">职权使用率排行</h3>--> |
||||
|
<!-- <span class="sel_rank">--> |
||||
|
<!-- <select name="">--> |
||||
|
<!-- <option>TOP 10</option>--> |
||||
|
<!-- <option>TOP 5</option>--> |
||||
|
<!-- </select>--> |
||||
|
<!-- </span>--> |
||||
|
<!-- <div class="chart_box" id="powerUse"></div>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- <div class="data_cont threebox">--> |
||||
|
<!-- <h3 class="chart_tit">职权休眠率排行</h3>--> |
||||
|
<!-- <span class="sel_rank">--> |
||||
|
<!-- <select name="">--> |
||||
|
<!-- <option>TOP 10</option>--> |
||||
|
<!-- <option>TOP 5</option>--> |
||||
|
<!-- </select>--> |
||||
|
<!-- </span>--> |
||||
|
<!-- <div class="chart_box" id="powerSleep"></div>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- <div class="data_cont threebox">--> |
||||
|
<!-- <h3 class="chart_tit">职权被投诉次数排行</h3>--> |
||||
|
<!-- <span class="sel_rank">--> |
||||
|
<!-- <select name="">--> |
||||
|
<!-- <option>TOP 10</option>--> |
||||
|
<!-- <option>TOP 5</option>--> |
||||
|
<!-- </select>--> |
||||
|
<!-- </span>--> |
||||
|
<!-- <div class="chart_box" id="powerComplaint"></div>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- <div class="data_cont threebox">--> |
||||
|
<!-- <h3 class="chart_tit">职权使用率</h3>--> |
||||
|
<!-- <div class="chart_box" id="powerUseRate"></div>--> |
||||
|
<!-- </div>--> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<script type="text/javascript" src="/statistical-new/scripts/charts-rank.js"></script> |
||||
|
<script> |
||||
|
|
||||
|
var ctx="/" |
||||
|
var deptSize = 0; |
||||
|
var beginTime, endTime, deptId, deptName; |
||||
|
|
||||
|
layui.use('laydate',function(){ |
||||
|
var laydate = layui.laydate; |
||||
|
laydate.render({ |
||||
|
elem: "#timeSelect",// 指定元素 |
||||
|
range: true, // 开启范围选择 |
||||
|
format: 'yyyy-MM-dd', // 日期格式 |
||||
|
min: '2019-04-14', // 最小可选日期 |
||||
|
max: '2099-06-16', // 最大可选日期 |
||||
|
trigger: 'click', // 选择器触发方式,可选值:click, hover等 |
||||
|
done: function(value, date, endDate){ // 选择日期后的回调函数 |
||||
|
//选择了清空 |
||||
|
if (value ===''){ |
||||
|
changeDate(null,null); |
||||
|
} |
||||
|
//选择了确定 |
||||
|
if (value !==null && value !==''){ |
||||
|
var month1 = 10 > date.month?"0"+date.month:date.month |
||||
|
var date1 = 10 > date.date?"0"+date.date:date.date |
||||
|
let beginTime = date.year+"-"+month1+"-"+date1 |
||||
|
|
||||
|
var month2 = 10 > endDate.month?"0"+endDate.month:endDate.month |
||||
|
var date2 = 10 > endDate.date?"0"+endDate.date:endDate.date |
||||
|
let endTime = endDate.year+"-"+month2+"-"+date2 |
||||
|
changeDate(beginTime,endTime); |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}); |
||||
|
|
||||
|
/**********数据子项折叠************/ |
||||
|
$(".select_item > label").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 changeDate(time1, time2) { |
||||
|
beginTime = time1; |
||||
|
endTime = time2; |
||||
|
collectStatistics(); |
||||
|
queryEnfEntSort(10); |
||||
|
queryEnforcementSort(10); |
||||
|
queryEntCSort(10); |
||||
|
queryAutoRate() |
||||
|
if (null == deptName) deptName = "全市直<a></a>"; |
||||
|
$("#dept_flag").html(deptName+"<a></a>") |
||||
|
} |
||||
|
|
||||
|
$(function(){ |
||||
|
getDeptLength(); |
||||
|
// changeDate(); |
||||
|
}); |
||||
|
|
||||
|
/** 汇总执法数量 */ |
||||
|
function collectStatistics() { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanelCity/collectStatistics", |
||||
|
type: "post", |
||||
|
data: JSON.stringify({'beginTime':beginTime, 'endTime':endTime, 'zone':1, bureauDeptId:deptId}), |
||||
|
dataType: 'json', |
||||
|
contentType: "application/json", |
||||
|
success: function (result) { |
||||
|
// 上方六个指标 |
||||
|
topSixMetrics(result.data); |
||||
|
// 行政执法类别及占比 |
||||
|
lawCategoryRatio(result.data.lawCategory, result.data.lawCategoryTotal); |
||||
|
// 行政执法投诉类别及占比 |
||||
|
caseTypeRatio(result.data.caseType, result.data.totalCaseType); |
||||
|
// 重点领域类别及占比 |
||||
|
lawFieldRatio(result.data.lawField, result.data.lawFieldTotal); |
||||
|
// 行政执法投诉评价 |
||||
|
evaRatio(result.data.eva) |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
/** 被执法企业次数排行 */ |
||||
|
function queryEnfEntSort(pageSize) { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanelCity/queryEnfEntSort", |
||||
|
type: "post", |
||||
|
data: JSON.stringify({'beginTime':beginTime, 'endTime':endTime, 'zone':1, 'pageSize':pageSize, bureauDeptId:deptId}), |
||||
|
dataType: 'json', |
||||
|
contentType: "application/json", |
||||
|
success: function (result) { |
||||
|
rankCommpany(result.data) |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
/** 执法单位执法数量排行 */ |
||||
|
function queryEnforcementSort(pageSize) { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanelCity/queryEnforcementSort", |
||||
|
type: "post", |
||||
|
data: JSON.stringify({'beginTime':beginTime, 'endTime':endTime, 'zone':1, 'pageSize':pageSize, bureauDeptId:deptId}), |
||||
|
dataType: 'json', |
||||
|
contentType: "application/json", |
||||
|
success: function (result) { |
||||
|
rankInspect(result.data) |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
/** 被投诉单位次数排行 */ |
||||
|
function queryEntCSort(pageSize) { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanelCity/queryEntCSort", |
||||
|
type: "post", |
||||
|
data: JSON.stringify({'beginTime':beginTime, 'endTime':endTime, 'zone':1, 'pageSize':pageSize, bureauDeptId:deptId}), |
||||
|
dataType: 'json', |
||||
|
contentType: "application/json", |
||||
|
success: function (result) { |
||||
|
rankComplaint(result.data) |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
/** 委托执法数量及占比 */ |
||||
|
function queryAutoRate() { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanelCity/queryAutoRate", |
||||
|
type: "post", |
||||
|
data: JSON.stringify({'beginTime':beginTime, 'endTime':endTime, 'zone':1, bureauDeptId:deptId}), |
||||
|
dataType: 'json', |
||||
|
contentType: "application/json", |
||||
|
success: function (result) { |
||||
|
data = [ |
||||
|
{ value: result.data.autoCnt, name: '委托执法'}, |
||||
|
{ value: result.data.unAutoCnt, name: '非委托执法'}, |
||||
|
] |
||||
|
// parseFloat(singleLaw.mom).toFixed(2) |
||||
|
rankPieAuto(data) |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** 联合检查单位排行 */ |
||||
|
function queryUnionSort(pageSize) { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanelCity/queryUnionSort", |
||||
|
type: "post", |
||||
|
data: JSON.stringify({'beginTime':beginTime, 'endTime':endTime, 'zone':1, 'pageSize':pageSize, bureauDeptId:deptId}), |
||||
|
dataType: 'json', |
||||
|
contentType: "application/json", |
||||
|
success: function (result) { |
||||
|
rankCommpany(result.data) |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
/** 执法人员涉企检查数是排行 */ |
||||
|
function queryLawEntSort(pageSize) { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanelCity/queryLawEntSort", |
||||
|
type: "post", |
||||
|
data: JSON.stringify({'beginTime':beginTime, 'endTime':endTime, 'zone':1, 'pageSize':pageSize, bureauDeptId:deptId}), |
||||
|
dataType: 'json', |
||||
|
contentType: "application/json", |
||||
|
success: function (result) { |
||||
|
rankInspect(result.data) |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
/** 获取部门长度 */ |
||||
|
function getDeptLength() { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanel/queryDeptLength", |
||||
|
type: "post", |
||||
|
data: JSON.stringify({"zoneList": [1, 15, 16]}), |
||||
|
dataType: 'json', |
||||
|
contentType: "application/json", |
||||
|
success: function (result) { |
||||
|
deptSize = result.data; |
||||
|
queryDept(); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
/** 获取市直列表 */ |
||||
|
function queryDept() { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanel/queryDept", |
||||
|
type: "post", |
||||
|
data: JSON.stringify({"zoneList": [1, 15, 16]}), |
||||
|
dataType: 'json', |
||||
|
contentType: "application/json", |
||||
|
success: function(res) { |
||||
|
if(res.success) { |
||||
|
const datas = res.data; |
||||
|
var html = ''; |
||||
|
if(datas.length === deptSize) { |
||||
|
if (datas.length === 0){ |
||||
|
html += '<dd class="check_label" onclick="changeArea(-1, \'无权限\')">无权限</dd>'; |
||||
|
$("#dept_flag").html('无权限') |
||||
|
deptId = -1; deptName='无权限'; |
||||
|
changeArea(-1, '无权限') |
||||
|
}else { |
||||
|
html += '<dd class="check_label" onclick="changeArea(null, \'全市直\')">全市直</dd>'; |
||||
|
$("#dept_flag").html('全市直') |
||||
|
deptId = null; deptName='全市直'; |
||||
|
changeArea(null, '全市直') |
||||
|
} |
||||
|
} else { |
||||
|
$("#dept_flag").html(datas[0].deptName) |
||||
|
deptId = datas[0].deptId; deptName= datas[0].deptName; |
||||
|
changeArea(datas[0].deptId, datas[0].deptName) |
||||
|
} |
||||
|
for(var i=0; i<datas.length; i++) { |
||||
|
html += '<dd class="check_label" onclick="changeArea(\''+datas[i].deptId+'\',\''+datas[i].deptName+'\')">'+datas[i].deptName+'</dd>' |
||||
|
} |
||||
|
$("#depts").html(html); |
||||
|
|
||||
|
$('.fold_cont dd:first').addClass('selchk');//给第一个dd追加 |
||||
|
//each遍历元素 |
||||
|
$(".fold_cont dd").each(function () { |
||||
|
$(this).click(function () { //点击事件 |
||||
|
//当点击自身的时候添加,及删除同级的 |
||||
|
$(this).addClass('selchk').siblings().removeClass('selchk') |
||||
|
}) |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
error: function (error) { |
||||
|
$.modal.alertWarning("获取分析数据失败。"); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function changeArea(id, name) { |
||||
|
console.log("name: ", name) |
||||
|
deptId = id; |
||||
|
deptName = name; |
||||
|
collectStatistics(); |
||||
|
queryEntCSort(10); |
||||
|
queryAutoRate(); |
||||
|
if (null == deptName) deptName = "全市直<a></a>"; |
||||
|
if ("全市直" == deptName) { |
||||
|
$("#enforcementSort-dom").text("执法单位执法数量排行"); |
||||
|
$("#entCSort-dom").text("被投诉单位次数排行"); |
||||
|
queryEnfEntSort(10); |
||||
|
queryEnforcementSort(10); |
||||
|
} else { |
||||
|
$("#enforcementSort-dom").text("联合检查单位排行"); |
||||
|
$("#entCSort-dom").text("执法人员涉企检查数量排行"); |
||||
|
queryUnionSort(10); |
||||
|
queryLawEntSort(10); |
||||
|
} |
||||
|
$("#dept_flag").html(deptName+"<a></a>") |
||||
|
} |
||||
|
|
||||
|
function topSixMetrics(data) { |
||||
|
// 单部门执法 |
||||
|
singleLaw = data.singleLaw; |
||||
|
$("#single-count").text(singleLaw.count) |
||||
|
$("#single-yesterday").text(singleLaw.yesterday) |
||||
|
$("#single-thisMonth").text(singleLaw.thisMonth) |
||||
|
$("#single-mom").text(parseFloat(singleLaw.mom).toFixed(2)+'%') |
||||
|
$("#single-yoy").text(parseFloat(singleLaw.yoy).toFixed(2)+'%') |
||||
|
// 联合执法 |
||||
|
unionLaw = data.unionLaw; |
||||
|
$("#union-count").text(unionLaw.count) |
||||
|
$("#union-yesterday").text(unionLaw.yesterday) |
||||
|
$("#union-thisMonth").text(unionLaw.thisMonth) |
||||
|
$("#union-mom").text(parseFloat(unionLaw.mom).toFixed(2)+'%') |
||||
|
$("#union-yoy").text(parseFloat(unionLaw.yoy).toFixed(2)+'%') |
||||
|
// 被执法企业 |
||||
|
enfEnt = data.enfEnt; |
||||
|
$("#enfEnt-count").text(enfEnt.count) |
||||
|
$("#enfEnt-yesterday").text(enfEnt.yesterday) |
||||
|
$("#enfEnt-thisMonth").text(enfEnt.thisMonth) |
||||
|
$("#enfEnt-mom").text(parseFloat(enfEnt.mom).toFixed(2)+'%') |
||||
|
$("#enfEnt-yoy").text(parseFloat(enfEnt.yoy).toFixed(2)+'%') |
||||
|
// 入企压减率 |
||||
|
entEeduction = data.entEeduction; |
||||
|
$("#entE-count").text(entEeduction.count) |
||||
|
$("#entE-yesterday").text(entEeduction.yesterday) |
||||
|
$("#entE-thisMonth").text(entEeduction.thisMonth) |
||||
|
$("#entE-rate").text(parseFloat(entEeduction.rate).toFixed(2)+'%') |
||||
|
// 涉企投诉 |
||||
|
entComplaint = data.entComplaint; |
||||
|
$("#entC-count").text(entComplaint.count) |
||||
|
$("#entC-yesterday").text(entComplaint.yesterday) |
||||
|
$("#entC-thisMonth").text(entComplaint.thisMonth) |
||||
|
$("#entC-mom").text(parseFloat(entComplaint.mom).toFixed(2)+'%') |
||||
|
$("#entC-yoy").text(parseFloat(entComplaint.yoy).toFixed(2)+'%') |
||||
|
$("#entC-env-mom").text(parseFloat(entComplaint.mom).toFixed(2)+'%') |
||||
|
$("#entC-env-yoy").text(parseFloat(entComplaint.yoy).toFixed(2)+'%') |
||||
|
// --- |
||||
|
$("#entC-env-count").text(entComplaint.count) |
||||
|
$("#entC-completed").text(entComplaint.completed) |
||||
|
$("#entC-unCompleted").text(entComplaint.unCompleted) |
||||
|
var entC_total = entComplaint.completed + entComplaint.unCompleted; |
||||
|
var completed_rate = entC_total ? parseFloat((entComplaint.completed / entC_total * 100).toFixed(2)) : 0; |
||||
|
var unCompleted_rate = entC_total ? parseFloat((entComplaint.unCompleted / entC_total * 100).toFixed(2)) : 0; |
||||
|
$("#entC-completed-rate").text(completed_rate+'%') |
||||
|
$("#entC-unCompleted-rate").text(unCompleted_rate+'%') |
||||
|
// 企业数量 |
||||
|
ent = data.ent; |
||||
|
$("#ent-count").text(ent.count) |
||||
|
$("#ent-yesterday").text(ent.yesterday) |
||||
|
$("#ent-thisMonth").text(ent.thisMonth) |
||||
|
$("#ent-mom").text(parseFloat(ent.mom).toFixed(2)+'%') |
||||
|
$("#ent-yoy").text(parseFloat(ent.yoy).toFixed(2)+'%') |
||||
|
} |
||||
|
|
||||
|
function lawCategoryRatio(data, total) { |
||||
|
var html = ''; |
||||
|
data.forEach(item => { |
||||
|
const key = Object.keys(item)[0] // 取出对象键名 |
||||
|
const value = Object.values(item)[0] // 取出对象值 |
||||
|
var img = "icon_801.png" |
||||
|
switch (key) { |
||||
|
case '行政检查': |
||||
|
img = 'icon_801.png'; |
||||
|
break; |
||||
|
case '行政处罚': |
||||
|
img = 'icon_802.png'; |
||||
|
break; |
||||
|
case '行政许可': |
||||
|
img = 'icon_803.png'; |
||||
|
break; |
||||
|
case '行政强制': |
||||
|
img = 'icon_804.png'; |
||||
|
break; |
||||
|
case '行政征收': |
||||
|
img = 'icon_805.png'; |
||||
|
break; |
||||
|
case '行政给付': |
||||
|
img = 'icon_806.png'; |
||||
|
break; |
||||
|
case '行政确认': |
||||
|
img = 'icon_807.png'; |
||||
|
break; |
||||
|
case '行政登记': |
||||
|
img = 'icon_808.png'; |
||||
|
break; |
||||
|
case '行政裁决': |
||||
|
img = 'icon_809.png'; |
||||
|
break; |
||||
|
case '文书送达': |
||||
|
img = 'icon_8010.png'; |
||||
|
break; |
||||
|
} |
||||
|
var rate = total ? parseFloat((value / total * 100).toFixed(2)) : 0; |
||||
|
html += '<div class="count_item">' |
||||
|
html += ' <label class="count_lab">'+ key +'</label>' |
||||
|
html += ' <div class="count_div">' |
||||
|
html += ' <img src="/statistical-new/images/'+ img +'" alt="'+ key +'" />' |
||||
|
html += ' <div class="count_cont">' |
||||
|
html += ' <span class="number_count">'+ value +'</span>' |
||||
|
html += ' <span class="number_percent">'+ rate +'%</span>' |
||||
|
html += ' </div>' |
||||
|
html += ' </div>' |
||||
|
html += '</div>' |
||||
|
}) |
||||
|
$("#law_category").html(html); |
||||
|
} |
||||
|
|
||||
|
function caseTypeRatio(data, total) { |
||||
|
var html = ''; |
||||
|
data.forEach(item => { |
||||
|
const key = Object.keys(item)[0] // 取出对象键名 |
||||
|
const value = Object.values(item)[0] // 取出对象值 |
||||
|
var img = "icon_801.png" |
||||
|
switch (key) { |
||||
|
case '违规执法': |
||||
|
img = 'icon_1001.png'; |
||||
|
break; |
||||
|
case '违法执法': |
||||
|
img = 'icon_1002.png'; |
||||
|
break; |
||||
|
case '入企不扫码': |
||||
|
img = 'icon_1004.png'; |
||||
|
break; |
||||
|
case '其他': |
||||
|
img = 'icon_1003.png'; |
||||
|
break; |
||||
|
} |
||||
|
var rate = total ? parseFloat((value / total * 100).toFixed(2)) : 0; |
||||
|
html += '<div class="count_item">' |
||||
|
html += ' <label class="count_lab">'+ key +'</label>' |
||||
|
html += ' <div class="count_div">' |
||||
|
html += ' <img src="/statistical-new/images/'+ img +'" alt="'+ key +'" />' |
||||
|
html += ' <div class="count_cont">' |
||||
|
html += ' <span class="number_count">'+ value +'</span>' |
||||
|
html += ' <span class="number_percent">'+ rate +'%</span>' |
||||
|
html += ' </div>' |
||||
|
html += ' </div>' |
||||
|
html += '</div>' |
||||
|
}) |
||||
|
$("#case_type").html(html); |
||||
|
} |
||||
|
|
||||
|
function lawFieldRatio(data, total) { |
||||
|
var html = ''; |
||||
|
data.forEach(item => { |
||||
|
const key = Object.keys(item)[0] // 取出对象键名 |
||||
|
const value = Object.values(item)[0] // 取出对象值 |
||||
|
var rate = total ? parseFloat((value / total * 100).toFixed(2)) : 0; |
||||
|
html += '<div class="count_item">'; |
||||
|
html += ' <div class="count_lab">'+ key +'</div>'; |
||||
|
html += ' <div class="count_cont"> '; |
||||
|
html += ' <span class="number_count">'+ value +'</span>'; |
||||
|
html += ' <span class="number_percent">'+ rate +'<i>%</i></span>'; |
||||
|
html += ' </div>'; |
||||
|
html += '</div>'; |
||||
|
}) |
||||
|
$("#lawField").html(html); |
||||
|
} |
||||
|
|
||||
|
function evaRatio(data) { |
||||
|
var env_total = data.high + data.mid + data.low + data.un; |
||||
|
$("#eva-high").text(data.high) |
||||
|
$("#eva-mid").text(data.mid) |
||||
|
$("#eva-low").text(data.low) |
||||
|
$("#eva-un").text(data.un) |
||||
|
var high_rate = env_total ? parseFloat((data.high / env_total * 100).toFixed(2)) : 0; |
||||
|
var mid_rate = env_total ? parseFloat((data.mid / env_total * 100).toFixed(2)) : 0; |
||||
|
var low_rate = env_total ? parseFloat((data.low / env_total * 100).toFixed(2)) : 0; |
||||
|
var un_rate = env_total ? parseFloat((data.un / env_total * 100).toFixed(2)) : 0; |
||||
|
$("#eva-high-rate").text(high_rate+"%") |
||||
|
$("#eva-mid-rate").text(mid_rate+"%") |
||||
|
$("#eva-low-rate").text(low_rate+"%") |
||||
|
$("#eva-un-rate").text(un_rate+"%") |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
Loading…
Reference in new issue