application-credit/src/views/main/c-views/credit-data/apply-information/ApplyInformation.vue

<template>
  <el-tabs type="border-card" class="demo-tabs" v-model="activeName"  @tab-click="handleClick" >
    <el-tab-pane label="事项应用情况统计" name="first">
      <matter-apply-situation-statics v-if="activeName=='first'" />
    </el-tab-pane>
    <el-tab-pane label="数据应用总体情况" name="second">
      <data-apply-general-situation v-if="activeName=='second'" />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import MatterApplySituationStatics
  from "@/views/main/c-views/credit-data/apply-information/MatterApplySituationStatics.vue";
import DataApplyGeneralSituation
  from "@/views/main/c-views/credit-data/apply-information/DataApplyGeneralSituation.vue";
import {ref} from "vue";
export default {
  name: "ApplyInformation",
  components: {DataApplyGeneralSituation, MatterApplySituationStatics},
  setup(){
    const activeName = ref('first')
    function handleClick(tab,event){

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

<style scoped>

</style>