<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 { DR_PROCESSING_TABS } from '../config'

export default {
  name: 'DrProcessing',
  components: {
    DoPage,
  },
  data() {
    return {
      activeTab: 'process',
      tabs: DR_PROCESSING_TABS,
    }
  },
}
</script>

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