<template>
  <div class="inspect-driver">
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="全部任务" :name="'0'">
        <cTable :status="activeName" v-if="activeName==='0'"></cTable>
      </el-tab-pane>
      <el-tab-pane label="待执行" :name="'2'">
        <cTable :status="activeName" v-if="activeName==='2'"></cTable>
      </el-tab-pane>
      <el-tab-pane label="执行中" :name="'3'">
        <cTable :status="activeName" v-if="activeName==='3'"></cTable>
      </el-tab-pane>
      <el-tab-pane label="已完成" :name="'4'">
        <cTable :status="activeName" v-if="activeName==='4'"></cTable>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import cTable from './table'
  export default {
    name: "inspect-driver",
    data() {
      return {
        activeName: '0'
      }
    },
    created(){
    },
    components:{
      cTable
    }
  }
</script>

<style lang="less">
  .inspect-driver {
    height: fit-content;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
    padding: 15px;
  }
</style>
