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

src/views/sevenLargeScreen/indexL_syhy.vue

@@ -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
-					<div class="subMenu" :index="item.modulePath" :class="{ active: activeTab === item.modulePath }">
+					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)">
+					<div
-						<span style="white-space: nowrap" :class="{ active2: activeTab2 === data.companyPath }">{{ data.menuName }}</span>
+						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: "视频管理",
+		moduleName: "数字工地",
-		modulePath: "/videoManagement"
+		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;