<template>
  <div class="shangji">
    <div class="tabs">
      <span :class="index === 0 ? 'color' : ''" @click="handleClick(0)">土地交易</span>
      <span :class="index === 1 ? 'color' : ''" @click="handleClick(1)">招标公告</span>
    </div>
    <Tdjy v-if="index === 0"></Tdjy>
    <Zhaobiao v-if="index === 1"></Zhaobiao>
  </div>
</template>

<script>
  import * as echarts from 'echarts';
  import { countGroupByMonth,countGroupByProvince,getYear } from '@/api/macro/macro'
  import Tdjy from './tdjy'
  import Zhaobiao from './zhaobiao'
export default {
  name: 'NationalEconomies',
  components: {
    Tdjy,Zhaobiao
  },
  data() {
    return {
      index:0,
    }
  },
  created() {

  },

  methods: {
    handleClick(key){
      this.index=key
    },
  }
}
</script>

<style lang="scss" scoped>
  .shangji{
    .tabs{
      .color{
        background: linear-gradient(136deg, #3181FA 0%, #1371FD 100%);
        box-shadow: 0px 0px 1px 0px rgba(49,129,250,0.4471);
        color:#ffffff;
      }
      span{
        display: inline-block;
        width: 88px;
        height: 32px;
        line-height: 32px;
        background: #FFFFFF;
        box-shadow: 0px 0px 1px 0px rgba(49,129,250,0.4471);
        border-radius: 2px;
        border: 1px solid #0081FF;
        color: #0081FF;
        font-size: 14px;
        text-align: center;
        margin: 12px 16px 12px 0;
        cursor: pointer;
      }
    }
  }
</style>
