Vue_New/src/xt_pages/data/specialDictionary.vue

 <template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
    </div>
    <div class="app-container">
      <el-tabs v-model="activeName">
        <el-tab-pane label="药品" name="1">
          <drugs v-if="activeName == 1"></drugs>
        </el-tab-pane>
        <el-tab-pane label="耗材" name="2">
          <consumables v-if="activeName == 2"></consumables>
        </el-tab-pane>
        <el-tab-pane label="项目" name="3">
         <project v-if="activeName == 3"></project>
        </el-tab-pane>
        <el-tab-pane label="项目组套" name="4">
        <inspection v-if="activeName == 4"></inspection>
        </el-tab-pane>
        <el-tab-pane label="生产厂商" name="5">
         
          <manufacturer v-if="activeName == 5"></manufacturer>
        </el-tab-pane>
        <el-tab-pane label="经销商" name="6">
         
          <dealer v-if="activeName == 6"></dealer>
        </el-tab-pane>
        <el-tab-pane label="疾病类型" name="7">
       
        <diagnosis v-if="activeName == 7"></diagnosis>
      </el-tab-pane>
      
        <el-tab-pane label="附加收费配置" name="8">
          <addtion v-if="activeName == 8"></addtion>
        </el-tab-pane>

        <el-tab-pane label="配置项字典" name="9">
          <configure v-if="activeName == 9"></configure>
        </el-tab-pane>

        <el-tab-pane label="诊断信息" name="10">
          <!--<diagnosis></diagnosis>-->
          <diagnose-other v-if="activeName == 10"></diagnose-other>
        </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'
  import Diagnosis from './components/diagnosis'
  import Addtion from './components/addtion'
  import DiagnoseOtherDialog from "./components/diagnoseOtherDialog";
  import DiagnoseOther from "./components/diagnoseOther";

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