教师端调整

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

@@ -1,3 +1,4 @@
+import "../css/Signinstatistics.css";
 import React,{ Component } from "react";
 import { Row, Col,Card } from 'antd';
 import {
@@ -149,45 +150,38 @@ class Signinstatistics extends Component {
       }
     };
     return(
-      <React.Fragment>
+      <React.Fragment >
-
+        <Row type="flex" justify="space-between" className={"mt20"}>
-      <Row gutter={[{ xs: 8, sm: 16, md: 24, lg: 32 }, 20]}>
+          <Col span={6}>
-        <Col className="gutter-row" span={6}>
+            <Card style={{ width: 209 }} className={"gutterrowbox lishiqiandao"}>
-          <div className="gutter-box">
-            <div className={"gutterrowbox"}>
-              <Card style={{ width: 300 }}>
               <p>Card content</p>
               <p>Card content</p>
               <p>Card content</p>
             </Card>
-            </div>
-          </div>
           </Col>
-
+          <Col span={6}>
-        <Col className="gutter-row" span={6}>
+            <Card style={{ width: 209 }} className={"ml8 gutterrowbox"}>
-          <div className="gutter-box">
+              <p>Card content</p>
-            <div className={"gutterrowbox"}>
+              <p>Card content</p>
-
+              <p>Card content</p>
-            </div>
+            </Card>
-          </div>
           </Col>
-
+          <Col span={6}>
-        <Col className="gutter-row" span={6}>
+            <Card style={{ width: 209 }} className={"ml14 gutterrowbox"}>
-          <div className="gutter-box">
+              <p>Card content</p>
-            <div className={"gutterrowbox"}>
+              <p>Card content</p>
-
+              <p>Card content</p>
-            </div>
+            </Card>
-          </div>
           </Col>
-
+          <Col span={6} >
-        <Col className="gutter-row" span={6}>
+            <Card style={{ width: 209 }}  className={"ml20 gutterrowbox"}>
-          <div className="gutter-box">
+              <p>Card content</p>
-            <div className={"gutterrowbox"}>
+              <p>Card content</p>
-
+              <p>Card content</p>
-            </div>
+            </Card>
-          </div>
           </Col>
         </Row>
+
         <div>
           <Chart height={400} data={data} scale={cols} forceFit>
             <Legend />

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

@@ -1,4 +1,23 @@
 .gutterrowbox{
-    width:209px;
     height:150px;
+    border: none !important;
+}
+
+.ml14{
+    margin-left: 14px;
+}
+.ml8{
+    margin-left: 8px;
+}
+.ml20{
+    margin-left: 20px;
+}
+.lishiqiandao{
+    width: 100%;
+    height: 150px;
+    background-image: url(https://test-newweb.educoder.net/images/path/path.png);
+    background-color: #000a4f;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
 }

public/react/src/modules/courses/signin/teacher/Teachers_signin.js

@@ -191,17 +191,14 @@ class Students_signin extends Component{
 																total={attendances_count}></Pagination>
 									</div>
 								</TabPane>
+								{
+									isAdmin===true?
 										<TabPane tab="签到统计" key="3">
 											<Signinstatistics
 												{...this.props}
 												{...this.state}
 											/>
 										</TabPane>
-								{
-									isAdmin===true?
-										<TabPane tab="签到统计" key="3">
-											Content of Tab Pane 3
-										</TabPane>
 										:
 										""
 								}