调整

public/react/src/modules/courses/signin/css/Signinstatistics.css

@@ -162,3 +162,27 @@
 .textcenter{
     text-align: center !important;
 }
+
+.sginboxcolor26C7C9 .ant-select-selection--single{
+     border:1px solid #26C7C9 !important;
+ }
+
+.sginboxcolor26C7C9 .ant-select-arrow{
+    color: #26C7C9 !important;
+}
+
+.sginboxcolorEAAE4E .ant-select-selection--single{
+    border:1px solid #EAAE4E !important;
+}
+
+.sginboxcolorEAAE4E .ant-select-arrow{
+    color: #EAAE4E !important;
+}
+
+.sginboxcolorFF835C .ant-select-selection--single{
+    border:1px solid #FF835C !important;
+}
+
+.sginboxcolorFF835C .ant-select-arrow{
+    color: #FF835C !important;
+}

public/react/src/modules/courses/signin/student/Signedinlist.js

@@ -21,14 +21,14 @@ class Signedinlist extends Component {
       attendance_status:undefined,
       state:[
         {id:undefined,name:"全部状态"},
-        {id:"NORMAL",name:"正常出勤"},
-        {id:"LEAVE",name:"请假"},
-        {id:"ABSENCE",name:"旷课"},
+        {id:"NORMAL",name:"正常签到"},
+        {id:"LEAVE",name:"请 假"},
+        {id:"ABSENCE",name:"旷 课"},
       ],
       newstate:[
-        {id:"NORMAL",name:"正常出勤"},
-        {id:"LEAVE",name:"请假"},
-        {id:"ABSENCE",name:"旷课"},
+        {id:"NORMAL",name:"正常签到"},
+        {id:"LEAVE",name:"请 假"},
+        {id:"ABSENCE",name:"旷 课"},
       ],
       course_members_count:'--',
       attendance_count:'--',
@@ -58,8 +58,8 @@ class Signedinlist extends Component {
         this.setState({
           listattendanceslist:listattendanceslist,
           data:this.props.headdata,
-          course_members_count:this.props.headdata.all_count,
-          attendance_count:this.props.headdata.normal_count
+          course_members_count:this.props.headdata.normal_count,
+          attendance_count:this.props.headdata.all_count
         })
       }
 
@@ -147,8 +147,8 @@ class Signedinlist extends Component {
           })
         }else{
           this.setState({
-            course_members_count:response.data.all_count,
-            attendance_count: response.data.normal_count
+            course_members_count:response.data.normal_count,
+            attendance_count: response.data.all_count
           })
         }
         this.setState({
@@ -190,6 +190,17 @@ class Signedinlist extends Component {
   }
 
   handleChange=(attendance_status,value)=>{
+
+    let {member_attendances}=this.state;
+    let newmember_attendances=member_attendances;
+
+    newmember_attendances.map((item,key)=>{
+      if(item.user_id===value){
+        item.attendance_status=attendance_status
+      }
+    })
+    console.log(newmember_attendances)
+
     let url=`/weapps/course_member_attendances/update_status.json`;
 
     axios.post(url, {
@@ -201,7 +212,9 @@ class Signedinlist extends Component {
       .then((response) => {
         if (response.data.status == 0) {
           this.props.showNotification(`修改状态成功`);
-
+          this.setState({
+            member_attendances:newmember_attendances
+          })
         }
       })
       .catch(function (error) {
@@ -212,7 +225,7 @@ class Signedinlist extends Component {
 
   }
   render() {
-   let {attendanceslist,state,data,member_attendances,newstate}=this.state;
+   let {attendanceslist,state,data,member_attendances,newstate,attendance_status}=this.state;
 
     const columns = [
       {
@@ -244,11 +257,16 @@ class Signedinlist extends Component {
         className: "textcenter",
         render: (text, record) => (
           <span>
-            <Select key={record.index} defaultValue={record.attendance_status} className={"Signedinlistbox"} style={{ width: 167 }} onChange={(e)=>this.handleChange(e,record.user_id)}>
+            <Select key={record.index} defaultValue={record.attendance_status}
+                    // className={"Signedinlistbox"}
+                    className={record.attendance_status==="NORMAL"?"color26C7C9 Signedinlistbox sginboxcolor26C7C9":record.attendance_status==="LEAVE"?"colorEAAE4E Signedinlistbox sginboxcolorEAAE4E":record.attendance_status==="ABSENCE"?"colorFF835C Signedinlistbox sginboxcolorFF835C":"Signedinlistbox"}
+
+                    style={{ width: 167 }} onChange={(e)=>this.handleChange(e,record.user_id)}>
                   {
                     newstate&&newstate.map((item,key)=>{
                       return(
-                        <Option value={item.id} key={key}>{item.name}</Option>
+                        <Option value={item.id} key={key}
+                                className={item.name==="正常签到"?"color26C7C9 sginbox":item.name==="请 假"?"colorEAAE4E sginbox":item.name==="旷 课"?"colorFF835C sginbox":""}>{item.name}</Option>
                       )
                     })
                   }
@@ -279,11 +297,18 @@ class Signedinlist extends Component {
 
               <Col className="gutter-row ml20" span={6}>
 
-                <Select defaultValue="全部状态" className={"Signedinlistbox"} style={{ width: 167 }} onChange={this.handleChangestate}>
+                <Select defaultValue="全部状态"
+                         className={"Signedinlistbox"}
+                        //className={attendance_status&&attendance_status==="NORMAL"?"color26C7C9 Signedinlistbox sginboxcolor26C7C9":attendance_status&&attendance_status==="LEAVE"?"colorEAAE4E Signedinlistbox sginboxcolorEAAE4E":attendance_status&&attendance_status==="ABSENCE"?"colorFF835C Signedinlistbox sginboxcolorFF835C":"Signedinlistbox"}
+                        style={{ width: 167 }} onChange={this.handleChangestate}>
                   {
                     state&&state.map((item,key)=>{
                       return(
-                        <Option value={item.id} key={key}>{item.name}</Option>
+                        <Option value={item.id} key={key}
+                                //className={item.name==="正常签到"?"color26C7C9":item.name==="请假"?"colorEAAE4E":item.name==="旷课"?"colorFF835C":""}
+                        >
+                          {item.name}
+                        </Option>
                       )
                     })
                   }

public/react/src/modules/courses/signin/student/Signindetails.js

@@ -25,8 +25,6 @@ class Signindetails extends Component{
 			//.log(response);
 			if(response){
 				if(response.data){
-					console.log("头部数据")
-					console.log(response.data)
 					this.setState({
 						headdata:response.data
 					})
@@ -37,12 +35,6 @@ class Signindetails extends Component{
 	}
 
 
-	componentDidUpdate = (prevProps) => {
-		console.log("componentDidUpdate");
-
-
-	}
-
 
 	render(){
 		let {headdata}= this.state;