<template>
  <wrapper
    fill
    margin
    padding
    background
  >
    <el-tabs
      v-model="active"
      class="c-tabs has-bottom-padding"
    >
      <el-tab-pane
        label="库存管理"
        name="Stock"
      />
      <el-tab-pane
        label="库存分配"
        name="StockAssign"
      />
    </el-tabs>
    <component
      :is="active"
      class="l-flex__auto"
    />
  </wrapper>
</template>

<script>
import Stock from './Stock'
import StockAssign from './Assign'

export default {
  name: 'AIStock',
  components: {
    Stock,
    StockAssign
  },
  data () {
    return {
      active: 'Stock'
    }
  }
}
</script>
