<template>
  <div class="m-container">
    <h2>
      <div class="squrt"></div>
      VIP参数设置
    </h2>
    <div class="m-core">
      <location-hash v-model="activeIndex" @change="handleClick">
        <el-tabs v-model.trim="activeIndex" type="card" @tab-click="handleClick">
          <el-tab-pane lazy label="课程形式" name="1">
            <vipCourseType />
          </el-tab-pane>
          <el-tab-pane lazy label="周期循环" name="2">
            <vipCourseTimeSet />
          </el-tab-pane>
        </el-tabs>
      </location-hash>
    </div>
  </div>
</template>
<script>
import vipCourseType from "./vipCourseType";
import vipCourseTimeSet from "./vipCourseTimeSet";
export default {
  name: "vipParameterManager",
  components: { vipCourseType, vipCourseTimeSet },
  data() {
    const query = this.$route.query
    return {
      activeIndex: query.opt || "1",
    };
  },
  mounted() {},
  methods: {
    handleClick(val) {
      this.activeIndex = val.name;
    },
  },
};
</script>
<style lang="scss" scoped>
.left {
  margin-right: 20px;
}
.listWrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
</style>
<style lang="scss">
.courseMask {
  .el-tag.el-tag--info {
    margin-right: 4px;
  }
}
</style>
