<template>
  <div>
    <classPayListItem
    :payInfo="payInfo"
    :courseTypesByType='courseTypesByType'
      v-for="(item, index) in form.classList"
      :key="index"
      :item="item"
      :index="index"
    />
    <div slot="footer" class="dialog-footer">
      <el-button @click="close">上一步</el-button>
      <el-button type="primary" @click="gotoLast">下一步</el-button>
    </div>
    <div style="clear: both"></div>
  </div>
</template>
<script>
import { getDefaultPaymentCalender } from "@/api/buildTeam";
import classPayListItem from "./class-pay-list-item";
export default {
  props: ["form",'payInfo','courseTypesByType'],
  components: {
    classPayListItem,
  },
  data() {
    return {};
  },
   mounted() {
    // 获取缴费信息

   
  },
  methods: {
    close() {
      this.$emit("close");
    },
    gotoLast() {},
  },
};
</script>
<style lang="scss" scoped>
.studentTitle {
  width: 120px !important;
  text-align: right;
  display: inline-block;
  color: #409eff;
}
.dialog-footer {
  float: right;
}
</style>