签到

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

@@ -9,6 +9,7 @@ import {
   Axis,
   Tooltip,
 } from "bizcharts";
+import LoadingSpin from "../../../../common/LoadingSpin";
 const { Option } = Select;
 
 class Signinstatistics extends Component {
@@ -17,10 +18,14 @@ class Signinstatistics extends Component {
     this.state={
       datas:null,
       newlist:[],
-      course_groups:[{id:"全部",name:"全部"}]
+      course_groups:[{id:"全部",name:"全部"}],
+			spal:false,
     }
   }
   getdata=(group_id)=>{
+  	this.setState({
+			spal:true
+		})
     const coursesId=this.props.match.params.coursesId;
     let url=`/weapps/courses/${coursesId}/attendances.json`
     axios.get(url,{params:{
@@ -60,6 +65,14 @@ class Signinstatistics extends Component {
 
         }
       }
+			this.setState({
+				spal:false
+			})
+    }).catch((error) => {
+			this.setState({
+				spal:false
+			})
+
 		})
   }
 
@@ -84,7 +97,7 @@ class Signinstatistics extends Component {
   }
 
   render() {
-    let {datas,newlist,course_groups}=this.state;
+    let {datas,newlist,course_groups,spal}=this.state;
 
     const cols = {
       month: {
@@ -95,6 +108,17 @@ class Signinstatistics extends Component {
 
     return(
       <React.Fragment >
+				<div>
+					{
+						spal===true?
+							<div style={{
+								minHeight:"500px",
+							}}>
+								<LoadingSpin></LoadingSpin>
+							</div>
+
+							:
+							<div>
 
 								<Row type="flex" justify="space-between" className={"mt20"}>
 									<style>
@@ -215,6 +239,10 @@ class Signinstatistics extends Component {
 									</div>
 
 								</div>
+							</div>
+					}
+				</div>
+
       </React.Fragment>
 
     )