<template>
    <div class="home_wrapper">
        <div class="header_main">
          电子追溯
<!--          <div class="return_btn" @click="onClickLeft"></div>-->
        </div>
      <div class="jg"></div>

      <div class="main_box">
        <van-cell>
          <template #title>
            <span class="custom-title">扫码查询<i class="bgBlue"></i></span>
          </template>
        </van-cell>
        <van-grid :column-num="3" :border="false" square clickable>
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="扫一扫" :to="{name:'lawEnforcementRetrospectDetail'}" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_19.png" text="中国农药网" @click="linkGo('http://www.icama.org.cn/hysj/index.jhtml')" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_20.png" text="中国种业网" @click="linkGo('http://202.127.42.47:6010/index.aspx')" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_21.png" text="中肥网" @click="linkGo('http://www.fert.cn/')" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_22.png" text="中国兽药网" @click="linkGo('http://www.ivdc.org.cn/xxgk/syzwglpt/')" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_23.png" text="中国饲料网" @click="linkGo('http://chinafeeddata.org.cn/admin/Login/slstk')" />
        </van-grid>
      </div>

      <div class="main_box">
        <van-cell>
          <template #title>
            <span class="custom-title">本地查询<i class="bgBlue"></i></span>
          </template>
        </van-cell>
        <van-grid :column-num="3" :border="false" square clickable>
          <van-grid-item :to="{name:'lawEnforcementPesticides'}">
            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_04.png" />
            <p>查农药</p>
          </van-grid-item>
          <van-grid-item :to="{name:'lawEnforcementSeed'}">
            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_05.png" />
            <p>查种子</p>
          </van-grid-item>
          <van-grid-item :to="{name:'lawEnforcementFertilizer'}">
            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_06.png" />
            <p>查肥料</p>
          </van-grid-item>
          <van-grid-item :to="{name:'lawEnforcementVeterinary'}">
            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_07.png" />
            <p>查兽药</p>
          </van-grid-item>
          <van-grid-item :to="{name:'lawEnforcementFeed'}">
            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_08.png" />
            <p>查饲料</p>
          </van-grid-item>
          <van-grid-item :to="{name:'lawEnforcementProduct'}">
            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_09.png" />
            <p>查农产品</p>
          </van-grid-item>
        </van-grid>
      </div>

      <div style="height: 20PX"></div>
      <lawNew></lawNew>
    </div>
</template>

<script>
  import lawNew from "@/components/common/lawNew_footer";
  export default {
    name: "caseAllocation",
    components: {
      lawNew
    },
    data() {
      return {

      };
    },
    created() {

    },
    methods: {
      linkGo(url){
        window.location.href = url;
      }
    },
  }
</script>

<style scoped lang="scss">
  .jg{
    height: 116px;
  }
.home_wrapper{
    background: #e9e9e9;
    min-height: 100vh;
    width: 100vw;
    padding: 0 3% 0.2rem;
    .header_main{
        height: 116px;
        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
        background-size: 100% 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        font-size: 36px;
        line-height: 116px;
        text-align: center;
        color: #fff;
        z-index: 999;
        .return_btn{
            width: 24px;
            height: 43.2px;
            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
            background-size: 20px 36px;
            position: absolute;
            left: 38px;
            top: 36px;
        }
        .add_btn{
            width: 56.4px;
            height: 40.8px;
            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
            background-size: 47px 34px;
            position: absolute;
            right: 38px;
            top: 36px;
        }
    }
}
.main_box{
  width: 100%;
  margin: 0 auto;
  border-radius: 10PX;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  overflow: hidden;
  background-color: #FFF;
  margin-top: 10PX;
  p,/deep/ .van-grid-item__text{
    font-size: .35rem;
    color: #646566;
  }
  .custom-title{
    font-size: 17PX;
    color: #333333;
    vertical-align: middle;
    line-height: 1;
    position: relative;
  }
  .tap{
    color: #1D6FE9;
  }
  .bgBlue{
    display: block;
    position: absolute;
    width: 17PX;
    height: 17PX;
    border-radius: 50%;
    background-color: rgba(29,111,233,0.26);
    top: -2PX;
    right: -8PX;
  }
}
</style>
