<template>
  <TypeLine
    scene="xm-tab"
    title=""
    storage-key="project-active-cat"
    default-category="info"
    :categories="xmCategories"
  />
</template>

<script setup lang="ts">
import { defineAsyncComponent, markRaw } from 'vue'
import TypeLine from '@/layout/typeLine.vue'
const infoView = markRaw(defineAsyncComponent(() => import('@/components/xm/info.vue')))
const scaleInfoView = markRaw(defineAsyncComponent(() => import('@/components/xm/xmInfo.vue')))
const htView = markRaw(defineAsyncComponent(() => import('@/components/ht/Ht.vue')))
const consultCategoryFactorView = markRaw(
  defineAsyncComponent(() => import('@/components/xm/XmConsultCategoryFactor.vue'))
)
const majorFactorView = markRaw(
  defineAsyncComponent(() => import('@/components/xm/XmMajorFactor.vue'))
)

const xmCategories = [
  { key: 'info', label: '基础信息', component: infoView },
  { key: 'scale-info', label: '规模信息', component: scaleInfoView },
  { key: 'consult-category-factor', label: '咨询分类系数', component: consultCategoryFactorView },
  { key: 'major-factor', label: '工程专业系数', component: majorFactorView },
  { key: 'contract', label: '合同段管理', component: htView }
]
</script>
