风险模块

Your Name

2022-07-05 b222b2923e4759a86ccae30a85d6653a4b4046f8

 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('/home')
      };
      //点击进入特殊作业
      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);*/
         /*}*/
      }

   }