校长端---班主任分班

src/views/elective/master/components/choose-class.vue

@@ -0,0 +1,44 @@
+<template>
+  <el-dialog
+    title="选择新班级"
+    :visible.sync="dialogVisible"
+    width="50%"
+  >
+    <div>
+      <el-radio-group v-model="value">
+        <el-radio class="mb10" border v-for="item in classes.classList" :label="item.className"></el-radio>
+      </el-radio-group>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+import MxClassTreeTranslateMixin from '@/components/Cache/modules/mx-classTree-translate-mixin'
+
+export default{
+  props: {
+    year: Number
+  },
+  mixins: [MxClassTreeTranslateMixin],
+  data() {
+    return {
+      dialogVisible: false,
+      value:''
+
+
+    }
+  },
+  computed: {
+    classes() {
+      if (this)
+      return this.classTree.find(item => item.year == this.year)
+    }
+  }
+}
+</script>
+<style>
+
+</style>

src/views/elective/master/components/choose-master-teacher.vue

@@ -0,0 +1,31 @@
+<template>
+  <el-dialog
+    :visible.sync="dialogVisible"
+    width="80%"
+  >
+    <teacher-manage></teacher-manage>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+import TeacherManage from '@/views/permission/teacher-manage'
+export default  {
+  name: 'ChooseMasterTeacher',
+  components: {
+    TeacherManage
+  },
+  data() {
+    return {
+      dialogVisible: false
+    }
+  }
+}
+</script>
+<style scoped>
+::v-deep .el-dialog__body{
+  padding: 0;
+}
+</style>

src/views/elective/master/index.vue

@@ -0,0 +1,115 @@
+<template>
+  <div class="app-container">
+    <el-card class="mb20">
+      <mx-condition ref="condition" :query-params="queryParams" :require-fields="requireFields" @query="handleQuery"
+                    @invalid="handleInvalidQuery"></mx-condition>
+    </el-card>
+
+    <el-card>
+      <div class="fx-row jc-between mb10" >
+        <el-button type="primary">一键维持原班级</el-button>
+        <el-button  type="primary">发送名单</el-button>
+      </div>
+
+      <mx-table :propDefines="propDefines" :rows="rows">
+        <template #temp="row">
+          <el-popover
+            placement="bottom"
+            trigger="click">
+              <span class="btn-green mr5" @click="changeMaster">班主任</span>
+              <span  class="btn-green" @click="changeClass">班级</span>
+
+            <el-button type="primary" slot="reference" size="mini">更换</el-button>
+          </el-popover>
+        </template>
+        <template #cancel="row">
+          <el-button type="danger" size="mini">取消</el-button>
+        </template>
+      </mx-table>
+    </el-card>
+    <choose-master-teacher ref="chooseMasterTeacher"></choose-master-teacher>
+    <choose-class ref="chooseClass" :year="queryParams.year"></choose-class>
+  </div>
+</template>
+<script>
+import ChooseMasterTeacher from './components/choose-master-teacher'
+import ChooseClass from './components/choose-class'
+import MxCondition from '@/components/MxCondition/mx-condition'
+export default  {
+  components :{
+    MxCondition,
+    ChooseMasterTeacher,
+    ChooseClass
+  },
+  data() {
+    return {
+      propDefines: {
+        year:{
+          label:'学年'
+        },
+        prevClassName:{
+          label:'原班级'
+        },
+        prevMasterName:{
+          label:'原班主任姓名'
+        },
+        temp:{
+          label:'确认班主任',
+          slot:'temp'
+        },
+        newClassName:{
+          label:'新班级号'
+        },
+        newMasterName:{
+          label:'新班主任姓名'
+        },
+        cancel: {
+          label:'操作',
+          slot:'cancel'
+        }
+      },
+      rows:[{
+        year: 2021,
+        prevClassName: '201班',
+        prevMasterName: '李某',
+        prevMasterId: 1,
+        newClassName: '',
+        newMasterName: '',
+      },{
+        year: 2021,
+        prevClassName: '202班',
+        prevMasterName: '王某',
+        prevMasterId: 2,
+        newClassName: '',
+        newMasterName: '',
+      }
+      ],
+      requireFields: ['year'],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        year: ''
+      },
+    }
+  },
+  methods: {
+    handleQuery() {
+        console.log(1111111)
+    },
+    changeMaster(){
+      console.log(11111111)
+      this.$refs.chooseMasterTeacher.dialogVisible = true
+    },
+    changeClass() {
+      this.$refs.chooseClass.dialogVisible = true
+    },
+    handleInvalidQuery() {
+      this.dataList = []
+    },
+  }
+
+}
+</script>
+<style>
+
+</style>