zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新页面

Browse Source
This commit is contained in:
zy_zr 2025-04-16 09:33:29 +08:00
parent 8189e2ca5a
commit 16b8bc2467
5 changed files with 72 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/assets/css/homeScreen.scss
View File

@ -6,51 +6,47 @@
.homeBox{
width: 100%;
height: 100vh;
.home-contant{
.home-aside{
position: relative;
width: 442px;
top: 70px;
width: 100%;
height: 100%;
height: calc(100vh - 72px);
overflow: hidden;
z-index: 2;
.home-aside{
width: 442px;
height: 100%;
z-index: 10;
.asideTitle{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px;
z-index: 10;
.asideTitle{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px;
box-sizing: border-box;
background: linear-gradient( 90deg, #124CB3 0%, rgba(18,76,179,0.23) 77%, rgba(18,76,179,0) 100%);
border-radius: 0px 0px 0px 0px;
height: 40px;
.title{
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
margin-right: 20px;
}
}
.asideCnt{
height: calc(100% - 40px);
}
.aside-middle{
height: calc(100%/2);
padding: 4px;
box-sizing: border-box;
background: linear-gradient( 90deg, #124CB3 0%, rgba(18,76,179,0.23) 77%, rgba(18,76,179,0) 100%);
border-radius: 0px 0px 0px 0px;
height: 40px;
.title{
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
margin-right: 20px;
}
}
.asideCnt{
height: calc(100% - 40px);
}
.aside-middle{
height: calc(100%/2);
padding: 4px;
box-sizing: border-box;
}
}
.homeBtn{
height: 302px;
width: calc(100% - 894px);
position: absolute;
bottom: 2px;
left: 50%;
transform: translateX(-50%);
}
}
.homeBtn{
height: 302px;
width: calc(100% - 894px);
position: absolute;
bottom: 2px;
left: 50%;
transform: translateX(-50%);
}
// 头部
.headBox {
position: fixed;
@ -203,7 +199,7 @@
.home-center{
position: absolute;
left: 50%;
top: 0px;
top: 70px;
transform: translateX(-50%);
width: calc(100% - 920px);
height: 80px;
@ -211,10 +207,10 @@
.home-foot{
position: absolute;
left: 50%;
bottom: 0px;
bottom: 2px;
transform: translateX(-50%);
width: calc(100% - 920px);
height: calc((100% - 141px)/3 - 9px);
height: calc((100% - 141px)/3 - 32px);
min-width: 560px;
overflow: hidden;
background: url("~@/assets/images/right-1.png") no-repeat center center;

BIN
src/assets/images/bg02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

46
src/views/KeyPopulations/index.vue
View File

@ -2,23 +2,23 @@
<div class="homeBox">
<!-- 头部 -->
<Head type="importantPerson"></Head>
<!-- 内容 -->
<div class="home-contant">
<!-- 左边 -->
<div class="home-aside asideL" style="left:0">
<ImportantPerson></ImportantPerson>
<!-- 左边内容 -->
<div class="home-aside asideL" style="left:0">
<ImportantPerson></ImportantPerson>
</div>
<!-- 右边内容 -->
<div class="home-aside asideR" style="right:0">
<div class="aside-middle mt60">
<Zdrqhd></Zdrqhd>
</div>
<!-- 右边 -->
<div class="home-aside asideR" style="right:0">
<div class="aside-middle mt60">
<Zdrqhd></Zdrqhd>
</div>
<div class="aside-middle">
<Yjclqktj></Yjclqktj>
</div>
<div class="aside-middle">
<Yjclqktj></Yjclqktj>
</div>
</div>
<div class="foot"></div>
<div class="foot">
<div class="footBtn"><span>发布指令</span></div>
</div>
</div>
</template>
@ -39,6 +39,24 @@ import Yjclqktj from './model/yjclqktj.vue'
height: 107px;
background: url("~@/assets/images/foot.png") no-repeat center center;
background-size: 100% 100%;
.footBtn{
position: absolute;
left: 50%;
bottom: 46px;
transform: translate(-50%);
width: 110px;
height: 110px;
text-align: center;
background: url("~@/assets/images/bg02.png") no-repeat center center;
background-size: 100% 100%;
cursor: pointer;
span{
display: inline-block;
width: 32px;
white-space: wrap;
margin-top: 37px;
}
}
}
.asideL{
background: linear-gradient( to right, rgba(78, 98, 132,0.8) 0%, #fff 100%);

6
src/views/home/index.vue
View File

@ -3,9 +3,8 @@
<!-- 头部 -->
<Head></Head>
<!-- 内容 -->
<div class="home-contant">
<!-- 左边 -->
<div class="home-aside asideL">
<!-- 左边 -->
<div class="home-aside asideL">
<div class="asideL-top">
<DbCount></DbCount>
</div>
@ -27,7 +26,6 @@
<div class="home-foot">
<Bkcz></Bkcz>
</div>
</div>
</div>
</template>

2
src/views/home/model/bkcz.vue
View File

@ -99,7 +99,7 @@ const changePage = () => {
};
const tabHeightFn = () => {
pageData.tableHeight = document.getElementById('qcbk').offsetHeight - 10;
pageData.tableHeight = document.getElementById('qcbk').offsetHeight - 12;
window.onresize = function () {
tabHeightFn();
};