zcloud_gbs
/
zcloud-gbs-bi-react
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

监管平台bi

master
鲁洪霞 2026-01-19 18:08:10 +08:00
parent 697d825669
commit 4107fc586e
6 changed files with 29 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/Container/Map/components/Content/IndexInfo/Bottom/index.less
View File

@ -1,11 +1,11 @@
.index_info_container { .index_info_container {
.bottom-container_con { .bottom-container_con {
width: 1350px; flex: 1;
height: 240px; height: 240px;
position: absolute; padding: 20px;
bottom: -1030px; box-sizing: border-box;
left: 50%; margin-top: 750px;
transform: translateX(-50%);
.top_container { .top_container {
display: flex; display: flex;
@ -45,14 +45,14 @@
justify-content: space-between; justify-content: space-between;
.left { .left {
width: 890px; width: 850px;
background: rgba(0, 41, 82, 0.68); background: rgba(0, 41, 82, 0.68);
border-radius: 4px; border-radius: 4px;
border: 1px solid rgba(44, 105, 172, 0.6); border: 1px solid rgba(44, 105, 172, 0.6);
padding: 10px; padding: 10px;
.main { .main {
width: 870px; width: 830px;
height: 160px; height: 160px;
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 10px; margin-top: 10px;

2
src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.js
View File

@ -174,7 +174,7 @@ function LeftScreen() {
<div className="block3"> <div className="block3">
<Title title="领域整改情况统计" /> <Title title="领域整改情况统计" />
<div className="main"> <div className="main">
<div ref={main1Ref} style={{ width: "100%", height: "180px" }} /> <div ref={main1Ref} style={{ width: "400px", height: "180px" }} />
</div> </div>
</div> </div>
<div className="block4"> <div className="block4">

11
src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.less
View File

@ -1,16 +1,10 @@
.index_info_container { .index_info_container {
.left-container { .left-container {
width: 400px; width: 400px;
position: absolute; margin-top: 60px;
left: 20px;
top: 60px;
max-height: calc(100vh - 75px);
.left-container_bg{ .left-container_bg{
width: 600px; width: 100%;
height: 100%; height: 100%;
background-size: 100% 100%; background-size: 100% 100%;
position: fixed; position: fixed;
@ -201,6 +195,7 @@
.block3 { .block3 {
margin-top: 0; margin-top: 0;
border-radius: 4px; border-radius: 4px;
width: 100%;
} }

6
src/pages/Container/Map/components/Content/IndexInfo/RightPanel/index.less
View File

@ -12,10 +12,8 @@
} }
.right-container { .right-container {
width: 400px; width: 400px;
position: absolute; margin-top: 60px;
right: 20px;
top: 60px;
max-height: calc(100vh - 75px);
.block1 { .block1 {

8
src/pages/Container/Map/components/Content/IndexInfo/index.js
View File

@ -8,9 +8,11 @@ import "./index.less";
function IndexInfo(props) { function IndexInfo(props) {
return ( return (
<div className="index_info_container"> <div className="index_info_container">
<LeftPanel /> <div className="index_info_con">
<RightPanel /> <LeftPanel />
<Bottom /> <Bottom />
<RightPanel />
</div>
<Search /> <Search />
<Btn history={props.history} /> <Btn history={props.history} />
</div> </div>

13
src/pages/Container/Map/components/Content/IndexInfo/index.less
View File

@ -1,5 +1,14 @@
.index_info_container { .index_info_container {
overflow: hidden; overflow: hidden;
width: 100%;
height: 100%;
.index_info_con{
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
padding: 20px;
box-sizing: border-box;
overflow: hidden;
}
} }