<template>
  <div class="eContainer-taskList">
    <c-tabs :value="tabVal" type="card" @tab-click="tabClick">
      <el-tab-pane label="待经办列表" name="sptsel">
        <!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
        <t-sptsel />
      </el-tab-pane>
      <el-tab-pane label="待复核列表" name="trnrel">
         <t-trnrel />
      </el-tab-pane>
       <el-tab-pane label="已完成列表" name="trnfnd">
          <t-trnfnd  />
      </el-tab-pane>
      <el-tab-pane label="待申报列表" name="bopsel">
         <t-bopsel />
      </el-tab-pane>
      <el-tab-pane label="草稿箱" name="sptbrk">
       <t-sptbrk />
      </el-tab-pane>
      <el-tab-pane label="到期提示" name="diasel">
       <t-diasel/>
      </el-tab-pane>  
    </c-tabs>
  </div>
</template>

<script>


import Sptsel from "~/views/Business/Sptsel";
import Sptbrk from "~/views/Business/Sptsel/Sptbrk";
import Trnrel from "~/views/Business/Trnrel";
import Trnfnd from "~/views/Business/Trnrel/Trnfnd";
import Diasel from "~/views/Business/Diasel";
import Bopsel from "~/views/Business/Bopsel";

export default {
  data(){
    return{
      tabVal:"sptsel",
    }
  },
  name: "TaskList",

  methods: {
    tabClick() {},
  },
    components:{
        "t-sptsel" : Sptsel,
        "t-sptbrk" : Sptbrk,
        "t-trnrel" : Trnrel,
        "t-trnfnd" : Trnfnd,
        "t-diasel" : Diasel,
        "t-bopsel" : Bopsel,
    },

   
  
    
};
</script>

<style scoped>
.eContainer-taskList {
  padding: 3px 15px;
}
</style>