diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/newsty.css b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/newsty.css index 20e09754..1218d3a3 100644 --- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/newsty.css +++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/newsty.css @@ -54,12 +54,13 @@ body { .navbox > li > a { display: inline-block; - width: 90px; - text-align: center; margin: 10px 25% 0; - cursor: pointer; - height: auto; padding: 8px 0; + width: 90px; + height: auto; + font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif; + cursor: pointer; + text-align: center; opacity: 0.7; } @@ -82,7 +83,7 @@ body { font-size: 16px; }*/ .nav_home { - background: url(../img/icontop_home.png); + background: url(../img/icon_top_fx.png); } .nav_yjzs { @@ -126,14 +127,13 @@ body { } .nav_htgl { - background: url(../img/icontop_htgl.png); + background: url(../img/icon_top_ht.png); } .nav_zfjd { - background: url(../img/icontop_zfjd.png); + background: url(../img/icon_top_tj.png); } - /*********** left icon **********/ /* .leftmenu_case { diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/skins.css b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/skins.css index 25c46338..8c73f270 100644 --- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/skins.css +++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/skins.css @@ -33,7 +33,7 @@ color: #f6f6f6*/ background-color: transparent; /*background-image: linear-gradient(#0e3ff7, transparent);*/ - background-image: linear-gradient(#03517e, transparent); + background-image: linear-gradient(#0447c0, transparent); border-radius: 5px; } diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/icon_top_fx.png b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/icon_top_fx.png new file mode 100644 index 00000000..ec648688 Binary files /dev/null and b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/icon_top_fx.png differ diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/icon_top_ht.png b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/icon_top_ht.png new file mode 100644 index 00000000..9b059942 Binary files /dev/null and b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/icon_top_ht.png differ diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/icon_top_tj.png b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/icon_top_tj.png new file mode 100644 index 00000000..6b190670 Binary files /dev/null and b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/icon_top_tj.png differ diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_24_r2.png b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_24_r2.png index 458d02c4..6ac1319b 100644 Binary files a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_24_r2.png and b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_24_r2.png differ diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_dept32.png b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_dept32.png new file mode 100644 index 00000000..3b11ccec Binary files /dev/null and b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_dept32.png differ diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_dist32.png b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_dist32.png new file mode 100644 index 00000000..1c42edff Binary files /dev/null and b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/images/icon_dist32.png differ diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css index 4872f8ab..319fa6cb 100644 --- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css +++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css @@ -2,729 +2,715 @@ /* CSS Document */ - - - - - - - - - - - - * { - margin: 0; - padding: 0; - color: rgba(255, 255, 255, .8); - font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, .8); + font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif; } a { - text-decoration: none; - outline: none; - cursor: pointer; + text-decoration: none; + outline: none; + cursor: pointer; } a, a:focus { - color: rgba(255, 255, 255, .8); + color: rgba(255, 255, 255, .8); } a:hover { - color: rgba(255, 255, 255, 1); + color: rgba(255, 255, 255, 1); } ul, ol, li { - list-style: outside none none; + list-style: outside none none; } img { - border: 0 none; + border: 0 none; } table { - border-collapse: collapse; + border-collapse: collapse; } hr { - margin: 10px 0; - border: 0; - border-top: 1px solid #eee; - height: 0; + margin: 10px 0; + border: 0; + border-top: 1px solid #eee; + height: 0; } .clearfix::before, .clearfix::after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; - clear: both; + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; + clear: both; } html, body { - width: 100%; - height: 100%; - font-size: 14px; - overflow: hidden; + width: 100%; + height: 100%; + font-size: 14px; + overflow: hidden; } .wrap_all { - width: 100%; - height: 100%; - background: url(../images/bg_homebody.jpg) no-repeat; - background-size: cover; - box-sizing: border-box; - overflow: hidden; + width: 100%; + height: 100%; + background: url(../images/bg_homebody.jpg) no-repeat; + background-size: cover; + box-sizing: border-box; + overflow: hidden; } .wrap_left, .wrap_right, .wrap_cent, .wrap_bottom { - position: absolute; - top: 1%; - left: 0.5%; - z-index: 99; - margin: 0; - height: 98%; - width: 20.5%; - overflow: hidden; + position: absolute; + top: 1%; + left: 0.5%; + z-index: 99; + margin: 0; + height: 97%; + width: 20.5%; + overflow: hidden; } .wrap_right { - left: auto; - right: 0.5%; + left: auto; + right: 0.5%; } .wrap_cent { - left: 20%; - width: 60%; + left: 20%; + width: 60%; } .wrap_bottom { - top: auto; - bottom: 1%; - left: 21.5%; - width: 57%; - height: 24.5%; + top: auto; + bottom: 2%; + left: 21.5%; + width: 57%; + height: 24.5%; } .cont_left { - width: 100%; - height: 100%; - background: rgba(11, 59, 145, .6); - border-radius: 5px; + width: 100%; + height: 100%; + background: rgba(11, 59, 145, .6); + border-radius: 5px; } .select_set { - float: left; - margin: 0.5% 0.5% 0.6% 5%; - padding-left: 2.5rem; - background: url(../images/icon_posit.png) no-repeat left; - background-size: auto 100%; + float: left; + margin: 0.5% 0.5% 0.6% 5%; + padding-left: 2.5rem; + background: url(../images/icon_posit.png) no-repeat left; + background-size: auto 100%; } .select_item { - margin: 0 0 0 5px; - font-size: 1.2rem; - white-space: nowrap; + margin: 0 0 0 5px; + font-size: 1.2rem; + white-space: nowrap; } .select_item > label { - position: relative; - display: inline-block; - margin: 0 5px 0 0; - padding: 0 2.5rem 0 0.85rem; - height: 2.15rem; - line-height: 1.75; - font-weight: 500; - background: rgba(59, 145, 253, 0.12); - background: linear-gradient(to top, transparent 0, rgba(59, 145, 253, 0.4), rgba(59, 145, 253, 0.05)); - letter-spacing: 0; - text-align: center; - border-radius: 6px; - cursor: pointer; + position: relative; + display: inline-block; + margin: 0 5px 0 0; + padding: 0 2.5rem 0 0.85rem; + height: 2.15rem; + line-height: 1.75; + font-weight: 500; + background: rgba(59, 145, 253, 0.12); + background: linear-gradient(to top, transparent 0, rgba(59, 145, 253, 0.4), rgba(59, 145, 253, 0.05)); + 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%; + display: inline-block; + position: absolute; + right: 0; + width: 18px; + height: 100%; } .select_item > label > a::after { - position: absolute; - top: 0.45rem; - right: -0.2rem; - transform: rotate(90deg); - width: 18px; - height: 18px; - content: "\f105"; - color: #678dfe; - font-family: "FontAwesome"; - font-size: 1.25rem; + position: absolute; + top: 0.45rem; + right: -0.2rem; + transform: rotate(90deg); + width: 18px; + height: 18px; + content: "\f105"; + color: #678dfe; + font-family: "FontAwesome"; + font-size: 1.25rem; } .link_btn { - float: right; - margin: 0.45% 5% 2%; - min-width: 31rem; - height: 2rem; - font-size: 1.2rem; - line-height: 2; - white-space: nowrap; + float: right; + margin: 0.45% 5% 2%; + min-width: 31rem; + height: 2rem; + font-size: 1.2rem; + line-height: 2; + white-space: nowrap; } .link_btn a { - position: relative; - margin: 3% 3%; - padding-left: 2rem; - opacity: .8; + position: relative; + margin: 3% 3%; + padding-left: 2rem; + opacity: .8; } .link_btn a:hover { - opacity: 1; + opacity: 1; } .link_btn a::before { - position: absolute; - left: 0; - top: 0; - content: ""; - width: 1.75rem; - height: 1.75rem; - background: url(../images/icon_dept50.png) no-repeat; - background-size: 100% auto; + position: absolute; + left: 0; + top: 0; + 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_dist50.png) no-repeat; - background-size: 100% auto; + background: url(../images/icon_dist32.png) no-repeat; + background-size: 100% auto; } .link_btn a::after { - position: absolute; - top: -0.35rem; - right: -1.1rem; - content: "\f105"; - color: #1ab5e0; - font-family: "FontAwesome"; - font-size: 1.25rem; - opacity: .75; + position: absolute; + top: -0.35rem; + right: -1.1rem; + content: "\f105"; + color: #1ab5e0; + font-family: "FontAwesome"; + font-size: 1.25rem; + opacity: .75; } .count_box { - display: flex; - justify-content: space-between; - margin: 2% 5%; - height: 8rem; - clear: both; + display: flex; + justify-content: space-between; + margin: 2% 5%; + height: 8rem; + clear: both; } .count_box .count_item { - display: flex; - min-width: 37.5%; - height: 100%; + display: flex; + min-width: 37.5%; + height: 100%; } .count_box .count_item .count_tit { - position: relative; - width: 30%; - height: 100%; - background: url(../images/icon_data2.png) no-repeat; - background-size: auto 80%; + position: relative; + width: 30%; + height: 100%; + background: url(../images/icon_data2.png) no-repeat; + background-size: auto 80%; } .count_box .count_tit label { - position: absolute; - top: 5.65rem; - left: 0; - display: block; - margin: 0; - padding: 2% 5% 2% 18%; - width: auto; - background: url(../images/bg_tit3.png) no-repeat; - background-size: auto 100%; - color: rgba(255, 255, 255, .6); - font-size: 1.25rem; - white-space: nowrap; + position: absolute; + top: 5.65rem; + left: 0; + display: block; + margin: 0; + padding: 2% 5% 2% 18%; + width: auto; + background: url(../images/bg_tit3.png) no-repeat; + background-size: auto 100%; + color: rgba(255, 255, 255, .6); + font-size: 1.25rem; + white-space: nowrap; } .count_num_all { - background-image: linear-gradient(to right, #d2f5ff, #0394f9); - -webkit-background-clip: text; - color: transparent; - font-size: 3.15rem; - font-weight: 550; - line-height: 1.75; - text-align: center; + background-image: linear-gradient(to right, #d2f5ff, #0394f9); + -webkit-background-clip: text; + color: transparent; + font-size: 3.15rem; + font-weight: 550; + line-height: 1.75; + text-align: center; } .count_num_sub { - font-size: 1.25rem; - text-align: center; - white-space: nowrap; + font-size: 1.25rem; + text-align: center; + white-space: nowrap; } .count_num_sub span { - margin: 0 10% 0 0; - line-height: 1.75; - text-align: center; + margin: 0 10% 0 0; + line-height: 1.75; + text-align: center; } .count_num_sub span b { - background-image: linear-gradient(to right, #f7fbfd, #26bef9); - -webkit-background-clip: text; - color: transparent; - font-size: 1.25rem; - font-weight: 550; - line-height: 1.75; - text-align: center; + background-image: linear-gradient(to right, #f7fbfd, #26bef9); + -webkit-background-clip: text; + color: transparent; + font-size: 1.25rem; + font-weight: 550; + line-height: 1.75; + text-align: center; } .count_box .count_item.non_admin .count_tit { - background: url(../images/icon_data1.png) no-repeat; - background-size: auto 80%; + background: url(../images/icon_data1.png) no-repeat; + background-size: auto 80%; } .count_box .count_item.admin .count_num { - margin-left: -3.5%; + margin-left: -3.5%; } .count_box .count_item.non_admin .count_num_all, .count_box .count_item.non_admin .count_num_sub span b { - background-image: linear-gradient(to right, #f7fbfd, #2ba4b3); + background-image: linear-gradient(to right, #f7fbfd, #2ba4b3); } .map_box { - position: relative; - top: 0; - width: 100%; + position: relative; + top: -3%; + width: 100%; } .map_box > img.szmap { - margin-top: 0; - max-width: 100%; - /* max-height: 100%; */ - height: auto; + margin-top: 0; + max-width: 100%; + /* max-height: 100%; */ + height: auto; } .label_wrap { - position: absolute; - top: 0; - left: 0; - z-index: 10; - width: 100%; - height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 10; + width: 100%; + height: 100%; } .label_item { - position: absolute; - display: inline-block; + position: absolute; + display: inline-block; } .label_item > a { - cursor: pointer; + cursor: pointer; } .label_item > a > label { - color: rgba(255, 255, 255, .9); - font-size: 1.15rem; - text-shadow: 0 0 5px #000; - cursor: pointer; + color: rgba(255, 255, 255, .9); + font-size: 1.15rem; + text-shadow: 0 0 5px #000; + cursor: pointer; } - @keyframes -blink { - 0%, 100% { -opacity: 1; -} /* 完全不透明 */ - 50% { -opacity: 0; -} /* 完全透明 */ + +@keyframes blink { + 0%, 100% { + opacity: 1; + } + /* 完全不透明 */ + 50% { + opacity: 0; + } + /* 完全透明 */ } /* 应用动画到元素 */ /*.label_item > a.active { - animation: blink 1000ms infinite; /* 动画名称 持续时间 迭代次数 + animation: blink 1000ms infinite; /* 动画名称 持续时间 迭代次数 }*/ - - - - - .admin_inspect { - margin: -1.5rem 0 0 2.75rem; + margin: -1.5rem 0 0 2.75rem; } .non_admin_inspect { - margin: 0.5rem 0 0 2.75rem; + margin: 0.5rem 0 0 2.75rem; } .admin_inspect span, .non_admin_inspect span { - position: relative; - display: flex; - margin: 5% 0; - padding: 0 0 0 1.5rem; - color: #2e90fd; - font-size: 0.85rem;/* font-weight: 550; */ + position: relative; + display: flex; + margin: 5% 0; + padding: 0 0 0 1.5rem; + color: #2e90fd; + font-size: 0.85rem; /* font-weight: 550; */ } .non_admin_inspect span { - color: #04cafc; + color: #04cafc; } .admin_inspect span::before, .non_admin_inspect span::before { - position: absolute; - left: 0; - width: 1.25rem; - height: 1.25rem; - background-color: rgba(46, 97, 241, .8); - border-radius: 50%; - content: "检"; - color: rgba(255, 255, 255, .6); - text-align: center; + position: absolute; + left: 0; + width: 1.25rem; + height: 1.25rem; + background-color: rgba(46, 97, 241, .8); + border-radius: 50%; + content: "检"; + color: rgba(255, 255, 255, .6); + text-align: center; } .admin_inspect span:last-child::before, .non_admin_inspect span:last-child::before { - /*background: rgba(46, 97, 241, .8) url(../images/icon_qi.png) no-repeat center center; + /*background: rgba(46, 97, 241, .8) url(../images/icon_qi.png) no-repeat center center; background-size: 90% auto;*/ - content: "企"; + content: "企"; } .non_admin_inspect span::before, .non_admin_inspect span:last-child::before { - background-color: rgba(7, 147, 209, .8); + background-color: rgba(7, 147, 209, .8); } .fold_cont { - display: none; - position: absolute; - top: -17.5rem; - left: -15.25rem; - z-index: 99; - min-width: 23rem; - height: 17.5rem; - background: url(../images/bg_tip.png) no-repeat; - background-size: 100% 100%; + display: none; + position: absolute; + top: -17.5rem; + left: -15.25rem; + z-index: 99; + min-width: 23rem; + height: 17.5rem; + background: url(../images/bg_tip.png) no-repeat; + background-size: 100% 100%; } .fold_cont::before { - position: absolute; - left: 9.25rem; - bottom: -3.65rem; - z-index: -1; - width: 6rem; - height: 5rem; - background: url(../images/bg_tip_line.png) no-repeat; - background-size: auto 80%; - background-position-y: -90%; - content: ""; + position: absolute; + left: 9.25rem; + bottom: -3.65rem; + z-index: -1; + width: 6rem; + height: 5rem; + background: url(../images/bg_tip_line.png) no-repeat; + background-size: auto 80%; + background-position-y: -90%; + content: ""; } #districtGM .fold_cont { - left: -12.75rem; + left: -12.75rem; } #districtGM .fold_cont::before { - left: 6.75rem; + left: 6.75rem; } #districtBA .fold_cont { - left: -7.5rem; + left: -7.5rem; } #districtBA .fold_cont::before { - left: 1.5rem; + left: 1.5rem; } #districtNS .fold_cont { - left: -12.85rem; + left: -12.85rem; } #districtNS .fold_cont::before { - left: 6.75rem; + left: 6.75rem; } #districtSS .fold_cont { - left: -25.25rem; + left: -25.25rem; } #districtSS .fold_cont::before { - left: 19.25rem; + left: 19.25rem; } #districtDP .tab_inspect_item:last-child .inspect_count { - left: 6rem; + left: 6rem; } #districtSS .tab_inspect_item:last-child .inspect_count { - left: 9.5rem; + left: 9.5rem; } .pop_tit { - display: flex; - align-items: center; - justify-content: space-between; - position: absolute; - top: 12%; - left: 7.25%; - right: 32%; - z-index: 999; + display: flex; + align-items: center; + justify-content: space-between; + position: absolute; + top: 12%; + left: 7.25%; + right: 32%; + z-index: 999; } .pop_tit > h5 { - font-size: 1.15rem; - font-weight: normal; + font-size: 1.15rem; + font-weight: normal; } .inspect_count { - margin: 2% 0 3% -0.5rem; - color: rgba(255, 255, 255, .6); + margin: 2% 0 3% -0.5rem; + color: rgba(255, 255, 255, .6); } .inspect_count b { - color: #06b8f8; + color: #06b8f8; } .tab_switch { - /*position: relative; - top: 12%; - left: 10%;*/ - width: 35%; - /*height: 1.75rem; - background-color: rgba(25, 64, 88, .35); + /*position: relative; + top: 12%; + left: 10%;*/ + width: 35%; + /*height: 1.75rem; + background-color: rgba(25, 64, 88, .35); border-radius: 3rem;*/ - white-space: nowrap; + white-space: nowrap; } .tab_switch a { -/*padding: 0 1.25rem; - color: rgba(255, 255, 255, .5); - font-size: 1rem; - line-height: 1.75; - white-space: nowrap; - text-align: center;*/ + /*padding: 0 1.25rem; + color: rgba(255, 255, 255, .5); + font-size: 1rem; + line-height: 1.75; + white-space: nowrap; + text-align: center;*/ } .tab_switch a.active { -/*background-color: #02a3ab; - background-image: linear-gradient(to bottom, transparent, #26bef9); - border-radius: 3rem; - box-shadow: 0 0 5px #1ce9f3; - color: #fff;*/ + /*background-color: #02a3ab; + background-image: linear-gradient(to bottom, transparent, #26bef9); + border-radius: 3rem; + box-shadow: 0 0 5px #1ce9f3; + color: #fff;*/ } .tab_inspect { - margin: 4rem 8% 0; + margin: 4rem 8% 0; } .tab_inspect_item { - width: 100%; - height: calc(100% - 8rem); - overflow-y: auto; + width: 100%; + height: calc(100% - 8rem); + overflow-y: auto; } .tab_inspect_item > ul > li { - display: flex; - justify-content: space-between; - position: relative; - margin: 2.5% 0; - padding: 0 0 0 1.25rem; + display: flex; + justify-content: space-between; + position: relative; + margin: 2.5% 0; + padding: 0 0 0 1.25rem; } .tab_inspect_item:last-child > ul > li { - margin: 5% 0; + margin: 5% 0; } .tab_inspect_item > ul > li::before { - position: absolute; - top: 0.35rem; - left: 0; - content: "\f111"; - color: #7ca9fb; - font-family: "FontAwesome"; - font-size: 0.65rem; + position: absolute; + top: 0.35rem; + left: 0; + content: "\f111"; + color: #7ca9fb; + font-family: "FontAwesome"; + font-size: 0.65rem; } .tab_inspect_item > ul > li > label { - width: 40%; - color: #92b3d3; - white-space: nowrap; + width: 40%; + color: #92b3d3; + white-space: nowrap; } .tab_inspect_item > ul > li > span { - width: 20%; - color: #06b8f8; - font-weight: 550; + width: 40%; + color: #06b8f8; + font-weight: 550; + text-align: right; } .tab_inspect_item > ul > li > span:last-child { - width: 20%; - color: rgba(243, 153, 98, .9); - font-weight: 500; + width: 35%; + color: rgba(243, 153, 98, .9); + font-weight: 500; } .tab_inspect_item:last-child { - display: flex; - justify-content: space-evenly; - position: relative; - top: 0; - left: -5%; - width: 36rem; + display: flex; + justify-content: space-evenly; + position: relative; + top: 0; + left: -5%; + width: 36rem; } .tab_inspect_item:last-child .inspect_count { - position: absolute; - top: 3%; - left: 5rem; - margin-top: 0; + position: absolute; + top: 3%; + left: 5rem; + margin-top: 0; } .tab_inspect_item:last-child > ul { - margin: 6.5% 5% 0 -5%; - width: 38%; + margin: 6.5% 5% 0 -5%; + width: 38%; } .tab_inspect_item:last-child > ul > li > label { - width: 30%; + width: 30%; } .legend_box { - display: flex; - justify-content: center; - position: absolute; - left: 22%; - bottom: 8%; - min-width: 50%; - white-space: nowrap; + display: flex; + justify-content: center; + position: absolute; + left: 22%; + bottom: 8%; + min-width: 50%; + white-space: nowrap; } .legend_box label { - position: relative; - margin: 0 6.5% 0 0; - padding: 0 0 0 1.75rem; - color: rgba(255, 255, 255, .5); - font-size: 0.85rem; + position: relative; + margin: 0 6.5% 0 0; + padding: 0 0 0 1.75rem; + color: rgba(255, 255, 255, .5); + font-size: 0.85rem; } .legend_box label::before { - position: absolute; - left: 0; - width: 1.25rem; - height: 1.25rem; - border: 1px solid rgba(255, 255, 255, .5); - border-radius: 50%; - content: "检"; - color: rgba(255, 255, 255, .6); - text-align: center; + position: absolute; + left: 0; + width: 1.25rem; + height: 1.25rem; + border: 1px solid rgba(255, 255, 255, .5); + border-radius: 50%; + content: "检"; + color: rgba(255, 255, 255, .6); + text-align: center; } .legend_box label:nth-child(2)::before { - content: "企"; + content: "企"; } .legend_box label:nth-child(3)::before, .legend_box label:nth-child(4)::before { - top: 0.1rem; - height: 1rem; - content: ""; - background: #2e90fd; - border: 0; - border-radius: 3px; + top: 0.1rem; + height: 1rem; + content: ""; + background: #2e90fd; + border: 0; + border-radius: 3px; } .legend_box label:nth-child(4)::before { - background: #0882ae; + background: #0882ae; } .wrap_bottom h3 { - margin: 1% 0 -3% 1%; - height: 2.5rem; - font-size: 1.2rem; - font-weight: 500; - line-height: 2; - text-shadow: 2px 1px 5px rgba(255, 255, 255, .5); + margin: 1% 0 -3% 1%; + height: 2.5rem; + font-size: 1.2rem; + font-weight: 500; + line-height: 2; + text-shadow: 2px 1px 5px rgba(255, 255, 255, .5); } .tab_chart { - position: relative; - margin: 2% 1%; - clear: both; - overflow: auto; - width: 98%; - height: calc(96% - 3rem); + position: relative; + margin: 2% 1%; + clear: both; + overflow: auto; + width: 98%; + height: calc(96% - 3rem); } .chartbox { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .tab_tit { - position: absolute; - top: 8%; - left: 10rem; - font-size: 1rem; - white-space: nowrap; + position: absolute; + top: 8%; + left: 10rem; + font-size: 1rem; + white-space: nowrap; } .tab_tit a, .tab_switch a { - margin: 0 0.35rem; - padding: 1% 2%; - color: rgba(255, 255, 255, .5); + margin: 0 0.35rem; + padding: 1% 2%; + color: rgba(255, 255, 255, .5); } .tab_tit a.active, .tab_switch a.active { - color: #2e82fd; - border-bottom: 2px solid #2e82fd; + color: #2e82fd; + border-bottom: 2px solid #2e82fd; } .block_tit { - margin: 0 0 1% 0; - padding: 0 0 0 4rem; - height: 2.5rem; - background: url(../images/bg_tit.png) no-repeat; - background-size: 100% 100%; - font-size: 1.2rem; - font-weight: 500; - line-height: 2; - text-shadow: 2px 1px 5px rgba(255, 255, 255, .5); + margin: 0 0 1% 0; + padding: 0 0 0 4rem; + height: 2.5rem; + background: url(../images/bg_tit.png) no-repeat; + background-size: 100% 100%; + font-size: 1.2rem; + font-weight: 500; + line-height: 2; + text-shadow: 2px 1px 5px rgba(255, 255, 255, .5); } .count_wrap { - /* display: flex; */ + /* display: flex; */ /* flex-wrap: wrap; */ - height: 45%; - width: 100%; + height: 45%; + width: 100%; } .count_wrap .count_item { - display: flex; - float: left; - position: relative; - margin: 2.5% 0 1.5% 3%; - width: 45%; - height: 5rem; - background: linear-gradient(to bottom, transparent 50%, rgba(34, 125, 223, .35)); - border: 1px solid rgba(26, 86, 151, .6); - border-radius: 5px; - font-size: 1rem; - text-align: center; + display: flex; + float: left; + position: relative; + margin: 2.5% 0 1.5% 3%; + width: 45%; + height: 5rem; + background: linear-gradient(to bottom, transparent 50%, rgba(34, 125, 223, .35)); + border: 1px solid rgba(26, 86, 151, .6); + border-radius: 5px; + font-size: 1rem; + text-align: center; } .count_wrap .count_item:nth-child(2), .count_wrap .count_item:nth-child(3), .count_wrap .count_item:nth-child(6), .count_wrap .count_item:nth-child(7) { - background: linear-gradient(to bottom, transparent 50%, rgba(20, 138, 156, .35)); - border: 1px solid rgba(20, 103, 103, .6); + background: linear-gradient(to bottom, transparent 50%, rgba(20, 138, 156, .35)); + border: 1px solid rgba(20, 103, 103, .6); } .count_wrap .count_item:first-child { - width: 93%; + width: 93%; } .count_wrap .count_item:nth-child(even) { - margin-left: 2.5%; + margin-left: 2.5%; } /*.count_wrap .count_item::before { @@ -749,91 +735,86 @@ opacity: 0; background-size: 100% 100%; }*/ - - - - - .count_wrap .count_item:last-child::after { - background: none; + background: none; } .count_wrap .count_item label { - display: inline-block; - margin: 2% 2% 5%; - width: 36%; - color: rgba(255, 255, 255, .7); - font-size: 0.85rem; - line-height: 2.5; + display: inline-block; + margin: 2% 2% 5%; + width: 36%; + color: rgba(255, 255, 255, .7); + font-size: 0.85rem; + line-height: 2.5; } .count_wrap .count_item:first-child label { - margin-top: 0; - width: 45%; + margin-top: 0; + width: 45%; } .count_wrap .count_item label > img { - display: block; - margin: 20% auto 5%; - width: auto; - height: 40%; + display: block; + margin: 20% auto 5%; + width: auto; + height: 40%; } .count_wrap .count_item:first-child label > img { - margin: 10% auto 0; - height: 45%; + margin: 10% auto 0; + height: 45%; } .number_count { - display: block; - margin: 0 5%; - background-image: linear-gradient(to right, #f7fbfd, #2ba4b3); - -webkit-background-clip: text; - color: transparent; - font-size: 1.65rem; - font-weight: 550; - line-height: 3; + display: block; + margin: 0 5%; + background-image: linear-gradient(to right, #f7fbfd, #2ba4b3); + -webkit-background-clip: text; + color: transparent; + font-size: 1.65rem; + font-weight: 550; + line-height: 3; } .count_wrap .count_item:first-child .number_count { - margin: 0 0 0 5%; - width: 50%; + margin: 0 0 0 5%; + width: 50%; } .number_percent { - color: rgba(243, 153, 98, .8); - font-size: 1.15rem; + color: rgba(243, 153, 98, .8); + font-size: 1.15rem; } .number_percent > i { - margin-left: 2%; - color: rgba(243, 153, 98, .75); - font-size: 0.85rem; + margin-left: 2%; + color: rgba(243, 153, 98, .75); + font-size: 0.85rem; } .count_admin { - display: flex; - align-items: center; - justify-content: space-around; - margin: 6% 0 0; - width: 97%; + display: flex; + align-items: center; + justify-content: space-around; + margin: 6% 0 0; + width: 97%; } .count_admin > label { - width: 5.25rem; - height: 5.25rem; - background: linear-gradient(to bottom, transparent 50%, rgba(20,138,156,.5)); - border: 1px solid rgba(20, 103, 103, .6); - border-radius: 5px; - color: rgba(255, 255, 255, 1); - font-size: 0.85rem; - line-height: 2; - text-align: center; + width: 5.25rem; + height: 5.25rem; + background: linear-gradient(to bottom, transparent 50%, rgba(20, 138, 156, .5)); + border: 1px solid rgba(20, 103, 103, .6); + border-radius: 5px; + color: rgba(255, 255, 255, 1); + font-size: 0.85rem; + line-height: 2; + text-align: center; } .count_admin:nth-child(odd) > label { - background: linear-gradient(to bottom, transparent 50%, rgba(34, 125, 223, .5)); - border: 1px solid rgba(26, 86, 151, .6); + background: linear-gradient(to bottom, transparent 50%, rgba(34, 125, 223, .5)); + border: 1px solid rgba(26, 86, 151, .6); } /*.count_admin:nth-child(3) > label { @@ -841,113 +822,97 @@ opacity: 0; border: 1px solid rgba(103, 46, 43, .6); }*/ - - - - - .count_admin > label > img { - display: block; - margin: 10% auto 5%; - width: auto; - height: 50%; + display: block; + margin: 10% auto 5%; + width: auto; + height: 50%; } .count_admin_num { - width: 35%; - text-align: center; + width: 35%; + text-align: center; } .count_admin_num > b { - display: block; - background-image: linear-gradient(to right, #d2f5ff, #0394f9); - -webkit-background-clip: text; - color: transparent; - font-size: 2.0rem; - font-weight: 550; - line-height: 1.5; + display: block; + background-image: linear-gradient(to right, #d2f5ff, #0394f9); + -webkit-background-clip: text; + color: transparent; + font-size: 2.0rem; + font-weight: 550; + line-height: 1.5; } .percent-tag { - display: flex; - align-items: center; - margin: 20% 3%; - white-space: nowrap; + display: flex; + align-items: center; + margin: 20% 3%; + white-space: nowrap; } .percent-tag span { - margin: 0 5%; - color: rgba(255, 255, 255, .75); - font-size: 1.15rem; - line-height: 1; + margin: 0 5%; + color: rgba(255, 255, 255, .75); + font-size: 1.15rem; + line-height: 1; } .percent-tag span.data-rise, .percent-tag span.data-fall { - margin: 0.75% 2% 1% 0.5%; - font-size: 1.0rem; + margin: 0.75% 2% 1% 0.5%; + font-size: 1.0rem; } .percent-tag span.data-rise i { - color: #67dc53; + color: #67dc53; } .percent-tag span.data-fall i { - color: #fd7c7c; + color: #fd7c7c; } .percent-tag label { - margin: 0 2% 0 10%; - color: rgba(255, 255, 255, .65); - font-size: 0.85rem; + margin: 0 2% 0 10%; + color: rgba(255, 255, 255, .65); + font-size: 0.85rem; } .yjlv .number_percent { - color: rgba(243, 153, 98, .75); - font-size: 1.65rem; + color: rgba(243, 153, 98, .75); + font-size: 1.65rem; } .yjlv .number_percent > i { - font-size: 1rem; + font-size: 1rem; } .percent_box { - width: 25%; + width: 25%; } .chartbox_right { - margin: 0; - width: 100%; - height: 45%; - background: url("../images/bg_pie.png") no-repeat center; - background-position-y: 50.5%; - background-size: 48.5%; + margin: 0; + width: 100%; + height: 45%; + background: url("../images/bg_pie.png") no-repeat center; + background-position-y: 50.5%; + background-size: 48.5%; } - - - - - - - - - - - /** 滚动条样式 **/ ::-webkit-scrollbar { /*滚动条整体样式*/ - width: 0.5rem; /*高宽分别对应横竖滚动条的尺寸*/ - height: 0.5rem; + width: 0.5rem; /*高宽分别对应横竖滚动条的尺寸*/ + height: 0.5rem; } ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ - border-radius: 0.5rem; - background-color: #02206d; - box-shadow: inset 0 0 10px rgba(5, 172, 254, 0.6); + border-radius: 0.5rem; + background-color: #02206d; + box-shadow: inset 0 0 10px rgba(5, 172, 254, 0.6); } ::-webkit-scrollbar-track { /*滚动条里面轨道*/ - box-shadow: inset 0 0 16px rgba(255, 255, 255, 0.2); - border-radius: 0; - background: rgba(0, 0, 0, 0.15); + box-shadow: inset 0 0 16px rgba(255, 255, 255, 0.2); + border-radius: 0; + background: rgba(0, 0, 0, 0.15); } diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html index 8037d00c..76b5b695 100644 --- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html +++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html @@ -17,7 +17,7 @@