<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="基本信息" name="basic">
        <BasicInfo />
      </el-tab-pane>
      <el-tab-pane label="银行管理" name="bank">
        <Bank />
      </el-tab-pane>
      <el-tab-pane label="联系管理" name="contacts">
        <Contacts />
      </el-tab-pane>
      <el-tab-pane label="合同管理" name="contract">
        <Contract />
      </el-tab-pane>
      <el-tab-pane label="仓库管理" name="warehouse">
        <Warehouse />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts" name="PartnerInfo">
import { ref } from 'vue';
import BasicInfo from './components/BasicInfo.vue';
import Bank from './components/Bank.vue';
import Contacts from './components/Contacts.vue';
import Contract from './components/Contract.vue';
import Warehouse from './components/Warehouse.vue';

const activeName = ref('basic');
</script>

<style scoped lang="scss">
.app-container {
  padding: 20px;
}
</style>
