admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

中建四局：恢复页面的缩放

Browse Source
This commit is contained in:
Luck-Xiaomi 2022-09-09 11:45:00 +08:00
parent e17cdc5ca9
commit c0cf57c070
1 changed files with 31 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/views/projectAdmin/zjsj/index.vue
View File

@ -1,42 +1,40 @@
<template> <template>
<vue-scroll> <div class="zjsj-large-screen">
<div class="zjsj-large-screen"> <div class="header">
<div class="header"> <div class="info">
<div class="info"> <div class="between">
<div class="between"> <div class="project">中建科创大厦项目</div>
<div class="project">中建科创大厦项目</div> <div class="time-week">
<div class="time-week"> <div class="time">15:32:39</div>
<div class="time">15:32:39</div> <div class="week">星期二</div>
<div class="week">星期二</div>
</div>
<div class="weather-date">
<div class="weather">多云 32℃</div>
<div class="date">2022-09-09</div>
</div>
</div> </div>
<div class="title">中建四局数字建造管控平台</div> <div class="weather-date">
<div class="between"> <div class="weather">多云 32℃</div>
<div class="company"></div> <div class="date">2022-09-09</div>
<div class="exit" @click="$router.push('/projectIndex')"></div>
</div> </div>
</div> </div>
<div class="tabs"> <div class="title">中建四局数字建造管控平台</div>
<div <div class="between">
class="tab" <div class="company"></div>
:class="{ checked: $route.path === menu.modulePath }" <div class="exit" @click="$router.push('/projectIndex')"></div>
v-for="(menu, index) in menus"
:key="index"
@click="handleMenu(menu.modulePath)"
>
{{ menu.moduleName }}
</div>
</div> </div>
</div> </div>
<div class="content"> <div class="tabs">
<router-view></router-view> <div
class="tab"
:class="{ checked: $route.path === menu.modulePath }"
v-for="(menu, index) in menus"
:key="index"
@click="handleMenu(menu.modulePath)"
>
{{ menu.moduleName }}
</div>
</div> </div>
</div> </div>
</vue-scroll> <div class="content">
<router-view></router-view>
</div>
</div>
</template> </template>
<script> <script>
@ -59,10 +57,9 @@ export default {
@import url("./style.less"); @import url("./style.less");
.zjsj-large-screen { .zjsj-large-screen {
width: 100%; width: 100%;
// height: 100%; height: 100%;
color: #fff; color: #fff;
background-color: #182337; background-color: #182337;
overflow-y: scroll;
.header { .header {
width: 100%; width: 100%;
height: 110px; height: 110px;
@ -160,7 +157,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 12px 20px; padding: 12px 20px;
width: 100%; width: 100%;
height: calc(1080px - 110px); height: calc(100% - 110px);
} }
} }