yos_web/src/HDrpManagement/contractManage/components/tab.vue

<template>
  <div class="normal-panel tab__panel">
    <div>
      <el-tabs v-model="activeName">
        <el-tab-pane v-for="(tab,index) in tabs" :key="index" :label="tab" :name="'tab' + index"></el-tab-pane>
        <el-tab-pane label="附件" name="file"></el-tab-pane>
        <el-tab-pane label="操作记录" name="log"></el-tab-pane>
      </el-tabs>
    </div>

    <div v-show="'tab'+index === activeName" v-for="(item,index) in tabs" :key="index">
      <slot v-if="'tab'+index === activeName"  :name="'slot' + index"></slot>
    </div>
  </div>
</template>

<script>
export default {
  props:['tabs','editData','ownertable','idname'],
  components:{
  },
  data () {
    return {
      activeName:'tab0',
      attinfo_attachment:[],
      folderid:JSON.parse(sessionStorage.getItem('folderid')).appfolderid,
    }
  },
  methods:{
  },
  mounted () {
    // this.queryAttments()
  },
  watch: {
    
  },
}

</script>
<style>
.tab__panel .el-tabs__item{
  color:#999
}
.tab__panel  .el-tabs__item.is-active {
  color:#3874f6
}
</style>
<style scoped>
.tab__panel{
  padding:0 10px 10px 10px;
  border-radius:5px;
}
</style>