<template>

    <div class="app-container">
  <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
    <el-tab-pane label="汇付支付配置" name="first">
      <adapay-member :merchantId="merchantId"></adapay-member>
    </el-tab-pane>
    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
<!--    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>-->
    <el-tab-pane label="钱包汇总" name="wallet">
      <wallet-summary :merchantId="merchantId"></wallet-summary>
    </el-tab-pane>
    <el-tab-pane label="营收报表" name="revenue">
      <revenue :merchantId="merchantId"></revenue>
    </el-tab-pane>
  </el-tabs>
    </div>

</template>

<script>
import adapayMember from './components/adapayMember.vue';
import Revenue from './components/revenue.vue';
import WalletSummary from './components/walletSummary.vue';
export default {
  components: { adapayMember, Revenue, WalletSummary },
 data() {
      return {
        activeName: 'first',
        merchantId:this.$route.params.id
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
}
</script>

<style>

</style>
