From 8e4be3c0e5577fddae3ae30b0ca00f8b7a6c490e Mon Sep 17 00:00:00 2001
From: sgj <1442489573@qq.com>
Date: 星期四, 05 三月 2026 17:41:18 +0800
Subject: [PATCH] 建模gis监管页面修改
---
fzzy-igdss-web/src/main/resources/static/group/gis.css | 669 ++++++++++++++++++++++++++++++++-----------------------
1 files changed, 389 insertions(+), 280 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/static/group/gis.css b/fzzy-igdss-web/src/main/resources/static/group/gis.css
index bb3ae73..5fb235b 100644
--- a/fzzy-igdss-web/src/main/resources/static/group/gis.css
+++ b/fzzy-igdss-web/src/main/resources/static/group/gis.css
@@ -1,164 +1,222 @@
@font-face {
- font-family: DINCond-Bold;
- src: url('../fonts/DINCond-Bold.otf');
+ font-family: DINCond-Bold;
+ src: url('../fonts/DINCond-Bold.otf');
}
-.i-nav3.on{
- background-image: url(../img/web/group/c-btn3.png);
+.i-nav3.on {
+ background-image: url(../img/web/group/c-btn3.png);
}
-.c-main{
- position: relative;
- height: 910px;
+
+.c-main {
+ position: relative;
+ height: 910px;
}
-.c-left{
- position: absolute;
- top: 10px;
- left: 0;
- padding-left: 20px;
- transition: .4s;
+
+.c-left {
+ position: absolute;
+ top: 10px;
+ left: 0;
+ padding-left: 20px;
+ transition: .4s;
}
-.c-left.hidden{
- transform: translateX(-518px);
+
+.c-left.hidden {
+ transform: translateX(-518px);
}
-.c-right.hidden{
- transform: translateX(380px);
+
+.c-right.hidden {
+ transform: translateX(380px);
}
-.hidden .o-btn{
- transition: .4s;
- opacity: 1;
- visibility: visible;
+
+.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-size: 100% 100%;
- box-sizing: border-box;
+
+.c-left .inner {
+ padding: 90px 20px 20px;
+ width: 518px;
+ height: 910px;
+ background: url(../img/web/group/cd-bg1.png) no-repeat center;
+ background-size: 100% 100%;
+ box-sizing: border-box;
}
-.c-right{
- position: absolute;
- top: 0;
- right: 0;
- padding-right: 12px;
- transition: .4s;
+
+.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-size: 100% 100%;
- box-sizing: border-box;
+
+.c-right .inner {
+ padding-top: 80px;
+ width: 399px;
+ height: 910px;
+ background: url(../img/web/group/cd-bg2.png) no-repeat center;
+ background-size: 100% 100%;
+ box-sizing: border-box;
}
-.c-left .close{
- cursor: pointer;
- width: 45px;
- height: 45px;
- position: absolute;
- top: 10px;
- right: 35px;
+
+.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;
+
+.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 {
+ position: absolute;
+ top: 50%;
+ width: 89px;
+ cursor: pointer;
+ transform: translateY(-50%);
+ opacity: 0;
+ visibility: hidden;
}
-.o-btn img{
- display: block;
- width: 100%;
+
+.o-btn img {
+ display: block;
+ width: 100%;
}
-.c-left .o-btn{
- left: 100%;
- margin-left: -4px;
+
+.c-left .o-btn {
+ left: 100%;
+ margin-left: -4px;
}
-.c-right .o-btn{
- right: 100%;
- margin-right: -18px;
+
+.c-right .o-btn {
+ right: 100%;
+ margin-right: -18px;
}
-.m-box1{
- display: flex;
- align-items: center;
- padding-left: 20px;
- margin-bottom: 30px;
+
+.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;
}
-.m-box1 .l{
- width: 212px;
- margin-right: 24px;
+
+
+.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));
}
-.m-box1 .r{
- flex:1;
+
+.modeling-left-topInfo-ck {
+ width: 100%;
+ height: 100%;
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
-.m-box1 .chartbox{
- position: relative;
- width: 212px;
- height: 212px;
+
+.modeling-left-topInfo-kd-list li {
+ width: 100%;
}
-.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 {
+ display: flex;
+ align-items: center;
+ padding-left: 20px;
+ margin-bottom: 30px;
}
-.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 .l {
+ width: 212px;
+ margin-right: 24px;
}
-.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 .r {
+ flex: 1;
}
-.m-box1 .chartbox .txt .n{
- font-size: 40px;
- color: #ffd100;
- font-family: DINCond-Bold;
+
+.m-box1 .chartbox {
+ position: relative;
+ width: 212px;
+ height: 212px;
}
-.m-box1 .chart{
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 3;
+
+.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;
@@ -174,170 +232,221 @@
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 {
+ height: 270px;
+ overflow-y: auto;
+ overflow-x: hidden;
}
-.ul-listb1::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
- border-radius: 6px;
- background: #00ccff;
+.ul-listb1::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮�*/
+ width: 6px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+ height: 1px;
}
-.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-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;
+.ul-listb1::-webkit-scrollbar-thumb { /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
+ border-radius: 6px;
+ background: #00ccff;
}
-.m-nav::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
- border-radius: 6px;
- background: #00ccff;
+.ul-listb1::-webkit-scrollbar-track { /*婊氬姩鏉￠噷闈㈣建閬�*/
+ border-radius: 6px;
+ background: rgba(0, 204, 255, .1);
}
-.m-nav::-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;
}
-.m-nav .tit{
- display: flex;
- align-items: center;
- padding-left: 16px;
+
+.ul-listb1 .dot {
+ width: 7px;
+ height: 7px;
+ border-radius: 50%;
+ margin-right: 10px;
+ position: relative;
}
-.m-nav .arr{
- width: 24px;
- height: 20px;
- background: url(../img/web/group/c-i3.png) no-repeat center;
- background-size: contain;
+
+.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;
}
-.m-nav .icon{
- width: 50px;
- height: 50px;
- background: url(../img/web/group/c-i2.png) no-repeat center;
- background-size: contain;
- flex-shrink: 0;
+
+.ul-listb1 .num {
+ font-size: 22px;
+ font-family: DINCond-Bold;
}
-.m-nav .v1{
- display: flex;
- align-items: center;
- font-size: 18px;
- color: #fff;
+
+.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;
+.m-nav .three {
+ padding: 19px 0 10px;
}
-.c-cen{
- position: absolute;
- top: 10px;
- /*left: 540px;*/
- /*right: 420px;*/
- display: flex;
- align-items: center;
- bottom: 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
--
Gitblit v1.9.3