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

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

@ -6,16 +6,13 @@
.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;
.home-aside{
width: 442px;
height: 100%;
z-index: 10; z-index: 10;
.asideTitle{ .asideTitle{
display: flex; display: flex;
@ -50,7 +47,6 @@
left: 50%; left: 50%;
transform: translateX(-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

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

@ -2,13 +2,11 @@
<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"> <div class="home-aside asideL" style="left:0">
<ImportantPerson></ImportantPerson> <ImportantPerson></ImportantPerson>
</div> </div>
<!-- 右边 --> <!-- 右边内容 -->
<div class="home-aside asideR" style="right:0"> <div class="home-aside asideR" style="right:0">
<div class="aside-middle mt60"> <div class="aside-middle mt60">
<Zdrqhd></Zdrqhd> <Zdrqhd></Zdrqhd>
@ -17,8 +15,10 @@
<Yjclqktj></Yjclqktj> <Yjclqktj></Yjclqktj>
</div> </div>
</div> </div>
<div class="foot">
<div class="footBtn"><span>发布指令</span></div>
</div> </div>
<div class="foot"></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%);

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

@ -3,7 +3,6 @@
<!-- 头部 --> <!-- 头部 -->
<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">
@ -28,7 +27,6 @@
<Bkcz></Bkcz> <Bkcz></Bkcz>
</div> </div>
</div> </div>
</div>
</template> </template>
<script setup> <script setup>

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();
}; };