<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
    </div>
    <div class="app-container">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="药品" name="1">
          <drugs></drugs>
        </el-tab-pane>
        <el-tab-pane label="耗材" name="2">
          <consumables></consumables>
        </el-tab-pane>
        <!--<el-tab-pane label="项目" name="3">-->
        <!--<project></project>-->
        <!--</el-tab-pane>-->
        <!--<el-tab-pane label="检验检查项目" name="4">-->
        <!--<inspection></inspection>-->
        <!--</el-tab-pane>-->
        <el-tab-pane label="生产厂商" name="5">
          <!--<manufacturer></manufacturer>-->
          <manufacturer></manufacturer>
        </el-tab-pane>
        <el-tab-pane label="供应商" name="6">
          <!--<supplier></supplier>-->
          <dealer></dealer>
        </el-tab-pane>
        <el-tab-pane label="配置项字典" name="7">
          <configure></configure>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>


<script>
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import drugs from './components/drugs'
  import consumables from './components/consumables'
  import project from './components/project'
  import inspection from './components/inspection'
  import manufacturer from '../stock/config/manufacturer'
  import configure from './components/configure'
  import Dealer from '../stock/config/dealer'

  export default {
    name: 'specialDictionary',
    components: {
      Dealer,
      BreadCrumb,
      drugs,
      consumables,
      project,
      inspection,
      manufacturer,
      configure
    },
    data() {
      return {
        crumbs: [
          { path: false, name: '管理中心' },
          { path: '/data/specialDictionary', name: '专项字典' }
        ],
        activeName: '1'
      }
    }
  }
</script>
