<!--  -->
<template>
  <div class="m-container">
    <h2>
      <div class="squrt"></div>
      考勤申诉
    </h2>
    <div class="m-core">
      <tab-router
        v-model.trim="activeIndex"
        type="card"

      >
      <!--  @tab-click="handleClick" -->
        <el-tab-pane label="考勤申诉(未结算)" lazy name="1" >
          <progressRequest v-if="activeIndex === '1'" :isSettle="false"/>
        </el-tab-pane>
        <el-tab-pane label="考勤申诉(已结算)" lazy name="2">
          <progressRequest v-if="activeIndex === '2'" :isSettle="true"/>
        </el-tab-pane>
      </tab-router>
    </div>
  </div>
</template>

<script>
import { permission } from "@/utils/directivePage";
import progressRequest from "./requestComponent/progressRequest"
export default {
  components: {progressRequest},
  data() {
    return {
      activeIndex:1
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  async mounted() {},
  methods: {
      handleClick(evt) {
      // this.changeHash(evt.name);
    },
  },
  watch: {},
};
</script>
<style lang='scss' scoped>
.titleP {
  line-height: 30px;
}
</style>
