<!-- 驾驶舱紧急事件 -->
<template>
  <div class="L-app-container">
    <header>驾驶舱群体事件</header>
    <div class="tabs">
      <el-tabs
        v-model="activeName"
        @tab-click="handleClick"
        style="color: #edeef0"
      >
        <el-tab-pane label="待审核" name="first">
          <!-- <notFilled v-if="isFirst" :id="null" :status="0"></notFilled> -->
          1
        </el-tab-pane>
        <el-tab-pane label="已上报" name="second">
          <!-- <notFilled v-if="isSecond" :id="1" :status="1"></notFilled> -->
          2
        </el-tab-pane>
        <el-tab-pane label="重训练" name="third">
          <!-- <notFilled v-if="isThird"  :id="2" :status="1"></notFilled> -->
          3
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      activeName: "first",
      active: 0,
      isFirst : true,
      isSecond :false,
      isThird : false,
    }
  },
  methods:{
    handleClick(e) {
      // console.log(this.activeName);
      if (this.activeName == "first") {
        this.isFirst = true;
        this.isSecond = false;
        this.isThird = false;
      } else if (this.activeName == "second") {
        this.isFirst = false;
        this.isSecond = true;
        this.isThird = false;
      } else if (this.activeName == "third") {
        this.isFirst = false;
        this.isSecond = false;
        this.isThird = true;
      }
    },
  },
}
</script>
<style lang="scss" scoped>

</style>
