<template>
  <div class="m-container">
    <!-- <h2><div class="squrt"></div>VIP活动方案新增 </h2> -->
    <h2>
      <el-page-header
        @back="onCancel"
        :content="'新建课程活动方案'"
      ></el-page-header>
    </h2>

    <el-steps :active="active" finish-status="success" align-center class="steps">
      <el-step title="基础信息"></el-step>
      <el-step title="缴费信息"></el-step>
      <el-step title="课酬信息"></el-step>
    </el-steps>
    <div class="wrap">
      <baseInfo  v-if="active==1"/>
    </div>
  </div>
</template>

<script>
import baseInfo from './modals/baseInfo.vue'
export default {
  components:{
    baseInfo
  },
  data() {
    return {
      active: 1,
    };
  },
  mounted() {},
  methods: {
    onCancel() {
      this.$store.dispatch("delVisitedViews", this.$route);
      this.$router.push({
        path: "/vipActiveManager/vipActiveList",
        query: { rules: this.rules, searchForm: this.searchForm },
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.steps {
  margin-top: 30px;
}
/deep/.is-success{
  color: #14928a!important;
    border-color: #14928a!important;
}
</style>


