isnotmemeber

public/react/src/modules/courses/members/CourseGroupList.js

@@ -137,7 +137,7 @@ function CourseGroupList(props) {
                 searchValue={ searchValue }
                 onInputSearchChange={onInputSearchChange}
                 showSearchInput={total_count >= 10}
-                searchPlaceholder={ '请输入名称进行搜索' }
+                searchPlaceholder={ '请输入分班名称进行搜索' }
                 firstRowRight={
                     <React.Fragment> 
                     {  // pageType !== TYPE_STUDENTS && 
@@ -177,10 +177,13 @@ function CourseGroupList(props) {
                         padding-bottom: 8px;
                     }
                     .drop_down_menu .drop_down_btn{
-                    border-top:none;
+                        border-top:none;
                     }
                     .dividerStyle.ant-divider-horizontal{
-                    margin: 0px;
+                        margin: 0px;
+                    }
+                    .courseGroupList .ant-table-tbody tr:last-child td {
+                        border-bottom: none;
                     }
                 `}</style>
                 { isAdmin &&
@@ -207,17 +210,28 @@ function CourseGroupList(props) {
                 onPressEnter={onPressEnter}
             ></Titlesearchsection>
             
-            <div className="mt20 edu-back-white padding20 courseGroupList">
-                <Spin size="large" spinning={isSpin}>
-                    {course_groups && !!course_groups.length ? <CourseGroupListTable
+            <div className="mt20 edu-back-white padding20-30 ">
+                <span>未分班：</span>
+                <span style={{color: '#999999'}}>{none_group_member_count}个学生</span>
+
+                <WordsBtn style="blue" className="fr " 
+                        onClick={() => {props.history.push(`/courses/${courseId}/course_groups/0`)}}>查看</WordsBtn>
+            </div>
+
+            <Spin size="large" spinning={isSpin}>
+                {course_groups && !!course_groups.length ? 
+                <div className="mt20 edu-back-white padding20 courseGroupList">
+                
+                    <CourseGroupListTable
                         course_groups={course_groups}
                         onOperationSuccess={onOperationSuccess}
                         current_group_id={current_group_id}
                         {...props}
-                    ></CourseGroupListTable> : 
-                    <NoneData></NoneData>}
-                </Spin>
-            </div>
+                    ></CourseGroupListTable> 
+                    
+                </div>: 
+                <NoneData></NoneData>}
+            </Spin>
         </React.Fragment>
     )
 }

public/react/src/modules/courses/members/CourseGroupListTable.js

@@ -93,29 +93,33 @@ function CourseGroupListTable(props) {
             render: (member_manager, record, index) => {
                 return member_manager
             }
-        },
-        isAdmin ? {
-            title: '邀请码',
-            dataIndex: 'invite_code',
-            key: 'invite_code',
-            align:'center',
-            width:"10%",
-            className:"color-grey-6",
-            render: (invite_code, record, index) => {
-                return invite_code
-            }
-        } : {
-            title: '你当前所在分班',
-            dataIndex: 'group',
-            key: 'group',
-            align:'center',
-            width:"20%",
-            className:"color-grey-6",
-            render: (invite_code, record, index) => {
-                return props.current_group_id == record.id && <Badge status="processing" text="" />
-            }
-        },
-        {
+        }];
+        if (!isNotMember) {
+            const aCol = (isAdmin ? {
+                title: '邀请码',
+                dataIndex: 'invite_code',
+                key: 'invite_code',
+                align:'center',
+                width:"10%",
+                className:"color-grey-6",
+                render: (invite_code, record, index) => {
+                    return invite_code
+                }
+            } : {
+                title: '你当前所在分班',
+                dataIndex: 'group',
+                key: 'group',
+                align:'center',
+                width:"20%",
+                className:"color-grey-6",
+                render: (invite_code, record, index) => {
+                    return props.current_group_id == record.id && <Badge status="processing" text="" />
+                }
+            })
+            columns.push( aCol );
+        }
+
+        columns.push({
             title: '操作',
             dataIndex: 'setting',
             key: 'setting',
@@ -124,15 +128,15 @@ function CourseGroupListTable(props) {
             className:"color-grey-6",
             render: (none, record, index) => {
                 return <React.Fragment>
-                    {!isCourseEnd && isAdmin && <WordsBtn style2={{ marginRight: '12px' }} onClick={() => onDelete(record)} style={'grey'}>删除</WordsBtn>}
+                    {!isCourseEnd && isAdmin && <WordsBtn style2={{ marginRight: '12px' }} onClick={() => onDelete(record)} style={'grey'}>删除分班</WordsBtn>}
                     {isAdmin && <WordsBtn style2={{ marginRight: '12px' }} data-clipboard-text={record.invite_code} 
                         className={`copyBtn_${record.id}`} style={''}>复制邀请码</WordsBtn>    }  
                     {isStudent && <WordsBtn style2={{ marginRight: '12px' }} onClick={() => addToDir(record)} style={''}>加入分班</WordsBtn>}        
                     <WordsBtn style2={{ marginRight: '12px' }} onClick={() => onGoDetail(record)} style={''}>查看</WordsBtn>              
                 </React.Fragment>
             }
-        },
-        ]
+        })
+        
         return columns 
     }
     const addToDir = async (record) => {
@@ -180,6 +184,8 @@ function CourseGroupListTable(props) {
     const isAdmin = props.isAdmin();
     const isSuperAdmin = props.isSuperAdmin();
     const isStudent = props.isStudent()
+    const isNotMember = props.isNotMember()
+    
 
     const isParent = true;
     const isCourseEnd= props.isCourseEnd();