<script setup lang="ts">
import { useDetail } from "/@/hooks/core/useDetail";
import BasicDescriptions from "/@/components/BasicDescriptions";
import { goodColumns } from "./config/columns"

import BaseForm from "./components/BaseForm.vue"

const { 
  title, 
  isDetail, 
  collapses 
} = useDetail({ 
  baseName: '组合类型', 
  collapseLen: 2 
});


</script>

<template>
  <div class="padding__container">
    <ElTabs>
      <ElTabPane :label="title">
        <ElCollapse v-model="collapses">
          <ElCollapseItem :title="title" name="1">
            <BasicDescriptions
              v-if="isDetail" 
              :columns="goodColumns"
              :data="{}" 
            />

            <BaseForm v-else/>
          </ElCollapseItem>
        </ElCollapse>
      </ElTabPane>
    </ElTabs>
  </div>
</template>
