<!--
 * @Description:
 * @Author: ymz
 * @Date: 2021-12-03 11:14:19
 * @LastEditTime: 2022/11/08
 * @LastEditors: Please set LastEditors
 * @Reference:
-->

<template>
  <basic-container class="base">
    <el-tabs v-model="activeName">
      <el-tab-pane label="产品" name="drug"> </el-tab-pane>
      <el-tab-pane label="医疗器械" name="apparatus"></el-tab-pane>
    </el-tabs>

    <div class="content-box">
      <el-scrollbar style="height:100%" class="content-scroll-bar">
        <component :is="activeName"></component>
      </el-scrollbar>
    </div>
  </basic-container>
</template>

<script>
import drug from "./drug.vue";
import apparatus from "./apparatus.vue";
export default {
  //import 引入的组件需要注入到对象中才能使用
  components: { drug, apparatus },
  props: {},
  data() {
    //这里存数据
    return {
      activeName: "drug",
      config: false
    };
  },
  //计算属性
  computed: {},
  //监控data中数据变化
  watch: {},
  //方法
  methods: {
    // 判断是否显示我的任务
  },
  //声明周期 - 创建完成（可以访问当前this实例）
  created() {}
};
</script>

<style scoped>
.content-box {
  overflow: auto;
  /* min-height: 800px; */
  /*height: calc(100vh - 250px);*/
}
</style>

<style>
body .content-scroll-bar {
  overflow-x: hidden;
}
</style>
