分班模拟

.gitignore

@@ -1,3 +1,4 @@
 yarn.lock
 node_modules/
 package-lock.json
+.idea/

src/views/elective/dispatch/components/dispatch-table.vue

@@ -0,0 +1,86 @@
+<template>
+  <el-row>
+    <mx-table :propDefines="propDefines" :rows="round.enrollGroupCount">
+      <template #edit>
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          @click="edit"
+          >编辑
+        </el-button>
+      </template>
+    </mx-table>
+  </el-row>
+</template>
+<script>
+import MxClassTreeTranslateMixin from "@/components/Cache/modules/mx-classTree-translate-mixin.js";
+import MxSelectTranslateMixin from "@/components/Cache/modules/mx-select-translate-mixin.js";
+
+export default {
+  mixins: [MxClassTreeTranslateMixin, MxSelectTranslateMixin],
+  props: {
+    round: {
+      type: Object,
+      default: {},
+    },
+    allowDispatch: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      settingList: [],
+      propDefines: {
+        group: {
+          label: "组合",
+        },
+        count: {
+          label: "人数",
+        },
+        classNum: {
+          label: "班级数",
+        },
+        edit: {
+          label: "分班编辑",
+          slot: "edit",
+        },
+        classNames: {
+          label: "班级名称",
+        },
+      },
+    };
+  },
+  computed: {
+    displayRows() {
+      console.log(this.classTree)
+      if (!this.classTree.length) return [];
+      if (!this.settingList.length) return [];
+      //
+
+    },
+  },
+  created() {
+    if (!this.allowDispatch) {
+      this.$message.error("当前不能进行分班逻辑");
+      return;
+    }
+  },
+  watch: {
+    round: {
+      handler: function (val, oldVal) {
+        console.log(val);
+        console.log(oldVal);
+      },
+      deep: true,
+    },
+  },
+  methods: {
+    edit() {},
+  },
+};
+</script>
+<style scoped>
+</style>

src/views/elective/dispatch/index.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="app-container">
+    <dispatch-table :round="round" :allowDispatch="round.allowDispatch"></dispatch-table>
+  </div>
+</template>
+<script>
+import DispatchTable from "./components/dispatch-table.vue";
+export default {
+  components: {
+    DispatchTable,
+  },
+  created() {
+  },
+  methods: {},
+  data() {
+    return {
+      round: {
+        allowDispatch: true,
+        enrollGroupCount:{
+          groupIds: '1,2,3',
+          roundGroups: []
+        }
+      }
+    };
+  },
+};
+</script>
+<style scoped>
+</style>