30 changed files with 6441 additions and 3 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,489 @@ |
|||||
|
@charset "utf-8"; |
||||
|
|
||||
|
/* CSS Document */ |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
* { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif; |
||||
|
} |
||||
|
|
||||
|
html { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
height: 100%; |
||||
|
width: 100%; |
||||
|
color: #4c4c4c; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
.wrap_all { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: url(../images/bg_body.jpg) no-repeat; |
||||
|
background-size: cover; |
||||
|
box-sizing: border-box; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.select_set { |
||||
|
display: flex; |
||||
|
margin: 0.5% 0.5% 0.6%; |
||||
|
padding-left: 30px; |
||||
|
background: url(../images/icon_scr.png) no-repeat left; |
||||
|
background-size: auto 100%; |
||||
|
} |
||||
|
|
||||
|
.select_item { |
||||
|
margin: 0 0 0 5px; |
||||
|
font-size: 1.2rem; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
|
||||
|
.select_item > label { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
margin: 0 5px 0 0; |
||||
|
padding: 0 25px 0 10px; |
||||
|
height: 28px; |
||||
|
line-height: 28px; |
||||
|
color: #315EFB; |
||||
|
font-weight: 500; |
||||
|
background: rgba(59, 145, 253, 0.12); |
||||
|
letter-spacing: 0; |
||||
|
text-align: center; |
||||
|
border-radius: 6px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.select_item > label > a { |
||||
|
display: inline-block; |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
width: 18px; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.select_item > label > a::after { |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
content: "\f105"; |
||||
|
color: #678dfe; |
||||
|
font-family: "FontAwesome"; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
.select_item > label.active > a::after { |
||||
|
position: absolute; |
||||
|
top: 0.45rem; |
||||
|
right: -0.2rem; |
||||
|
transform: rotate(90deg); |
||||
|
} |
||||
|
|
||||
|
.fold_cont { |
||||
|
display: none; |
||||
|
position: absolute; |
||||
|
top: 3rem; |
||||
|
left: 2%; |
||||
|
z-index: 100; |
||||
|
padding: 0.5rem 1rem 1rem 0.5rem; |
||||
|
min-width: 10rem; |
||||
|
background: rgba(255, 255, 255, .9); |
||||
|
border-radius: 0.5rem; |
||||
|
box-shadow: 0 0 0.5rem #b1c9d7; |
||||
|
} |
||||
|
|
||||
|
.fold_cont dd { |
||||
|
position: relative; |
||||
|
padding: 0 0 0 2rem; |
||||
|
font-size: 1.0rem; |
||||
|
line-height: 2; |
||||
|
} |
||||
|
|
||||
|
.fold_cont dd::before { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0.5rem; |
||||
|
width: 1.5rem; |
||||
|
content: "\f096"; |
||||
|
color: rgba(0, 0, 0, .4); |
||||
|
font-size: 1.1rem; |
||||
|
font-family: "FontAwesome"; |
||||
|
} |
||||
|
|
||||
|
.fold_cont dd.selchk::before { |
||||
|
content: "\f046"; |
||||
|
color: #315efb; |
||||
|
} |
||||
|
|
||||
|
.data_cont { |
||||
|
display: flex; |
||||
|
margin: 0.5%; |
||||
|
width: calc(99% - 2px); |
||||
|
border-radius: 10px; |
||||
|
box-shadow: 0 0 10px #ddd; |
||||
|
background: #fff url(../images/bg_data_item.jpg) no-repeat; |
||||
|
border: 1px solid rgba(126, 195, 241, .8); |
||||
|
} |
||||
|
|
||||
|
.data_item { |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
flex-wrap: nowrap; |
||||
|
justify-content: space-around; |
||||
|
margin: 0.5% 1.5%; |
||||
|
width: 22%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.data_item::after { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
content: ""; |
||||
|
width: 1px; |
||||
|
height: 90%; |
||||
|
background: linear-gradient(to bottom,transparent 15%, #e1dede 50%, transparent 100%); |
||||
|
} |
||||
|
|
||||
|
.data_item:last-child::after { |
||||
|
background: none; |
||||
|
} |
||||
|
|
||||
|
.cont-title { |
||||
|
margin: 2% 0; |
||||
|
color: #666; |
||||
|
font-size: 0.9rem; |
||||
|
font-weight: 550; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
|
||||
|
.panel-card-bottom .cont-title { |
||||
|
margin: 2% 0; |
||||
|
color: #333; |
||||
|
font-size: 1.6rem; |
||||
|
font-weight: 550; |
||||
|
} |
||||
|
|
||||
|
.cont-total { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin: 0 0 1%; |
||||
|
color: #999; |
||||
|
font-size: 1.25rem; |
||||
|
} |
||||
|
|
||||
|
.cont-total b { |
||||
|
margin-right: 1rem; |
||||
|
color: #ff8400; |
||||
|
font-size: 2.5rem; |
||||
|
font-weight: 500; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
|
||||
|
.percent-tag { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin: 1% 3% 0 0; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
|
||||
|
.percent-tag span { |
||||
|
margin: 0; |
||||
|
color: #333; |
||||
|
font-size: 1.0rem; |
||||
|
line-height: 1; |
||||
|
} |
||||
|
|
||||
|
.percent-tag span.data-rise, .percent-tag span.data-fall { |
||||
|
margin: 0.75% 2% 1% 0.5%; |
||||
|
color: #67dc53; |
||||
|
font-size: 1.0rem; |
||||
|
} |
||||
|
|
||||
|
.percent-tag span.data-fall { |
||||
|
color: #fd7c7c; |
||||
|
} |
||||
|
|
||||
|
.percent-tag label { |
||||
|
margin: 0 2% 0 1%; |
||||
|
color: #999; |
||||
|
font-size: 0.75rem; |
||||
|
} |
||||
|
|
||||
|
.nece-data .percent-tag span { |
||||
|
margin: 0 0 0 5%; |
||||
|
color: #4767fe; |
||||
|
font-size: 1.25rem; |
||||
|
font-weight: 500; |
||||
|
line-height: 1.25; |
||||
|
} |
||||
|
|
||||
|
.echarts_box { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: calc(85% - 3.75rem); |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.inner { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
margin-bottom: 2%; |
||||
|
height: 98%; |
||||
|
overflow-x: hidden; |
||||
|
overflow-y: scroll; |
||||
|
} |
||||
|
|
||||
|
.onebox { |
||||
|
flex-wrap: wrap; |
||||
|
margin: 0.5% 0.5% 0.5%; |
||||
|
padding: 0.75% 1% 0.25%; |
||||
|
width: 99%; |
||||
|
height: 18rem; |
||||
|
background: #fff none; |
||||
|
border: 0; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
.twobox { |
||||
|
margin: 0.25% 0.5% 0; |
||||
|
padding: 0; |
||||
|
width: 99%; |
||||
|
min-height: 18rem; |
||||
|
border: 0; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
.echarts_mult { |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
margin: 0.75% 0.5% 1%; |
||||
|
padding-bottom: 5rem; |
||||
|
width: 99%; |
||||
|
height: calc(100% - 25rem); |
||||
|
} |
||||
|
|
||||
|
.chart_div { |
||||
|
float: left; |
||||
|
margin: 0 0 1% 1%; |
||||
|
width: 32.25%; |
||||
|
height: 32.25%; |
||||
|
} |
||||
|
|
||||
|
.chart_tit { |
||||
|
width: 100%; |
||||
|
height: 1.5rem; |
||||
|
font-size: 1.0rem; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
|
||||
|
.chart_box { |
||||
|
margin: 0 1%; |
||||
|
width: 98%; |
||||
|
height: calc(100% - 2rem); |
||||
|
} |
||||
|
|
||||
|
.threebox { |
||||
|
position: relative; |
||||
|
flex-wrap: wrap; |
||||
|
float: left; |
||||
|
margin: 0.5% 1.23% 0.85% 0; |
||||
|
padding: 0.75% 1% 0.25%; |
||||
|
width: 32.51%; |
||||
|
height: 18rem; |
||||
|
background: #fff none; |
||||
|
border: 0; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
.threebox:nth-child(3n) { |
||||
|
margin-right: 0; |
||||
|
} |
||||
|
|
||||
|
.twobox .threebox { |
||||
|
height: 25rem; |
||||
|
} |
||||
|
|
||||
|
.twobox .threebox:last-child { |
||||
|
margin-right: 0; |
||||
|
width: 66.25%; |
||||
|
} |
||||
|
|
||||
|
.sel_rank { |
||||
|
position: absolute; |
||||
|
right: 20px; |
||||
|
} |
||||
|
|
||||
|
.sel_rank select { |
||||
|
height: 26px; |
||||
|
border: 1px solid #ccc; |
||||
|
border-radius: 3px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.count_wrap { |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.count_item { |
||||
|
float: left; |
||||
|
position: relative; |
||||
|
margin: 0 1% 1.5% 1.5%; |
||||
|
width: 30.5%; |
||||
|
height: 10rem; |
||||
|
background: url(../images/bg_analy_card.jpg) no-repeat; |
||||
|
background-size: cover; |
||||
|
border-radius: 10px; |
||||
|
font-size: 1rem; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.count_item label { |
||||
|
display: inline-flex; |
||||
|
margin: 5.5% 5% 5%; |
||||
|
width: 90%; |
||||
|
color: #666; |
||||
|
font-size: 0.9rem; |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
.number_count { |
||||
|
display: block; |
||||
|
color: #4767fe; |
||||
|
font-size: 2.15rem; |
||||
|
font-weight: 500; |
||||
|
line-height: 2; |
||||
|
} |
||||
|
|
||||
|
.number_percent { |
||||
|
color: #666; |
||||
|
font-size: 1rem; |
||||
|
} |
||||
|
|
||||
|
.number_percent > i { |
||||
|
margin-left: 2%; |
||||
|
color: #999; |
||||
|
font-size: 0.8rem; |
||||
|
} |
||||
|
|
||||
|
.com_cate { |
||||
|
float: right; |
||||
|
margin: -2rem 0 0 1%; |
||||
|
width: 45%; |
||||
|
} |
||||
|
|
||||
|
.com_cate h3.chart_tit { |
||||
|
margin-bottom: 0.5rem; |
||||
|
} |
||||
|
|
||||
|
.com_cate .number_count { |
||||
|
color: #f73b3b; |
||||
|
} |
||||
|
|
||||
|
.com_cate .count_item { |
||||
|
background: url(../images/bg_analy_card_2.jpg) no-repeat; |
||||
|
background-size: cover; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.count_review { |
||||
|
float: left; |
||||
|
width: 54%; |
||||
|
height: 90%; |
||||
|
} |
||||
|
|
||||
|
.count_com { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.count_com h4 { |
||||
|
padding-top: 6.75rem; |
||||
|
width: 35%; |
||||
|
height: 10rem; |
||||
|
background: url(../images/icon_com.png) no-repeat center; |
||||
|
background-size: auto 100%; |
||||
|
box-sizing: border-box; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.count_list { |
||||
|
width: 75%; |
||||
|
} |
||||
|
|
||||
|
.count_row { |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
margin: 3% 3%; |
||||
|
font-size: 1rem; |
||||
|
} |
||||
|
|
||||
|
.count_row span { |
||||
|
width: 30%; |
||||
|
font-weight: 550; |
||||
|
} |
||||
|
|
||||
|
.count_row span:nth-child(1) { |
||||
|
width: 40%; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
|
||||
|
.count_rev { |
||||
|
margin-top: 2%; |
||||
|
} |
||||
|
|
||||
|
.count_rev h4 { |
||||
|
background: url(../images/icon_rev.png) no-repeat center; |
||||
|
background-size: auto 100%; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/** 滚动条样式 **/ |
||||
|
::-webkit-scrollbar-track { |
||||
|
background-color: #F5F5F5; |
||||
|
} |
||||
|
|
||||
|
::-webkit-scrollbar { |
||||
|
width: 6px; |
||||
|
height: 10px; |
||||
|
background-color: #F5F5F5; |
||||
|
} |
||||
|
|
||||
|
::-webkit-scrollbar-thumb { |
||||
|
border-radius: 6px; |
||||
|
background-color: #ccc; |
||||
|
} |
||||
@ -0,0 +1,227 @@ |
|||||
|
<!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/analysis.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="select_set"> |
||||
|
<div class="select_item"> |
||||
|
<label class="select_area">深圳市<a></a></label> |
||||
|
<dl class="fold_cont"> |
||||
|
<dd class="check_label" onclick="">深圳市</dd> |
||||
|
<dd class="check_label" onclick="">福田区</dd> |
||||
|
<dd class="check_label" onclick="">罗湖区</dd> |
||||
|
<dd class="check_label" onclick="">南山区</dd> |
||||
|
<dd class="check_label" onclick="">盐田区</dd> |
||||
|
<dd class="check_label" onclick="">宝安区</dd> |
||||
|
<dd class="check_label" onclick="">龙岗区</dd> |
||||
|
<dd class="check_label" onclick="">龙华区</dd> |
||||
|
<dd class="check_label" onclick="">坪山区</dd> |
||||
|
<dd class="check_label" onclick="">光明区</dd> |
||||
|
<dd class="check_label" onclick="">大鹏新区</dd> |
||||
|
<dd class="check_label" onclick="">深汕特别合作区</dd> |
||||
|
</dl> |
||||
|
</div> |
||||
|
<div class="select_item"> |
||||
|
<label class="select_unit">全市<a></a></label> |
||||
|
</div> |
||||
|
<div class="select_item"> |
||||
|
<label class="select_time">2025年第1季度<a></a></label> |
||||
|
<span>综合数据</span></div> |
||||
|
</div> |
||||
|
<div class="data_cont" id = "sixIndicators"></div> |
||||
|
<div class="echarts_box"> |
||||
|
<div class="inner"> |
||||
|
<div class="data_cont onebox"> |
||||
|
<h3 class="chart_tit">各区综合数据</h3> |
||||
|
<div class="chart_box" id="countDistrict" style="top: -8%;"></div> |
||||
|
</div> |
||||
|
<div class="echarts_mult"> |
||||
|
<div class="data_cont threebox"> |
||||
|
<h3 class="chart_tit">检查类别数量及占比</h3> |
||||
|
<div class="chart_box" id="countInspect"></div> |
||||
|
</div> |
||||
|
<div class="data_cont threebox"> |
||||
|
<h3 class="chart_tit">企业类别数量及占比</h3> |
||||
|
<div class="chart_box" id="countCommpany"></div> |
||||
|
</div> |
||||
|
<div class="data_cont threebox"> |
||||
|
<h3 class="chart_tit">投诉类别数量及占比</h3> |
||||
|
<div class="chart_box" id="countComplaint"></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> |
||||
|
<option>TOP 20</option> |
||||
|
<option>TOP 30</option> |
||||
|
</select> |
||||
|
</span> |
||||
|
<div class="chart_box" id="rankCommpany"></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> |
||||
|
<option>TOP 20</option> |
||||
|
<option>TOP 30</option> |
||||
|
</select> |
||||
|
</span> |
||||
|
<div class="chart_box" id="rankComplaint"></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> |
||||
|
<option>TOP 20</option> |
||||
|
<option>TOP 30</option> |
||||
|
</select> |
||||
|
</span> |
||||
|
<div class="chart_box" id="rankInspect"></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> |
||||
|
<option>TOP 20</option> |
||||
|
<option>TOP 30</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> |
||||
|
<option>TOP 20</option> |
||||
|
<option>TOP 30</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> |
||||
|
<option>TOP 20</option> |
||||
|
<option>TOP 30</option> |
||||
|
</select> |
||||
|
</span> |
||||
|
<div class="chart_box" id="powerNumber"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<script type="text/javascript" src="/statistical/scripts/charts-analyov.js"></script> |
||||
|
<script> |
||||
|
var ctx="/" |
||||
|
|
||||
|
$(function(){ |
||||
|
sixIndicators(); |
||||
|
}); |
||||
|
|
||||
|
function sixIndicators() { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanel/sixIndicators", |
||||
|
type: "get", |
||||
|
data: {dateType: "year", year:"2025"}, |
||||
|
success: function(res) { |
||||
|
if(res.success) { |
||||
|
const indicators = res.data; |
||||
|
html = ""; |
||||
|
for(var i=0; i < indicators.length; i++) { |
||||
|
var indicator = indicators[i]; |
||||
|
html += '<div class="data_item">'; |
||||
|
html += ' <div class="cont-title">'+indicator.title+'</div>'; |
||||
|
html += ' <div class="cont-total"><b><span id="regis-total">'+indicator.num+'</span></b>'; |
||||
|
html += ' <div class="nece-data">'; |
||||
|
html += ' <div class="percent-tag">'; |
||||
|
html += ' <label id="">昨日</label>'; |
||||
|
html += ' <span class="data-change" id="">'+indicator.yesterday_num+'</span>' |
||||
|
html += ' </div>'; |
||||
|
html += ' <div class="percent-tag">'; |
||||
|
html += ' <label id="">本月</label>'; |
||||
|
html += ' <span class="data-change" id="">'+indicator.current_month_num+'</span>' |
||||
|
html += ' </div>'; |
||||
|
html += ' </div>'; |
||||
|
html += ' </div>'; |
||||
|
html += ' <div class="percent-tag">'; |
||||
|
html += ' <label id="">同比</label>'; |
||||
|
html += ' <span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span>'; |
||||
|
html += ' <span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span>'; |
||||
|
html += ' <span class="data-change" id="">'+indicator.yoy+'%</span>'; |
||||
|
html += ' </div>' |
||||
|
html += ' <div class="percent-tag">'; |
||||
|
html += ' <label id="">环比</label>'; |
||||
|
html += ' <span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span>'; |
||||
|
html += ' <span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span>'; |
||||
|
html += ' <span class="data-change" id="">'+indicator.ring_ratio+'%</span>'; |
||||
|
html += ' </div>'; |
||||
|
html += '</div>'; |
||||
|
} |
||||
|
console.log(html.length); |
||||
|
$("#sixIndicators").html(html); |
||||
|
} |
||||
|
}, |
||||
|
error: function (error) { |
||||
|
$.modal.alertWarning("获取分析数据失败。"); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
$('.fold_cont dd:first').addClass('selchk');//给第一个dd追加 |
||||
|
//each遍历元素 |
||||
|
$(".fold_cont dd").each(function () { |
||||
|
$(this).click(function () { //点击事件 |
||||
|
//当点击自身的时候添加，及删除同级的 |
||||
|
$(this).addClass('selchk').siblings().removeClass('selchk') |
||||
|
}) |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
/**********数据子项折叠************/ |
||||
|
|
||||
|
$(".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") |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,569 @@ |
|||||
|
<!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/analysis.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="select_set"> |
||||
|
<div class="select_item"> |
||||
|
<label class="select_area">深圳市司法局<a></a></label> |
||||
|
<dl class="fold_cont"> |
||||
|
<dd class="check_label" onclick="">深圳市司法局</dd> |
||||
|
<dd class="check_label" onclick="">深圳市发展和改革委员会</dd> |
||||
|
<dd class="check_label" onclick="">深圳市教育局</dd> |
||||
|
<dd class="check_label" onclick="">深圳市科技创新局</dd> |
||||
|
<dd class="check_label" onclick="">深圳市工业和信息化局</dd> |
||||
|
<dd class="check_label" onclick="">深圳市公安局</dd> |
||||
|
<dd class="check_label" onclick="">深圳市民政局</dd> |
||||
|
<dd class="check_label" onclick="">深圳市财政局</dd> |
||||
|
<dd class="check_label" onclick="">深圳市人力资源和社会保障局</dd> |
||||
|
<dd class="check_label" onclick="">深圳市规划和自然资源局</dd> |
||||
|
</dl> |
||||
|
</div> |
||||
|
<div class="select_item"> |
||||
|
<label class="select_time">2025年第1季度<a></a></label> |
||||
|
<span>综合数据</span></div> |
||||
|
</div> |
||||
|
<div class="data_cont" id = "sixIndicators"></div> |
||||
|
<div class="echarts_box"> |
||||
|
<div class="inner"> |
||||
|
<div class="twobox"> |
||||
|
<div class="data_cont threebox"> |
||||
|
<h3 class="chart_tit">行政检查类别及占比</h3> |
||||
|
<div class="count_wrap"> |
||||
|
<div class="count_item"> |
||||
|
<label>日常检查</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>上级交办</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>其他机关移送</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>重点领域治理</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>投诉举报</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>其他</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></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>135</span><span>1.35%</span></div> |
||||
|
<div class="count_row"><span>投诉处理率</span><span>135</span><span>1.35%</span></div> |
||||
|
<div class="count_row"><span>已办结</span><span>135</span><span>1.35%</span></div> |
||||
|
<div class="count_row"><span>未办结</span><span>135</span><span>1.35%</span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="count_com count_rev"> |
||||
|
<h4>评议</h4> |
||||
|
<div class="count_list"> |
||||
|
<div class="count_row"><span>满意</span><span>135</span><span>1.35%</span></div> |
||||
|
<div class="count_row"><span>较满意</span><span>135</span><span>1.35%</span></div> |
||||
|
<div class="count_row"><span>不满意</span><span>135</span><span>1.35%</span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="count_wrap com_cate"> |
||||
|
<h3 class="chart_tit">行政执法投诉类别及占比</h3> |
||||
|
<div class="count_item"> |
||||
|
<label>违法执法</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>违规执法</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>执法不文明</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>选择性执法</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>其他</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
<div class="count_item"> |
||||
|
<label>入企不扫码</label> |
||||
|
<span class="number_count">1024</span><span class="number_percent">42.68%</span></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="echarts_mult"> |
||||
|
|
||||
|
<div class="data_cont threebox"> |
||||
|
<h3 class="chart_tit">职权使用次数排行</h3> |
||||
|
<span class="sel_rank"> |
||||
|
<select name=""> |
||||
|
<option>TOP 10</option> |
||||
|
<option>TOP 5</option> |
||||
|
<option>TOP 20</option> |
||||
|
<option>TOP 30</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> |
||||
|
<option>TOP 20</option> |
||||
|
<option>TOP 30</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> |
||||
|
var ctx="/" |
||||
|
|
||||
|
$(function(){ |
||||
|
sixIndicators(); |
||||
|
}); |
||||
|
|
||||
|
function sixIndicators() { |
||||
|
$.ajax({ |
||||
|
url: ctx + "code/statisticalPanel/sixIndicators", |
||||
|
type: "get", |
||||
|
data: {dateType: "year", year:"2025"}, |
||||
|
success: function(res) { |
||||
|
if(res.success) { |
||||
|
const indicators = res.data; |
||||
|
html = ""; |
||||
|
for(var i=0; i < indicators.length; i++) { |
||||
|
var indicator = indicators[i]; |
||||
|
html += '<div class="data_item">'; |
||||
|
html += ' <div class="cont-title">'+indicator.title+'</div>'; |
||||
|
html += ' <div class="cont-total"><b><span id="regis-total">'+indicator.num+'</span></b>'; |
||||
|
html += ' <div class="nece-data">'; |
||||
|
html += ' <div class="percent-tag">'; |
||||
|
html += ' <label id="">昨日</label>'; |
||||
|
html += ' <span class="data-change" id="">'+indicator.yesterday_num+'</span>' |
||||
|
html += ' </div>'; |
||||
|
html += ' <div class="percent-tag">'; |
||||
|
html += ' <label id="">本月</label>'; |
||||
|
html += ' <span class="data-change" id="">'+indicator.current_month_num+'</span>' |
||||
|
html += ' </div>'; |
||||
|
html += ' </div>'; |
||||
|
html += ' </div>'; |
||||
|
html += ' <div class="percent-tag">'; |
||||
|
html += ' <label id="">同比</label>'; |
||||
|
html += ' <span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span>'; |
||||
|
html += ' <span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span>'; |
||||
|
html += ' <span class="data-change" id="">'+indicator.yoy+'%</span>'; |
||||
|
html += ' </div>' |
||||
|
html += ' <div class="percent-tag">'; |
||||
|
html += ' <label id="">环比</label>'; |
||||
|
html += ' <span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span>'; |
||||
|
html += ' <span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span>'; |
||||
|
html += ' <span class="data-change" id="">'+indicator.ring_ratio+'%</span>'; |
||||
|
html += ' </div>'; |
||||
|
html += '</div>'; |
||||
|
} |
||||
|
console.log(html.length); |
||||
|
$("#sixIndicators").html(html); |
||||
|
} |
||||
|
}, |
||||
|
error: function (error) { |
||||
|
$.modal.alertWarning("获取分析数据失败。"); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
$('.fold_cont dd:first').addClass('selchk');//给第一个dd追加 |
||||
|
//each遍历元素 |
||||
|
$(".fold_cont dd").each(function () { |
||||
|
$(this).click(function () { //点击事件 |
||||
|
//当点击自身的时候添加，及删除同级的 |
||||
|
$(this).addClass('selchk').siblings().removeClass('selchk') |
||||
|
}) |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/**********数据子项折叠************/ |
||||
|
|
||||
|
$(".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") |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
|
/*******职权使用次数排行***********/ |
||||
|
|
||||
|
|
||||
|
// 基于准备好的dom，初始化echarts实例 |
||||
|
var myChart = echarts.init(document.getElementById('powerNumber')); |
||||
|
|
||||
|
// 指定图表的配置项和数据 |
||||
|
var option = { |
||||
|
title : { |
||||
|
text: '', |
||||
|
subtext: '' |
||||
|
}, |
||||
|
tooltip : { |
||||
|
trigger: 'axis' |
||||
|
}, |
||||
|
|
||||
|
grid: { |
||||
|
left: '0', |
||||
|
right: '0', |
||||
|
bottom: '5%', |
||||
|
top: '15%', |
||||
|
containLabel: true |
||||
|
}, |
||||
|
toolbox: { |
||||
|
show : false, |
||||
|
feature : { |
||||
|
dataView : {show: true, readOnly: false}, |
||||
|
magicType : {show: true, type: ['line', 'bar']}, |
||||
|
restore : {show: true}, |
||||
|
saveAsImage : {show: true} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
calculable : true, |
||||
|
xAxis : [ |
||||
|
{ |
||||
|
type : 'category', |
||||
|
data : ['深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局'], |
||||
|
axisLine: {show: false}, |
||||
|
axisTick: {show: false}, |
||||
|
axisLabel: { |
||||
|
show: true, |
||||
|
interval: 0, |
||||
|
rotate: 30, |
||||
|
textStyle: { |
||||
|
color: '#999', |
||||
|
fontSize: 12, |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
], |
||||
|
yAxis : [ |
||||
|
{ |
||||
|
type : 'value', |
||||
|
splitLine: { |
||||
|
show: true, |
||||
|
lineStyle: { |
||||
|
color: 'transparent', |
||||
|
} |
||||
|
}, |
||||
|
axisLine: {show: false}, |
||||
|
axisTick: {show: false}, |
||||
|
axisLabel: { |
||||
|
show: true, |
||||
|
textStyle: { |
||||
|
color: '#79a3ca', |
||||
|
fontSize: 12, |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
], |
||||
|
series : [ |
||||
|
|
||||
|
{ |
||||
|
name:'职权使用次数', |
||||
|
type:'bar', |
||||
|
barWidth: '25%', |
||||
|
showBackground: true, |
||||
|
backgroundStyle: { |
||||
|
borderRadius: [10, 10, 0, 0] |
||||
|
}, |
||||
|
data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4], |
||||
|
color:'#7ca9fb', |
||||
|
itemStyle: { |
||||
|
borderRadius: [10, 10, 0, 0] |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
] |
||||
|
}; |
||||
|
|
||||
|
|
||||
|
// 使用刚指定的配置项和数据显示图表。 |
||||
|
myChart.setOption(option); |
||||
|
window.addEventListener("resize",function(){ |
||||
|
myChart.resize(); |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
/*******职权被投诉次数排行***********/ |
||||
|
|
||||
|
|
||||
|
// 基于准备好的dom，初始化echarts实例 |
||||
|
var myChart = echarts.init(document.getElementById('powerComplaint')); |
||||
|
|
||||
|
// 指定图表的配置项和数据 |
||||
|
var option = { |
||||
|
title : { |
||||
|
text: '', |
||||
|
subtext: '' |
||||
|
}, |
||||
|
tooltip : { |
||||
|
trigger: 'axis' |
||||
|
}, |
||||
|
|
||||
|
grid: { |
||||
|
left: '0', |
||||
|
right: '0', |
||||
|
bottom: '5%', |
||||
|
top: '15%', |
||||
|
containLabel: true |
||||
|
}, |
||||
|
toolbox: { |
||||
|
show : false, |
||||
|
feature : { |
||||
|
dataView : {show: true, readOnly: false}, |
||||
|
magicType : {show: true, type: ['line', 'bar']}, |
||||
|
restore : {show: true}, |
||||
|
saveAsImage : {show: true} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
calculable : true, |
||||
|
xAxis : [ |
||||
|
{ |
||||
|
type : 'category', |
||||
|
data : ['深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局','深圳市司法局'], |
||||
|
axisLine: {show: false}, |
||||
|
axisTick: {show: false}, |
||||
|
axisLabel: { |
||||
|
show: true, |
||||
|
interval: 0, |
||||
|
rotate: 30, |
||||
|
textStyle: { |
||||
|
color: '#999', |
||||
|
fontSize: 12, |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
], |
||||
|
yAxis : [ |
||||
|
{ |
||||
|
type : 'value', |
||||
|
splitLine: { |
||||
|
show: true, |
||||
|
lineStyle: { |
||||
|
color: 'transparent', |
||||
|
} |
||||
|
}, |
||||
|
axisLine: {show: false}, |
||||
|
axisTick: {show: false}, |
||||
|
axisLabel: { |
||||
|
show: true, |
||||
|
textStyle: { |
||||
|
color: '#79a3ca', |
||||
|
fontSize: 12, |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
], |
||||
|
series : [ |
||||
|
|
||||
|
{ |
||||
|
name:'职权被投诉次数', |
||||
|
type:'bar', |
||||
|
barWidth: '25%', |
||||
|
showBackground: true, |
||||
|
backgroundStyle: { |
||||
|
borderRadius: [10, 10, 0, 0] |
||||
|
}, |
||||
|
data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4], |
||||
|
color:'#7ca9fb', |
||||
|
itemStyle: { |
||||
|
borderRadius: [10, 10, 0, 0] |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
] |
||||
|
}; |
||||
|
|
||||
|
|
||||
|
// 使用刚指定的配置项和数据显示图表。 |
||||
|
myChart.setOption(option); |
||||
|
window.addEventListener("resize",function(){ |
||||
|
myChart.resize(); |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
|
//*****************职权使用率 |
||||
|
|
||||
|
$(function () { |
||||
|
xdnx(); |
||||
|
function xdnx() { |
||||
|
|
||||
|
// 基于准备好的dom，初始化echarts实例 |
||||
|
var myChart = echarts.init(document.getElementById('powerUseRate')); |
||||
|
|
||||
|
var xData = ['投诉率', '使用率'] |
||||
|
var yData = ['25', '62'] |
||||
|
var colorList = [ '#fc7d8f', '#4e97fe', '#fed100','#ababac'] |
||||
|
var visualMapPiecesData = [] |
||||
|
// visualMap: { |
||||
|
// pieces: [ |
||||
|
// { value: 123, label: '123（自定义特殊颜色）', color: 'grey' } |
||||
|
// ] |
||||
|
// } |
||||
|
for (var i = 0; i < xData.length; i++) { |
||||
|
visualMapPiecesData.push({ |
||||
|
value: yData[i], |
||||
|
label: xData[i], |
||||
|
color: colorList[i] |
||||
|
}) |
||||
|
} |
||||
|
var option = { |
||||
|
title: { |
||||
|
text: '' |
||||
|
}, |
||||
|
angleAxis: { |
||||
|
axisLine: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisTick: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisLabel: { |
||||
|
show: false |
||||
|
}, |
||||
|
splitLine: { |
||||
|
show: false |
||||
|
}, |
||||
|
clockwise: true |
||||
|
}, |
||||
|
radiusAxis: { |
||||
|
type: 'category', |
||||
|
data: xData, |
||||
|
z: 100, |
||||
|
//inverse: 'true', |
||||
|
axisLine: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisTick: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisLabel: { |
||||
|
show: false |
||||
|
}, |
||||
|
splitLine: { |
||||
|
show: false |
||||
|
} |
||||
|
}, |
||||
|
polar: { |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'item', |
||||
|
formatter: function (params, ticket, callback) { |
||||
|
return params.name + ' : ' + ' (' + params.data + '%)' |
||||
|
} |
||||
|
}, |
||||
|
legend: { |
||||
|
bottom: 'center', |
||||
|
left: '1%', |
||||
|
itemGap: 20, |
||||
|
orient: 'vercital' |
||||
|
}, |
||||
|
visualMap: { |
||||
|
top: 40, |
||||
|
x: 'left', |
||||
|
orient: 'vertical', |
||||
|
textStyle: { |
||||
|
color: '#000' |
||||
|
}, |
||||
|
pieces: visualMapPiecesData, |
||||
|
outOfRange: { |
||||
|
color: '#999' |
||||
|
} |
||||
|
}, |
||||
|
series: [{ |
||||
|
type: 'bar', |
||||
|
data: yData, |
||||
|
//smooth: true, |
||||
|
roundCap: true, |
||||
|
coordinateSystem: 'polar', |
||||
|
barWidth: 20, |
||||
|
barGap: '60%', |
||||
|
itemStyle: { |
||||
|
normal: { |
||||
|
// 定制显示（按顺序） |
||||
|
color: function (params) { |
||||
|
return colorList[params.dataIndex] |
||||
|
} |
||||
|
}, |
||||
|
emphasis: { |
||||
|
barBorderRadius: 8 |
||||
|
},normal: { |
||||
|
barBorderRadius: 8, |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
}] |
||||
|
} |
||||
|
// 使用刚指定的配置项和数据显示图表。 |
||||
|
myChart.setOption(option); |
||||
|
window.addEventListener("resize",function(){ |
||||
|
myChart.resize(); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,75 @@ |
|||||
|
package com.zdxt.code.domain; |
||||
|
|
||||
|
public class SixAnalysis { |
||||
|
|
||||
|
/** 总数 */ |
||||
|
private Integer num; |
||||
|
/** 昨日 */ |
||||
|
private Integer yesterday_num; |
||||
|
/** 本月 */ |
||||
|
private Integer current_month_num; |
||||
|
/** 上月 */ |
||||
|
private Integer last_month_num; |
||||
|
/** 环比 */ |
||||
|
private String ring_ratio; |
||||
|
/** 同比 */ |
||||
|
private String yoy; |
||||
|
/** 标题 */ |
||||
|
private String title; |
||||
|
|
||||
|
public Integer getNum() { |
||||
|
return num; |
||||
|
} |
||||
|
|
||||
|
public void setNum(Integer num) { |
||||
|
this.num = num; |
||||
|
} |
||||
|
|
||||
|
public Integer getYesterday_num() { |
||||
|
return yesterday_num; |
||||
|
} |
||||
|
|
||||
|
public void setYesterday_num(Integer yesterday_num) { |
||||
|
this.yesterday_num = yesterday_num; |
||||
|
} |
||||
|
|
||||
|
public Integer getCurrent_month_num() { |
||||
|
return current_month_num; |
||||
|
} |
||||
|
|
||||
|
public void setCurrent_month_num(Integer current_month_num) { |
||||
|
this.current_month_num = current_month_num; |
||||
|
} |
||||
|
|
||||
|
public Integer getLast_month_num() { |
||||
|
return last_month_num; |
||||
|
} |
||||
|
|
||||
|
public void setLast_month_num(Integer last_month_num) { |
||||
|
this.last_month_num = last_month_num; |
||||
|
} |
||||
|
|
||||
|
public String getRing_ratio() { |
||||
|
return ring_ratio; |
||||
|
} |
||||
|
|
||||
|
public void setRing_ratio(String ring_ratio) { |
||||
|
this.ring_ratio = ring_ratio; |
||||
|
} |
||||
|
|
||||
|
public String getYoy() { |
||||
|
return yoy; |
||||
|
} |
||||
|
|
||||
|
public void setYoy(String yoy) { |
||||
|
this.yoy = yoy; |
||||
|
} |
||||
|
|
||||
|
public String getTitle() { |
||||
|
return title; |
||||
|
} |
||||
|
|
||||
|
public void setTitle(String title) { |
||||
|
this.title = title; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,140 @@ |
|||||
|
package com.zdxt.code.domain; |
||||
|
|
||||
|
import java.util.HashMap; |
||||
|
import java.util.List; |
||||
|
import java.util.Map; |
||||
|
|
||||
|
public class SixAnalysisParams { |
||||
|
private Long userId; |
||||
|
private String bureauDeptId; |
||||
|
private String bureauDeptName; |
||||
|
/** 0:联合检查, 1:单独检查, null:所有检查 */ |
||||
|
private String uniteCheck; |
||||
|
/** 区域传入 字典类型 */ |
||||
|
private String qy; |
||||
|
private String jd; |
||||
|
/** 开始时间 */ |
||||
|
private String beginTime; |
||||
|
/** 接受时间 */ |
||||
|
private String endTime; |
||||
|
/** 时间类型：year,quarter,month,day */ |
||||
|
private String dateType; |
||||
|
private Integer year; |
||||
|
private Integer quarter; |
||||
|
private Integer month; |
||||
|
private Integer day; |
||||
|
|
||||
|
Map<String, Object> params = new HashMap<String, Object>(); |
||||
|
|
||||
|
public Map<String, Object> getParams() { |
||||
|
return params; |
||||
|
} |
||||
|
|
||||
|
public void setParams(Map<String, Object> params) { |
||||
|
this.params = params; |
||||
|
} |
||||
|
|
||||
|
public Long getUserId() { |
||||
|
return userId; |
||||
|
} |
||||
|
|
||||
|
public void setUserId(Long userId) { |
||||
|
this.userId = userId; |
||||
|
} |
||||
|
|
||||
|
public String getBureauDeptId() { |
||||
|
return bureauDeptId; |
||||
|
} |
||||
|
|
||||
|
public void setBureauDeptId(String bureauDeptId) { |
||||
|
this.bureauDeptId = bureauDeptId; |
||||
|
} |
||||
|
|
||||
|
public String getBureauDeptName() { |
||||
|
return bureauDeptName; |
||||
|
} |
||||
|
|
||||
|
public void setBureauDeptName(String bureauDeptName) { |
||||
|
this.bureauDeptName = bureauDeptName; |
||||
|
} |
||||
|
|
||||
|
public String getUniteCheck() { |
||||
|
return uniteCheck; |
||||
|
} |
||||
|
|
||||
|
public void setUniteCheck(String uniteCheck) { |
||||
|
this.uniteCheck = uniteCheck; |
||||
|
} |
||||
|
|
||||
|
public String getQy() { |
||||
|
return qy; |
||||
|
} |
||||
|
|
||||
|
public void setQy(String qy) { |
||||
|
this.qy = qy; |
||||
|
} |
||||
|
|
||||
|
public String getJd() { |
||||
|
return jd; |
||||
|
} |
||||
|
|
||||
|
public void setJd(String jd) { |
||||
|
this.jd = jd; |
||||
|
} |
||||
|
|
||||
|
public String getBeginTime() { |
||||
|
return beginTime; |
||||
|
} |
||||
|
|
||||
|
public void setBeginTime(String beginTime) { |
||||
|
this.beginTime = beginTime; |
||||
|
} |
||||
|
|
||||
|
public String getEndTime() { |
||||
|
return endTime; |
||||
|
} |
||||
|
|
||||
|
public void setEndTime(String endTime) { |
||||
|
this.endTime = endTime; |
||||
|
} |
||||
|
|
||||
|
public String getDateType() { |
||||
|
return dateType; |
||||
|
} |
||||
|
|
||||
|
public void setDateType(String dateType) { |
||||
|
this.dateType = dateType; |
||||
|
} |
||||
|
|
||||
|
public Integer getYear() { |
||||
|
return year; |
||||
|
} |
||||
|
|
||||
|
public void setYear(Integer year) { |
||||
|
this.year = year; |
||||
|
} |
||||
|
|
||||
|
public Integer getQuarter() { |
||||
|
return quarter; |
||||
|
} |
||||
|
|
||||
|
public void setQuarter(Integer quarter) { |
||||
|
this.quarter = quarter; |
||||
|
} |
||||
|
|
||||
|
public Integer getMonth() { |
||||
|
return month; |
||||
|
} |
||||
|
|
||||
|
public void setMonth(Integer month) { |
||||
|
this.month = month; |
||||
|
} |
||||
|
|
||||
|
public Integer getDay() { |
||||
|
return day; |
||||
|
} |
||||
|
|
||||
|
public void setDay(Integer day) { |
||||
|
this.day = day; |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue