| | |
| | | <div class="gridCont"> |
| | | <div class="grid-content grid-content-1 cont-bg-1" v-throttle @click="toRiskPlatform"> |
| | | <div class="toplayer"> |
| | | <div> |
| | | <img class="iconImg" src="../../assets/newMenu/icon1.png"/> |
| | | <div> |
| | | <div class="itemTit1">安全风险综合预警<br/>预报平台</div> |
| | | <div class="enTit1">Security risk comprehensive early warning and forecast platform</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg1" src="../../assets/newMenu/card1.png" /> |
| | | <img class="bgImg1" src="../../assets/newMenu/card-1.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-1" v-throttle @click="render('2')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">Double prevention</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card4.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-4.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-1" v-throttle @click="render('4')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">Intelligent inspection system</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card8.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-8.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-1" v-throttle @click="render('3')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">special work</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card7.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-7.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-1" v-throttle @click="render('7')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">Target Responsibility Management</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card2.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-2.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-2" v-throttle @click="render('10')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">Security Knowledge Graph</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card3.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-3.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-2" v-throttle @click="render('9')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">Comprehensive equipment control</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card9.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-9.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-2" v-throttle @click="render('6')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">Emergency management</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card5.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-5.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-2" v-throttle @click="render('11')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">Full life cycle of hazardous chemicals</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card10.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-10.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-2" v-throttle @click="render('8')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">Incident Management</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card6.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-6.png" /> |
| | | </div> |
| | | <div class="grid-content cont-bg-2" @click="render('1')"> |
| | | <div class="toplayer"> |
| | |
| | | <div class="enTit">Basic data permissions</div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg" src="../../assets/newMenu/card11.png" /> |
| | | <img class="bgImg" src="../../assets/newMenu/card-11.png" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | import { useI18n } from 'vue-i18n'; |
| | | import screenfull from 'screenfull'; |
| | | import router from '../../router' |
| | | import Cookies from 'js-cookie' |
| | | |
| | | // 定义接口来定义对象的类型 |
| | | interface LoginState { |
| | |
| | | |
| | | //调后台菜单接口 |
| | | const renderFun = async () => { |
| | | Session.set('projectId', state.projectId); |
| | | Cookies.set('projectId', state.projectId); |
| | | userInfos.value.projectId = state.projectId; |
| | | await initBackEndControlRoutes().then(() => { |
| | | let linkToMenu = [...routesList.value]; |
| | |
| | | } |
| | | &:hover { |
| | | background-image: radial-gradient(ellipse farthest-side at 50% 100%,#48A3FF 0%,#fff 120%); |
| | | box-shadow: 0 8px 32px rgba(20, 97, 234, 0.4); |
| | | box-shadow: 8px 8px 24px rgba(20,97,234,.2), -8px -8px 24px #fafafa; |
| | | } |
| | | |
| | | .itemTit { |
| | | font-size: 32px; |
| | | font-size: 29px; |
| | | line-height: 36px; |
| | | height: 40%; |
| | | font-family: 'PingFang SC'; |
| | |
| | | left: 0; |
| | | top: 0; |
| | | display: flex; |
| | | align-items: flex-start; |
| | | padding: 40px 20px; |
| | | align-items: center; |
| | | z-index: 99; |
| | | |
| | | &>div{ |
| | | display: flex; |
| | | align-items: flex-start; |
| | | } |
| | | } |
| | | } |
| | | |