<!--  -->
<template>
  <div class="white-bgc pa-3 pt-3">
    <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa">
      <v-tab value="tab_transaction">{{ '交易订单' }}</v-tab>
      <v-tab value="tab_recharge">{{ '充值订单' }}</v-tab>
    </v-tabs>
    <Transaction v-if="tab === 'tab_transaction'"></Transaction>
    <Recharge v-if="tab === 'tab_recharge'"></Recharge>
  </div>
</template>

<script setup>
defineOptions({name: 'enterprise-memberCenter-tradingOrder'})
import { ref } from 'vue'
import Transaction from './components/transaction.vue'
import Recharge from './components/recharge.vue'

const tab = ref('tab_transaction')
</script>

<style lang="scss" scoped>
</style>
