<template>
  <el-tabs type="border-card" class="demo-tabs" v-model="activeName"  @tab-click="handleClick" >
    <el-tab-pane label="住建领域联合惩戒实施情况" name="first">
      <housing-and-construction-area-statics v-if="activeName=='first'" />
    </el-tab-pane>
    <el-tab-pane label="对比查询统计(月)" name="second">
      <compare-search-statics-monthly v-if="activeName=='second'" />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import HousingAndConstructionAreaStatics
  from "@/views/main/c-views/credit-data/combined-rewards-and-punishments/HousingAndConstructionAreaStatics.vue";
import CompareSearchStaticsMonthly
  from "@/views/main/c-views/credit-data/combined-rewards-and-punishments/CompareSearchStaticsMonthly.vue";
import {ref} from "vue";
export default {
  name: "CombinedRewardsAndPunishments",
  components: {CompareSearchStaticsMonthly, HousingAndConstructionAreaStatics},
  setup(){
    const activeName = ref('first')
    function handleClick(tab,event){

    }
    return{
      activeName,
      handleClick
    }
  }
}
</script>

<style scoped>

</style>