From 8eee96f7c2ed07b82f9346d1bf8205d8785f81b9 Mon Sep 17 00:00:00 2001
From: hjm <63528605@qq.com>
Date: Sat, 22 Jun 2019 16:13:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=88=90=E5=8A=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/courses/members/teacherList.js    | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/public/react/src/modules/courses/members/teacherList.js b/public/react/src/modules/courses/members/teacherList.js
index 478a94ec2..261bfab85 100644
--- a/public/react/src/modules/courses/members/teacherList.js
+++ b/public/react/src/modules/courses/members/teacherList.js
@@ -5,6 +5,7 @@ import CourseLayoutcomponent from '../common/CourseLayoutComponent'
 
 import Titlesearchsection from '../common/titleSearch/TitleSearchSection'
 import ColorCountText from '../common/titleSearch/ColorCountText'
+import update from 'immutability-helper'
 
 import { WordsBtn, ConditionToolTip, on, off } from 'educoder'
 import axios from 'axios'
@@ -71,7 +72,7 @@ function buildColumns(that) {
       const noGroups = (!course_groups || course_groups.length == 0);
       return (
         <ConditionToolTip title={`暂未有分班信息，不能操作`} condition={noGroups}>
-        <span className="drop_down" style={{color: '#29BD8B'}}>
+        <span className="drop_down" style={{color: '#29BD8B', display: 'inline-block'}}>
         { arg_course_groups.length == 0 ? '不限' : arg_course_groups.map(item => item.name).join(', ') }
         { isAdmin &&
           <React.Fragment>
@@ -84,7 +85,7 @@ function buildColumns(that) {
                 </p>):
                 ''
               }
-              <Checkbox.Group onChange={(checkedValues) => that.joinCourseGroup(checkedValues, item)} 
+              <Checkbox.Group onChange={(checkedValues) => that.joinCourseGroup(checkedValues, item, index)} 
                   value={arg_course_groups.map(item => item.id)}
                   disabled={!isAdminOrCreator}
               >
@@ -137,11 +138,12 @@ function buildColumns(that) {
         } else {
           return (
             <span>
-              <WordsBtn onClick={() => that.onDelete(record)} style={'grey'}>删除</WordsBtn>
-              <Divider type="vertical" />
+              {record.role != ROLE_ADMIN && <WordsBtn onClick={() => that.onDelete(record)} style={'grey'}>删除</WordsBtn>}
+              {(record.role == ROLE_TEACHER || record.role == ROLE_TEACHER_ASSISTANT || isAdminOrCreator) && record.role != ROLE_ADMIN
+                   && <Divider type="vertical" />}
               { record.role == ROLE_TEACHER ? <a style={{color: '#4CACFF'}} onClick={() => that.changeToAssistant(record)}>变更为助教</a> : '' }
               { record.role == ROLE_TEACHER_ASSISTANT ? <a style={{color: '#4CACFF'}} onClick={() => that.changeToTeacher(record)}>变更为教师</a> : '' }
-              { record.role == ROLE_ADMIN ? <a style={{color: '#4CACFF'}} onClick={() => that.showChangeAdminModal(record)}>更换管理员</a> : '' }
+              { record.role == ROLE_ADMIN  && isAdminOrCreator ? <a style={{color: '#4CACFF', marginLeft: '44px'}} onClick={() => that.showChangeAdminModal(record)}>更换管理员</a> : '' }
               
             </span> )
         }
@@ -238,8 +240,13 @@ class studentsList extends Component{
     })
     .then((response) => {
       if (response.data.course_groups && response.data.course_groups.length) {
+        let course_groups_map = {}
+        response.data.course_groups.forEach(item => {
+          course_groups_map[item.id] = item.name
+        })
         this.setState({
           course_groups: response.data.course_groups,
+          course_groups_map
         })
       } else {
       }
@@ -248,7 +255,7 @@ class studentsList extends Component{
       console.log(error);
     });
   }
-  joinCourseGroup = (ids, item) => {
+  joinCourseGroup = (ids, item, index) => {
     console.log('join ', ids, item)
     
     const courseId = this.props.match.params.coursesId    
@@ -263,7 +270,12 @@ class studentsList extends Component{
     .then((response) => {
       if (response.data.status == 0) {
         this.props.showNotification('修改成功')
-        this.fetchAll()
+        const newArray = ids.map((item) => {return {id: item, name: this.state.course_groups_map[item]}});
+        this.setState(
+          (prevState) => ({
+              teachers : update(prevState.teachers, {[ this.state.page == 1 ? index - this.state.application_list.length : index]: { course_groups: {$set: newArray }}})
+          }))
+        // this.fetchAll()
       } else {
       }
     })