<template>
  <!-- 海绵综合一张图首页 -->
  <div class="hmMainPage">
    <!-- 地图 -->
    <!-- <GisMapMF></GisMapMF> -->

    <!-- 图例 -->
    <Legend></Legend>

    <!-- 内容 -->
    <div class="headHM flex">
      <img src="@/assets/newImgs/HMScreen/main.png" alt="" title="跳转业务系统" class="mainYW" @click="goSystem" />
      <div class="title">海绵城市综合一张图</div>
    </div>
  </div>
</template>

<script setup>
import GisMapMF from '@/views/sponeScreen/gisMF/cesiumMap.vue';
import Legend from '@/views/sponeScreen/gisMF/legendKF.vue';
import bus from '@/bus';

const router = useRouter();
// 跳转业务系统
function goSystem() {
  router.push({ path: '/index' });
}

onMounted(() => {});
</script>

<style scoped lang="scss">
.hmMainPage {
  width: 100%;
  height: 100%;
  background: #010e22;
  position: relative;
  z-index: 210;
  .headHM {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 220;
    width: 1920px;
    height: 100px;
    background: url('@/assets/newImgs/HMScreen/headBg.png') no-repeat;
    background-size: 100% 100%;
    .mainYW {
      width: 50px;
      height: 44px;
      cursor: pointer;
    }
  }
}
</style>