<template>
  <div style="background-color: #fff;padding: 20px; box-sizing: border-box; position: relative;" >
    <!-- <span class="blue cursor" style="position: absolute;top: 30px;right: 20px;z-index: 2000;" @click="$openUrl(16)"><i class="el-icon-question" style="padding-right: 5px;font-size: 16px;position: relative;top: 1px;"></i>积分规则是什么？如何制定？</span> -->
    <el-tabs v-model="activeName" @tab-click="handleClick" class="boxMinHeight">
      <el-tab-pane label="常规积分" name="1">
        <ruleManage></ruleManage>
      </el-tab-pane>
      <el-tab-pane label="基础分、工龄分" name="2">
        <setBasics :isEntrance="true"></setBasics>
      </el-tab-pane>
      <el-tab-pane label="自动积分" name="3">
        <fixedIntegral></fixedIntegral>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ruleManage from '@/point/views/setting/rule_manage';
import setBasics from '@/point/views/setting/set_basics';
import fixedIntegral from '@/point/views/setting/fixed_integral';
export default {
  name: 'jfRule',
  components: {
    ruleManage,setBasics,fixedIntegral
  },
  data() {
    return {
      activeName:'1'
    };
  },
  methods:{
    handleClick(){

    }
  },
  created() {
    if(this.$route.query.index){
      this.activeName=this.$route.query.index
    }
  }
};
</script>

<style>
/* .fixed-tabs {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1024;
} */
</style>
