<template>
  <div class="problem-index">
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="全部问题" :name="'0'">
        <cList :status="activeName" v-if="activeName==='0'"></cList>
      </el-tab-pane>
      <el-tab-pane label="待指派" :name="'1'">
        <cList :status="activeName" v-if="activeName==='1'"></cList>
      </el-tab-pane>
      <el-tab-pane label="处理中" :name="'2'">
        <cList :status="activeName" v-if="activeName==='2'"></cList>
      </el-tab-pane>
      <el-tab-pane label="已完成" :name="'3'">
        <cList :status="activeName" v-if="activeName==='3'"></cList>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import cList from './list'
  export default {
    name: "problem-index",
    data() {
      return {
        activeName: '0'
      }
    },
    created(){
    },
    components:{
      cList
    }
  }
</script>

<style lang="less">
  .problem-index {
    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>
