调整大屏顶部标题栏

src/views/sevenLargeScreen/indexL.vue

@@ -51,8 +51,8 @@
 					</div>
 				</div>
 			</div>
-			<div class="menuList" style="overflow-x: auto; white-space: nowrap">
+			<div class="menuList">
-				<div v-for="(item, index) in menuList" :key="index">
+				<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: "/laborManagement"
-	// },
-	// { moduleName: "视频管理", modulePath: "/videoManagement" },
-	{ moduleName: "配电箱监测", modulePath: "/distributionMonitoring" },
-	{ moduleName: "车辆管理", modulePath: "/vehicleManagement" },
 	{ 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: 1% 40% 0 10%;
-				margin-right: 40%;
 			}
 			.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;
 			}
 		}