<template>
  <div class="app-container">
    <!--    <el-tabs v-model="btn" @tab-change="changeTab">-->
    <!--      <el-tab-pane label="单位会员" name="one" />-->
    <!--      <el-tab-pane label="个人会员" name="two" />-->
    <!--      <el-tab-pane label="业务数据" name="three" />-->
    <!--      <el-tab-pane label="打款数据" name="four" />-->
    <!--    </el-tabs>-->

    <groupMember v-if="btn=='one'" />
    <member v-if="btn=='two'" />
    <business v-if="btn=='three'" />
    <remittance v-if="btn=='four'" />
  </div>
</template>

<script setup >

import { ref } from 'vue'
import groupMember from '@/views/analysis/components/groupMember.vue'
import member from '@/views/analysis/components/member.vue'
import business from '@/views/analysis/components/business.vue'
import remittance from '@/views/analysis/components/remittance.vue'
const btn = ref('three')

</script>

<style lang="scss" scoped>
.router {
  margin-right: 20px;
}
.tabs{
  display: flex;
  font-size: 16px;
  .tab{
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 10px;
    margin: 0px 10px 10px 10px;
    cursor:pointer;
  }
  .tabBtn{
    border-bottom: 2px solid #014A9F;
    color: #014A9F;
  }
}
</style>