classrooms.vue 912 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <div>
  3. <el-table
  4. :data="list"
  5. style="width: 100%">
  6. <el-table-column
  7. prop="date"
  8. label="班级名称">
  9. </el-table-column>
  10. <el-table-column
  11. prop="date"
  12. label="班级类型"
  13. width="180">
  14. </el-table-column>
  15. <el-table-column
  16. prop="date"
  17. label="班级人数"
  18. width="180">
  19. </el-table-column>
  20. </el-table>
  21. <div slot="footer" class="dialog-footer">
  22. <el-button @click="$listeners.close">取 消</el-button>
  23. <el-button
  24. type="primary"
  25. @click="submit"
  26. >确 定</el-button>
  27. </div>
  28. </div>
  29. </template>
  30. <script>
  31. export default {
  32. data() {
  33. return {
  34. list: []
  35. }
  36. },
  37. methods: {
  38. submit() {
  39. }
  40. },
  41. }
  42. </script>
  43. <style lang="less" scoped>
  44. .dialog-footer{
  45. margin-top: 20px;
  46. display: block;
  47. text-align: right;
  48. }
  49. </style>