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