<template>
  <div class="page">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="考勤绩效指标" name="1">
        <attend-index v-if="activeName == 1" :activeName="activeName" />
      </el-tab-pane>
      <el-tab-pane label="评价绩效指标" name="2">
        <attend-index v-if="activeName == 2" :activeName="activeName" />
      </el-tab-pane>
      <el-tab-pane label="办件绩效指标" name="3">
        <attend-index v-if="activeName == 3" :activeName="activeName" />
      </el-tab-pane>
      <el-tab-pane label="效能绩效指标" name="4">
        <attend-index v-if="activeName == 4" :activeName="activeName" />
      </el-tab-pane>
      <el-tab-pane label="其他绩效指标" name="5">
        <attend-index v-if="activeName == 5" :activeName="activeName" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import AttendIndex from "./components/AttendIndex.vue";
export default {
  name: "PerformRulesList",
  components: { AttendIndex },
  created() {},
  methods: {
    handleClick(tab, event) {
      this.$route.query.page = 1;
      // this.$forceUpdate(this.activeName);
    },
  },
  data() {
    return {
      activeName: "1",
    };
  },
};
</script>
<style lang="less" scoped>
.page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /deep/.el-tabs__item {
    width: 180px;
    font-size: 14px;
    text-align: center;
  }
}
</style>
