10 changed files with 4344 additions and 0 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.
@ -0,0 +1,696 @@ |
|||
@charset "utf-8"; |
|||
/* CSS Document */ |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
color: rgba(255, 255, 255, .8); |
|||
font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif; |
|||
} |
|||
a { |
|||
text-decoration: none; |
|||
outline: none; |
|||
cursor: pointer; |
|||
} |
|||
a, a:focus { |
|||
color: rgba(255, 255, 255, .8); |
|||
} |
|||
a:hover { |
|||
color: rgba(255, 255, 255, 1); |
|||
} |
|||
ul, ol, li { |
|||
list-style: outside none none; |
|||
} |
|||
img { |
|||
border: 0 none; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
} |
|||
hr { |
|||
margin: 10px 0; |
|||
border: 0; |
|||
border-top: 1px solid #eee; |
|||
height: 0; |
|||
} |
|||
.clearfix::before, .clearfix::after { |
|||
content: '.'; |
|||
display: block; |
|||
overflow: hidden; |
|||
visibility: hidden; |
|||
font-size: 0; |
|||
line-height: 0; |
|||
width: 0; |
|||
height: 0; |
|||
clear: both; |
|||
} |
|||
html, body { |
|||
width: 100%; |
|||
height: 100%; |
|||
font-size: 14px; |
|||
overflow: hidden; |
|||
} |
|||
.wrap_all { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: url(../images/bg_homebody.jpg) no-repeat; |
|||
background-size: cover; |
|||
box-sizing: border-box; |
|||
overflow: hidden; |
|||
} |
|||
.wrap_left, .wrap_right, .wrap_cent, .wrap_bottom { |
|||
position: absolute; |
|||
top: 1%; |
|||
left: 0.5%; |
|||
z-index: 99; |
|||
margin: 0; |
|||
height: 97%; |
|||
width: 20.5%; |
|||
overflow: hidden; |
|||
} |
|||
.wrap_right { |
|||
left: auto; |
|||
right: 0.5%; |
|||
} |
|||
.wrap_cent { |
|||
left: 20%; |
|||
width: 60%; |
|||
} |
|||
.wrap_bottom { |
|||
top: auto; |
|||
bottom: 2%; |
|||
left: 21.5%; |
|||
width: 57%; |
|||
height: 24%; |
|||
} |
|||
.cont_left { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: rgba(16, 46, 112, .3); |
|||
border-radius: 5px; |
|||
} |
|||
.select_set { |
|||
float: left; |
|||
margin: 0.5% 0.5% 0.6% 5%; |
|||
padding-left: 2.5rem; |
|||
background: url(../images/icon_posit.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 2.5rem 0 0.85rem; |
|||
height: 2.15rem; |
|||
line-height: 1.75; |
|||
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; |
|||
top: 0.45rem; |
|||
right: -0.2rem; |
|||
transform: rotate(90deg); |
|||
width: 18px; |
|||
height: 18px; |
|||
content: "\f105"; |
|||
color: #678dfe; |
|||
font-family: "FontAwesome"; |
|||
font-size: 1.25rem; |
|||
} |
|||
.link_btn { |
|||
float: right; |
|||
margin: 0.45% 5% 2%; |
|||
min-width: 31rem; |
|||
height: 2rem; |
|||
font-size: 1.2rem; |
|||
line-height: 2; |
|||
white-space: nowrap; |
|||
} |
|||
.link_btn a { |
|||
position: relative; |
|||
margin: 3% 3%; |
|||
padding-left: 2rem; |
|||
opacity: .8; |
|||
} |
|||
.link_btn a:hover { |
|||
opacity: 1; |
|||
} |
|||
.link_btn a::before { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
content: ""; |
|||
width: 1.75rem; |
|||
height: 1.75rem; |
|||
background: url(../images/icon_dept50.png) no-repeat; |
|||
background-size: 100% auto; |
|||
} |
|||
.link_btn a:last-child::before { |
|||
background: url(../images/icon_dist50.png) no-repeat; |
|||
background-size: 100% auto; |
|||
} |
|||
.link_btn a::after { |
|||
position: absolute; |
|||
top: -0.35rem; |
|||
right: -1.1rem; |
|||
content: "\f105"; |
|||
color: #1ab5e0; |
|||
font-family: "FontAwesome"; |
|||
font-size: 1.25rem; |
|||
opacity: .75; |
|||
} |
|||
.count_box { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
margin: 2% 5%; |
|||
height: 8rem; |
|||
clear: both; |
|||
} |
|||
.count_box .count_item { |
|||
display: flex; |
|||
min-width: 37.5%; |
|||
height: 100%; |
|||
} |
|||
.count_box .count_item .count_tit { |
|||
position: relative; |
|||
width: 30%; |
|||
height: 100%; |
|||
background: url(../images/icon_data2.png) no-repeat; |
|||
background-size: auto 80%; |
|||
} |
|||
.count_box .count_tit label { |
|||
position: absolute; |
|||
top: 5.65rem; |
|||
left: 0; |
|||
display: block; |
|||
margin: 0; |
|||
padding: 2% 5% 2% 18%; |
|||
width: auto; |
|||
background: url(../images/bg_tit3.png) no-repeat; |
|||
background-size: auto 100%; |
|||
color: rgba(255, 255, 255, .6); |
|||
font-size: 1.25rem; |
|||
white-space: nowrap; |
|||
} |
|||
.count_num_all { |
|||
background-image: linear-gradient(to right, #f7fbfd, #26bef9); |
|||
-webkit-background-clip: text; |
|||
color: transparent; |
|||
font-size: 3.15rem; |
|||
font-weight: 550; |
|||
line-height: 1.75; |
|||
text-align: center; |
|||
} |
|||
.count_num_sub { |
|||
font-size: 1.25rem; |
|||
text-align: center; |
|||
white-space: nowrap; |
|||
} |
|||
.count_num_sub span { |
|||
margin: 0 10% 0 0; |
|||
line-height: 1.75; |
|||
text-align: center; |
|||
} |
|||
.count_num_sub span b { |
|||
background-image: linear-gradient(to right, #f7fbfd, #26bef9); |
|||
-webkit-background-clip: text; |
|||
color: transparent; |
|||
font-size: 1.25rem; |
|||
font-weight: 550; |
|||
line-height: 1.75; |
|||
text-align: center; |
|||
} |
|||
.count_box .count_item.non_admin .count_tit { |
|||
background: url(../images/icon_data1.png) no-repeat; |
|||
background-size: auto 80%; |
|||
} |
|||
.count_box .count_item.admin .count_num { |
|||
margin-left: -3.5%; |
|||
} |
|||
.count_box .count_item:last-child .count_num_all, .count_box .count_item:last-child .count_num_sub span b { |
|||
background-image: linear-gradient(to right, #d2f5ff, #0394f9); |
|||
} |
|||
.map_box { |
|||
position: relative; |
|||
top: -3.5%; |
|||
width: 100%; |
|||
} |
|||
.map_box > img.szmap { |
|||
margin-top: 0; |
|||
max-width: 100%; |
|||
/* max-height: 100%; */ |
|||
height: auto; |
|||
} |
|||
.label_wrap { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.label_item { |
|||
position: absolute; |
|||
display: inline-block; |
|||
} |
|||
.label_item > a { |
|||
cursor: pointer; |
|||
} |
|||
.label_item > a > label { |
|||
color: rgba(255, 255, 255, .6); |
|||
font-size: 0.85rem; |
|||
} |
|||
@keyframes blink { |
|||
0%, 100% { |
|||
opacity: 1; |
|||
} /* 完全不透明 */ |
|||
50% { |
|||
opacity: 0; |
|||
} /* 完全透明 */ |
|||
} |
|||
/* 应用动画到元素 */ |
|||
.label_item > a.active { |
|||
animation: blink 1000ms infinite; /* 动画名称 持续时间 迭代次数 */ |
|||
} |
|||
.admin_inspect { |
|||
margin: -1.5rem 0 0 2.75rem; |
|||
} |
|||
.non_admin_inspect { |
|||
margin: 0.5rem 0 0 2.75rem; |
|||
} |
|||
.admin_inspect span, .non_admin_inspect span { |
|||
position: relative; |
|||
display: flex; |
|||
margin: 5% 0; |
|||
padding: 0 0 0 1.5rem; |
|||
color: #2e90fd; |
|||
font-size: 0.85rem;/* font-weight: 550; */ |
|||
} |
|||
.non_admin_inspect span { |
|||
color: #04cafc; |
|||
} |
|||
.admin_inspect span::before, .non_admin_inspect span::before { |
|||
position: absolute; |
|||
left: 0; |
|||
width: 1.25rem; |
|||
height: 1.25rem; |
|||
background-color: rgba(46, 97, 241, .8); |
|||
border-radius: 50%; |
|||
content: "检"; |
|||
color: rgba(255, 255, 255, .6); |
|||
text-align: center; |
|||
} |
|||
.admin_inspect span:last-child::before, .non_admin_inspect span:last-child::before { |
|||
/*background: rgba(46, 97, 241, .8) url(../images/icon_qi.png) no-repeat center center; |
|||
background-size: 90% auto;*/ |
|||
content: "企"; |
|||
} |
|||
.non_admin_inspect span::before, .non_admin_inspect span:last-child::before { |
|||
background-color: rgba(7, 147, 209, .8); |
|||
} |
|||
.fold_cont { |
|||
display: none; |
|||
position: absolute; |
|||
top: -18rem; |
|||
left: -13.5rem; |
|||
z-index: 99; |
|||
width: 23rem; |
|||
height: 17.5rem; |
|||
background: url(../images/bg_tip.png) no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
.fold_cont::before { |
|||
position: absolute; |
|||
left: 43%; |
|||
bottom: -4rem; |
|||
z-index: -1; |
|||
width: 6rem; |
|||
height: 5rem; |
|||
background: url(../images/bg_tip_line.png) no-repeat; |
|||
background-size: auto 80%; |
|||
content: ""; |
|||
} |
|||
#districtGM .fold_cont { |
|||
left: -11rem; |
|||
} |
|||
#districtGM .fold_cont::before { |
|||
left: 30%; |
|||
} |
|||
#districtBA .fold_cont { |
|||
left: -6rem; |
|||
} |
|||
#districtBA .fold_cont::before { |
|||
left: 7.5%; |
|||
} |
|||
#districtNS .fold_cont { |
|||
left: -11rem; |
|||
} |
|||
#districtNS .fold_cont::before { |
|||
left: 30%; |
|||
} |
|||
#districtSS .admin_inspect, #districtSS .non_admin_inspect { |
|||
margin-left: 4.5rem; |
|||
} |
|||
.tab_switch { |
|||
position: relative; |
|||
top: 12%; |
|||
left: 10%; |
|||
width: 65%; |
|||
height: 1.75rem; |
|||
background-color: rgba(25, 64, 88, .35); |
|||
border-radius: 3rem; |
|||
} |
|||
.tab_switch a { |
|||
padding: 0 1.25rem; |
|||
color: rgba(255, 255, 255, .5); |
|||
font-size: 1rem; |
|||
line-height: 1.75; |
|||
white-space: nowrap; |
|||
text-align: center; |
|||
} |
|||
.tab_switch a.active { |
|||
/*background-color: #02a3ab;*/ |
|||
background-image: linear-gradient(to bottom, transparent, #26bef9); |
|||
border-radius: 3rem; |
|||
box-shadow: 0 0 5px #1ce9f3; |
|||
color: #fff; |
|||
} |
|||
.tab_inspect { |
|||
margin: 10% 10% 0; |
|||
} |
|||
.tab_inspect_item { |
|||
width: 100%; |
|||
height: calc(100% - 8rem); |
|||
overflow-y: auto; |
|||
} |
|||
.tab_inspect_item > ul > li { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
position: relative; |
|||
margin: 3% 0; |
|||
padding: 0 0 0 1.25rem; |
|||
} |
|||
.tab_inspect_item > ul > li::before { |
|||
position: absolute; |
|||
top: 0.25rem; |
|||
left: 0; |
|||
content: "\f111"; |
|||
color: #1ab5e0; |
|||
font-family: "FontAwesome"; |
|||
font-size: 0.85rem; |
|||
} |
|||
.tab_inspect_item > ul > li > label { |
|||
color: #92b3d3; |
|||
} |
|||
.tab_inspect_item > ul > li > span { |
|||
color: #06b8f8; |
|||
font-weight: 550; |
|||
} |
|||
.legend_box { |
|||
display: flex; |
|||
justify-content: center; |
|||
position: absolute; |
|||
left: 22%; |
|||
bottom: 8%; |
|||
min-width: 50%; |
|||
white-space: nowrap; |
|||
} |
|||
.legend_box label { |
|||
position: relative; |
|||
margin: 0 6.5% 0 0; |
|||
padding: 0 0 0 1.75rem; |
|||
color: rgba(255, 255, 255, .5); |
|||
font-size: 0.85rem; |
|||
} |
|||
.legend_box label::before { |
|||
position: absolute; |
|||
left: 0; |
|||
width: 1.25rem; |
|||
height: 1.25rem; |
|||
border: 1px solid rgba(255, 255, 255, .5); |
|||
border-radius: 50%; |
|||
content: "检"; |
|||
color: rgba(255, 255, 255, .6); |
|||
text-align: center; |
|||
} |
|||
.legend_box label:nth-child(2)::before { |
|||
content: "企"; |
|||
} |
|||
.legend_box label:nth-child(3)::before, .legend_box label:nth-child(4)::before { |
|||
top: 0.1rem; |
|||
height: 1rem; |
|||
content: ""; |
|||
background: #2e90fd; |
|||
border: 0; |
|||
border-radius: 3px; |
|||
} |
|||
.legend_box label:nth-child(4)::before { |
|||
background: #0882ae; |
|||
} |
|||
.wrap_bottom h3 { |
|||
margin: 1% 0 -3% 1%; |
|||
height: 2.5rem; |
|||
font-size: 1.2rem; |
|||
font-weight: 500; |
|||
line-height: 2; |
|||
text-shadow: 2px 1px 5px rgba(255, 255, 255, .5); |
|||
} |
|||
.tab_chart { |
|||
position: relative; |
|||
margin: 2% 1%; |
|||
clear: both; |
|||
overflow: auto; |
|||
width: 98%; |
|||
height: calc(96% - 3rem); |
|||
} |
|||
.chartbox { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.tab_tit { |
|||
position: absolute; |
|||
top: 8%; |
|||
left: 10rem; |
|||
font-size: 1rem; |
|||
white-space: nowrap; |
|||
} |
|||
.tab_tit a { |
|||
margin: 0 5%; |
|||
padding: 1% 2%; |
|||
color: rgba(255, 255, 255, .5); |
|||
} |
|||
.tab_tit a.active { |
|||
color: #2e82fd; |
|||
border-bottom: 2px solid #2e82fd; |
|||
} |
|||
.block_tit { |
|||
margin: 0 0 1% 0; |
|||
padding: 0 0 0 4rem; |
|||
height: 2.5rem; |
|||
background: url(../images/bg_tit.png) no-repeat; |
|||
background-size: 100% 100%; |
|||
font-size: 1.2rem; |
|||
font-weight: 500; |
|||
line-height: 2; |
|||
text-shadow: 2px 1px 5px rgba(255, 255, 255, .5); |
|||
} |
|||
.count_wrap { |
|||
/* display: flex; */ |
|||
/* flex-wrap: wrap; */ |
|||
height: 100%; |
|||
width: 100%; |
|||
} |
|||
.count_wrap .count_item { |
|||
float: left; |
|||
position: relative; |
|||
margin: 0.5% 5% 1.5%; |
|||
width: 45%; |
|||
height: 15%; |
|||
border-radius: 10px; |
|||
font-size: 1rem; |
|||
text-align: center; |
|||
} |
|||
/*.count_wrap .count_item:last-child { |
|||
width: 90%; |
|||
}*/ |
|||
.count_wrap .count_item:nth-child(even) { |
|||
margin-left: -5%; |
|||
} |
|||
.count_wrap .count_item::before { |
|||
display: block; |
|||
position: absolute; |
|||
top: 30%; |
|||
right: 0; |
|||
content: ""; |
|||
width: 100%; |
|||
height: 60%; |
|||
background: linear-gradient(to bottom, transparent 50%, rgba(20,138,156,.3)); |
|||
} |
|||
.count_wrap .count_item:nth-child(odd)::after { |
|||
display: inline-block; |
|||
position: absolute; |
|||
top: 30%; |
|||
right: -2.5%; |
|||
content: ""; |
|||
width: 2px; |
|||
height: 35%; |
|||
background: url(../images/line_vert.png) no-repeat right center; |
|||
background-size: 100% 100%; |
|||
} |
|||
.count_wrap .count_item:last-child::after { |
|||
background: none; |
|||
} |
|||
.count_wrap .count_item label { |
|||
display: inline-flex; |
|||
justify-content: center; |
|||
margin: 7% 2% 0; |
|||
width: 96%; |
|||
color: rgba(255, 255, 255, .6); |
|||
font-size: 1rem; |
|||
} |
|||
.number_count { |
|||
display: block; |
|||
background-image: linear-gradient(to right, #f7fbfd, #26bef9); |
|||
-webkit-background-clip: text; |
|||
color: transparent; |
|||
font-size: 2.0rem; |
|||
font-weight: 550; |
|||
line-height: 1.85; |
|||
} |
|||
.number_percent { |
|||
color: rgba(243, 153, 98, .8); |
|||
font-size: 1.15rem; |
|||
} |
|||
.number_percent > i { |
|||
margin-left: 2%; |
|||
color: #f39962; |
|||
font-size: 0.8rem; |
|||
} |
|||
.count_admin { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-around; |
|||
margin: 5% 0 0; |
|||
width: 97%; |
|||
} |
|||
.count_admin > label { |
|||
width: 5rem; |
|||
height: 5rem; |
|||
background: linear-gradient(to bottom, transparent 50%, rgba(20,138,156,.5)); |
|||
border: 1px solid rgba(20, 103, 103, .6); |
|||
border-radius: 5px; |
|||
color: rgba(255, 255, 255, .6); |
|||
font-size: 0.85rem; |
|||
line-height: 2; |
|||
text-align: center; |
|||
} |
|||
.count_admin:nth-child(2) > label { |
|||
background: linear-gradient(to bottom, transparent 50%, rgba(34, 125, 223, .5)); |
|||
border: 1px solid rgba(26, 86, 151, .6); |
|||
} |
|||
.count_admin:nth-child(3) > label { |
|||
background: linear-gradient(to bottom, transparent 50%, rgba(247, 125, 169, .5)); |
|||
border: 1px solid rgba(103, 46, 43, .6); |
|||
} |
|||
.count_admin > label > img { |
|||
display: block; |
|||
margin: 10% auto 5%; |
|||
width: auto; |
|||
height: 50%; |
|||
} |
|||
.count_admin_num { |
|||
text-align: center; |
|||
} |
|||
.count_admin_num > b { |
|||
display: block; |
|||
background-image: linear-gradient(to right, #d2f5ff, #0394f9); |
|||
-webkit-background-clip: text; |
|||
color: transparent; |
|||
font-size: 2.0rem; |
|||
font-weight: 550; |
|||
line-height: 1.5; |
|||
} |
|||
.percent-tag { |
|||
display: flex; |
|||
align-items: center; |
|||
margin: 20% 3%; |
|||
white-space: nowrap; |
|||
} |
|||
.percent-tag span { |
|||
margin: 0 5%; |
|||
color: rgba(255, 255, 255, .5); |
|||
font-size: 1.15rem; |
|||
line-height: 1; |
|||
} |
|||
.percent-tag span.data-rise, .percent-tag span.data-fall { |
|||
margin: 0.75% 2% 1% 0.5%; |
|||
font-size: 1.0rem; |
|||
} |
|||
.percent-tag span.data-rise i { |
|||
color: #67dc53; |
|||
} |
|||
.percent-tag span.data-fall i { |
|||
color: #fd7c7c; |
|||
} |
|||
.percent-tag label { |
|||
margin: 0 2% 0 10%; |
|||
color: rgba(255, 255, 255, .5); |
|||
font-size: 0.85rem; |
|||
} |
|||
.chartbox_right { |
|||
margin: 15% 0 0; |
|||
width: 100%; |
|||
height: 35%; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/** 滚动条样式 **/ |
|||
::-webkit-scrollbar { /*滚动条整体样式*/ |
|||
width: 0.5rem; /*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 0.5rem; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ |
|||
border-radius: 0.5rem; |
|||
background-color: #02206d; |
|||
box-shadow: inset 0 0 10px rgba(5, 172, 254, 0.6); |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { /*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 16px rgba(255, 255, 255, 0.2); |
|||
border-radius: 0; |
|||
background: rgba(0, 0, 0, 0.15); |
|||
} |
|||
@ -0,0 +1,966 @@ |
|||
<!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-bak/css/font-awesome.min.css" /> |
|||
<link type="text/css" rel="stylesheet" href="/statistical/styles/home-bak.css" /> |
|||
<script type="text/javascript" src="/statistical/scripts/jquery-3.3.1.min.js"></script> |
|||
<script type="text/javascript" src="/statistical/scripts/echarts.min.js"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="wrap_all"> |
|||
<div class="wrap_left"> |
|||
<div class="cont_left"> |
|||
<h1 class="block_tit">行政检查</h1> |
|||
<div class="count_admin_wrap"> |
|||
<div class="count_admin"> |
|||
<label class=""><img src="/statistical/images/icon_jc.png" alt="联合检查" />联合检查</label> |
|||
<div class="count_admin_num"><b id="uniteNum">0</b><span class="number_percent" id="unitePer">0.0<i>%</i></span></div> |
|||
<div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="uniteNum_yoy">0.0%</span> |
|||
<label id="">同比</label> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="uniteNum_rr">0.0%</span> |
|||
<label id="">环比</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="count_admin"> |
|||
<label class=""><img src="/statistical/images/icon_yg.png" alt="检查预告" />检查预告</label> |
|||
<div class="count_admin_num"><b id="lawNum">0</b><span class="number_percent" id="lawPer">0.0<i>%</i></span></div> |
|||
<div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="lawNum_yoy">0.0%</span> |
|||
<label id="">同比</label> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="lawNum_rr">0.0%</span> |
|||
<label id="">环比</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="count_admin"> |
|||
<label class=""><img src="/statistical/images/icon_ts.png" alt="涉企投诉" />涉企投诉</label> |
|||
<div class="count_admin_num"><b id="complaintNum">0</b><span class="number_percent" id="comPer">0.0<i>%</i></span></div> |
|||
<div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="complaintNum_yoy">0.0%</span> |
|||
<label id="">同比</label> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="complaintNum_rr">0.0%</span> |
|||
<label id="">环比</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="count_admin"> |
|||
<label class=""><img src="/statistical/images/icon_qy.png" alt="被检查企业" />被检查企业</label> |
|||
<div class="count_admin_num"><b id="enterprisesNum">0</b><span class="number_percent" id="enterprisesPer">0.0<i>%</i></span></div> |
|||
<div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="enterprisesNum_yoy">0.0%</span> |
|||
<label id="">同比</label> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span> |
|||
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span> |
|||
<span class="data-change" id="enterprisesNum_rr">0.0%</span> |
|||
<label id="">环比</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="chartbox_right" id="echartCate"></div> |
|||
</div> |
|||
</div> |
|||
<div class="wrap_right"> |
|||
<div class="cont_left"> |
|||
<h1 class="block_tit">非行政检查</h1> |
|||
<div class="count_wrap" id="nonRegistrationType"> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>行政处罚</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>行政强制</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>普法宣传</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>日常巡查</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>上门走访</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>企业服务</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>技术指导</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>检验检测</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">8.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>培训</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>调研</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">9.68<i>%</i></span></div>--> |
|||
<!-- <div class="count_item">--> |
|||
<!-- <label>其他</label>--> |
|||
<!-- <span class="number_count">3,024</span><span class="number_percent">12.68<i>%</i></span></div>--> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="wrap_cent"> |
|||
<div class="select_set"> |
|||
<div class="select_item"><span>深圳市</span> |
|||
<label class="select_time">2025-01-01 至 2025-03-31 |
|||
<a></a> |
|||
</label> |
|||
</div> |
|||
</div> |
|||
<div class="link_btn"> |
|||
<a href="/code/statisticalPanel/single-analysis">各市直执法部门综合分析</a> |
|||
<a href="overall-analysis">各区执法综合分析</a> |
|||
<!-- <a href="code/statisticalPanel/overall-analysis">各区综合分析</a>--> |
|||
|
|||
</div> |
|||
<div class="count_box"> |
|||
<div class="count_item admin"> |
|||
<div class="count_tit"> |
|||
<label>行政检查</label> |
|||
</div> |
|||
<div class="count_num"> |
|||
<div class="count_num_all" id="jc_all">0</div> |
|||
<div class="count_num_sub"><span>（市直：<b id="s_jc_num">0</b></span><span>各区：<b id="q_jc_num">0</b>）</span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item non_admin"> |
|||
<div class="count_tit"> |
|||
<label>非行政检查</label> |
|||
</div> |
|||
<div class="count_num"> |
|||
<div class="count_num_all" id="njc_all">0</div> |
|||
<div class="count_num_sub"><span>（市直：<b id="s_njc_num">0</b></span><span>各区：<b id="q_njc_num">0</b>）</span></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="map_box"><img class="szmap" src="/statistical/images/szmap_3d.png" alt="深圳地图" width="1920" height="1080" usemap="#Map_sz" border="0" /> |
|||
<!--<map name="Map_sz" id="Map_sz"> |
|||
<area id="area_1" shape="poly" coords="470,624,564,616,630,649,632,705,509,767,434,713" href="#" alt="福田" /> |
|||
<area id="area_2" shape="poly" coords="573,611,607,588,683,609,792,564,841,614,805,664,704,696,635,710,638,647" href="#" alt="罗湖" /> |
|||
<area id="area_3" shape="poly" coords="822,657,874,568,920,511,969,561,1046,549,1063,587,948,646" href="#" alt="盐田" /> |
|||
<area id="area_4" shape="poly" coords="163,754,321,633,364,518,447,551,499,602,465,614,425,710,276,810,189,878" href="#" alt="南山"/> |
|||
<area id="area_5" shape="poly" coords="313,243,395,285,240,356,240,482,388,444,380,479,317,617,173,718,36,474,72,415" href="#" alt="宝安"//> |
|||
<area id="area_6" shape="poly" coords="554,560,625,491,700,422,767,509,828,384,776,340,843,294,1043,297,1042,433,911,504,843,604,784,553,673,600" href="#" alt="龙岗" /> |
|||
<area id="area_7" shape="poly" coords="397,457,491,404,481,357,625,377,655,416,541,541,570,598,533,615,395,503" href="#" alt="龙华" /> |
|||
<area id="area_8" shape="poly" coords="927,505,1047,444,1053,375,1134,332,1220,451,1199,490,1118,524,1045,544,973,551" href="#" alt="坪山" /> |
|||
<area id="area_9" shape="poly" coords="246,365,405,291,472,340,475,393,431,429,302,457,252,471" href="#" alt="光明" /> |
|||
<area id="area_10" shape="poly" coords="1061,556,1243,485,1495,490,1394,592,1584,716,1398,836,1195,584" href="#" alt="大鹏" /> |
|||
<area id="area_11" shape="poly" coords="1580,344,1759,233,1795,333,1763,412,1875,480,1690,545" href="#" alt="深汕" /> |
|||
</map>--> |
|||
<div class="label_wrap"> |
|||
<div class="label_item" id="districtFT" style="top: 63%; left: 25%;"></div> |
|||
<div class="label_item" id="districtLHu" style="top: 59%; left: 35%;"></div> |
|||
<div class="label_item" id="districtYT" style="top: 53%; left: 46%;"></div> |
|||
<div class="label_item" id="districtNS" style="top: 65%; left: 16%;"></div> |
|||
<div class="label_item" id="districtBA" style="top: 42%; left: 7.5%;"></div> |
|||
<div class="label_item" id="districtLG" style="top: 33%; left: 44%;"></div> |
|||
<div class="label_item" id="districtLH" style="top: 40%; left: 23.5%;"></div> |
|||
<div class="label_item" id="districtPS" style="top: 33%; left: 55%;"></div> |
|||
<div class="label_item" id="districtGM" style="top: 25%; left: 15%;"></div> |
|||
<div class="label_item" id="districtDP" style="top: 48%; left: 65%;"></div> |
|||
<div class="label_item" id="districtSS" style="top: 25%; left: 84%;"></div> |
|||
</div> |
|||
<div class="legend_box"> |
|||
<label>涉企检查次数</label> |
|||
<label>被检查企业数量</label> |
|||
<label>行政检查</label> |
|||
<label>非行政检查</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="wrap_bottom"> |
|||
<div class="cont_left"> |
|||
<h3>涉企检查趋势</h3> |
|||
<div class="tab_tit"> |
|||
<a class="active">行政检查</a> |
|||
<a>非行政检查</a> |
|||
</div> |
|||
<div class="tab_chart"> |
|||
<div class="chartbox" id="echartInspect" style="position: absolute"></div> |
|||
<div class="chartbox" id="echartNonInspect" style="opacity: 0; position: absolute"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script> |
|||
var ctx="/" |
|||
|
|||
var s_jc_num = 0 |
|||
var q_jc_num = 0 |
|||
var s_njc_num = 0 |
|||
var q_njc_num = 0 |
|||
|
|||
$(function(){ |
|||
analysis_unite(); |
|||
analysis_law(); |
|||
analysis_complaint(); |
|||
analysis_enterprises(); |
|||
analysis_non_registration_type(); |
|||
analysis_registration_type(); |
|||
analysis_jc_all(); |
|||
analysis_njc_all(); |
|||
analysisTime(); |
|||
analysisTime2(); |
|||
area_registration(); |
|||
}); |
|||
|
|||
/** 联合检查数量 */ |
|||
function analysis_unite() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprisesIns", |
|||
type: "post", |
|||
data: JSON.stringify({"uniteCheck": '1', 'beginTime':'2025-01-01', 'endTime': '2025-12-12'}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#uniteNum").text(result.data.num) |
|||
$("#uniteNum_yoy").text(result.data.yoy+"%") |
|||
$("#uniteNum_rr").text(result.data.rr+"%") |
|||
$("#unitePer").text(result.data.per+"%") |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 检查预告数量 */ |
|||
function analysis_law() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisInsNotice", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#lawNum").text(result.data.num) |
|||
$("#lawNum_yoy").text(result.data.yoy+"%") |
|||
$("#lawNum_rr").text(result.data.rr+"%") |
|||
$("#lawPer").text(result.data.per+"%") |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 涉企投诉数量 */ |
|||
function analysis_complaint() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprisesComplaint", |
|||
type: "post", |
|||
data: JSON.stringify({"uniteCheck": '0'}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#complaintNum").text(result.data.num) |
|||
$("#complaintNum_yoy").text(result.data.yoy+"%") |
|||
$("#complaintNum_rr").text(result.data.rr+"%") |
|||
$("#comPer").text(result.data.per+"%") |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 被查企业数量 */ |
|||
function analysis_enterprises() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprises", |
|||
type: "post", |
|||
data: JSON.stringify({"uniteCheck": '0'}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#enterprisesNum").text(result.data.num) |
|||
$("#enterprisesNum_yoy").text(result.data.yoy+"%") |
|||
$("#enterprisesNum_rr").text(result.data.rr+"%") |
|||
$("#enterprisesPer").text(result.data.per+"%") |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 非行政检查类型数量 */ |
|||
function analysis_non_registration_type() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisNonRegistrationType", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
var datas = result.data; |
|||
var html = ''; |
|||
for(var i=0; i<datas.length; i++) { |
|||
html += '<div class="count_item"><label>'+datas[i].dict_label+'</label><span class="number_count">'+datas[i].num+'</span><span class="number_percent">'+datas[i].per+'<i>%</i></span></div>' |
|||
} |
|||
$("#nonRegistrationType").html(html); |
|||
|
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 行政检查类型数量 */ |
|||
function analysis_registration_type() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisRegistrationType", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
var datas = result.data; |
|||
tmps = []; |
|||
for(var i=0; i<datas.length; i++) { |
|||
tmps.push({'value': datas[i].num, 'name': datas[i].dict_label}) |
|||
} |
|||
chart_2(tmps) |
|||
} |
|||
}); |
|||
} |
|||
|
|||
|
|||
/** 各区的数据统计 */ |
|||
function area_registration() { |
|||
var areas = ['光明区', '宝安区', '南山区', '龙华区', '福田区', '罗湖区', '龙岗区', '盐田区', '坪山区', '大鹏新区', '深汕特别合作区'] |
|||
var base_html = ''; |
|||
base_html += '<a onclick="showDetail({idx}, this)" flag="1">'; |
|||
base_html += '<label>{area}</label>'; |
|||
base_html += '<div class="admin_inspect"><span class="inspect_num">{jc_num}</span><span class="enterp_num">{qy_num}</span></div>'; |
|||
base_html += '<div class="non_admin_inspect"><span class="inspect_num">{njc_num}</span><span class="enterp_num">{nqy_num}</span></div>'; |
|||
base_html += '</a>'; |
|||
|
|||
base_html += '<div class="fold_cont">'; |
|||
base_html += ' <div class="tab_switch"><a class="active" onclick="switch_tab({idx}, this, \'xzzf\')">行政检查</a><a onclick="switch_tab({idx}, this, \'fxzzf\')">非行政检查</a></div>'; |
|||
base_html += ' <div class="tab_inspect">'; |
|||
base_html += ' <div id="xzzf{idx}" class="tab_inspect_item">'; |
|||
base_html += ' <ul>'; |
|||
base_html += ' <li><label>被检查企业数量</label><span>{qy_num}</span></li>'; |
|||
base_html += ' <li><label>涉企检查次数</label><span>{jc_num}</span></li>'; |
|||
base_html += ' <li><label>联合检查次数</label><span>{nuite_jc_num}</span></li>'; |
|||
base_html += ' <li><label>涉企检查频次压缩率</label><span>{per_jc_num}</span></li>'; |
|||
base_html += ' <li><label>行政检查预告次数</label><span>{law_jc_num}</span></li>'; |
|||
base_html += ' <li><label>涉企投诉次数</label><span>{com_jc_num}</span></li>'; |
|||
base_html += ' </ul>'; |
|||
base_html += ' </div>'; |
|||
base_html += ' </div>'; |
|||
base_html += ' <div class="tab_inspect">' |
|||
base_html += ' <div id="fxzzf{idx}" class="tab_inspect_item" style="display: none">'; |
|||
base_html += ' <ul>'; |
|||
base_html += ' <li><label>被检查企业数量</label><span>{nqy_num}</span></li>'; |
|||
base_html += ' <li><label>涉企检查次数</label><span>{njc_num}</span></li>'; |
|||
// base_html += ' <li><label>涉企投诉次数</label><span>{com_jc_num}</span></li>'; |
|||
base_html += ' </ul>'; |
|||
base_html += ' </div>'; |
|||
base_html += ' </div>'; |
|||
base_html += '</div>'; |
|||
|
|||
|
|||
for (var i = 0; i < areas.length; i++) { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/areaRegistration", |
|||
type: "post", |
|||
data: JSON.stringify({'deptId': areas[i]}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
q_jc_num += result.data.jc_num; |
|||
q_njc_num += result.data.njc_num; |
|||
$("#q_jc_num").text(q_jc_num); |
|||
$("#q_njc_num").text(q_njc_num); |
|||
console.log($("#jc_all").text() + " - "+ q_jc_num +" = "+ ($("#jc_all").text() - q_jc_num)); |
|||
$("#s_jc_num").text($("#jc_all").text() - q_jc_num); |
|||
$("#s_njc_num").text($("#njc_all").text() - q_njc_num); |
|||
switch (result.data.area) { |
|||
case '光明区': |
|||
let gmHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 8); |
|||
$("#districtGM").html(gmHtml) |
|||
break; |
|||
case '宝安区': |
|||
let baHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 4); |
|||
$("#districtBA").html(baHtml) |
|||
break; |
|||
case '南山区': |
|||
let nsHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 3); |
|||
$("#districtNS").html(nsHtml) |
|||
break; |
|||
case '龙华区': |
|||
let lhHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 6); |
|||
$("#districtLH").html(lhHtml) |
|||
break; |
|||
case '福田区': |
|||
let ftHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 0); |
|||
$("#districtFT").html(ftHtml) |
|||
break; |
|||
case '罗湖区': |
|||
let lhuHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 1); |
|||
$("#districtLHu").html(lhuHtml) |
|||
break; |
|||
case '龙岗区': |
|||
let lgHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 5); |
|||
$("#districtLG").html(lgHtml) |
|||
break; |
|||
case '盐田区': |
|||
let ytHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 2); |
|||
$("#districtYT").html(ytHtml) |
|||
break; |
|||
case '坪山区': |
|||
let psHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 7); |
|||
$("#districtPS").html(psHtml) |
|||
break; |
|||
case '大鹏新区': |
|||
let dpHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 9); |
|||
$("#districtDP").html(dpHtml) |
|||
break; |
|||
case '深汕特别合作区': |
|||
let ssHtml = base_html.replace("{area}", result.data.area) |
|||
.replaceAll("{jc_num}", result.data.jc_num) |
|||
.replaceAll("{njc_num}", result.data.njc_num) |
|||
.replaceAll("{qy_num}", result.data.qy_num) |
|||
.replaceAll("{nqy_num}", result.data.nqy_num) |
|||
.replaceAll("{nuite_jc_num}", result.data.nuite_jc_num) |
|||
.replaceAll("{per_jc_num}", result.data.per_jc_num) |
|||
.replaceAll("{law_jc_num}", result.data.law_jc_num) |
|||
.replaceAll("{com_jc_num}", result.data.com_jc_num) |
|||
.replaceAll("{idx}", 10); |
|||
$("#districtSS").html(ssHtml) |
|||
break; |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
|
|||
/** 行政检查数量 */ |
|||
function analysis_jc_all() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprisesIns", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#jc_all").text(result.data.num) |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 行政检查数量 */ |
|||
function analysis_njc_all() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisEnterprisesNonIns", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
$("#njc_all").text(result.data.num) |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function showDetail(idx, aElement) { |
|||
var ame = $(aElement); |
|||
var aflag = ame.attr("flag"); |
|||
var foldCoutArray = $(".fold_cont"); |
|||
for (let i = 0; i < 11; i++) { |
|||
if ((idx-1) != i) { |
|||
foldCoutArray.eq(i).attr("flag", "1"); |
|||
} |
|||
foldCoutArray.eq(i).hide(); |
|||
} |
|||
if (aflag == "1") { |
|||
foldCoutArray.eq(idx).show(); |
|||
ame.attr("flag", "0"); |
|||
$(this).addClass("active") |
|||
} else { |
|||
foldCoutArray.eq(idx).hide(); |
|||
ame.attr("flag", "1"); |
|||
$(this).removeClass("active") |
|||
} |
|||
// $(aElement).addClass("flag").siblings().removeClass("flag"); |
|||
// $(aElement).addClass("active").siblings().removeClass("active"); |
|||
} |
|||
|
|||
/** 时间维度 */ |
|||
function analysisTime() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/analysisTime", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
timesCharts(result.data.times, result.data.ins, result.data.ent); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function analysisTime2() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/nonAnalysisTime", |
|||
type: "post", |
|||
data: JSON.stringify({}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function (result) { |
|||
timesCharts2(result.data.times, result.data.ins, result.data.ent); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 联合检查 */ |
|||
|
|||
|
|||
/**********数据子项折叠************/ |
|||
|
|||
// $(".label_item > a").each(function (i) { |
|||
// var ame = $(this); |
|||
// ame.attr("flag", "1"); |
|||
// ame.on("click", {idx: i, a: ame}, function (e) { |
|||
// var aobj = e.data.a; |
|||
// var aflag = aobj.attr("flag"); |
|||
// var foldCoutArray = $(".fold_cont"); |
|||
// foldCoutArray.hide(); |
|||
// if (aflag == "1") { |
|||
// foldCoutArray.eq(e.data.idx).show(); |
|||
// aobj.attr("flag", "0"); |
|||
// $(this).addClass("active") |
|||
// } else { |
|||
// aobj.attr("flag", "1"); |
|||
// $(this).removeClass("active") |
|||
// } |
|||
// |
|||
// }) |
|||
// }); |
|||
|
|||
|
|||
//地图弹窗切换 |
|||
function switch_tab(index, aElement, flag){ |
|||
if('xzzf' == flag) { |
|||
$("#xzzf"+index).show(); |
|||
$("#fxzzf"+index).hide(); |
|||
} else if('fxzzf' == flag) { |
|||
$("#xzzf"+index).hide(); |
|||
$("#fxzzf"+index).show(); |
|||
} |
|||
$(aElement).addClass("active").siblings().removeClass("active"); |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
//涉企检查趋势tab切换 |
|||
$(".tab_tit a").on("click", function () { |
|||
$(this).addClass("active").siblings().removeClass("active"); |
|||
var index = $(this).index(); |
|||
// $(".chartbox").eq(index).show().siblings(this).hide() |
|||
$(".chartbox").eq(index).css({opacity: 1}).siblings(this).css({opacity: 0}) |
|||
}); |
|||
|
|||
|
|||
/*****************涉企检查趋势******************/ |
|||
|
|||
function timesCharts(times, ins, ent) { |
|||
var myChart = echarts.init(document.getElementById("echartInspect")); |
|||
// 指定相关的配置项和数据 |
|||
var option = { |
|||
tooltip: { |
|||
trigger: 'axis', |
|||
backgroundColor: 'rgba(0, 0, 0, .5)', |
|||
borderColor: 'rgba(46, 130, 253, .5)', |
|||
axisPointer: { |
|||
lineStyle: { |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
} |
|||
}, |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
}, |
|||
}, |
|||
legend: { |
|||
data: ['行政检查数量', '被检查企业数量'], |
|||
icon: 'rect', |
|||
top: 0, |
|||
right: 25, |
|||
itemGap: 15, |
|||
itemWidth: 10, |
|||
itemHeight: 10, |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255,255,255,0.6)' |
|||
} |
|||
}, |
|||
color: ['#289df5', '#fbc01b', '#ff5050'], |
|||
grid: { |
|||
left: '1%', |
|||
right: '5%', |
|||
top: '20%', |
|||
bottom: '1%', |
|||
containLabel: true |
|||
}, |
|||
xAxis: { |
|||
type: 'category', |
|||
boundaryGap: false, |
|||
axisLine: { show: false }, |
|||
axisTick: { length: 0 }, |
|||
axisLabel: {interval: 0,textStyle: {fontSize: 12,color: 'rgba(255,255,255,0.5)'}}, |
|||
name: '(月)', |
|||
nameTextStyle: {padding: [24, 0, 0, 0],color: 'rgba(255,255,255,0.5)'}, |
|||
nameGap: 0, |
|||
data: times |
|||
}, |
|||
|
|||
yAxis: { |
|||
type: 'value', |
|||
axisLine: {show: false}, |
|||
axisTick: {length: 0}, |
|||
splitLine: {lineStyle: {color: ["rgba(72,118,245,0.25)"],width: 1,type: 'solid'}}, |
|||
axisLabel: {textStyle: {fontSize: 12,color: 'rgba(255,255,255,0.5)'}} |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '行政检查数量', |
|||
type: 'line', |
|||
smooth: true, |
|||
symbol: 'circle', // 拐点类型 |
|||
symbolSize: 0, // 拐点圆的大小 |
|||
itemStyle: { |
|||
normal: { |
|||
color: '#0448df', // 折线条的颜色 |
|||
borderColor: '#0448df', // 拐点边框颜色 |
|||
areaStyle: {type: 'default',opacity: 0.1} |
|||
} |
|||
}, |
|||
data: ins |
|||
}, { |
|||
name: '被检查企业数量', |
|||
type: 'line', |
|||
smooth: true, |
|||
symbol: 'circle', |
|||
symbolSize: 0, |
|||
itemStyle: { |
|||
normal: { |
|||
color: '#01d6fd', |
|||
borderColor: '#01d6fd', |
|||
areaStyle: {type: 'default',opacity: 0.1} |
|||
} |
|||
}, |
|||
data: ent |
|||
} |
|||
] |
|||
}; |
|||
// 使用刚指定的配置项和数据显示图表。 |
|||
myChart.setOption(option); |
|||
window.addEventListener("resize",function(){ |
|||
myChart.resize(); |
|||
}); |
|||
} |
|||
|
|||
|
|||
function timesCharts2(times, ins, ent) { |
|||
var myChart = echarts.init(document.getElementById("echartNonInspect")); |
|||
// 指定相关的配置项和数据 |
|||
var option = { |
|||
tooltip: { |
|||
trigger: 'axis', |
|||
backgroundColor: 'rgba(0, 0, 0, .5)', |
|||
borderColor: 'rgba(46, 130, 253, .5)', |
|||
axisPointer: { |
|||
lineStyle: { |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
} |
|||
}, |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
}, |
|||
}, |
|||
legend: { |
|||
data: ['行政检查数量', '被检查企业数量'], |
|||
icon: 'rect', |
|||
top: 0, |
|||
right: 25, |
|||
itemGap: 15, |
|||
itemWidth: 10, |
|||
itemHeight: 10, |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255,255,255,0.6)' |
|||
} |
|||
}, |
|||
color: ['#289df5', '#fbc01b', '#ff5050'], |
|||
grid: { |
|||
left: '1%', |
|||
right: '5%', |
|||
top: '20%', |
|||
bottom: '1%', |
|||
containLabel: true |
|||
}, |
|||
xAxis: { |
|||
type: 'category', |
|||
boundaryGap: false, |
|||
axisLine: { show: false }, |
|||
axisTick: { length: 0 }, |
|||
axisLabel: {interval: 0,textStyle: {fontSize: 12,color: 'rgba(255,255,255,0.5)'}}, |
|||
name: '(月)', |
|||
nameTextStyle: {padding: [24, 0, 0, 0],color: 'rgba(255,255,255,0.5)'}, |
|||
nameGap: 0, |
|||
data: times |
|||
}, |
|||
|
|||
yAxis: { |
|||
type: 'value', |
|||
axisLine: {show: false}, |
|||
axisTick: {length: 0}, |
|||
splitLine: {lineStyle: {color: ["rgba(72,118,245,0.25)"],width: 1,type: 'solid'}}, |
|||
axisLabel: {textStyle: {fontSize: 12,color: 'rgba(255,255,255,0.5)'}} |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '行政检查数量', |
|||
type: 'line', |
|||
smooth: true, |
|||
symbol: 'circle', // 拐点类型 |
|||
symbolSize: 0, // 拐点圆的大小 |
|||
itemStyle: { |
|||
normal: { |
|||
color: '#0448df', // 折线条的颜色 |
|||
borderColor: '#0448df', // 拐点边框颜色 |
|||
areaStyle: {type: 'default',opacity: 0.1} |
|||
} |
|||
}, |
|||
data: ins |
|||
}, { |
|||
name: '被检查企业数量', |
|||
type: 'line', |
|||
smooth: true, |
|||
symbol: 'circle', |
|||
symbolSize: 0, |
|||
itemStyle: { |
|||
normal: { |
|||
color: '#01d6fd', |
|||
borderColor: '#01d6fd', |
|||
areaStyle: {type: 'default',opacity: 0.1} |
|||
} |
|||
}, |
|||
data: ent |
|||
} |
|||
] |
|||
}; |
|||
// 使用刚指定的配置项和数据显示图表。 |
|||
myChart.setOption(option); |
|||
window.addEventListener("resize",function(){ |
|||
myChart.resize(); |
|||
}); |
|||
} |
|||
|
|||
|
|||
/*****************行政检查类别******************/ |
|||
|
|||
function chart_2(data) { |
|||
// 基于准备好的dom，初始化echarts实例 |
|||
var myChart = echarts.init(document.getElementById('echartCate')); |
|||
|
|||
option = { |
|||
|
|||
tooltip : { |
|||
trigger: 'item', |
|||
formatter: "{b}: <br/> {c} ({d}%)", |
|||
backgroundColor: 'rgba(0, 0, 0, .5)', |
|||
textStyle: { |
|||
fontSize: 12, |
|||
color: 'rgba(255, 255, 255, .8)' |
|||
}, |
|||
}, |
|||
|
|||
|
|||
toolbox: { |
|||
show : false, |
|||
feature : { |
|||
mark : {show: true}, |
|||
dataView : {show: true, readOnly: false}, |
|||
magicType : { |
|||
show: true, |
|||
type: ['pie', 'funnel'] |
|||
}, |
|||
restore : {show: true}, |
|||
saveAsImage : {show: true} |
|||
} |
|||
}, |
|||
calculable : true, |
|||
series : [ |
|||
|
|||
{ |
|||
name:'行政检查类别数量及占比', |
|||
type:'pie', |
|||
color: ['#4b7efe', '#0566e8', '#02a7a1', '#febf75','#dd5a73','#224ca8',"#9fe9b7","#26cee1",], |
|||
radius : [60, 80], |
|||
center : ['50%', '50%'], |
|||
//roseType : 'area', |
|||
label: { |
|||
show: true, |
|||
formatter: "{b|{b}} " + "{b|:}" + "\n " + "{a|{c}}" + "\n " + "{d|({d}%)}", |
|||
rich: { |
|||
a: { |
|||
color: '#3aaefb', |
|||
fontSize: 12, |
|||
//fontWeight: 550, |
|||
lineHeight: 20 |
|||
}, |
|||
b: { |
|||
color: 'rgba(255, 255, 255, .6)', |
|||
fontSize: 12, |
|||
lineHeight: 20 |
|||
}, |
|||
d: { |
|||
color: '#3aaefb', |
|||
fontSize: 12, |
|||
//lineHeight: 20 |
|||
} |
|||
} |
|||
}, |
|||
labelLine: { |
|||
normal: { |
|||
show: true, |
|||
length: 18, |
|||
length2: 10, |
|||
smooth: 0 |
|||
}, |
|||
emphasis: { |
|||
show: true |
|||
} |
|||
}, |
|||
data:data |
|||
} |
|||
] |
|||
}; |
|||
|
|||
|
|||
// 使用刚指定的配置项和数据显示图表。 |
|||
myChart.setOption(option); |
|||
window.addEventListener("resize",function(){ |
|||
myChart.resize(); |
|||
}); |
|||
} |
|||
|
|||
|
|||
</script> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue