class-pay-list.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <div>
  3. <classPayListItem
  4. :payInfo="payInfo"
  5. :courseTypesByType='courseTypesByType'
  6. v-for="(item, index) in form.classList"
  7. :key="index"
  8. :item="item"
  9. :index="index"
  10. />
  11. <div slot="footer" class="dialog-footer">
  12. <el-button @click="close">上一步</el-button>
  13. <el-button type="primary" @click="gotoLast">下一步</el-button>
  14. </div>
  15. <div style="clear: both"></div>
  16. </div>
  17. </template>
  18. <script>
  19. import { getDefaultPaymentCalender } from "@/api/buildTeam";
  20. import classPayListItem from "./class-pay-list-item";
  21. export default {
  22. props: ["form",'payInfo','courseTypesByType'],
  23. components: {
  24. classPayListItem,
  25. },
  26. data() {
  27. return {};
  28. },
  29. mounted() {
  30. // 获取缴费信息
  31. },
  32. methods: {
  33. close() {
  34. this.$emit("close");
  35. },
  36. gotoLast() {},
  37. },
  38. };
  39. </script>
  40. <style lang="scss" scoped>
  41. .studentTitle {
  42. width: 120px !important;
  43. text-align: right;
  44. display: inline-block;
  45. color: #409eff;
  46. }
  47. .dialog-footer {
  48. float: right;
  49. }
  50. </style>