|
After Width: | Height: | Size: 434 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 8.4 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.0 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 |
@ -0,0 +1,805 @@ |
|||
@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: 1.25rem; |
|||
} |
|||
|
|||
.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 { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
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; |
|||
} |
|||
|
|||
.fold_cont > dd > i { |
|||
width: 2rem; |
|||
height: 2rem; |
|||
color: #999; |
|||
font-size: 1.15rem; |
|||
line-height: 1.75; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.selnext { |
|||
position: relative; |
|||
width: calc(100% - 2rem); |
|||
color: #fff; |
|||
} |
|||
|
|||
.selnext::after { |
|||
position: absolute; |
|||
top: 0; |
|||
left: -5%; |
|||
z-index: -1; |
|||
width: calc(100% + 1.5rem); |
|||
height: 100%; |
|||
background: #437afb; |
|||
content: ""; |
|||
} |
|||
|
|||
.fold_cont > dd.selnext > i, .fold_cont dd.selnext::before { |
|||
color: #fff; |
|||
} |
|||
|
|||
.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% 0.5% 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:first-child { |
|||
width: 66.25%; |
|||
} |
|||
|
|||
.twobox .threebox:last-child { |
|||
margin-right: 0; |
|||
} |
|||
|
|||
.halfbox .threebox, .halfbox .threebox:first-child { |
|||
width: 49.385%; |
|||
height: 18rem; |
|||
} |
|||
|
|||
.sel_rank { |
|||
position: absolute; |
|||
top: 12px; |
|||
right: 20px; |
|||
} |
|||
|
|||
.sel_rank select { |
|||
height: 26px; |
|||
border: 1px solid #ccc; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
.count_wrap { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
margin: -2% 0 0 0; |
|||
width: 100%; |
|||
} |
|||
|
|||
.count_item { |
|||
float: left; |
|||
position: relative; |
|||
margin: -0.5% 0.5% 0.5% 0.5%; |
|||
width: 19%; |
|||
height: 9.25rem; |
|||
background: url(../images/bg_analy_card.jpg) no-repeat; |
|||
background-size: cover; |
|||
border-radius: 10px; |
|||
font-size: 1rem; |
|||
text-align: center; |
|||
} |
|||
|
|||
.count_item .count_lab { |
|||
display: inline-flex; |
|||
margin: 5.5% 5% 3%; |
|||
width: 90%; |
|||
color: #666; |
|||
font-size: 0.9rem; |
|||
text-align: left; |
|||
} |
|||
|
|||
.count_div { |
|||
display: flex; |
|||
} |
|||
|
|||
.count_div img { |
|||
display: inline-block; |
|||
margin: 2% 2% 5%; |
|||
width: 36%; |
|||
} |
|||
|
|||
.count_div .count_cont { |
|||
margin: 0 1% 0 -5%; |
|||
width: 62%; |
|||
} |
|||
|
|||
.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 { |
|||
margin-top: -6.5%; |
|||
} |
|||
|
|||
.com_cate h3.chart_tit { |
|||
margin-bottom: 0.5rem; |
|||
} |
|||
|
|||
.com_cate .number_count { |
|||
color: #f73b3b; |
|||
} |
|||
|
|||
.com_cate .count_item { |
|||
margin: -1% 0.5% 0 1.5%; |
|||
width: 48%; |
|||
background: url(../images/bg_analy_card_2.jpg) no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.com_cate .count_lab { |
|||
margin: 4.5% 5% 3%; |
|||
} |
|||
|
|||
.com_cate .count_div img { |
|||
display: inline-block; |
|||
margin: 2% 2% 5% 5%; |
|||
width: 30%; |
|||
} |
|||
|
|||
.key_area { |
|||
justify-content: space-evenly; |
|||
background: url(../images/bg_ring.png) no-repeat center center; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.key_area .count_item { |
|||
background: url(../images/bg_base.png) no-repeat center bottom; |
|||
background-size: 96% auto; |
|||
} |
|||
|
|||
.count_review { |
|||
/* float: left; */ |
|||
width: 96%; |
|||
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; |
|||
align-items: center; |
|||
justify-content: space-around; |
|||
margin: 3% 3%; |
|||
font-size: 1rem; |
|||
} |
|||
|
|||
.count_list .count_row:first-child { |
|||
margin: 3% 3% 5%; |
|||
} |
|||
|
|||
.count_row > span { |
|||
width: 30%; |
|||
font-weight: 550; |
|||
} |
|||
|
|||
.count_row span:nth-child(1) { |
|||
width: 40%; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.count_row span.percent_ym { |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.percent_ym .percent-tag { |
|||
margin: 1% 3% 5% 0; |
|||
} |
|||
|
|||
.percent_ym .percent-tag label { |
|||
margin: 0 8% 0 1%; |
|||
} |
|||
|
|||
.count_rev { |
|||
margin-top: 2%; |
|||
} |
|||
|
|||
.count_rev h4 { |
|||
background: url(../images/icon_rev.png) no-repeat center; |
|||
background-size: auto 100%; |
|||
} |
|||
|
|||
.count_rev .count_row:first-child { |
|||
margin: 3% 3%; |
|||
} |
|||
|
|||
.popbox { |
|||
display: none; |
|||
position: absolute; |
|||
z-index: 999; |
|||
top: 3rem; |
|||
left: 250px; |
|||
zoom: 1; |
|||
width: 60%; |
|||
height: 70%; |
|||
background: rgba(255, 255, 255, .9); |
|||
border-radius: 0.5rem; |
|||
box-shadow: 0 0 0.5rem #b1c9d7; |
|||
/*transform: translateY(-50%);*/ |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.poptit { |
|||
padding: 0 80px 0 20px; |
|||
height: 42px; |
|||
background: #F8F8F8; |
|||
color: #333; |
|||
font-size: 16px; |
|||
line-height: 42px; |
|||
border: none; |
|||
} |
|||
|
|||
.closet { |
|||
position: absolute; |
|||
top: 1%; |
|||
right: 1%; |
|||
width: 30px; |
|||
height: 30px; |
|||
/*background-color: #fff;*/ |
|||
color: #999; |
|||
cursor: pointer; |
|||
font-size: 24px; |
|||
font-family: sans-serif; |
|||
/*border-radius: 50%; |
|||
box-shadow: 0 0 5px #999;*/ |
|||
text-align: center; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.box_content { |
|||
width: 100%; |
|||
height: calc(100% - 50px); |
|||
background-color: #ffffff; |
|||
color: inherit; |
|||
padding: 15px 20px 10px 20px; |
|||
border-color: #e7eaec; |
|||
-webkit-border-image: none; |
|||
-o-border-image: none; |
|||
border-image: none; |
|||
border-style: solid solid none; |
|||
border-width: 1px 0px; |
|||
box-sizing: border-box; |
|||
overflow-x: hidden; |
|||
} |
|||
|
|||
.tablist { |
|||
width: 100%; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.tabtit { |
|||
display: flex; |
|||
margin: 0 0 1% 0; |
|||
width: 100%; |
|||
border-bottom: 1px solid #f0f1f2; |
|||
} |
|||
|
|||
.tabtit > span { |
|||
display: inline-block; |
|||
margin: 1% 3.5% 0 0; |
|||
min-width: 4.5%; |
|||
height: 1.75rem; |
|||
line-height: 1.75; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
font-size: 1.1rem; |
|||
font-weight: 600; |
|||
text-align: center; |
|||
white-space: nowrap; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.tabtit > span.active { |
|||
border-bottom: 3px solid rgba(12, 94, 249, 1); |
|||
color: rgb(12, 94, 249); |
|||
} |
|||
|
|||
.tabcont { |
|||
display: none; |
|||
width: 100%; |
|||
height: calc(100% - 50px); |
|||
overflow: auto; |
|||
} |
|||
|
|||
.selcont a.selitem { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
position: relative; |
|||
margin: 2% 1% 0; |
|||
padding: 0 0 0 2rem; |
|||
font-size: 1.0rem; |
|||
line-height: 2; |
|||
} |
|||
|
|||
.selcont a.selitem::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"; |
|||
} |
|||
|
|||
.selcont a.selitem.active.selected::before { |
|||
content: "\f046"; |
|||
color: #315efb; |
|||
} |
|||
|
|||
.deptcont { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.deptcont a.selitem { |
|||
width: 20%; |
|||
} |
|||
|
|||
.percent-tag span.percent-single { |
|||
color: #666; |
|||
font-size: 1.25rem; |
|||
line-height: 2; |
|||
} |
|||
|
|||
.link_btn { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
margin: 0.5% 2% 0; |
|||
height: 2rem; |
|||
font-size: 1.2rem; |
|||
line-height: 2; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.link_btn a { |
|||
position: relative; |
|||
margin: 3% 3%; |
|||
padding-left: 2rem; |
|||
color: #666; |
|||
font-size: 1.0rem; |
|||
opacity: .8; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.link_btn a:hover { |
|||
opacity: 1; |
|||
} |
|||
|
|||
.link_btn a::before { |
|||
position: absolute; |
|||
left: 0; |
|||
top: -2px; |
|||
content: ""; |
|||
width: 1.75rem; |
|||
height: 1.75rem; |
|||
background: url(../images/icon_dept32.png) no-repeat; |
|||
background-size: 100% auto; |
|||
} |
|||
|
|||
.link_btn a:last-child::before { |
|||
background: url(../images/icon_dist32.png) no-repeat; |
|||
background-size: 100% auto; |
|||
} |
|||
|
|||
.link_btn a::after { |
|||
position: absolute; |
|||
top: -0.5rem; |
|||
right: -1.1rem; |
|||
content: "\f105"; |
|||
color: #1ab5e0; |
|||
font-family: "FontAwesome"; |
|||
font-size: 1.25rem; |
|||
opacity: .75; |
|||
} |
|||
|
|||
.cont_total .count_row { |
|||
justify-content: flex-start; |
|||
} |
|||
|
|||
.cont_total .count_row:first-child { |
|||
margin: 3% 3% 5% 2%; |
|||
} |
|||
|
|||
.cont_total .count_row span, .cont_total .count_row span:nth-child(1) { |
|||
margin: 1% 2%; |
|||
width: auto; |
|||
} |
|||
|
|||
.cont_total .count_row span.percent_ym { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
width: 35%; |
|||
} |
|||
|
|||
.cont_total .count_row span.percent_ym .percent-tag { |
|||
margin: 1% 3% 1% 0; |
|||
} |
|||
|
|||
.count_num { |
|||
color: #fa6666; |
|||
font-size: 1.5rem; |
|||
} |
|||
|
|||
.chart_ring { |
|||
background: #fff url(../images/bg_shadow.png) no-repeat center; |
|||
background-position-y: 90%; |
|||
} |
|||
|
|||
|
|||
|
|||
/** 滚动条样式 **/ |
|||
::-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,598 @@ |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<head> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|||
<title>市直综合分析--执法监督码</title> |
|||
<link type="text/css" rel="stylesheet" href="/statistical-new/font-awesome/css/font-awesome.min.css" /> |
|||
<link type="text/css" rel="stylesheet" href="/statistical-new/styles/analysis.css" /> |
|||
<script type="text/javascript" src="/statistical-new/scripts/jquery-3.3.1.min.js"></script> |
|||
<script type="text/javascript" src="/statistical-new/scripts/echarts.min.js"></script> |
|||
<script type="text/javascript" src="/ajax/libs/layer/layer.min.js"></script> |
|||
<script type="text/javascript" src="/ajax/libs/layui/layui.js"></script> |
|||
<script type="text/javascript" src="/ajax/libs/datapicker/bootstrap-datetimepicker.min.js"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="wrap_all"> |
|||
<div class="select_set"> |
|||
<div class="select_item"> |
|||
<label class="select_area">各市直<a></a></label> |
|||
<dl class="fold_cont" id="depts" style="height: 85%; overflow: auto;"></dl> |
|||
</div> |
|||
<div class="select_item"> |
|||
<label class="select_time">时间筛选<a id="timeSelect"></a></label> |
|||
<span>综合数据</span> |
|||
</div> |
|||
</div> |
|||
<div class="link_btn"><a href="" style="display: none;">各市直执法部门综合分析</a> <a href="">各区执法综合分析</a></div> |
|||
<div class="data_cont"> |
|||
<div class="data_item"> |
|||
<div class="cont-title">单独执法数量</div> |
|||
<div class="cont-total"><b><span id="regis-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">联合执法数量</div> |
|||
<div class="cont-total"><b><span id="joint-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">被执法企业数量</div> |
|||
<div class="cont-total"><b><span id="regis-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">入企压减率</div> |
|||
<div class="cont-total"><b><span id="notice-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> <span class="percent-single">11.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">涉企投诉数量</div> |
|||
<div class="cont-total"><b><span id="regis-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">企业数量</div> |
|||
<div class="cont-total"><b><span id="regis-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
</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"> |
|||
<div class="count_lab">行政检查</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_801.png" alt="行政检查" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">行政处罚</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_802.png" alt="行政处罚" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">行政许可</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_803.png" alt="行政许可" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">行政强制</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_804.png" alt="行政强制" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">行政征收</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_805.png" alt="行政征收" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">行政给付</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_806.png" alt="行政给付" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">行政确认</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_807.png" alt="行政确认" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">行政登记</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_808.png" alt="行政登记" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">行政裁决</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_809.png" alt="行政裁决" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">文书送达</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_8010.png" alt="文书送达" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">行政执法投诉类别及占比</h3> |
|||
<div class="count_wrap com_cate"> |
|||
<div class="count_item"> |
|||
<div class="count_lab">违规执法</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_1001.png" alt="违法执法" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">违法执法</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_1002.png" alt="违规执法" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">入企不扫码</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_1004.png" alt="入企不扫码" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">其他</div> |
|||
<div class="count_div"> <img src="/statistical-new/images/icon_1003.png" alt="其他" /> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="twobox"> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">重点领域类别及占比</h3> |
|||
<div class="count_wrap key_area"> |
|||
<div class="count_item"> |
|||
<div class="count_lab">市场监督管理</div> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">规划和自然资源</div> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">生态环境</div> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">交通运输</div> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">卫生健康</div> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">应急管理</div> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">住房和建设</div> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">消防救援</div> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
<div class="count_item"> |
|||
<div class="count_lab">公安</div> |
|||
<div class="count_cont"> <span class="number_count">1,024</span><span class="number_percent">42.68<i>%</i></span></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">行政执法投诉评价</h3> |
|||
<div class="count_review"> |
|||
<div class="count_com"> |
|||
<h4>投诉</h4> |
|||
<div class="count_list"> |
|||
<div class="count_row"><span>投诉总量</span><span>135</span><span class="percent_ym"> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</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 class="count_row"><span>未评价</span><span>135</span><span>1.35%</span></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="echarts_mult"> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">被执法企业次数排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankCommpany"></div> |
|||
</div> |
|||
<div class="data_cont threebox multiple_dept" style="display: block;"> |
|||
<h3 class="chart_tit">执法单位执法数量排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankInspect"></div> |
|||
</div> |
|||
<div class="data_cont threebox multiple_dept" style="display: block;"> |
|||
<h3 class="chart_tit">被投诉单位次数排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankComplaint"></div> |
|||
</div> |
|||
<div class="data_cont threebox multiple_dept" style="display: block;"> |
|||
<h3 class="chart_tit">入企压减率排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankReduction"></div> |
|||
</div> |
|||
<div class="data_cont threebox single_dept" style="display: none;"> |
|||
<h3 class="chart_tit">联合执法单位数量排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankUnite"></div> |
|||
</div> |
|||
<div class="data_cont threebox single_dept" style="display: none;"> |
|||
<h3 class="chart_tit">执法人员涉企执法数量排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankOfficer"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权使用数量排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="powerNumber"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权使用率排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="powerUse"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权休眠率排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="powerSleep"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权被投诉次数排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="powerComplaint"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权使用率</h3> |
|||
<div class="chart_box" id="powerUseRate"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--<script type="text/javascript" src="/statistical-new/scripts/charts-rank.js"></script>--> |
|||
<script> |
|||
|
|||
var ctx="/" |
|||
var deptSize = 0; |
|||
|
|||
layui.use('laydate',function(){ |
|||
var laydate = layui.laydate; |
|||
laydate.render({ |
|||
elem: "#timeSelect",// 指定元素 |
|||
range: true, // 开启范围选择 |
|||
format: 'yyyy-MM-dd', // 日期格式 |
|||
min: '2019-04-14', // 最小可选日期 |
|||
max: '2099-06-16', // 最大可选日期 |
|||
trigger: 'click', // 选择器触发方式,可选值:click, hover等 |
|||
done: function(value, date, endDate){ // 选择日期后的回调函数 |
|||
//选择了清空 |
|||
if (value ===''){ |
|||
changeDate(null,null); |
|||
} |
|||
//选择了确定 |
|||
if (value !==null && value !==''){ |
|||
var month1 = 10 > date.month?"0"+date.month:date.month |
|||
var date1 = 10 > date.date?"0"+date.date:date.date |
|||
let beginTime = date.year+"-"+month1+"-"+date1 |
|||
|
|||
var month2 = 10 > endDate.month?"0"+endDate.month:endDate.month |
|||
var date2 = 10 > endDate.date?"0"+endDate.date:endDate.date |
|||
let endTime = endDate.year+"-"+month2+"-"+date2 |
|||
changeDate(beginTime,endTime); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
|
|||
function changeDate(time1, time2) { |
|||
beginTime = time1; |
|||
endTime = time2; |
|||
console.log(beginTime +' - '+ endTime); |
|||
// sixIndicators(beginTime,endTime,deptId); |
|||
// checkCategory(beginTime,endTime,deptId); |
|||
// evaluateCategory(beginTime,endTime,deptId); |
|||
// complaintCategory(beginTime,endTime,deptId); |
|||
// enforceType(beginTime,endTime,deptId); |
|||
// if (null == deptName) deptName = "全市直<a></a>" |
|||
// $("#dept_flag").html(deptName+"<a></a>") |
|||
} |
|||
|
|||
$(function(){ |
|||
getDeptLength(); |
|||
}); |
|||
|
|||
/** 获取部门长度 */ |
|||
function getDeptLength() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/queryDeptLength", |
|||
type: "get", |
|||
data: {zone: 1}, |
|||
success: function (result) { |
|||
deptSize = result.data; |
|||
queryDept(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 获取市直列表 */ |
|||
function queryDept() { |
|||
$.ajax({ |
|||
url: ctx + "code/statisticalPanel/queryDept", |
|||
type: "post", |
|||
data: JSON.stringify({"zoneList": [1, 15, 16]}), |
|||
dataType: 'json', |
|||
contentType: "application/json", |
|||
success: function(res) { |
|||
if(res.success) { |
|||
const datas = res.data; |
|||
var html = ''; |
|||
if(datas.length === deptSize) { |
|||
if (datas.length === 0){ |
|||
html += '<dd class="check_label" onclick="changeArea(-1, \'无权限\')">无权限</dd>'; |
|||
//html += '<dd class="check_label" onclick="changeArea(null, \'全市直\')">全市直</dd>'; |
|||
$("#dept_flag").html('无权限') |
|||
deptId = -1; deptName='无权限'; |
|||
changeArea(-1, '无权限') |
|||
}else { |
|||
html += '<dd class="check_label" onclick="changeArea(null, \'全市直\')">全市直</dd>'; |
|||
$("#dept_flag").html('全市直') |
|||
deptId = null; deptName='全市直'; |
|||
changeArea(null, '全市直') |
|||
} |
|||
} else { |
|||
$("#dept_flag").html(datas[0].deptName) |
|||
deptId = datas[0].deptId; deptName= datas[0].deptName; |
|||
changeArea(datas[0].deptId, datas[0].deptName) |
|||
} |
|||
for(var i=0; i<datas.length; i++) { |
|||
html += '<dd class="check_label" onclick="changeArea(\''+datas[i].deptId+'\',\''+datas[i].deptName+'\')">'+datas[i].deptName+'</dd>' |
|||
} |
|||
$("#depts").html(html); |
|||
|
|||
$('.fold_cont dd:first').addClass('selchk');//给第一个dd追加 |
|||
//each遍历元素 |
|||
$(".fold_cont dd").each(function () { |
|||
$(this).click(function () { //点击事件 |
|||
//当点击自身的时候添加,及删除同级的 |
|||
$(this).addClass('selchk').siblings().removeClass('selchk') |
|||
}) |
|||
}); |
|||
} |
|||
}, |
|||
error: function (error) { |
|||
$.modal.alertWarning("获取分析数据失败。"); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function changeArea(id, name) { |
|||
deptId = id; |
|||
deptName = name; |
|||
// sixIndicators(beginTime,endTime,deptId); |
|||
// checkCategory(beginTime,endTime,deptId); |
|||
// evaluateCategory(beginTime,endTime,deptId); |
|||
// complaintCategory(beginTime,endTime,deptId); |
|||
// enforceType(beginTime,endTime,deptId); |
|||
if (null == deptName) deptName = "全市直<a></a>" |
|||
$("#dept_flag").html(deptName+"<a></a>") |
|||
} |
|||
|
|||
// $('.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") |
|||
// } |
|||
// |
|||
// }) |
|||
// }); |
|||
// |
|||
// |
|||
// /**********综合/单一主体切换 显示/隐藏排行图表间距************/ |
|||
// |
|||
// if($(".multiple_dept").css("display")=="block") |
|||
// { $(".single_dept").css("display","none"); |
|||
// $(".threebox:nth-child(8),.threebox:nth-child(11)").css("margin-right","0"); |
|||
// $(".threebox:nth-child(9),.threebox:nth-child(10)").css("margin-right","1.23%"); |
|||
// } |
|||
// |
|||
// else { |
|||
// $(".threebox:nth-child(8),.threebox:nth-child(10)").css("margin-right","1.23%"); |
|||
// $(".threebox:nth-child(9)").css("margin-right","0"); |
|||
// } |
|||
|
|||
|
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,394 @@ |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<head> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|||
<title>各区综合分析--执法监督码</title> |
|||
<link type="text/css" rel="stylesheet" href="/statistical-new/font-awesome/css/font-awesome.min.css" /> |
|||
<link type="text/css" rel="stylesheet" href="/statistical-new/styles/analysis.css" /> |
|||
<script type="text/javascript" src="/statistical-new/scripts/jquery-3.3.1.min.js"></script> |
|||
<script type="text/javascript" src="/statistical-new/scripts/echarts.min.js"></script> |
|||
<script type="text/javascript" src="/ajax/libs/layer/layer.min.js"></script> |
|||
<script type="text/javascript" src="/ajax/libs/layui/layui.js"></script> |
|||
<script type="text/javascript" src="/ajax/libs/datapicker/bootstrap-datetimepicker.min.js"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="wrap_all"> |
|||
<div class="select_set"> |
|||
<div class="select_item"> |
|||
<label class="select_area">各区<a></a></label> |
|||
<dl class="fold_cont" style="height: 85%; overflow: auto;"> |
|||
<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">时间筛选<a id="timeSelect"></a></label> |
|||
<span>综合数据</span> |
|||
</div> |
|||
</div> |
|||
<div class="link_btn"><a href="">各市直执法部门综合分析</a> <a href="" style="display: none;">各区执法综合分析</a></div> |
|||
<div class="data_cont"> |
|||
<div class="data_item"> |
|||
<div class="cont-title">单独执法数量</div> |
|||
<div class="cont-total"><b><span id="regis-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">联合执法数量</div> |
|||
<div class="cont-total"><b><span id="joint-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">被执法企业数量</div> |
|||
<div class="cont-total"><b><span id="regis-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">入企压减率</div> |
|||
<div class="cont-total"><b><span id="notice-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> <span class="percent-single">11.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">涉企投诉数量</div> |
|||
<div class="cont-total"><b><span id="regis-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
<div class="data_item"> |
|||
<div class="cont-title">企业数量</div> |
|||
<div class="cont-total"><b><span id="regis-total">6,457</span></b> |
|||
<div class="nece-data"> |
|||
<div class="percent-tag"> |
|||
<label id="">昨日</label> |
|||
<span class="data-change" id="">105</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">本月</label> |
|||
<span class="data-change" id="">1902</span> </div> |
|||
</div> |
|||
</div> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</div> |
|||
</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="twobox halfbox"> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">行政执法投诉</h3> |
|||
<div class="count_list cont_total"> |
|||
<div class="count_row"><span>投诉总量</span><span class="count_num">437</span><span class="percent_ym"> |
|||
<div class="percent-tag"> |
|||
<label id="">同比</label> |
|||
<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="">1.13%</span> </div> |
|||
<div class="percent-tag"> |
|||
<label id="">环比</label> |
|||
<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="">1.13%</span> </div> |
|||
</span></div> |
|||
</div> |
|||
<div class="chart_box" id="complaintHandling" style="margin-top: -10%; height: 70%;"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">行政执法评价</h3> |
|||
<div class="chart_box" id="evaluateRate"></div> |
|||
</div> |
|||
</div> |
|||
<div class="echarts_mult"> |
|||
<div class="data_cont threebox chart_ring"> |
|||
<h3 class="chart_tit">执法类别数量及占比</h3> |
|||
<div class="chart_box" id="countInspect"></div> |
|||
</div> |
|||
<div class="data_cont threebox chart_ring"> |
|||
<h3 class="chart_tit">重点领域数量及占比</h3> |
|||
<div class="chart_box" id="countCommpany"></div> |
|||
</div> |
|||
<div class="data_cont threebox chart_ring"> |
|||
<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> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankCommpany"></div> |
|||
</div> |
|||
<div class="data_cont threebox multiple_dept" style="display: block;"> |
|||
<h3 class="chart_tit">执法单位执法数量排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankInspect"></div> |
|||
</div> |
|||
<div class="data_cont threebox multiple_dept" style="display: block;"> |
|||
<h3 class="chart_tit">被投诉单位次数排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankComplaint"></div> |
|||
</div> |
|||
<div class="data_cont threebox multiple_dept" style="display: block;"> |
|||
<h3 class="chart_tit">入企压减率排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankReduction"></div> |
|||
</div> |
|||
<div class="data_cont threebox single_dept" style="display: none;"> |
|||
<h3 class="chart_tit">联合执法单位数量排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankUnite"></div> |
|||
</div> |
|||
<div class="data_cont threebox single_dept" style="display: none;"> |
|||
<h3 class="chart_tit">执法人员涉企执法数量排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="rankOfficer"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权使用数量排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="powerNumber"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权使用率排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="powerUse"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权休眠率排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="powerSleep"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权被投诉次数排行</h3> |
|||
<span class="sel_rank"> |
|||
<select name=""> |
|||
<option>TOP 10</option> |
|||
<option>TOP 5</option> |
|||
</select> |
|||
</span> |
|||
<div class="chart_box" id="powerComplaint"></div> |
|||
</div> |
|||
<div class="data_cont threebox"> |
|||
<h3 class="chart_tit">职权使用率</h3> |
|||
<div class="chart_box" id="powerUseRate"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script type="text/javascript" src="/statistical-new/scripts/charts-rank.js"></script> |
|||
<script> |
|||
|
|||
layui.use('laydate',function(){ |
|||
var laydate = layui.laydate; |
|||
laydate.render({ |
|||
elem: "#timeSelect",// 指定元素 |
|||
range: true, // 开启范围选择 |
|||
format: 'yyyy-MM-dd', // 日期格式 |
|||
min: '2019-04-14', // 最小可选日期 |
|||
max: '2099-06-16', // 最大可选日期 |
|||
trigger: 'click', // 选择器触发方式,可选值:click, hover等 |
|||
done: function(value, date, endDate){ // 选择日期后的回调函数 |
|||
//选择了清空 |
|||
if (value ===''){ |
|||
changeDate(null,null); |
|||
} |
|||
//选择了确定 |
|||
if (value !==null && value !==''){ |
|||
var month1 = 10 > date.month?"0"+date.month:date.month |
|||
var date1 = 10 > date.date?"0"+date.date:date.date |
|||
let beginTime = date.year+"-"+month1+"-"+date1 |
|||
|
|||
var month2 = 10 > endDate.month?"0"+endDate.month:endDate.month |
|||
var date2 = 10 > endDate.date?"0"+endDate.date:endDate.date |
|||
let endTime = endDate.year+"-"+month2+"-"+date2 |
|||
changeDate(beginTime,endTime); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
|
|||
function changeDate(time1, time2) { |
|||
beginTime = time1; |
|||
endTime = time2; |
|||
console.log(beginTime +' - '+ endTime); |
|||
// sixIndicators(beginTime,endTime,deptId); |
|||
// checkCategory(beginTime,endTime,deptId); |
|||
// evaluateCategory(beginTime,endTime,deptId); |
|||
// complaintCategory(beginTime,endTime,deptId); |
|||
// enforceType(beginTime,endTime,deptId); |
|||
// if (null == deptName) deptName = "全市直<a></a>" |
|||
// $("#dept_flag").html(deptName+"<a></a>") |
|||
} |
|||
|
|||
// $('.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") |
|||
// } |
|||
// |
|||
// }) |
|||
// }); |
|||
// |
|||
// |
|||
// /**********综合/单一主体切换 显示/隐藏排行图表间距************/ |
|||
// |
|||
// if($(".multiple_dept").css("display")=="block") |
|||
// { $(".single_dept").css("display","none"); |
|||
// $(".threebox:nth-child(8),.threebox:nth-child(11),.threebox:nth-child(14)").css("margin-right","0"); |
|||
// $(".threebox:nth-child(9),.threebox:nth-child(12)").css("margin-right","1.23%"); |
|||
// } |
|||
// |
|||
// else { |
|||
// $(".threebox:nth-child(8),.threebox:nth-child(10)").css("margin-right","1.23%"); |
|||
// $(".threebox:nth-child(9),.threebox:nth-child(12)").css("margin-right","0"); |
|||
// } |
|||
|
|||
|
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,50 @@ |
|||
package com.zdxt.code.controller; |
|||
|
|||
import com.zdxt.auth.dto.DeptBean; |
|||
import com.zdxt.auth.dto.DictDataBean; |
|||
import com.zdxt.auth.dto.UserBean; |
|||
import com.zdxt.auth.feign.DeptApi; |
|||
import com.zdxt.auth.feign.DictDataApi; |
|||
import com.zdxt.auth.feign.UserApi; |
|||
import com.zdxt.auth.project.system.dict.service.IDictDataService; |
|||
import com.zdxt.code.domain.SixAnalysisParams; |
|||
import com.zdxt.code.domain.StatisticsIndicatorPart; |
|||
import com.zdxt.code.domain.dto.StatisticalPanelDto; |
|||
import com.zdxt.code.service.StatisticalPaneService; |
|||
import com.zdxt.common.ZDResponse; |
|||
import com.zdxt.common.controller.BaseController; |
|||
import com.zdxt.domain.auth.DictData; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Controller; |
|||
import org.springframework.ui.Model; |
|||
import org.springframework.web.bind.annotation.*; |
|||
|
|||
import java.util.ArrayList; |
|||
import java.util.HashMap; |
|||
import java.util.List; |
|||
import java.util.Map; |
|||
|
|||
/** |
|||
* 综合统计 |
|||
*/ |
|||
@Controller |
|||
@RequestMapping("/code/statisticalPanelNew") |
|||
public class StatisticalPanelNewController extends BaseController { |
|||
|
|||
@Autowired |
|||
private StatisticalPaneService statisticalPaneService; |
|||
|
|||
@Autowired private IDictDataService iDictDataService; |
|||
@Autowired private DeptApi deptApi; |
|||
@Autowired private UserApi userApi; |
|||
@Autowired |
|||
private DictDataApi dictDataApi; |
|||
|
|||
/*------------------------------------------综合分析-新版--------------------------------*/ |
|||
@GetMapping("/city-direct") |
|||
public String cityDirect(Model model) { return "project/code/statistical-new/city-direct"; } |
|||
@GetMapping("/district-direct") |
|||
public String districtDirect(Model model) { return "project/code/statistical-new/district-direct"; } |
|||
|
|||
} |
|||
|
|||