<script setup lang="ts">
// import ProjectForm from "./cpns/project-form.vue";
// import CommodityFeedback from "./cpns/commodity-feedback.vue";
// import ApprovalRecord from "/@/components/ApprovalRecord";
import { useDetail } from "/@/hooks/useDetail";

const { isDetail, collapses, label, id } = useDetail({
  baseName: "离职交接",
  collapseLen: 2
});
</script>

<template>
  <div class="bg-white p-[15px]" style="margin: 0">
    <ElTabs>
      <ElTabPane :label="label">
        <ElCollapse v-model="collapses">
          <ElCollapseItem :title="label" name="1">
            11
            <!-- <ProjectForm :id="id" :readonly="isDetail" /> -->
          </ElCollapseItem>
        </ElCollapse>

        <template v-if="isDetail" />
      </ElTabPane>

      <template v-if="isDetail">
        <ElTabPane label="审批记录">
          11
          <!-- <ApprovalRecord /> -->
        </ElTabPane>
      </template>
    </ElTabs>
  </div>
</template>
