From 5c35d26c03b49303600b861c39c435c8e9461e4d Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期五, 01 七月 2022 18:12:41 +0800
Subject: [PATCH] 添加页面
---
src/views/homeMenu/homeMenu.vue | 30 +++++++++++++++---------------
1 files changed, 15 insertions(+), 15 deletions(-)
diff --git a/src/views/homeMenu/homeMenu.vue b/src/views/homeMenu/homeMenu.vue
index 2581053..1b8ad74 100644
--- a/src/views/homeMenu/homeMenu.vue
+++ b/src/views/homeMenu/homeMenu.vue
@@ -20,7 +20,7 @@
<div class="menuGrid">
<div class="gridCont">
- <el-row :gutter="16">
+ <el-row :gutter="20">
<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>
@@ -34,13 +34,13 @@
</div>
</el-col>
</el-row>
- <el-row :gutter="16">
+ <el-row :gutter="20">
<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-row :gutter="20">
<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>
@@ -94,11 +94,11 @@
Session.set('projectId',value)
userInfos.value.projectId = value
await initBackEndControlRoutes();
- router.push('./')
+ router.push('/layoutPage')
};
//点击进入特殊作业
const toSpecialWorkSys = () => {
- router.push('/workReservation');
+ router.push('/layoutPage');
};
// 页面加载时
onMounted(() => {
@@ -123,7 +123,7 @@
width: 100%;
height: 100%;
position: relative;
- background: url("../../assets/menu/bg_home.jpg") no-repeat center;
+ background: url("../../assets/menu/bg_home1.jpg") no-repeat center;
.topPanel{
position: absolute;
width: 100%;
@@ -218,7 +218,7 @@
.gridCont{
width: 1200px;
.el-row {
- margin-bottom: 16px;
+ margin-bottom: 20px;
}
.el-row:last-child {
margin-bottom: 0;
@@ -228,11 +228,11 @@
}
.grid-content {
- border-radius: 8px;
+ border-radius: 10px;
height: 234px;
padding: 32px;
position: relative;
- background-image: linear-gradient(135deg,#00C0F5,#147AEA);
+ background-image: linear-gradient(135deg,#00C0F5,#44b1ff);
overflow: hidden;
cursor: pointer;
transition: .3s;
@@ -263,13 +263,13 @@
}
}
- .grid-content-2{
- background-image: linear-gradient(135deg,#0098F5,#1461EA);
- }
+ /*.grid-content-2{*/
+ /* background-image: linear-gradient(135deg,#0098F5,#1461EA);*/
+ /*}*/
- .grid-content-3{
- background-image: linear-gradient(135deg,#006DF5,#1450EA);
- }
+ /*.grid-content-3{*/
+ /* background-image: linear-gradient(135deg,#006DF5,#1450EA);*/
+ /*}*/
}
}
--
Gitblit v1.9.2