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{ .homeBox{
width: 100%; width: 100%;
height: 100vh; height: 100vh;
.home-contant{ .home-aside{
position: relative; position: relative;
width: 442px;
top: 70px; top: 70px;
width: 100%; height: 100%;
height: calc(100vh - 72px); height: calc(100vh - 72px);
overflow: hidden; overflow: hidden;
z-index: 2; z-index: 10;
.home-aside{ .asideTitle{
width: 442px; display: flex;
height: 100%; align-items: center;
z-index: 10; justify-content: space-between;
.asideTitle{ padding: 0 10px;
display: flex; box-sizing: border-box;
align-items: center; background: linear-gradient( 90deg, #124CB3 0%, rgba(18,76,179,0.23) 77%, rgba(18,76,179,0) 100%);
justify-content: space-between; border-radius: 0px 0px 0px 0px;
padding: 0 10px; 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; 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 { .headBox {
position: fixed; position: fixed;
@ -203,7 +199,7 @@
.home-center{ .home-center{
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 0px; top: 70px;
transform: translateX(-50%); transform: translateX(-50%);
width: calc(100% - 920px); width: calc(100% - 920px);
height: 80px; height: 80px;
@ -211,10 +207,10 @@
.home-foot{ .home-foot{
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: 0px; bottom: 2px;
transform: translateX(-50%); transform: translateX(-50%);
width: calc(100% - 920px); width: calc(100% - 920px);
height: calc((100% - 141px)/3 - 9px); height: calc((100% - 141px)/3 - 32px);
min-width: 560px; min-width: 560px;
overflow: hidden; overflow: hidden;
background: url("~@/assets/images/right-1.png") no-repeat center center; 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"> <div class="homeBox">
<!-- 头部 --> <!-- 头部 -->
<Head type="importantPerson"></Head> <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"> </div>
<ImportantPerson></ImportantPerson> <!-- 右边内容 -->
<div class="home-aside asideR" style="right:0">
<div class="aside-middle mt60">
<Zdrqhd></Zdrqhd>
</div> </div>
<!-- 右边 --> <div class="aside-middle">
<div class="home-aside asideR" style="right:0"> <Yjclqktj></Yjclqktj>
<div class="aside-middle mt60">
<Zdrqhd></Zdrqhd>
</div>
<div class="aside-middle">
<Yjclqktj></Yjclqktj>
</div>
</div> </div>
</div> </div>
<div class="foot"></div>
<div class="foot">
<div class="footBtn"><span>发布指令</span></div>
</div>
</div> </div>
</template> </template>
@ -39,6 +39,24 @@ import Yjclqktj from './model/yjclqktj.vue'
height: 107px; height: 107px;
background: url("~@/assets/images/foot.png") no-repeat center center; background: url("~@/assets/images/foot.png") no-repeat center center;
background-size: 100% 100%; 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{ .asideL{
background: linear-gradient( to right, rgba(78, 98, 132,0.8) 0%, #fff 100%); 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> <Head></Head>
<!-- 内容 --> <!-- 内容 -->
<div class="home-contant"> <!-- 左边 -->
<!-- 左边 --> <div class="home-aside asideL">
<div class="home-aside asideL">
<div class="asideL-top"> <div class="asideL-top">
<DbCount></DbCount> <DbCount></DbCount>
</div> </div>
@ -27,7 +26,6 @@
<div class="home-foot"> <div class="home-foot">
<Bkcz></Bkcz> <Bkcz></Bkcz>
</div> </div>
</div>
</div> </div>
</template> </template>

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

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