班主任分班--选中

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

@@ -41,11 +41,7 @@ export default{
   },
   methods: {
     confirm() {
-      this.activeClass.newClassId =  this.value
-      this.activeClass.newClassName =  this.getClassName(this.value)
-      this.activeClass.newMasterId =  this.activeClass.prevMasterId
-      this.activeClass.newMasterName =  this.activeClass.prevMasterName
-      this.dialogVisible = false
+      // todo 接口
     },
     enable(row){
       console.log(row)

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

@@ -3,7 +3,7 @@
     :visible.sync="dialogVisible"
     width="80%"
   >
-    <teacher-manage></teacher-manage>
+    <teacher-manage v-model="activeTeacherHead"></teacher-manage>
     <span slot="footer" class="dialog-footer">
       <el-button @click="dialogVisible = false">取 消</el-button>
       <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
@@ -19,7 +19,13 @@ export default  {
   },
   data() {
     return {
-      dialogVisible: false
+      dialogVisible: false,
+      activeTeacherHead: {}
+    }
+  },
+  methods: {
+    open(row){
+      this.activeTeacherHead = row
     }
   }
 }

src/views/permission/components/mx-teacher-info.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-card shadow="hover">
+  <el-card shadow="hover" class="selected relative">
     <div class="fx-row fx-bet-cen">
       <div class="fx-column fx-cen-cen">
         <el-image :src="avatar||defaultAvatar" class="icon80 rd40 mb10"></el-image>
@@ -11,6 +11,10 @@
         <div v-if="classes" class="light f13 f-999 mt5" style="word-break: break-all">{{ classes }}</div>
       </div>
     </div>
+    <div class="icon-wrap">
+      <i class="el-icon-success active" v-if="selected"></i>
+      <i class="el-icon-success" v-else></i>
+    </div>
   </el-card>
 </template>
 
@@ -22,6 +26,10 @@ export default {
       type: String,
       default: ''
     },
+    selected: {
+      type: Boolean,
+      default: false
+    },
     name: {
       type: String,
       default: ''
@@ -48,5 +56,13 @@ export default {
 </script>
 
 <style scoped>
-
+.icon-wrap{
+  position: absolute;
+  right: 8px;
+  cursor: pointer;
+  top: 8px;
+}
+.active{
+  color: #42b983;
+}
 </style>

src/views/permission/teacher-manage.vue

@@ -11,7 +11,7 @@
               <div class="f14 f-666 mb5">班主任</div>
               <el-row :gutter="12">
                 <el-col :span="6" v-for="(item,index) in group.headteachers" :key="index" class="mb12">
-                  <mx-teacher-info :avatar="item.avatar" :name="item.nickName" content-height="90px"
+                  <mx-teacher-info :selected="true" :avatar="item.avatar" :name="item.nickName" content-height="90px"
                                    :classes="intersectGradeClass(item.headteacherClassNames, group.grade).toString()">
                   </mx-teacher-info>
                 </el-col>
@@ -51,6 +51,9 @@ export default {
     MxCondition,
     MxTeacherInfo
   },
+  props: {
+    activeTeacherHead: {} // 激活的班主任
+  },
   data() {
     return {
       queryParams: {