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

调整大屏顶部标题栏

Browse Source
This commit is contained in:
jxj_yjl 2023-09-08 09:59:15 +08:00
parent b3dedd304c
commit ea7ae93cf9
1 changed files with 37 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/views/sevenLargeScreen/indexL.vue
View File

@ -51,8 +51,8 @@
</div>
</div>
</div>
<div class="menuList" style="overflow-x: auto; white-space: nowrap">
<div v-for="(item, index) in menuList" :key="index">
<div class="menuList">
<div v-for="(item, index) in menuList" :key="index" style=":nth-child(5):margin-left: 35%;" class="menStyle">
<div class="subMenu" :index="item.modulePath" :class="{ active: activeTab === item.modulePath }">
<span @click="navigateTo(item, 1)">{{ item.moduleName }}</span>
</div>
@ -101,6 +101,10 @@ let menuList = ref([
moduleName: "数字工地",
modulePath: "/digitalConstruction/aIEarlyWarning",
menuList: [
{
menuName: "视频管理",
companyPath: "/videoManagement"
},
{
menuName: "AI预警",
companyPath: "/digitalConstruction/aIEarlyWarning"
@ -108,6 +112,14 @@ let menuList = ref([
{
menuName: "地磅管理",
companyPath: "/digitalConstruction/loadometerManage"
},
{
menuName: "车辆管理",
companyPath: "/vehicleManagement"
},
{
menuName: "配电箱监测",
companyPath: "/distributionMonitoring"
}
]
},
@ -131,17 +143,12 @@ let menuList = ref([
}
]
},
// {
// moduleName: "扬尘噪声",
// modulePath: "/headNoise"
// },
// {
// moduleName: "劳务管理",
// modulePath: "/laborManagement"
// },
// { moduleName: "视频管理", modulePath: "/videoManagement" },
{ moduleName: "配电箱监测", modulePath: "/distributionMonitoring" },
{ moduleName: "车辆管理", modulePath: "/vehicleManagement" },
{
moduleName: "劳务管理",
modulePath: "/laborManagement"
},
{ moduleName: "塔吊监测", modulePath: "/towerCraneMonitoring" },
{ moduleName: "升降机监测", modulePath: "/elevatorMonitoring" },
{ moduleName: "BIM模型", modulePath: "/bImModel" }
@ -210,6 +217,10 @@ onMounted(async () => {
// menuClick(menuList.value[0], activeIndex.value);
getNowTime();
document.addEventListener("click", bodyCloseMenus);
const subMenus = document.querySelectorAll('.menStyle');
if (subMenus.length >= 5) {
subMenus[4].style.marginLeft = '30%';
}
});
let timer = ref(null as any);
@ -287,14 +298,15 @@ function jumpBgd() {
color: #fff;
top: 1%;
.time {
font-size: calc(100vw * 12 / 1920);
font-size: calc(100vw * 13 / 1920);
font-family: sadigitalNumber;
margin-left: 10%;
margin-right: 40%;
margin: 1% 40% 0 10%;
}
.Icon {
margin-right: 2%;
cursor: pointer;
width: 25px;
margin-top: 1%;
}
}
}
@ -311,25 +323,23 @@ function jumpBgd() {
height: 60%;
width: 10%;
cursor: pointer;
// text-align: center;
}
:nth-child(5) {
margin-left: 35%;
}
.subMenu {
width: 100%;
height: 100%;
display: flex;
font-size: calc(100vw * 20 / 1920);
span {
width: 90%;
height: 10%;
margin-top: -2%;
margin-left: 2%;
line-height: 40px;
text-align: center;
}
}
.subMenuList {
position: absolute;
width: 98%;
@ -400,13 +410,14 @@ function jumpBgd() {
.userBox {
.userItem {
position: absolute;
width: 100px;
width: 110px;
height: 100px;
right: 3%;
right: 2%;
top: 4%;
background: #112d59;
border-radius: 0px 0px 0px 0px;
border: 0px solid #405e97;
z-index: 9;
.sanJiao {
position: absolute;
width: 0;
@ -438,6 +449,9 @@ function jumpBgd() {
font-size: calc(100vw * 12 / 1920);
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
color: #a9bce6;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}