<template>
  <div class="integral-tab">
    <el-tabs v-model="activeName">
      <el-tab-pane label="集团积分明细" name="first" >
        <p class="font14 tip-p">展示近两年的积分明细</p>
        <enterprise-integral-detial :member-id="memberId"></enterprise-integral-detial>
      </el-tab-pane>
      <el-tab-pane label="集团预扣明细" name="second">
        <p class="font14 tip-p">展示近两年的预扣明细</p>
        <enterprise-intergral-withhold :member-id="cliqueMemberId" :is-enterprise="true"></enterprise-intergral-withhold>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import enterpriseIntegralDetial from './enterpriseIntegralDetial.vue';
import enterpriseIntergralWithhold from './enterpriseIntergralWithhold.vue';
export default {
  name: 'enterpriseIntegralDataPage',
  components: { 
    enterpriseIntegralDetial,
    enterpriseIntergralWithhold
    },
  props: {
  },
  data() {
    return {
      activeName: 'first',
      memberId: this.$route.query.memberId || "",
      cliqueMemberId: this.$route.query.cliqueMemberId || "",
    };
  },
  methods: {
    goback() {
      this.$router.push({
        path: "wechatmemberDetail",
        query: { memberId: this.memberId }
      });
    },
  },
  mounted() {
  },
  destroyed() {
  }
};
</script>
<style lang="scss" scoped>
.integral-tab {
  height: 100%;
  // position: fixed;
  /deep/ .el-tabs__header {
    margin-bottom: 16px;
    .el-tabs__nav-wrap {
      padding: 0 20px;
    }
  }
  /deep/ .el-tabs__content {
    padding: 0 20px 20px;
    height: calc(100% - 60px);
    overflow-y: auto;
    box-sizing: border-box;
  }
}
.tip-p{
    color: #6B6D71;
    padding-bottom: 16px;
    // position: fixed;
}
</style>