small

public/react/src/modules/courses/busyWork/CommonWorkAppraise.js

@@ -15,7 +15,7 @@ import WorkDetailPageHeader from './common/WorkDetailPageHeader'
 import CommonWorkAppraiseReply from './reply/CommonWorkAppraiseReply'
 import Example from './TestHooks'
 import CommonWorkAppraiseReviseAttachments from './CommonWorkAppraiseReviseAttachments'
-
+import LeaderIcon from './common/LeaderIcon'
 const { Option} = Select;
 const CheckboxGroup = Checkbox.Group;
 const confirm = Modal.confirm;
@@ -88,6 +88,13 @@ class CommonWorkAppraise extends Component{
        console.log(error)
      })
   }
+  componentDidUpdate(prevProps, prevState) {
+    if (this.props.match.params.studentWorkId != prevProps.match.params.studentWorkId) {
+      this.getWork();
+      this.getReviseAttachments()
+    }
+  }
+  
   componentDidMount() {
     this.getWork();
     this.getReviseAttachments()
@@ -251,12 +258,25 @@ class CommonWorkAppraise extends Component{
 
             {is_evaluation != true && work_members && !!work_members.length && <div className={"stud-class-set bor-top-greyE edu-back-white padding20-30"}>
               <div className={"color-grey-6 mb10"}>
-                其他组员
+                全部组员
               </div>
-              <div className={"ml20"}>
-                {work_members.map((item, index) => {
-                  return item.user_name + '　'
-                })}
+              <div className={"ml20 color-grey-6"}>
+                <div className="">
+                  当前组员：{author_name}
+                </div>
+                <div>
+                  其他组员：
+                  {work_members.map((item, index) => {
+                    return <React.Fragment>
+                      <a className={`color-blue ${index == 0 ? '' : 'ml10'}`} href="javascript:void(0)" 
+                          onClick={() => this.props.toWorkDetailPage(this.props.match.params, null, item.work_id)}
+                      >
+                        {item.user_name}
+                      </a>{item.is_leader && <LeaderIcon small={true} ></LeaderIcon>}
+                    </React.Fragment>
+                  })}
+                </div>
+                
               </div>
             </div>
             }

public/react/src/modules/courses/busyWork/CommonWorkList.js

@@ -15,7 +15,7 @@ import WorkDetailPageHeader from './common/WorkDetailPageHeader'
 import PublishRightnow from './PublishRightnow'
 import ModulationModal from "../coursesPublic/ModulationModal";
 import AccessoryModal from "../coursesPublic/AccessoryModal";
-
+import LeaderIcon from './common/LeaderIcon'
 const { Option} = Select;
 const CheckboxGroup = Checkbox.Group;
 const confirm = Modal.confirm;
@@ -98,9 +98,9 @@ function buildColumns(that, student_works, studentData) {
 				{/* <Tooltip placement="bottom" title={text}>
 				</Tooltip> */}
           {record.is_leader ? 
-          <div>
-            <div>{text}</div>
-            <div className="font-10">组长</div>
+          <div style={{ display: 'flex', 'flex-direction': 'column', 'align-items': 'center'}}>
+            <div >{text}</div>
+            <LeaderIcon></LeaderIcon>
           </div>
 					: <React.Fragment>{text}</React.Fragment>}
       </div>

public/react/src/modules/courses/busyWork/common/LeaderIcon.js

@@ -0,0 +1,17 @@
+import React,{Component} from "React";
+
+export default function LeaderIcon(props = {}) {
+    if (props.small) {
+        <div className="font-8 blueFull Actionbtn" style={{ 
+            height: '14px',
+            'line-height': '14px',
+            width: '24px',
+            padding: 0,
+            'margin-top': '-2px',
+            'margin-left': '2px',
+            'vertical-align': 'middle', }}>组长</div>
+    }
+    return (
+        <div className="font-8 blueFull Actionbtn" style={{ height: '16px', 'line-height': '16px', width: '30px'}}>组长</div>
+    )
+}