<template>
  <div class="wrapper">
    <!-- <div class="itemWrapper" v-for="(nav,index) in nav_list" :key="nav.public_id">
      <div class="imageWrapper">
        <img class="image" :src="nav.icon_url"
             :alt="nav.name">
      </div>
      <div class="titleWrapper">
        <span class="title">{{ nav.name }}</span>
      </div>
    </div> -->

    <div class="nav-box">
      <van-row gutter="20">
        <van-col span="6" @click="goUrl('/searchEnterprise')" class="nav-item nav-item-bottom">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_company@1x.png" alt="">
          <div class="nav-item-title">筛企业</div>
        </van-col>

        <van-col span="6" @click="goUrl('/SearchBusiness')" class="nav-item nav-item-bottom">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_case@3x.png" alt="">
          <div class="nav-item-title">查商机</div>
        </van-col>

        <!-- <van-col span="6" @click="goUrl('/dashboard/home/searchCase')" class="nav-item nav-item-bottom">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_case@1x.png" alt="">
          <div class="nav-item-title">查案件</div>
        </van-col> -->
        <van-col span="6" @click="goUrl('/SearchChecking')" class="nav-item nav-item-bottom">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_credit@3x.png" alt="">
          <div class="nav-item-title">查信用</div>
        </van-col>
        <!--<van-col span="6" @click="goUrl('/dashboard/home/searchDishonesty')" class="nav-item nav-item-bottom">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_credit@1x.png" alt="">
          <div class="nav-item-title">查失信</div>
        </van-col>-->
         <van-col span="6" @click="goUrl('/CheckAccount')" class="nav-item nav-item-bottom">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_finance@1x.png" alt="">
          <div class="nav-item-title">查流水</div>
        </van-col>
        <!-- <van-col span="6" @click="goUrl('/dashboard/home/searchFinancing')" class="nav-item nav-item-bottom">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_risks@3x.png" alt="">
          <div class="nav-item-title">查融资</div>
        </van-col> -->
          <van-col span="6" @click="goUrl('/dashboard/home/searchCase')" class="nav-item nav-item-bottom">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_case@1x.png" alt="">
          <div class="nav-item-title">查案件</div>
        </van-col>
        <van-col span="6" @click="goUrl('/dashboard/home/searchRelationship')" class="nav-item">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_relation@1x.png" alt="">
          <div class="nav-item-title">查关系</div>
        </van-col>
        <van-col span="6" @click="goUrl('/dashboard/home/searchPublicSentiment')" class="nav-item">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_news@1x.png" alt="">
          <div class="nav-item-title">查舆情</div>
        </van-col>
        <van-col span="6" @click="goUrl('/SearchBusinessType')" class="nav-item nav-item-bottom">
          <img class="nav-item-icon" src="../../../../images/part_one/home_icon_business@3x.png" alt="">
          <div class="nav-item-title">查业务</div>
        </van-col>
      </van-row>
    </div>



  </div>
</template>

<script>
import { Col, Row, Icon } from 'vant';//button组件
export default {
  components: {
    VanCol: Col,
    VanRow: Row,
    VanIcon: Icon,
  },
  name: "Nav",
  props: {
    nav_list: Array
  },
  methods: {

    goUrl(url) {
      this.$router.push(url);
    },

  },
}
</script>

<style scoped>
.nav-box {
  /* height: 10rem; */
  background: #ffffff;
  width: 100%;
  padding: 0.8rem 1rem;
  text-align: center;
}

.nav-item-bottom {
  margin-bottom: 1.25rem;
}

.nav-item-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 0px;
}

.nav-item-title {
  font-size: 0.8rem;
  font-weight: bold;
  color: #333333;
}
</style>
