<template>
  <div class="app-container">
    <el-tabs id="PurchasingCenter/PurchaseTaskAllocate" v-model="tabName" type="border-card">
      <el-tab-pane label="投标保证金" name="投标保证金">
        <BidBond/>
      </el-tab-pane>
      <el-tab-pane label="履约保证金" name="履约保证金">
        <PerformanceBond/>
      </el-tab-pane>
      <el-tab-pane label="安全保证金" name="安全保证金">
        <SafetyMargin/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import BidBond from '@/views/MarketingCenter/BidBond'
import PerformanceBond from '@/views/MarketingCenter/PerformanceBond'
import SafetyMargin from '@/views/MarketingCenter/SafetyMargin'
export default {
  components: {
    BidBond, PerformanceBond, SafetyMargin
  },
  data() {
    return {
      tabName: '投标保证金'
    }
  }
}
</script>

<style scoped>

</style>
