Vue_New/src/xt_pages/stock/index.vue

<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs='crumbs'></bread-crumb>
    </div>
    <!--<el-checkbox style="float: right;margin-right: 35px;padding-top: 20px;height: 15px" v-model="is_open" @change="changeOpen">是否启用自动扣减功能</el-checkbox>-->
    <div class="app-container" >
      <div class="service-box">
        <el-tabs v-model="activeName">
          <!--<el-tab-pane label="厂家" name="first">-->
            <!--<manufacturer></manufacturer>-->
          <!--</el-tab-pane>-->
          <!--<el-tab-pane label="经销商">-->
            <!--<dealer></dealer>-->
          <!--</el-tab-pane>-->
          <el-tab-pane label="耗材类型" name="first">
            <good-type></good-type>
          </el-tab-pane>
          <!--<el-tab-pane label="商品信息">-->
            <!--<good-info></good-info>-->
          <!--</el-tab-pane>-->
          <el-tab-pane label="自动扣减">
            <automatic-reduce></automatic-reduce>
          </el-tab-pane>

         <!-- <el-tab-pane label="耗材套装">
            <good-list></good-list>
          </el-tab-pane> -->

        </el-tabs>

      </div>
    </div>
  </div>
</template>

<script>
  import Dealer from './config/dealer'
  import Manufacturer from './config/manufacturer'
  import GoodInfo from './config/goodInfo'
  import GoodType from './config/goodType'
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import AutomaticReduce from './config/automaticReduce'
  import GoodList from './config/goodList'
  export default {
    name: 'service',
    components: {
      AutomaticReduce,
      GoodType,
      GoodInfo,
      Manufacturer,
      Dealer,
      BreadCrumb,
      GoodList,
    },
    data() {
      return {
        is_open: false,
        crumbs: [
          { path: false, name: '库存管理' },
          { path: '/stock/config', name: '库存配置' }
        ],
        activeName: 'first',
        config:null,
      }
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event, this.activeName)
      }
    },created(){

    }
  }
</script>