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

@ -1,6 +1,7 @@
import "../css/Signinstatistics.css";
import React,{ Component } from "react";
import { Row, Col,Card,Select} from 'antd';
import {getImageUrl} from 'educoder';
import axios from 'axios';
import {
Chart,
@ -96,6 +97,24 @@ class Signinstatistics extends Component {
<React.Fragment >
<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}>
<Card style={{ width: 209 }} className={"gutterrowbox lishiqiandao"}>
<div className={"gutterrowboxcontent ml5"}>{datas&&datas.all_history_count}</div>

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

@ -3,6 +3,24 @@ import React from 'react'
import { Modal , Form, Input, Radio,DatePicker, TimePicker,Select,Button} from 'antd';
import moment from 'moment';
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' })(
@ -121,7 +139,10 @@ const CollectionCreateForm = Form.create({ name: 'form_in_modal' })(
<Form.Item label="签到日期:">
{getFieldDecorator('attendance_date', {
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 label="开始时间:">

Loading…
Cancel
Save