PCqiandao
杨树明 5 years ago
parent 8f2dec86d0
commit 7c77e74d0d

@ -1,6 +1,7 @@
import "../css/Signinstatistics.css"; import "../css/Signinstatistics.css";
import React,{ Component } from "react"; import React,{ Component } from "react";
import { Row, Col,Card,Select} from 'antd'; import { Row, Col,Card,Select} from 'antd';
import {getImageUrl} from 'educoder';
import axios from 'axios'; import axios from 'axios';
import { import {
Chart, Chart,
@ -96,6 +97,24 @@ class Signinstatistics extends Component {
<React.Fragment > <React.Fragment >
<Row type="flex" justify="space-between" className={"mt20"}> <Row type="flex" justify="space-between" className={"mt20"}>
<style>
{
`
.lishiqiandao{
background-image: url(${getImageUrl(`/images/qiandao/lishi.png`)});
}
.daokeqiandao{
background-image: url(${getImageUrl(`/images/qiandao/daoke.png`)});
}
.kuangkeqiandao{
background-image: url(${getImageUrl(`/images/qiandao/kuangke.png`)});
}
.qingjiaqiandao{
background-image: url(${getImageUrl(`/images/qiandao/qingjia.png`)});
}
`
}
</style>
<Col span={6}> <Col span={6}>
<Card style={{ width: 209 }} className={"gutterrowbox lishiqiandao"}> <Card style={{ width: 209 }} className={"gutterrowbox lishiqiandao"}>
<div className={"gutterrowboxcontent ml5"}>{datas&&datas.all_history_count}</div> <div className={"gutterrowboxcontent ml5"}>{datas&&datas.all_history_count}</div>

@ -14,45 +14,45 @@
color:rgba(255,255,255,1); color:rgba(255,255,255,1);
} }
.ml14{ .ml14{
margin-left: 14px; margin-left: 14px !important;
} }
.ml8{ .ml8{
margin-left: 8px; margin-left: 8px !important;
} }
.ml20{ .ml20{
margin-left: 20px; margin-left: 20px !important;
} }
.lishiqiandao{ .lishiqiandao{
height: 150px; height: 150px;
background-image: url(./lishi.png);
background-size: cover; background-size: cover !important;
background-position: center; background-position: center !important;
background-repeat: no-repeat; background-repeat: no-repeat !important;
} }
.daokeqiandao{ .daokeqiandao{
height: 150px; height: 150px;
background-image: url(./daoke.png);
background-size: cover; background-size: cover !important;
background-position: center; background-position: center !important;
background-repeat: no-repeat; background-repeat: no-repeat !important;
} }
.kuangkeqiandao{ .kuangkeqiandao{
height: 150px; height: 150px;
background-image: url(./kuangke.png);
background-size: cover; background-size: cover !important;
background-position: center; background-position: center !important;
background-repeat: no-repeat; background-repeat: no-repeat !important;
} }
.qingjiaqiandao{ .qingjiaqiandao{
height: 150px; height: 150px;
background-image: url(./qingjia.png);
background-size: cover; background-size: cover !important;
background-position: center; background-position: center !important;
background-repeat: no-repeat; background-repeat: no-repeat !important;
} }
.SigninstatisticsChart{ .SigninstatisticsChart{

@ -3,6 +3,24 @@ import React from 'react'
import { Modal , Form, Input, Radio,DatePicker, TimePicker,Select,Button} from 'antd'; import { Modal , Form, Input, Radio,DatePicker, TimePicker,Select,Button} from 'antd';
import moment from 'moment'; import moment from 'moment';
import axios from 'axios'; import axios from 'axios';
function range(start, end) {
const result = [];
for (let i = start; i < end; i++) {
result.push(i);
}
return result;
}
function disabledDateTime() {
return {
disabledMinutes: () => range(1, 30).concat(range(31, 60)),
// disabledSeconds: () => range(0,60)
}
}
function disabledDate(current) {
return current && current < moment().endOf('day').subtract(1, 'days');
}
const CollectionCreateForm = Form.create({ name: 'form_in_modal' })( const CollectionCreateForm = Form.create({ name: 'form_in_modal' })(
@ -121,7 +139,10 @@ const CollectionCreateForm = Form.create({ name: 'form_in_modal' })(
<Form.Item label="签到日期:"> <Form.Item label="签到日期:">
{getFieldDecorator('attendance_date', { {getFieldDecorator('attendance_date', {
rules: [{ type: 'object', required: true, message: '请选择签到日期',}], rules: [{ type: 'object', required: true, message: '请选择签到日期',}],
})(<DatePicker style={{width:"413px"}} getPopupContainer={trigger => trigger.parentNode}/>)} })(<DatePicker style={{width:"413px"}} getPopupContainer={trigger => trigger.parentNode}
disabledTime={disabledDateTime}
disabledDate={disabledDate}
/>)}
</Form.Item> </Form.Item>
<Form.Item label="开始时间:"> <Form.Item label="开始时间:">

Loading…
Cancel
Save