<template>
  <div class="mainView">
    <bread-crumb />
    <div class="funModule">
      <div class="fun" @click="jumpModule('apply')">
        <img src="@/assets/logo/zdgk2.png" alt="申请">
        <span>申请</span>
      </div>
      <div class="fun" @click="jumpModule('query')">
        <img src="@/assets/logo/qh-sy-search-more.png" alt="查询">
        <span>查询</span>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts" name="">
import { useRouter } from 'vue-router'
import BreadCrumb from "@/components/breadcrumbModule/index.vue"
const router = useRouter();
function jumpModule(path) {
  router.push('/zwgk/ysqgk/' + path);
}
</script>
<style scoped lang="less">
.mainView {
  width: 1200px;

  .funModule {
    padding: 20px;
    height: calc(100vh - 560px);

    .fun {
      float: left;
      width: 48%;
      height: 120px;
      font-size: 18px;
      color: #0176c9;
      text-align: center;
      line-height: 120px;
      margin: 18px 10px;
      border: 1px #cbd9e3 solid;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;

      span {
        margin-left: 20px;
      }
    }
  }
}
</style>