From 478004bc25c3784830bace95289ceebfcc740bae Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期三, 29 六月 2022 19:29:10 +0800
Subject: [PATCH] '登陆首页'

---
 src/views/homeMenu/homeMenu.vue |   41 ++++++++++++++++++++++++++++++-----------
 1 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/views/homeMenu/homeMenu.vue b/src/views/homeMenu/homeMenu.vue
index d6868bb..79c6862 100644
--- a/src/views/homeMenu/homeMenu.vue
+++ b/src/views/homeMenu/homeMenu.vue
@@ -21,21 +21,29 @@
 		<div class="menuGrid">
 			<div class="gridCont">
 				<el-row :gutter="16">
-					<el-col :span="6"><div class="grid-content"><div class="itemTit">安全风险综合<br>预警预报平台</div><img class="iconImg" src="../../assets/menu/icon1.png"><img class="bgImg" src="../../assets/menu/card1.png"></div></el-col>
-					<el-col :span="6"><div class="grid-content"><div class="itemTit">目标责任管理系统</div><img class="iconImg" src="../../assets/menu/icon2.png"><img class="bgImg" src="../../assets/menu/card2.png"></div></el-col>
-					<el-col :span="6"><div class="grid-content"><div class="itemTit">安全知识图谱系统</div><img class="iconImg" src="../../assets/menu/icon3.png"><img class="bgImg" src="../../assets/menu/card3.png"></div></el-col>
-					<el-col :span="6"><div class="grid-content"><div class="itemTit">双重预防系统</div><img class="iconImg" src="../../assets/menu/icon4.png"><img class="bgImg" src="../../assets/menu/card4.png"></div></el-col>
+					<el-col :span="6"><div class="grid-content" @click="renderMenu('2')"><div class="itemTit">双重预防系统</div><img class="iconImg" src="../../assets/menu/icon4.png"><img class="bgImg" src="../../assets/menu/card4.png"></div></el-col>
+					<el-col :span="6"><div class="grid-content" @click="renderMenu('3')"><div class="itemTit">特殊作业系统</div><img class="iconImg" src="../../assets/menu/icon7.png"><img class="bgImg" src="../../assets/menu/card7.png"></div></el-col>
+					<el-col :span="6"><div class="grid-content" @click="renderMenu('4')"><div class="itemTit">智能巡检系统</div><img class="iconImg" src="../../assets/menu/icon8.png"><img class="bgImg" src="../../assets/menu/card8.png"></div></el-col>
+					<el-col :span="6">
+						<div class="grid-content" @click="renderMenu('5')">
+							<div class="itemTit">安全风险综合
+								<br>预警预报平台
+							</div>
+							<img class="iconImg" src="../../assets/menu/icon1.png">
+							<img class="bgImg" src="../../assets/menu/card1.png">
+						</div>
+					</el-col>
 				</el-row>
 				<el-row :gutter="16">
-					<el-col :span="6"><div class="grid-content grid-content-2"><div class="itemTit">应急管理系统</div><img class="iconImg" src="../../assets/menu/icon5.png"><img class="bgImg" src="../../assets/menu/card5.png"></div></el-col>
-					<el-col :span="6"><div class="grid-content grid-content-2"><div class="itemTit">事故管理系统</div><img class="iconImg" src="../../assets/menu/icon6.png"><img class="bgImg" src="../../assets/menu/card6.png"></div></el-col>
-					<el-col :span="6"><div class="grid-content grid-content-2" @click="toSpecialWorkSys"><div class="itemTit">特殊作业系统</div><img class="iconImg" src="../../assets/menu/icon7.png"><img class="bgImg" src="../../assets/menu/card7.png"></div></el-col>
-					<el-col :span="6"><div class="grid-content grid-content-2"><div class="itemTit">智能巡检系统</div><img class="iconImg" src="../../assets/menu/icon8.png"><img class="bgImg" src="../../assets/menu/card8.png"></div></el-col>
+					<el-col :span="6"><div class="grid-content grid-content-2" @click="renderMenu('6')"><div class="itemTit">应急管理系统</div><img class="iconImg" src="../../assets/menu/icon5.png"><img class="bgImg" src="../../assets/menu/card5.png"></div></el-col>
+					<el-col :span="6"><div class="grid-content grid-content-2" @click="renderMenu('7')"><div class="itemTit">目标责任管理系统</div><img class="iconImg" src="../../assets/menu/icon2.png"><img class="bgImg" src="../../assets/menu/card2.png"></div></el-col>
+					<el-col :span="6"><div class="grid-content grid-content-2" @click="renderMenu('8')"><div class="itemTit">事故管理系统</div><img class="iconImg" src="../../assets/menu/icon6.png"><img class="bgImg" src="../../assets/menu/card6.png"></div></el-col>
+					<el-col :span="6"><div class="grid-content grid-content-2" @click="renderMenu('9')"><div class="itemTit">设备综合管控系统</div><img class="iconImg" src="../../assets/menu/icon9.png"><img class="bgImg" src="../../assets/menu/card9.png"></div></el-col>
 				</el-row>
 				<el-row :gutter="16">
