feat:更新系统标题

src/components/base/moduleHeader/index.vue

@@ -84,6 +84,7 @@ let isShowSearchBar = computed(() => {
 	return store.isShowSearchBar;
 });
 const router = useRouter();
+const route = useRoute()
 
 const personTypeList = ref([]);
 
@@ -231,14 +232,18 @@ const toolList = ref([
 ])
 
 const handleToModule = (item, index) => {
-	homeActiveTitleIndex.value = index
+
 	if (index === 1) {
+		homeActiveTitleIndex.value = index
 		router.push({
 			path: item.path
 		})
 	} else {
 		const curRoute = router.resolve({
-			path: item.path
+			path: item.path,
+			query: {
+				titleIndex: 2
+			}
 		});
 		window.open(curRoute.href, "_blank");
 	}
@@ -269,7 +274,12 @@ const handleClickToolBox = () => {
 
 onMounted(() => {
 	handleGetPersonType();
-	homeActiveTitleIndex.value = Number(window.localStorage.getItem('homeActiveTitleIndex'))
+	if (route.query.titleIndex) {
+		homeActiveTitleIndex.value = Number(route.query.titleIndex)
+	} else {
+		homeActiveTitleIndex.value = Number(window.localStorage.getItem('homeActiveTitleIndex'))
+
+	}
 });
 
 onUnmounted(() => {
@@ -457,26 +467,31 @@ onUnmounted(() => {
 				margin-left: 72px;
 				display: flex;
 				flex-wrap: wrap;
+
 				.menu-item {
 					margin-top: 36px;
 					width: 280px;
 					height: 24px;
 					display: flex;
 					cursor: pointer;
+
 					&:hover {
 						.title {
 							color: var(--color-main-active);
 							font-size: 20px;
 						}
 					}
+
 					.icon {
 						width: 24px;
 						height: 24px;
+
 						img {
 							width: 100%;
 							height: 100%;
 						}
 					}
+
 					.title {
 						margin-left: 16px;
 						height: 24px;
@@ -506,17 +521,20 @@ onUnmounted(() => {
 			backdrop-filter: blur(30px);
 			box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
 			background: rgba(255, 255, 255, 0.8);
+
 			.menu-content {
 				width: 562px;
 				height: 348px;
 				margin-top: 8px;
 				margin-left: 72px;
+
 				.menu-item {
 					margin-top: 36px;
 					width: 280px;
 					height: 24px;
 					display: flex;
 					cursor: pointer;
+
 					&:hover {
 						.title {
 							color: var(--color-main-active);
@@ -533,6 +551,7 @@ onUnmounted(() => {
 							height: 100%;
 						}
 					}
+
 					.title {
 						margin-left: 16px;
 						height: 24px;