<template>
  <div class="processing-container">
    <el-tabs v-model="activeTab" type="border-card">
      <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="tab.title" :name="tab.name">
        <DoPage
          v-if="activeTab === tab.name"
          :label="tab.label"
          :tabs="tab.tabs"
          :useSpecialSplit="tab.useSpecialSplit"
        />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import DoPage from '@/views/wms/coil/panels/do.vue'
import { LAJIAO_PROCESSING_TABS } from '../config'

export default {
  name: 'LajiaoProcessing',
  components: {
    DoPage,
  },
  data() {
    return {
      // 拉矫平整 WIP 复用现有工序待办组件，只切换为拉矫平整工序标签与对应逻辑库区。
      activeTab: 'process',
      // 配置集中定义在 config.js，便于后续同步调整工序名称与库区映射。
      tabs: LAJIAO_PROCESSING_TABS,
    }
  },
}
</script>

<style scoped lang="scss">
.processing-container {
  width: 100%;
  height: 100%;
}
</style>