-					<el-col :span="6"><div class="grid-content grid-content-3"><div class="itemTit">设备综合管控系统</div><img class="iconImg" src="../../assets/menu/icon9.png"><img class="bgImg" src="../../assets/menu/card9.png"></div></el-col>
-					<el-col :span="9"><div class="grid-content grid-content-3"><div class="itemTit">危险化学品全生命周期安全<br>管理系统</div><img class="iconImg" src="../../assets/menu/icon10.png"><img class="bgImg" src="../../assets/menu/card10.png"></div></el-col>
-					<el-col :span="9"><div class="grid-content grid-content-3"><div class="itemTit">基础数据权限管理系统</div><img class="iconImg" src="../../assets/menu/icon11.png"><img class="bgImg" src="../../assets/menu/card11.png"></div></el-col>
+					<el-col :span="6"><div class="grid-content grid-content-3" @click="renderMenu('10')"><div class="itemTit">安全知识图谱系统</div><img class="iconImg" src="../../assets/menu/icon3.png"><img class="bgImg" src="../../assets/menu/card3.png"></div></el-col>
+					<el-col :span="9"><div class="grid-content grid-content-3" @click="renderMenu('11')"><div class="itemTit">危险化学品全生命周期安全<br>管理系统</div><img class="iconImg" src="../../assets/menu/icon10.png"><img class="bgImg" src="../../assets/menu/card10.png"></div></el-col>
+					<el-col :span="9"><div class="grid-content grid-content-3" @click="renderMenu('1')"><div class="itemTit">基础数据权限管理系统</div><img class="iconImg" src="../../assets/menu/icon11.png"><img class="bgImg" src="../../assets/menu/card11.png"></div></el-col>
 				</el-row>
 			</div>
 		</div>
@@ -51,6 +59,8 @@
 import { NextLoading } from '/@/utils/loading';
 import {Session} from "/@/utils/storage";
 import {useRoute, useRouter} from "vue-router";
+import {initBackEndControlRoutes} from "/@/router/backEnd";
+import {useUserInfo} from "/@/stores/userInfo";
 
 // 定义接口来定义对象的类型
 interface LoginState {
@@ -64,6 +74,8 @@
 	setup() {
 		const route = useRoute();
 		const router = useRouter();
+		const userInfo = useUserInfo()
+		const { userInfos } = storeToRefs(userInfo);
 		const storesThemeConfig = useThemeConfig();
 		const { themeConfig } = storeToRefs(storesThemeConfig);
 		const state = reactive<LoginState>({
@@ -77,6 +89,12 @@
 		// 下拉菜单点击时
 		const onLoginOut = () => {
 			console.log('退出登录')
+		};
+		const renderMenu = async (value: string) => {
+			Session.set('projectId',value)
+			userInfos.value.projectId = value
+			await initBackEndControlRoutes();
+			router.push('./')
 		};
 		//点击进入特殊作业
 		const toSpecialWorkSys = () => {
@@ -92,6 +110,7 @@
 			logoMini,
 			loginIconTwo,
 			getThemeConfig,
+			renderMenu,
 			toSpecialWorkSys,
 			...toRefs(state),
 		};

--
Gitblit v1.9.2