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

2024-10-22 鄱湖美湾医疗、医美产业-添加二级菜单

Browse Source
This commit is contained in:
Rain 2024-10-22 16:46:14 +08:00
parent 49e0981a5b
commit 5b269fd1f7
2 changed files with 58 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.rar
View File

Binary file not shown.

78
src/views/sevenLargeScreen/indexL_syhy.vue
View File

@ -35,12 +35,12 @@
</div>
<div class="Icon">
<img src="@/assets/images/dustNoise/dpIcon.png" alt="" />
</div> -->
</div>-->
<div class="Icon">
<img src="@/assets/images/dustNoise/tbsjIcon.png" alt="" />
<img src="@/assets/images/dustNoise/tbsjIcon.png" alt />
</div>
<div class="Icon" @click="showUserBox = !showUserBox">
<img src="@/assets/images/dustNoise/ryIcon.png" alt="" />
<img src="@/assets/images/dustNoise/ryIcon.png" alt />
</div>
<!-- <el-dropdown trigger="click">
@ -48,40 +48,68 @@
<template #dropdown>
<div class="userDialog" @click="loginOut">退出登录</div>
</template>
</el-dropdown> -->
</el-dropdown>-->
</div>
<div class="userBox" v-show="showUserBox">
<div class="userItem">
<div class="sanJiao"></div>
<div class="userIcon">
<div class="icon"><img src="@/assets/images/dustNoise/userIcon.png" /></div>
<div class="icon">
<img src="@/assets/images/dustNoise/userIcon.png" />
</div>
<div class="userName">{{ adminName }}</div>
</div>
<div class="loginOut" @click="jumpBgd">
<div class="loginOutIcon"><img src="@/assets/images/dustNoise/jumpIcon.png" /></div>
<div class="loginOutIcon">
<img src="@/assets/images/dustNoise/jumpIcon.png" />
</div>
<div class="userName">项目后台</div>
</div>
<div class="loginOut" @click="loginOut">
<div class="loginOutIcon"><img src="@/assets/images/dustNoise/loginOut.png" /></div>
<div class="loginOutIcon">
<img src="@/assets/images/dustNoise/loginOut.png" />
</div>
<div class="userName">退出登录</div>
</div>
</div>
</div>
</div>
<div class="menuList">
<div v-for="(item, index) in menuList" :key="index" style=":nth-child(3):margin-left: 35% !important;" class="menStyle">
<div class="subMenu" :index="item.modulePath" :class="{ active: activeTab === item.modulePath }">
<div
v-for="(item, index) in menuList"
:key="index"
style=":nth-child(3):margin-left: 35% !important;"
class="menStyle"
>
<div
class="subMenu"
:index="item.modulePath"
:class="{ active: activeTab === item.modulePath }"
>
<span @click="navigateTo(item, 1)">{{ item.moduleName }}</span>
</div>
</div>
<div class="subMenuList" v-show="itemList != null && itemList.length >= 1">
<div class="subItem" :style="COMPANY === 'hfqc' ? 'width:120px' : ''" v-for="(data, i) in itemList" :key="i" :index="data.companyPath" @click="navigateTo(data, 2)">
<span style="white-space: nowrap" :class="{ active2: activeTab2 === data.companyPath }">{{ data.menuName }}</span>
<div
class="subItem"
:style="COMPANY === 'hfqc' ? 'width:120px' : ''"
v-for="(data, i) in itemList"
:key="i"
:index="data.companyPath"
@click="navigateTo(data, 2)"
>
<span
style="white-space: nowrap"
:class="{ active2: activeTab2 === data.companyPath }"
>{{ data.menuName }}</span>
</div>
</div>
</div>
<div class="contentDate" v-show="itemList != null && itemList.length >= 1">
<span>自2022.02.28起开始计算，至今日2023.04.16为<span class="numColor">412</span>个日历天</span>
<span>
自2022.02.28起开始计算，至今日2023.04.16为
<span class="numColor">412</span>个日历天
</span>
</div>
<div class="dataBoardContent">
<router-view></router-view>
@ -180,8 +208,18 @@ let panHuMenuList = ref([
modulePath: "/laborManagement"
},
{
moduleName: "视频管理",
modulePath: "/videoManagement"
moduleName: "数字工地",
modulePath: "/videoManagement",
menuList: [
{
menuName: "视频管理",
companyPath: "/videoManagement"
},
{
menuName: "AI预警",
companyPath: "/aIEarlyWarning"
}
]
},
{
moduleName: "车辆管理",
@ -238,7 +276,7 @@ let heFeiMenuList = ref([
{
menuName: "AI智能预警",
companyPath: "/aIEarlyWarning"
},
}
]
},
{
@ -283,7 +321,7 @@ let heFeiMenuList = ref([
}
]
}
])
]);
// 鞍山项目
let anShanMenuList = ref([
@ -484,7 +522,7 @@ let anShanMenuList = ref([
]
},
{ moduleName: "BIM模型", modulePath: "/bImModel" }
])
]);
const itemList = ref([]);
const activeTab = ref(0);
@ -562,10 +600,10 @@ onMounted(async () => {
getNowTime();
document.addEventListener("click", bodyCloseMenus);
const subMenus = document.querySelectorAll(".menStyle");
if (subMenus.length >= 5 && COMPANY !== 'hfqc') {
if (subMenus.length >= 5 && COMPANY !== "hfqc") {
subMenus[4].style.marginLeft = "30%";
}
if (COMPANY === 'hfqc') {
if (COMPANY === "hfqc") {
subMenus[3].style.marginLeft = "44%";
}
});
@ -752,7 +790,7 @@ function jumpBgd() {
height: 85%; //一级
// height: calc(100% - 15px - 50px - 60px - 20px);
// margin: 75px auto 16px auto;//二级
margin: 30px auto 16px auto; //一级
margin: 70px auto 16px auto; //一级
width: calc(100% - 40px);
// background-color: #01131F;
// opacity: 0.9;