添加前端页面代码

nngkxxdp/src/main/resources/static/wzkp/css/wzkp.css

@@ -1,621 +1,686 @@
 * {
-	margin: 0;
-	padding: 0;
+    margin: 0;
+    padding: 0;
 }
 
 body {
-	width: 1200px;
-	margin: 0 29px;
+    width: 1200px;
+    margin: 0 29px;
 }
 
 .top_head {
-	width: 600px;
-	display: flex;
-	justify-content: center;
-	box-shadow: 0px 4px 19px 2px rgba(0, 0, 0, 0.13);
-	border-radius: 30px;
-	margin: 26px auto 28px;
+    width: 600px;
+    display: flex;
+    justify-content: center;
+    box-shadow: 0px 4px 19px 2px rgba(0, 0, 0, 0.13);
+    border-radius: 30px;
+    margin: 26px auto 28px;
 }
 
 .top_head li {
-	width: 50%;
-	height: 60px;
-	background: #F7F9FC;
-	line-height: 60px;
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: bold;
-	color: #333333;
-	text-align: center;
-	cursor: pointer;
+    width: 50%;
+    height: 60px;
+    background: #F7F9FC;
+    line-height: 60px;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #333333;
+    text-align: center;
+    cursor: pointer;
 }
 
 .top_head li.title_active {
-	background: linear-gradient(90deg, #4381DC 0%, #1A60B6 100%);
-	color: #FFFFFF;
+    background: linear-gradient(90deg, #4381DC 0%, #1A60B6 100%);
+    color: #FFFFFF;
 }
 
 .top_head li:first-child {
-	border-radius: 30px 0px 0px 30px;
+    border-radius: 30px 0px 0px 30px;
 }
 
 .top_head li:last-child {
-	border-radius: 0px 30px 30px 0px;
+    border-radius: 0px 30px 30px 0px;
 }
 
 .branch_street {
-	width: 100%;
-	height: 50px;
-	display: flex;
-	flex-wrap: wrap;
+    width: 100%;
+    height: 50px;
+    display: flex;
+    flex-wrap: wrap;
 }
 
 .branch_street::after {
-	content: '';
-	width: 1180px;
-	height: 2px;
-	background-color: #1C62B8;
-	margin-top: -2px;
-	margin-left: 20px;
+    content: '';
+    width: 1180px;
+    height: 2px;
+    background-color: #1C62B8;
+    margin-top: -2px;
+    margin-left: 20px;
 }
 
 .branch_street li {
-	width: 167px;
-	height: 50px;
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: bold;
-	color: #333333;
-	text-align: center;
-	line-height: 50px;
-	cursor: pointer;
+    width: 167px;
+    height: 50px;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #333333;
+    text-align: center;
+    line-height: 50px;
+    cursor: pointer;
 }
 
 .branch_street li.layui-this {
-	background: linear-gradient(90deg, #4381DC 0%, #195CAF 100%);
-	border-radius: 25px 25px 0px 25px;
-	color: #FFFFFF;
+    background: linear-gradient(90deg, #4381DC 0%, #195CAF 100%);
+    border-radius: 25px 25px 0px 25px;
+    color: #FFFFFF;
 }
 
 .branch_street .layui-this:after {
-	display: none !important;
+    display: none !important;
 }
 
 .content_year {
-	margin: 25px 0 34px 0;
-	position: relative;
-	text-align: left !important;
+    margin: 25px 0 34px 0;
+    position: relative;
+    text-align: left !important;
 }
 
 .content_year .layui-tab-title .layui-this {
-	color: #1A5FB4;
-	width: 100px;
-	height: 50px;
-	background: #E0ECFE;
-	box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
-	border-radius: 25px;
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: 500;
-	line-height: 50px;
+    color: #1A5FB4;
+    width: 100px;
+    height: 50px;
+    background: #E0ECFE;
+    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 25px;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    line-height: 50px;
 }
 
 .content_year .layui-tab-title .layui-this:after {
-	border-bottom: 0;
+    border-bottom: 0;
 }
 
 .content_year .layui-tab-title li {
-	width: 100px;
-	height: 50px;
-	background: #FFFFFF;
-	box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
-	border-radius: 25px;
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #333333;
-	line-height: 50px;
-	padding: 0;
-	margin-right: 26px;
+    width: 100px;
+    height: 50px;
+    background: #FFFFFF;
+    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 25px;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    line-height: 50px;
+    padding: 0;
+    margin-right: 26px;
 }
 
 .content_year .layui-tab-more li.layui-this:after,
 .content_year .layui-tab-title .layui-this:after {
-	border-bottom: 0;
+    border-bottom: 0;
 }
 
 .choice_year {
-	position: absolute;
-	top: 0;
-	right: 0;
-	text-align: center;
+    position: absolute;
+    top: 0;
+    right: 0;
+    text-align: center;
 }
 
 .choice_year .layui-form-label {
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #333333;
-	padding: 15px;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    padding: 15px;
 }
 
 .choice_year .ly-date-input {
-	width: 175px;
-	height: 50px;
-	background: #FFFFFF;
-	box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
-	border-radius: 25px;
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #1C61B6;
-	padding-left: 31px;
+    width: 175px;
+    height: 50px;
+    background: #FFFFFF;
+    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 25px;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #1C61B6;
+    padding-left: 31px;
 }
 
 .icount {
-	width: 13px;
-	height: 11px;
-	position: absolute;
-	top: 40%;
-	right: 18%;
+    width: 13px;
+    height: 11px;
+    position: absolute;
+    top: 40%;
+    right: 18%;
 }
 
 .content_year .layui-tab-title {
-	height: 50px;
+    height: 50px;
 }
 
 .content_year .layui-tab-content {
-	padding: 0;
-	margin: 4px 0 0 0;
+    padding: 0;
+    margin: 4px 0 0 0;
 }
 
 .content_box li {
-	width: 100%;
-	height: 148px;
-	border-radius: 36px;
-	margin-top: 30px;
-	display: flex;
+    width: 100%;
+    height: 148px;
+    border-radius: 36px;
+    margin-top: 30px;
+    display: flex;
 }
 
 .box_blue .content_right {
-	background-color: #E4EFFF;
+    background-color: #E4EFFF;
 }
 
 .box_yellow .content_right {
-	background-color: #FCF2E2;
+    background-color: #FCF2E2;
 }
 
 .box_green .content_right {
-	background-color: #D4FBCF;
+    background-color: #D4FBCF;
 }
 
 .box_red .content_right {
-	background-color: #FFE4E4;
+    background-color: #FFE4E4;
 }
 
 .content_left {
-	width: 20%;
-	height: 148px;
-	border-radius: 36px 0px 0px 36px;
+    width: 20%;
+    height: 148px;
+    border-radius: 36px 0px 0px 36px;
 }
 
 .box_blue .content_left {
-	background: linear-gradient(90deg, #4381DB 0%, #629CEF 100%);
+    background: linear-gradient(90deg, #4381DB 0%, #629CEF 100%);
 }
 
 .box_yellow .content_left {
-	background: linear-gradient(90deg, #DBA043 0%, #E2AD5B 100%);
+    background: linear-gradient(90deg, #DBA043 0%, #E2AD5B 100%);
 }
 
 .box_green .content_left {
-	background: linear-gradient(90deg, #46A739 0%, #71D963 100%);
+    background: linear-gradient(90deg, #46A739 0%, #71D963 100%);
 }
 
 .box_red .content_left {
-	background: linear-gradient(90deg, #DC5544 0%, #E07F72 100%);
+    background: linear-gradient(90deg, #DC5544 0%, #E07F72 100%);
 }
 
 .content_left img {
-	display: flex;
+    display: flex;
 }
 
 .content_left p {
-	width: 100%;
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: bold;
-	color: #F7F9FC;
-	text-align: center;
+    width: 100%;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #F7F9FC;
+    text-align: center;
 }
 
 .content_right {
-	width: 80%;
-	height: 148px;
-	border-radius: 0px 36px 36px 0px;
+    width: 80%;
+    height: 148px;
+    border-radius: 0px 36px 36px 0px;
 }
 
 .content_right ul {
-	width: 100%;
-	margin: 42px 91px 38px 73px;
-	display: flex;
+    width: 100%;
+    margin: 42px 91px 38px 73px;
+    display: flex;
 }
 
 .content_right ul li {
-	display: flex;
-	height: 90px;
-	width: 30%;
-	margin: 0;
+    display: flex;
+    height: 90px;
+    width: 30%;
+    margin: 0;
 }
 
 .img_wrap {
-	position: relative;
+    position: relative;
 }
 
 .wrap_text {
-	width: 68px;
-	height: 68px;
-	background: #F7F9FC;
-	border-radius: 50%;
-	text-align: center;
-	line-height: 68px;
-	font-size: 26px;
-	font-family: PingFang SC;
-	font-weight: 400;
-	color: #666666;
+    width: 68px;
+    height: 68px;
+    background: #F7F9FC;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 68px;
+    font-size: 26px;
+    font-family: PingFang SC;
+    font-weight: 400;
+    color: #666666;
 }
 
 .wrap_text_cover {
-	width: 68px;
-	height: 68px;
-	background: #F7F9FC;
-	border-radius: 50%;
-	text-align: center;
-	line-height: 68px;
-	font-size: 26px;
-	font-family: PingFang SC;
-	font-weight: 400;
-	color: #666666;
+    width: 68px;
+    height: 68px;
+    background: #F7F9FC;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 68px;
+    font-size: 26px;
+    font-family: PingFang SC;
+    font-weight: 400;
+    color: #666666;
 }
 
 .img_g {
-	position: absolute;
-	top: -21%;
-	left: -13%;
+    position: absolute;
+    top: -21%;
+    left: -13%;
 }
 
 .img_p {
-	position: absolute;
-	top: 0;
-	left: -1%;
+    position: absolute;
+    top: 0;
+    left: -1%;
 }
 
 .img_jb {
-	position: absolute;
-	top: -10%;
-	left: -17%;
+    position: absolute;
+    top: -10%;
+    left: -17%;
 }
 
 .descript_box {
-	margin-left: 15px;
+    margin-left: 15px;
 }
 
 .descript_box h1 {
-	font-size: 18px;
-	font-family: PingFang SC;
-	font-weight: bold;
-	color: #333333;
+    font-size: 18px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #333333;
 }
 
 .descript_totall {
-	margin-top: 2px;
-	font-size: 16px;
-	font-family: PingFang SC;
+    margin-top: 2px;
+    font-size: 16px;
+    font-family: PingFang SC;
 }
 
 
 .descript_totall span {
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: bold;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: bold;
 }
 
 .fs {
-	display: flex;
-	font-size: 14px;
-	font-family: PingFang SC;
-	font-weight: 500;
+    display: flex;
+    font-size: 14px;
+    font-family: PingFang SC;
+    font-weight: 500;
 }
 
 .box_blue .fs {
-	color: #92B9F1;
+    color: #92B9F1;
 }
 
 .box_blue .descript_totall {
-	color: #3E7DD7;
+    color: #3E7DD7;
 }
 
 .box_blue .descript_totall span {
-	color: #3E7DD7;
+    color: #3E7DD7;
 }
 
 .box_yellow .fs {
-	color: #E0B97A;
+    color: #E0B97A;
 }
 
 .box_yellow .descript_totall {
-	color: #CA8417;
+    color: #CA8417;
 }
 
 .box_yellow .descript_totall span {
-	color: #CA8417;
+    color: #CA8417;
 }
 
 .box_yellow .wrap_text_cover {
-	border: 2px solid #DBA144;
+    border: 2px solid #DBA144;
 }
 
 .box_green .fs {
-	color: #85E378;
+    color: #85E378;
 }
 
 .box_green .descript_totall {
-	color: #47A83A;
+    color: #47A83A;
 }
 
 .box_green .descript_totall span {
-	color: #47A83A;
+    color: #47A83A;
 }
 
 .box_red .fs {
-	color: #F3A0A0;
+    color: #F3A0A0;
 }
 
 .box_red .descript_totall {
-	color: #DB5645;
+    color: #DB5645;
 }
 
 .box_red .descript_totall span {
-	color: #DB5645;
+    color: #DB5645;
 }
 
 .box_yellow .wrap_text_cover {
-	border: 2px solid #DBA144;
+    border: 2px solid #DBA144;
 }
 
 .box_red .wrap_text_cover {
-	border: 2px solid #DB5846;
+    border: 2px solid #DB5846;
 }
 
 .box_green .descript_box {
-	margin-top: -9px;
+    margin-top: -9px;
 }
 
 .box_red .descript_box {
-	margin-top: -9px;
+    margin-top: -9px;
 }
 
 .up_green {
-	font-size: 12px;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #333333;
-	display: flex;
-	align-items: center;
+    font-size: 12px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    display: flex;
+    align-items: center;
 }
 
 .up_img {
-	width: 10px;
-	height: 13px;
+    width: 10px;
+    height: 13px;
 }
 
 .rank_detail {
-	width: 100%;
-	background: linear-gradient(0deg, #F8FAFE 0%, #FFFFFF 100%);
+    width: 100%;
+    background: linear-gradient(0deg, #F8FAFE 0%, #FFFFFF 100%);
 }
 
 .rank_detail .rank_title {
-	display: flex;
-	padding: 50px 0 20px 0;
-	align-items: center;
-	background: linear-gradient(0deg, #F8FAFE 0%, #FFFFFF 100%);
+    display: flex;
+    padding: 50px 0 20px 0;
+    align-items: center;
+    background: linear-gradient(0deg, #F8FAFE 0%, #FFFFFF 100%);
 }
 
 .rank_title span {
-	display: inline-block;
-	width: 2px;
-	height: 16px;
-	background-color: #4280DB;
+    display: inline-block;
+    width: 2px;
+    height: 16px;
+    background-color: #4280DB;
 }
 
 .rank_title p {
-	font-size: 20px;
-	font-family: PingFang SC;
-	color: #4280DB;
+    font-size: 20px;
+    font-family: PingFang SC;
+    color: #4280DB;
 }
 
 .table_wrap {
-	padding: 10px 0 !important;
-	background: #F8FAFE !important;
+    padding: 10px 0 !important;
+    background: #F8FAFE !important;
 }
 
 .table_css {
-	margin: 0 !important;
+    margin: 0 !important;
 }
 
 .layui-table[lay-skin=line] {
-	border: 0px !important;
+    border: 0px !important;
 }
 
 .table_css thead tr {
-	background: #4280DB !important;
+    background: #4280DB !important;
 }
 
 .table_css thead tr th {
-	padding: 16px 15px !important;
-	font-size: 18px !important;
-	font-family: PingFang SC !important;
-	font-weight: bold !important;
-	color: #FFFFFF !important;
+    padding: 16px 15px !important;
+    font-size: 18px !important;
+    font-family: PingFang SC !important;
+    font-weight: bold !important;
+    color: #FFFFFF !important;
 }
 
 .table_css thead tr th:first-child {
-	border-collapse: separate !important;
-	border-spacing: 0 !important;
-	border-radius: 15px 0 0 0 !important;
+    border-collapse: separate !important;
+    border-spacing: 0 !important;
+    border-radius: 15px 0 0 0 !important;
 }
 
 .table_css thead tr th:last-child {
-	border-collapse: separate;
-	border-spacing: 0;
-	border-radius: 0 15px 0 0;
+    border-collapse: separate;
+    border-spacing: 0;
+    border-radius: 0 15px 0 0;
 }
 
 .table_css tbody tr:nth-child(odd) {
-	background: #FFFFFF !important;
+    background: #FFFFFF !important;
 }
 
 .table_css tbody tr:nth-child(even) {
-	background: #F0F5FE !important;
+    background: #F0F5FE !important;
 }
 
 .table_css tbody tr td {
-	padding: 16px 15px !important;
-	font-size: 18px !important;
-	font-family: PingFang SC !important;
-	/* font-weight: bold !important; */
-	color: #666666 !important;
-	border-width: 0 1px 0 0 !important;
-	border-style: solid !important;
-	border-color: #EDEDED !important;
+    padding: 16px 15px !important;
+    font-size: 18px !important;
+    font-family: PingFang SC !important;
+    /* font-weight: bold !important; */
+    color: #666666 !important;
+    border-width: 0 1px 0 0 !important;
+    border-style: solid !important;
+    border-color: #EDEDED !important;
 }
 
 .table_css tbody tr td:last-child {
-	border-width: 0 !important;
+    border-width: 0 !important;
 }
 
 .img_tr {
-	margin-right: 16px;
+    margin-right: 16px;
 }
 
 .table_css tbody tr:last-child td:first-child {
-	border-collapse: separate !important;
-	border-spacing: 0 !important;
-	border-radius: 0 0 0 15px !important;
+    border-collapse: separate !important;
+    border-spacing: 0 !important;
+    border-radius: 0 0 0 15px !important;
 }
 
 .detailed_data .rank_title {
-	background: #F8FAFE;
-	display: flex;
-	padding: 50px 0 20px 0;
-	align-items: center;
+    background: #F8FAFE;
+    display: flex;
+    padding: 50px 0 20px 0;
+    align-items: center;
 }
 
 .department_street {
-	display: flex;
-	flex-wrap: wrap;
-	background: linear-gradient(0deg, #FFFFFF 0%, #F8FAFE 100%);
+    display: flex;
+    flex-wrap: wrap;
+    background: linear-gradient(0deg, #FFFFFF 0%, #F8FAFE 100%);
 }
 
 .department_street li {
-	width: 167px;
-	height: 50px;
-	background: linear-gradient(90deg, #4381DC 0%, #195CAF 100%);
-	border-radius: 25px 25px 0px 25px;
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: bold;
-	color: #FFFFFF;
-	text-align: center;
-	line-height: 50px;
+    width: 167px;
+    height: 50px;
+    background: linear-gradient(90deg, #4381DC 0%, #195CAF 100%);
+    border-radius: 25px 25px 0px 25px;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #FFFFFF;
+    text-align: center;
+    line-height: 50px;
 }
 
 .department_street::after {
-	content: '';
-	width: 1180px;
-	height: 2px;
-	background-color: #1C62B8;
-	margin-top: -2px;
-	margin-left: 20px;
+    content: '';
+    width: 1180px;
+    height: 2px;
+    background-color: #1C62B8;
+    margin-top: -2px;
+    margin-left: 20px;
 }
 
 .form_css .layui-form-item {
-	margin: 25px 0 30px 0 !important;
+    margin: 25px 0 30px 0 !important;
 }
 
 .form_css .layui-form-label {
-	width: 116px !important;
-	font-size: 20px !important;
-	font-family: PingFang SC !important;
-	font-weight: 500 !important;
-	color: #333333 !important;
-	padding: 15px 0 !important;
-	text-align: left;
+    width: 116px !important;
+    font-size: 20px !important;
+    font-family: PingFang SC !important;
+    font-weight: 500 !important;
+    color: #333333 !important;
+    padding: 15px 0 !important;
+    text-align: left;
 }
 
 .form_css .layui-input-block {
-	margin-left: 160px !important;
-	width: 497px !important;
-	height: 50px !important;
-	background: #FFFFFF !important;
-	box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1) !important;
-	border-radius: 25px !important;
+    margin-left: 160px !important;
+    width: 497px !important;
+    height: 50px !important;
+    background: #FFFFFF !important;
+    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1) !important;
+    border-radius: 25px !important;
 }
 
 .form_css .layui-input-block .layui-form-select .layui-input {
-	border-radius: 25px !important;
-	height: 50px !important;
-	font-size: 20px !important;
-	font-family: PingFang SC !important;
-	font-weight: 500 !important;
-	color: #1C61B6 !important;
-	padding: 0 32px !important;
+    border-radius: 25px !important;
+    height: 50px !important;
+    font-size: 20px !important;
+    font-family: PingFang SC !important;
+    font-weight: 500 !important;
+    color: #1C61B6 !important;
+    padding: 0 32px !important;
 }
 
 .form_css .layui-form-select .layui-edge {
-	border-top-color: #1C61B6 !important;
-	right: 27px !important;
+    border-top-color: #1C61B6 !important;
+    right: 27px !important;
 }
 
 .form_css .layui-input-block .layui-form-select .layui-input::-webkit-input-placeholder {
-	/* Chrome/Opera/Safari */
-	color: #1C61B6 !important;
+    /* Chrome/Opera/Safari */
+    color: #1C61B6 !important;
 }
 
 .form_css .layui-input-block .layui-form-select .layui-input::-moz-placeholder {
-	/* Firefox 19+ */
-	color: #1C61B6 !important;
+    /* Firefox 19+ */
+    color: #1C61B6 !important;
 }
 
 .form_css .layui-input-block .layui-form-select .layui-input:-ms-input-placeholder {
-	/* IE 10+ */
-	color: #1C61B6 !important;
+    /* IE 10+ */
+    color: #1C61B6 !important;
 }
 
 .form_css .layui-input-block .layui-form-select .layui-input:-moz-placeholder {
-	/* Firefox 18- */
-	color: #1C61B6 !important;
+    /* Firefox 18- */
+    color: #1C61B6 !important;
 }
 
 .form_css .layui-form-select dl {
-	top: 53px !important;
-	font-size: 20px !important;
-	font-family: PingFang SC !important;
-	font-weight: 500 !important;
+    top: 53px !important;
+    font-size: 20px !important;
+    font-family: PingFang SC !important;
+    font-weight: 500 !important;
 }
 
 .form_css .layui-form-select dl dd.layui-this {
-	background-color: #1C61B6 !important;
+    background-color: #1C61B6 !important;
 }
 
 .rank_text {
-	display: flex;
+    display: flex;
 }
 
 .rank_text h1 {
-	display: flex;
-	font-size: 20px;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #333333;
-	margin-right: 54px;
+    display: flex;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    margin-right: 54px;
 }
+
+.table_css_two {
+    margin: 0 !important;
+}
+
+.table_css_two thead tr {
+    background: #4280DB !important;
+}
+
+.table_css_two thead tr th {
+    padding: 16px 15px !important;
+    font-size: 18px !important;
+    font-family: PingFang SC !important;
+    font-weight: bold !important;
+    color: #FFFFFF !important;
+}
+
+.table_css_two thead tr th:first-child {
+    border-collapse: separate !important;
+    border-spacing: 0 !important;
+    border-radius: 15px 0 0 0 !important;
+}
+
+.table_css_two thead tr th:last-child {
+    border-collapse: separate;
+    border-spacing: 0;
+    border-radius: 0 15px 0 0;
+}
+
+.table_css_two tbody tr:nth-child(odd) {
+    background: #FFFFFF !important;
+}
+
+.table_css_two tbody tr:nth-child(even) {
+    background: #F0F5FE !important;
+}
+
+.table_css_two tbody tr td {
+    padding: 16px 15px !important;
+    font-size: 14px !important;
+    font-family: PingFang SC !important;
+    /* font-weight: bold !important; */
+    color: #666666 !important;
+    /* border-width: 0 1px 0 0 !important;
+    border-style: solid !important;
+    border-color: #EDEDED !important; */
+    border: 0 !important;
+}
+
+.table_css_two tbody tr td:last-child {
+    border-width: 0 !important;
+}
+
+.table_css_two tbody tr:last-child td:first-child {
+    border-collapse: separate !important;
+    border-spacing: 0 !important;
+    border-radius: 0 0 0 15px !important;
+}
+
+.table_css_two tbody tr:last-child td:last-child {
+    border-collapse: separate !important;
+    border-spacing: 0 !important;
+    border-radius: 0 0 15px 0 !important;
+}
+

nngkxxdp/src/main/resources/static/wzkp/wzkp.html

@@ -1,357 +1,511 @@
 <!DOCTYPE html>
 <html>
-	<head>
-		<meta charset="utf-8">
-		<title>网站考评</title>
-		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
-		<link rel="stylesheet" type="text/css" href="css/wzkp.css"/>
-	</head>
-	<body>
-		<ul class="top_head">
-			<li class="title_active">网站考评</li>
-			<li>政务新媒体</li>
-		</ul>
-		<div class="content_show">
-			<div class="layui-tab">
-				<ul class="layui-tab-title branch_street" style="border: none">
-					<li class="layui-this">部门</li>
-					<li>街镇</li>
-				</ul>
-				<div class="layui-tab-content">
-					<div class="layui-tab-item layui-show">
-						<div class="content_year layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
-							<ul class="layui-tab-title" style="border: none">
-								<li class="layui-this">月度</li>
-								<li>季度</li>
-								<li>本年</li>
-								<li>年度</li>
-							</ul>
-							<div class="choice_year">
-								<label class="layui-form-label">当前月份</label>
-								<div class="layui-input-inline">
-									<input type="text" class="layui-input ly-date-input" id="monInput" style="cursor:pointer;" placeholder="指定月份" readonly="readonly">
-									<img src="img/icount.png" alt="" class="icount">
-								</div>
-							</div>
-							<div class="layui-tab-content">
-								<div class="layui-tab-item layui-show">
-									<ul class="content_box">
-										<li class="box_blue">
-											<div class="content_left">
-												<img src="img/pm.png" alt="" style="width: 44px;height: 44px;margin: 36px auto 17px;">
-												<p>本月排名最优(3名)</p>
-											</div>
-											<div class="content_right">
-												<ul>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text">公安</p>
-															<img src="img/pm_g.png" alt="" class="img_g">
-														</div>
-														<div class="descript_box">
-															<h1>区公安分局</h1>
-															<p class="descript_totall">总分&nbsp;<span>98.03</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text">文旅</p>
-															<img src="img/pm_y.png" alt="" class="img_g">
-														</div>
-														<div class="descript_box">
-															<h1>区文化旅游委</h1>
-															<p class="descript_totall">总分&nbsp;<span>96.77</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text">社保</p>
-															<img src="img/pm_j.png" alt="" class="img_g">
-														</div>
-														<div class="descript_box">
-															<h1>区人力社保局</h1>
-															<p class="descript_totall">总分&nbsp;<span>90.36</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-												</ul>
-											</div>
-										</li>
-										<li class="box_yellow">
-											<div class="content_left">
-												<img src="img/zm.png" alt="" style="width: 33px;height: 55px;margin: 34px auto 9px;">
-												<p>本月排名最末(3名)</p>
-											</div>
-											<div class="content_right">
-												<ul>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text_cover">公安</p>
-														</div>
-														<div class="descript_box">
-															<h1>区公安分局</h1>
-															<p class="descript_totall">总分&nbsp;<span>98.03</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text_cover">文旅</p>
-														</div>
-														<div class="descript_box">
-															<h1>区文化旅游委</h1>
-															<p class="descript_totall">总分&nbsp;<span>96.77</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text_cover">社保</p>
-														</div>
-														<div class="descript_box">
-															<h1>区人力社保局</h1>
-															<p class="descript_totall">总分&nbsp;<span>90.36</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-												</ul>
-											</div>
-										</li>
-										<li class="box_green">
-											<div class="content_left">
-												<img src="img/jb.png" alt="" style="width: 39px;height: 39px;margin: 46px auto 13px;">
-												<p>排名进步最大(3名)</p>
-											</div>
-											<div class="content_right">
-												<ul>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text">公安</p>
-															<img src="img/jb_zd.png" alt="" class="img_jb">
-														</div>
-														<div class="descript_box">
-															<h1>区公安分局</h1>
-															<div class="up_green">较上月上升5名<img src="img/up.png" alt="" class="up_img"></div>
-															<p class="descript_totall">总分&nbsp;<span>98.03</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text">文旅</p>
-															<img src="img/jb_zd.png" alt="" class="img_jb">
-														</div>
-														<div class="descript_box">
-															<h1>区文化旅游委</h1>
-															<div class="up_green">较上月上升5名<img src="img/up.png" alt="" class="up_img"></div>
-															<p class="descript_totall">总分&nbsp;<span>96.77</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text">社保</p>
-															<img src="img/jb_zd.png" alt="" class="img_jb">
-														</div>
-														<div class="descript_box">
-															<h1>区人力社保局</h1>
-															<div class="up_green">较上月上升5名<img src="img/up.png" alt="" class="up_img"></div>
-															<p class="descript_totall">总分&nbsp;<span>90.36</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-												</ul>
-											</div>
-										</li>
-										<li class="box_red">
-											<div class="content_left">
-												<img src="img/xj.png" alt="" style="width: 41px;height: 41px;margin: 42px auto 15px;">
-												<p>排名退步最大(3名)</p>
-											</div>
-											<div class="content_right">
-												<ul>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text_cover">公安</p>
-														</div>
-														<div class="descript_box">
-															<h1>区公安分局</h1>
-															<div class="up_green">较上月退步5名<img src="img/down.png" alt="" class="up_img"></div>
-															<p class="descript_totall">总分&nbsp;<span>98.03</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text_cover">文旅</p>
-														</div>
-														<div class="descript_box">
-															<h1>区文化旅游委</h1>
-															<div class="up_green">较上月退步5名<img src="img/down.png" alt="" class="up_img"></div>
-															<p class="descript_totall">总分&nbsp;<span>96.77</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-													<li>
-														<div class="img_wrap">
-															<p class="wrap_text_cover">社保</p>
-														</div>
-														<div class="descript_box">
-															<h1>区人力社保局</h1>
-															<div class="up_green">较上月退步5名<img src="img/down.png" alt="" class="up_img"></div>
-															<p class="descript_totall">总分&nbsp;<span>90.36</span></p>
-															<div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
-														</div>
-													</li>
-												</ul>
-											</div>
-										</li>
-									</ul>
-									<div class="rank_detail">
-										<div class="rank_title"><span></span>&nbsp;&nbsp;<p>排名详情</p></div>
-										<div class="table_wrap">
-											<table class="layui-table table_css" lay-even lay-skin="line">
-												<colgroup>
-													<col width="300">
-													<col width="200">
-													<col width="120">
-													<col width="150">
-													<col>
-												</colgroup>
-												<thead>
-													<tr>
-														<th>部门</th>
-														<th>总分(基础分/加分)</th>
-														<th>排名</th>
-														<th>环比上月排名</th>
-														<th>基础分加分</th>
-													</tr> 
-												</thead>
-												<tbody>
-													<tr>
-														<td>区交通局</td>
-														<td>98(95/3)</td>
-														<td>1</td>
-														<td>
-															<img src="img/down.png" alt="" class="img_tr">16
-														</td>
-														<td></td>
-													</tr>
-													<tr>
-														<td>区财政局</td>
-														<td>98(95/3)</td>
-														<td>2</td>
-														<td>
-															<img src="img/up.png" alt="" class="img_tr">16
-														</td>
-														<td></td>
-													</tr>
-													<tr>
-														<td>区交通局</td>
-														<td>98(95/3)</td>
-														<td>3</td>
-														<td>
-															<img src="img/up.png" alt="" class="img_tr">16
-														</td>
-														<td></td>
-													</tr>
-												</tbody>
-											</table>
-										</div>
-									</div>
-									<div class="detailed_data">
-										<div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
-										<ul class="department_street">
-											<li class="layui-this">部门</li>
-										</ul>
-										<form class="layui-form form_css" action="">
-											<div class="layui-form-item">
-											    <label class="layui-form-label">请选择部门</label>
-											    <div class="layui-input-block">
-													<select name="department">
-														<option value=""></option>
-														<option value="0">区交通局</option>
-														<option value="1">区财政局</option>
-														<option value="2">区交通局</option>
-														<option value="3">区司法局</option>
-													</select>
-												</div>
-											</div>
-											<div class="rank_text">
-												<h1>当前排名第&nbsp;&nbsp;<p> 3 </p>&nbsp;&nbsp;名</h1>
-												<h1>当前得分&nbsp;&nbsp;<p>83.00</p>&nbsp;&nbsp;分</h1>
-											</div>
-											<div id="main" style="width: 100%;height: 500px;"></div>
-										</form>
-									</div>
-								</div>
-								<div class="layui-tab-item">2</div>
-								<div class="layui-tab-item">3</div>
-								<div class="layui-tab-item">4</div>
-								<div class="layui-tab-item">5</div>
-							</div>
-						</div>
-					</div>
-					<div class="layui-tab-item">3</div>
-				</div>
-			</div>
-		</div>
-		<div class="content_hide">
-		</div>
-		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
-		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
-		<script type="text/javascript" src="../page/js/echarts.min.js" charset="utf-8"></script>
-		<script>
-			layui.use(['laydate', 'form', 'element', 'table'], function(){
-				var laydate = layui.laydate,
-				form = layui.form,
-				element = layui.element,
-				table = layui.table;
-				laydate.render({
-					elem: '#monInput',
-					type: 'month',
-					value: new Date(),
-				});
-			});
-			var chartDom = document.getElementById('main');
-			var myChart = echarts.init(chartDom);
-			var option;
-			
-			option = {
-				xAxis: {
-					type: 'category',
-					boundaryGap: false,
-					data: ['2021-05', '2021-06', '2021-07', '2021-08', '2021-09', '2021-10', '2021-11', '2021-12', '2022-01', '2022-02', '2022-03','2022-04'],
-				},
-				yAxis: {
-					type: 'value'
-				},
-				grid: {
-					left: '3%',
-					right: '4%',
-					bottom: '3%',
-					containLabel: true
-				},
-				series: [{
-			        data: [40, 50, 30, 60, 70, 80, 120, 90, 44, 65, 77, 88],
-					type: 'line',
-					areaStyle: {
-						color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-							offset: 0,
-							color: '#407ED9'
-						},
-						{
-							offset: 1,
-							color: 'rgba(254, 254, 255, 0)'
-						}
-						])
-					},
-				}]
-			};
-			
-			option && myChart.setOption(option);
-		</script>
-	</body>
+<head>
+    <meta charset="utf-8">
+    <title>网站考评</title>
+    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
+    <link rel="stylesheet" type="text/css" href="css/wzkp.css"/>
+</head>
+<body>
+<ul class="top_head">
+    <li class="title_active">网站考评</li>
+    <li>政务新媒体</li>
+</ul>
+<div class="content_show">
+    <div class="layui-tab">
+        <ul class="layui-tab-title branch_street" style="border: none">
+            <li class="layui-this">部门</li>
+            <li>街镇</li>
+        </ul>
+        <div class="layui-tab-content">
+            <div class="layui-tab-item layui-show">
+                <div class="content_year layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+                    <ul class="layui-tab-title" style="border: none">
+                        <li class="layui-this">月度</li>
+                        <li>季度</li>
+                        <li>本年</li>
+                        <li>年度</li>
+                    </ul>
+                    <div class="choice_year">
+                        <label class="layui-form-label">当前月份</label>
+                        <div class="layui-input-inline">
+                            <input type="text" class="layui-input ly-date-input" id="monInput" style="cursor:pointer;"
+                                   placeholder="指定月份" readonly="readonly">
+                            <img src="img/icount.png" alt="" class="icount">
+                        </div>
+                    </div>
+                    <div class="layui-tab-content">
+                        <div class="layui-tab-item layui-show">
+                            <ul class="content_box">
+                                <li class="box_blue">
+                                    <div class="content_left">
+                                        <img src="img/pm.png" alt=""
+                                             style="width: 44px;height: 44px;margin: 36px auto 17px;">
+                                        <p>本月排名最优(3名)</p>
+                                    </div>
+                                    <div class="content_right">
+                                        <ul>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text">公安</p>
+                                                    <img src="img/pm_g.png" alt="" class="img_g">
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区公安分局</h1>
+                                                    <p class="descript_totall">总分&nbsp;<span>98.03</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text">文旅</p>
+                                                    <img src="img/pm_y.png" alt="" class="img_g">
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区文化旅游委</h1>
+                                                    <p class="descript_totall">总分&nbsp;<span>96.77</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text">社保</p>
+                                                    <img src="img/pm_j.png" alt="" class="img_g">
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区人力社保局</h1>
+                                                    <p class="descript_totall">总分&nbsp;<span>90.36</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </li>
+                                <li class="box_yellow">
+                                    <div class="content_left">
+                                        <img src="img/zm.png" alt=""
+                                             style="width: 33px;height: 55px;margin: 34px auto 9px;">
+                                        <p>本月排名最末(3名)</p>
+                                    </div>
+                                    <div class="content_right">
+                                        <ul>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text_cover">公安</p>
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区公安分局</h1>
+                                                    <p class="descript_totall">总分&nbsp;<span>98.03</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text_cover">文旅</p>
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区文化旅游委</h1>
+                                                    <p class="descript_totall">总分&nbsp;<span>96.77</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text_cover">社保</p>
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区人力社保局</h1>
+                                                    <p class="descript_totall">总分&nbsp;<span>90.36</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </li>
+                                <li class="box_green">
+                                    <div class="content_left">
+                                        <img src="img/jb.png" alt=""
+                                             style="width: 39px;height: 39px;margin: 46px auto 13px;">
+                                        <p>排名进步最大(3名)</p>
+                                    </div>
+                                    <div class="content_right">
+                                        <ul>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text">公安</p>
+                                                    <img src="img/jb_zd.png" alt="" class="img_jb">
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区公安分局</h1>
+                                                    <div class="up_green">较上月上升5名<img src="img/up.png" alt=""
+                                                                                      class="up_img"></div>
+                                                    <p class="descript_totall">总分&nbsp;<span>98.03</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text">文旅</p>
+                                                    <img src="img/jb_zd.png" alt="" class="img_jb">
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区文化旅游委</h1>
+                                                    <div class="up_green">较上月上升5名<img src="img/up.png" alt=""
+                                                                                      class="up_img"></div>
+                                                    <p class="descript_totall">总分&nbsp;<span>96.77</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text">社保</p>
+                                                    <img src="img/jb_zd.png" alt="" class="img_jb">
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区人力社保局</h1>
+                                                    <div class="up_green">较上月上升5名<img src="img/up.png" alt=""
+                                                                                      class="up_img"></div>
+                                                    <p class="descript_totall">总分&nbsp;<span>90.36</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </li>
+                                <li class="box_red">
+                                    <div class="content_left">
+                                        <img src="img/xj.png" alt=""
+                                             style="width: 41px;height: 41px;margin: 42px auto 15px;">
+                                        <p>排名退步最大(3名)</p>
+                                    </div>
+                                    <div class="content_right">
+                                        <ul>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text_cover">公安</p>
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区公安分局</h1>
+                                                    <div class="up_green">较上月退步5名<img src="img/down.png" alt=""
+                                                                                      class="up_img"></div>
+                                                    <p class="descript_totall">总分&nbsp;<span>98.03</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text_cover">文旅</p>
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区文化旅游委</h1>
+                                                    <div class="up_green">较上月退步5名<img src="img/down.png" alt=""
+                                                                                      class="up_img"></div>
+                                                    <p class="descript_totall">总分&nbsp;<span>96.77</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <div class="img_wrap">
+                                                    <p class="wrap_text_cover">社保</p>
+                                                </div>
+                                                <div class="descript_box">
+                                                    <h1>区人力社保局</h1>
+                                                    <div class="up_green">较上月退步5名<img src="img/down.png" alt=""
+                                                                                      class="up_img"></div>
+                                                    <p class="descript_totall">总分&nbsp;<span>90.36</span></p>
+                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
+                                                </div>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </li>
+                            </ul>
+                            <div class="rank_detail">
+                                <div class="rank_title"><span></span>&nbsp;&nbsp;<p>排名详情</p></div>
+                                <div class="table_wrap">
+                                    <table class="layui-table table_css" lay-even lay-skin="line">
+                                        <colgroup>
+                                            <col width="300">
+                                            <col width="200">
+                                            <col width="120">
+                                            <col width="150">
+                                            <col>
+                                        </colgroup>
+                                        <thead>
+                                        <tr>
+                                            <th>部门</th>
+                                            <th>总分(基础分/加分)</th>
+                                            <th>排名</th>
+                                            <th>环比上月排名</th>
+                                            <th>基础分加分</th>
+                                        </tr>
+                                        </thead>
+                                        <tbody>
+                                        <tr>
+                                            <td>区交通局</td>
+                                            <td>98(95/3)</td>
+                                            <td>1</td>
+                                            <td>
+                                                <img src="img/down.png" alt="" class="img_tr">16
+                                            </td>
+                                            <td></td>
+                                        </tr>
+                                        <tr>
+                                            <td>区财政局</td>
+                                            <td>98(95/3)</td>
+                                            <td>2</td>
+                                            <td>
+                                                <img src="img/up.png" alt="" class="img_tr">16
+                                            </td>
+                                            <td></td>
+                                        </tr>
+                                        <tr>
+                                            <td>区交通局</td>
+                                            <td>98(95/3)</td>
+                                            <td>3</td>
+                                            <td>
+                                                <img src="img/up.png" alt="" class="img_tr">16
+                                            </td>
+                                            <td></td>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="detailed_data">
+                                <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
+                                <ul class="department_street">
+                                    <li class="layui-this">部门</li>
+                                </ul>
+                                <form class="layui-form form_css" action="">
+                                    <div class="layui-form-item">
+                                        <label class="layui-form-label">请选择部门</label>
+                                        <div class="layui-input-block">
+                                            <select name="department" lay-filter="department_filter">
+
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="rank_text">
+                                        <h1>当前排名第&nbsp;&nbsp;<p> 3 </p>&nbsp;&nbsp;名</h1>
+                                        <h1>当前得分&nbsp;&nbsp;<p>83.00</p>&nbsp;&nbsp;分</h1>
+                                    </div>
+                                    <div id="main" style="width: 100%;height: 500px;"></div>
+                                </form>
+                            </div>
+                            <div class="add_detailed">
+                                <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
+                                <table class="layui-table table_css_two" lay-even lay-skin="line">
+                                    <colgroup>
+                                        <col>
+                                        <col width="70">
+                                        <col width="560">
+                                        <col width="170">
+                                        <col width="200">
+                                        <col width="100">
+                                    </colgroup>
+                                    <thead>
+                                    <tr>
+                                        <th>指标</th>
+                                        <th>分值</th>
+                                        <th>指标要求</th>
+                                        <th>加扣分指标</th>
+                                        <th>加扣分原因</th>
+                                        <th>加(扣)分</th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    <tr>
+                                        <td>机关简介</td>
+                                        <td>10</td>
+                                        <td>（1）公开本单位的办公地址、办公时间、联系方式；
+                                            （2）公开本单位负责人信息（包括：正职、副职以及其他领导成员的姓名、照片、职务、简历、分管工作及机构）； （3）公开本单位的机构设置；
+                                        </td>
+                                        <td>未按规定时间更新信息</td>
+                                        <td>未按规定公布机构信息的，扣10分</td>
+                                        <td>-10</td>
+                                    </tr>
+                                    <tr>
+                                        <td>预算/决算</td>
+                                        <td>10</td>
+                                        <td>（1）公开本单位的办公地址、办公时间、联系方式；
+                                            （2）公开本单位负责人信息（包括：正职、副职以及其他领导成员的姓名、照片、职务、简历、分管工作及机构）； （3）公开本单位的机构设置；
+                                        </td>
+                                        <td>未按规定时间更新信息</td>
+                                        <td>未按规定公布机构信息的，扣10分</td>
+                                        <td>-10</td>
+                                    </tr>
+                                    <tr>
+                                        <td>部门动态</td>
+                                        <td>10</td>
+                                        <td>（1）公开本单位的办公地址、办公时间、联系方式；
+                                            （2）公开本单位负责人信息（包括：正职、副职以及其他领导成员的姓名、照片、职务、简历、分管工作及机构）； （3）公开本单位的机构设置；
+                                        </td>
+                                        <td>未按规定时间更新信息</td>
+                                        <td>未按规定公布机构信息的，扣10分</td>
+                                        <td>-10</td>
+                                    </tr>
+                                    <tr>
+                                        <td>公示公告</td>
+                                        <td>10</td>
+                                        <td>（1）公开本单位的办公地址、办公时间、联系方式；
+                                            （2）公开本单位负责人信息（包括：正职、副职以及其他领导成员的姓名、照片、职务、简历、分管工作及机构）； （3）公开本单位的机构设置；
+                                        </td>
+                                        <td>未按规定时间更新信息</td>
+                                        <td>未按规定公布机构信息的，扣10分</td>
+                                        <td>-10</td>
+                                    </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                        <div class="layui-tab-item">2</div>
+                        <div class="layui-tab-item">3</div>
+                        <div class="layui-tab-item">4</div>
+                        <div class="layui-tab-item">5</div>
+                    </div>
+                </div>
+            </div>
+            <div class="layui-tab-item">3</div>
+        </div>
+    </div>
+</div>
+<div class="content_hide">
+</div>
+<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
+<script type="text/javascript" src="../page/js/echarts.min.js" charset="utf-8"></script>
+<script src="../zdjc/js/constans.js"></script>
+<script>
+    $(function () {
+        let type = 0;
+        let childrenType = $("#monInput").val();
+        let deptId = $("[name='department']").val();
+        let hasDept = 1;
+        let newMon = '';
+        $.ajax({
+            url: PATH + '/tj/websiteRating',
+            data: {
+                "type": type,
+                "childrenType": childrenType,
+                "deptId": deptId,
+                "hasDept": hasDept,
+                "newMon": newMon
+            },
+            type: "post",
+            success: function (data) {
+                console.log(data.data);
+                //生成排名表格
+                rankingDetails();
+                //生成相应的部门
+                generationDepartment(data.data);
+                //生成折线图
+                lineChart(data.data['detail-data'], data.data['detail-x']);
+            }
+        })
+    });
+
+    layui.use(['laydate', 'form', 'element', 'table'], function () {
+
+        var laydate = layui.laydate,
+            form = layui.form,
+            element = layui.element,
+            table = layui.table;
+
+        //监听ul事件
+        element.on('tab(docDemoTabBrief)', function (data) {
+            console.log(data);
+        });
+
+        //监听下拉选择框
+        form.on('select(department_filter)', function (data) {
+            console.log(data);
+        });
+
+        laydate.render({
+            elem: '#monInput',
+            type: 'month',
+            value: new Date(),
+        });
+    });
+
+    //
+    function rankingDetails() {
+        layui.table.render({
+            elem: '#demo'
+            , height: 312
+            , url: '../../demo/table/user/-page=1&limit=30.js' //数据接口
+            , page: true //开启分页
+            , cols: [[ //表头
+                {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'}
+                , {field: 'username', title: '用户名', width: 80}
+                , {field: 'sex', title: '性别', width: 80, sort: true}
+                , {field: 'city', title: '城市', width: 80}
+                , {field: 'sign', title: '签名', width: 177}
+                , {field: 'experience', title: '积分', width: 80, sort: true}
+                , {field: 'score', title: '评分', width: 80, sort: true}
+                , {field: 'classify', title: '职业', width: 80}
+                , {field: 'wealth', title: '财富', width: 135, sort: true}
+            ]]
+        });
+    }
+
+    //生成相应的部门
+    function generationDepartment(obj) {
+        if (obj.deptids) {
+            if (obj.deptids.length > 0) {
+                let selectHtml = '<option value=""></option>';
+                for (let i = 0; i < obj.deptids.length; i++) {
+                    selectHtml += '<option value="' + obj.deptids[i] + '">' + obj.yData[i] + '</option>';
+                }
+                $("[name='department']").append(selectHtml);
+            }
+        }
+        layui.form.render('select'); //刷新select选择框渲染
+    }
+
+    //生产折现统计图
+    function lineChart(dataList, monthList) {
+        var chartDom = document.getElementById('main');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+            xAxis: {
+                type: 'category',
+                boundaryGap: false,
+                data: [],
+            },
+            yAxis: {
+                type: 'value'
+            },
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+            },
+            series: [{
+                data: [],
+                type: 'line',
+                areaStyle: {
+                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                        offset: 0,
+                        color: '#407ED9'
+                    },
+                        {
+                            offset: 1,
+                            color: 'rgba(254, 254, 255, 0)'
+                        }
+                    ])
+                },
+            }]
+        };
+
+        option.xAxis.data = monthList;
+        option.series[0].data = dataList;
+        option && myChart.setOption(option);
+    }
+</script>
+</body>
 </html>