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

<template>
  <basic-container class="base">
    <el-tabs v-model="activeName">
      <el-tab-pane label="服务承接" name="taskCenter"> </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 taskCenter from "./taskCenter.vue";
export default {
  //import 引入的组件需要注入到对象中才能使用
  components: { taskCenter, },
  props: {},
  data() {
    //这里存数据
    return {
      activeName: "taskCenter",
    };
  },
  //计算属性
  computed: {},
  //监控data中数据变化
  watch: {},
};
</script>

<style scoped>
.content-box {
  overflow: auto;
  /* min-height: 800px; */
  /*height: calc(100vh - 250px);*/
}
::v-deep .el-badge__content.is-fixed {
  top: 5px;
}
</style>

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