From a1282a38396443dff9b8406d1b7145cebdb5259d Mon Sep 17 00:00:00 2001
From: sgj <1442489573@qq.com>
Date: 星期三, 25 三月 2026 14:26:44 +0800
Subject: [PATCH] 监管gis，两侧背景图颜色调整
---
fzzy-igdss-web/src/main/resources/static/group/gis_modeling.css | 454 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
fzzy-igdss-web/src/main/resources/templates/group/gis_modeling.html | 2
2 files changed, 455 insertions(+), 1 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/static/group/gis_modeling.css b/fzzy-igdss-web/src/main/resources/static/group/gis_modeling.css
new file mode 100644
index 0000000..aff9323
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/static/group/gis_modeling.css
@@ -0,0 +1,454 @@
+@font-face {
+ font-family: DINCond-Bold;
+ src: url('../fonts/DINCond-Bold.otf');
+}
+
+
+.i-nav3.on {
+ background-image: url(../img/web/group/c-btn3.png);
+}
+
+.c-main {
+ position: relative;
+ height: 910px;
+}
+
+.c-left {
+ position: absolute;
+ top: 10px;
+ left: 0;
+ padding-left: 20px;
+ transition: .4s;
+}
+
+.c-left.hidden {
+ transform: translateX(-518px);
+}
+
+.c-right.hidden {
+ transform: translateX(380px);
+}
+
+.hidden .o-btn {
+ transition: .4s;
+ opacity: 1;
+ visibility: visible;
+}
+
+.c-left .inner {
+ padding: 90px 20px 20px;
+ width: 518px;
+ height: 910px;
+ /*background: url(../img/web/group/cd-bg1.png) no-repeat center;*/
+ background: linear-gradient(to top, rgba(6, 35, 77, 0.5), rgba(6, 35, 77, 0.1)), url(../img/web/group/cd-bg1.png);
+ background-size: 100% 100%;
+ box-sizing: border-box;
+}
+
+.c-right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding-right: 12px;
+ transition: .4s;
+}
+
+.c-right .inner {
+ padding-top: 80px;
+ width: 399px;
+ height: 910px;
+ /*background: url(../img/web/group/cd-bg2.png) no-repeat center;*/
+ background: linear-gradient(to top, rgba(6, 35, 77, 0.5), rgba(6, 35, 77, 0.1)), url(../img/web/group/cd-bg2.png);
+ background-size: 100% 100%;
+ box-sizing: border-box;
+}
+
+.c-left .close {
+ cursor: pointer;
+ width: 45px;
+ height: 45px;
+ position: absolute;
+ top: 10px;
+ right: 35px;
+}
+
+.c-right .close {
+ cursor: pointer;
+ width: 45px;
+ height: 45px;
+ position: absolute;
+ top: 10px;
+ right: 40px;
+}
+
+.o-btn {
+ position: absolute;
+ top: 50%;
+ width: 89px;
+ cursor: pointer;
+ transform: translateY(-50%);
+ opacity: 0;
+ visibility: hidden;
+}
+
+.o-btn img {
+ display: block;
+ width: 100%;
+}
+
+.c-left .o-btn {
+ left: 100%;
+ margin-left: -4px;
+}
+
+.c-right .o-btn {
+ right: 100%;
+ margin-right: -18px;
+}
+
+.modeling-left-topInfo-box2 {
+ background: url("../img/web/group/left-box2.png") no-repeat;
+ width: 100%;
+ height: 362px;
+ box-sizing: border-box;
+ padding: 56px 20px 20px 20px;
+ position: relative;
+}
+
+
+.modeling-left-topInfo-kd {
+ width: 287px;
+ height: 90px;
+ margin: 20px auto;
+ overflow: hidden;
+ border-top: 1px solid #113359;
+ border-bottom: 1px solid #113359;
+ background: radial-gradient(circle, #062251, rgba(6, 35, 77, 0));
+}
+
+.modeling-left-topInfo-ck {
+ width: 100%;
+ height: 100%;
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.modeling-left-topInfo-kd-list li {
+ width: 100%;
+}
+
+
+.m-box1 {
+ display: flex;
+ align-items: center;
+ padding-left: 20px;
+ margin-bottom: 30px;
+}
+
+.m-box1 .l {
+ width: 212px;
+ margin-right: 24px;
+}
+
+.m-box1 .r {
+ flex: 1;
+}
+
+.m-box1 .chartbox {
+ position: relative;
+ width: 212px;
+ height: 212px;
+}
+
+.m-box1 .chartbox::before {
+ content: "";
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ background: url(../img/web/group/c-bg1.png) no-repeat center;
+ background-size: contain;
+}
+
+.m-box1 .chartbox::after {
+ content: "";
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ background: url(../img/web/group/c-bg2.png) no-repeat center;
+ background-size: contain;
+}
+
+.m-box1 .chartbox .txt {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-top: -55px;
+ margin-left: -55px;
+ width: 110px;
+ height: 110px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ font-size: 16px;
+ color: #fff;
+ z-index: 2;
+}
+
+.m-box1 .chartbox .txt .n {
+ font-size: 40px;
+ color: #ffd100;
+ font-family: DINCond-Bold;
+}
+
+.m-box1 .chart {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ z-index: 3;
+}
+
+/* .m-box1 .chart::before{
+ content: "";
+ display: block;
+ width: 135px;
+ height: 135px;
+ border-radius: 50%;
+ background-color: #000;
+ opacity: .3;
+ position: absolute;
+ z-index: 1;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%,-50%);
+ pointer-events: none;
+} */
+.ul-listb1 {
+ height: 270px;
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+
+.ul-listb1::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮�*/
+ width: 6px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+ height: 1px;
+}
+
+.ul-listb1::-webkit-scrollbar-thumb { /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
+ border-radius: 6px;
+ background: #00ccff;
+}
+
+.ul-listb1::-webkit-scrollbar-track { /*婊氬姩鏉￠噷闈㈣建閬�*/
+ border-radius: 6px;
+ background: rgba(0, 204, 255, .1);
+}
+
+.ul-listb1 .con {
+ display: flex;
+ align-items: center;
+ overflow: hidden;
+ height: 38px;
+ margin-bottom: 1px;
+ padding: 0 20px;
+}
+
+.ul-listb1 .dot {
+ width: 7px;
+ height: 7px;
+ border-radius: 50%;
+ margin-right: 10px;
+ position: relative;
+}
+
+.ul-listb1 .dot::before {
+ content: "";
+ display: block;
+ width: 13px;
+ height: 13px;
+ border-radius: 50%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-top: -7px;
+ margin-left: -7px;
+ background-color: inherit;
+ opacity: .5;
+}
+
+.ul-listb1 .num {
+ font-size: 22px;
+ font-family: DINCond-Bold;
+}
+
+.ul-listb1 .type {
+ flex: 1;
+ text-align: right;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ font-size: 14px;
+ color: #fff;
+}
+
+.m-box2 .top {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.m-box2 .tit {
+ font-size: 18px;
+ color: #fff;
+ padding-left: 25px;
+ background: url(../img/web/group/c-i1.png) no-repeat left center;
+ background-size: 17px;
+}
+
+.m-box2 .num {
+ font-size: 20px;
+ color: #ffd12b;
+ font-family: DINCond-Bold;
+}
+
+.m-box2 .chart {
+ height: 540px;
+}
+
+.m-box3 {
+ margin-bottom: 30px;
+}
+
+.m-box3 .top {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.m-box3 .tit {
+ font-size: 18px;
+ color: #fff;
+ padding-left: 25px;
+ background: url(../img/web/group/c-i1.png) no-repeat left center;
+ background-size: 17px;
+}
+
+.m-box3 .num {
+ font-size: 20px;
+ color: #ffd12b;
+ font-family: DINCond-Bold;
+}
+
+.m-box3 .chart {
+ height: 100px;
+}
+
+.m-nav {
+ height: 820px;
+ overflow-y: auto;
+ overflow-x: hidden;
+ /* padding: 0 10px 0 37px; */
+ padding-right: 15px;
+ padding-left: 20px;
+}
+
+.m-nav::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮�*/
+ width: 6px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+ height: 1px;
+}
+
+.m-nav::-webkit-scrollbar-thumb { /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
+ border-radius: 6px;
+ background: #00ccff;
+}
+
+.m-nav::-webkit-scrollbar-track { /*婊氬姩鏉￠噷闈㈣建閬�*/
+ border-radius: 6px;
+ background: rgba(0, 204, 255, .1);
+}
+
+.m-nav .tit {
+ display: flex;
+ align-items: center;
+ padding-left: 16px;
+}
+
+.m-nav .arr {
+ width: 24px;
+ height: 20px;
+ background: url(../img/web/group/c-i3.png) no-repeat center;
+ background-size: contain;
+}
+
+.m-nav .icon {
+ width: 50px;
+ height: 50px;
+ background: url(../img/web/group/c-i2.png) no-repeat center;
+ background-size: contain;
+ flex-shrink: 0;
+}
+
+.m-nav .v1 {
+ display: flex;
+ align-items: center;
+ font-size: 18px;
+ color: #fff;
+}
+
+/* .m-nav .two,
+.m-nav .three{
+ padding-left: 30px;
+} */
+.m-nav .three {
+ padding: 19px 0 10px;
+}
+
+.m-nav .three > .tit {
+ padding-left: 102px;
+ padding-right: 14px;
+ margin-bottom: 17px;
+}
+
+.m-nav .two > .con > .tit {
+ padding-left: 55px;
+}
+
+.m-nav .three {
+ background-color: rgba(6, 133, 255, .1);
+}
+
+.m-nav .three .icon {
+ width: 16px;
+ height: 16px;
+ background-image: url(../img/web/group/c-i4.png);
+ margin: 4px 8px 0 0;
+}
+
+.m-nav .three .v1 {
+ align-items: flex-start;
+}
+
+.m-nav .sub {
+ display: none;
+}
+
+.c-cen {
+ position: absolute;
+ top: 10px;
+ /*left: 540px;*/
+ /*right: 420px;*/
+ display: flex;
+ align-items: center;
+ bottom: 10px;
+}
\ No newline at end of file
diff --git a/fzzy-igdss-web/src/main/resources/templates/group/gis_modeling.html b/fzzy-igdss-web/src/main/resources/templates/group/gis_modeling.html
index 7539b4f..26e5809 100644
--- a/fzzy-igdss-web/src/main/resources/templates/group/gis_modeling.html
+++ b/fzzy-igdss-web/src/main/resources/templates/group/gis_modeling.html
@@ -11,7 +11,7 @@
<link th:href="@{/group/pc-reset.css}" rel="stylesheet" type="text/css">
<link th:href="@{/group/master.css}" rel="stylesheet" type="text/css">
- <link th:href="@{/group/gis.css}" rel="stylesheet" type="text/css">
+ <link th:href="@{/group/gis_modeling.css}" rel="stylesheet" type="text/css">
<style>
.anchorBL,
.BMap_cpyCtrl.anchorBL {
--
Gitblit v1.9.3