|
|
@ -5,14 +5,15 @@ import { |
|
|
|
pageSizeOptions |
|
|
|
} from '@/config/character.config.js' |
|
|
|
import "./index.scss"; |
|
|
|
import { SearchOutlined,DeleteOutlined } from '@ant-design/icons'; |
|
|
|
import { SearchOutlined, DeleteOutlined } from '@ant-design/icons'; |
|
|
|
import ajax from '@/services' |
|
|
|
import moment from "moment"; |
|
|
|
|
|
|
|
const { Option } = Select; |
|
|
|
const { RangePicker } = DatePicker; |
|
|
|
function CollectorWorkStat(props) { |
|
|
|
const [ajaxLoading, setAjaxLoading] = useState(false) |
|
|
|
|
|
|
|
const [typeTime, setTypeTime] = useState('day'); |
|
|
|
const [resultData, setResultData] = useState({ |
|
|
|
data: [], |
|
|
|
total_records: 0, |
|
|
@ -23,11 +24,14 @@ function CollectorWorkStat(props) { |
|
|
|
name: '',//登录名 |
|
|
|
operator_id: '0',//所属运营商 |
|
|
|
job_status: '0',//在职状态 |
|
|
|
day_time: [], |
|
|
|
month_time: [], |
|
|
|
pn: 1, |
|
|
|
start_time: moment().subtract(30, 'days').startOf('day').format('YYYY-MM-DD') , |
|
|
|
end_time: moment().format('YYYY-MM-DD'), |
|
|
|
page_size: Number(pageSizeOptions[0]), // 每页条数 |
|
|
|
} |
|
|
|
let dataTime={ |
|
|
|
start_time: moment().subtract(30, 'days').startOf('day').format('YYYY-MM') , |
|
|
|
end_time: moment().format('YYYY-MM'), |
|
|
|
} |
|
|
|
const [formData, setFormData] = useState(parameter) |
|
|
|
const [lastFormData, setLastFormData] = useState(formData) |
|
|
|
const lastFormDataRef = useRef(formData) |
|
|
@ -114,9 +118,9 @@ function CollectorWorkStat(props) { |
|
|
|
const changePn = (pn, length) => { |
|
|
|
if (lastFormData.page_size === length) { |
|
|
|
setFormData(Object.assign({}, formData, { pn: pn, page_size: length })) |
|
|
|
setLastFormData(Object.assign({}, lastFormData, { pn: pn , page_size: length })) |
|
|
|
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn, page_size: length }) |
|
|
|
getData(Object.assign({}, formData, { pn: pn, page_size: length })) |
|
|
|
setLastFormData(Object.assign({}, lastFormData, { pn: pn, page_size: length })) |
|
|
|
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn, page_size: length }) |
|
|
|
getData(Object.assign({}, formData, { pn: pn, page_size: length })) |
|
|
|
} |
|
|
|
} |
|
|
|
//切换每页条数 |
|
|
@ -126,19 +130,34 @@ function CollectorWorkStat(props) { |
|
|
|
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: 1, page_size: length }) |
|
|
|
getData(Object.assign({}, formData, { pn: 1, page_size: length })) |
|
|
|
} |
|
|
|
//重置数据 |
|
|
|
const getResetData = () => { |
|
|
|
//重置数据 |
|
|
|
const getResetData = () => { |
|
|
|
setFormData({ |
|
|
|
...parameter |
|
|
|
}) |
|
|
|
getData({...parameter,pn: 1} ) |
|
|
|
getData({ ...parameter, pn: 1 }) |
|
|
|
} |
|
|
|
//检索数据 |
|
|
|
const getSearchData = (data = formData) => { |
|
|
|
getData(data) |
|
|
|
} |
|
|
|
|
|
|
|
const [type, setType] = useState('day'); |
|
|
|
|
|
|
|
const setType = (v) => { |
|
|
|
setTypeTime(v) |
|
|
|
if (v === 'day') { |
|
|
|
setFormData(parameter) |
|
|
|
} else { |
|
|
|
setFormData({ |
|
|
|
...parameter, |
|
|
|
...dataTime |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
useEffect(()=>{ |
|
|
|
console.log(formData); |
|
|
|
},[formData]) |
|
|
|
console.log(typeTime); |
|
|
|
const [getOperationName, setGetOperationName] = useState([]) |
|
|
|
const operationName = () => { |
|
|
|
ajax.getAllOperator().then(res => { |
|
|
@ -198,33 +217,26 @@ function CollectorWorkStat(props) { |
|
|
|
</div> |
|
|
|
<div className="timePicker "> |
|
|
|
<Space> |
|
|
|
<Select value={type} onChange={setType}> |
|
|
|
<Select value={typeTime} onChange={setType}> |
|
|
|
<Option value="day">日</Option> |
|
|
|
<Option value="month">月</Option> |
|
|
|
</Select> |
|
|
|
{ |
|
|
|
type === 'day' ? |
|
|
|
<RangePicker onChange={(value, dateString) => { |
|
|
|
typeTime === 'day' ? |
|
|
|
<RangePicker allowClear={false} value={[moment(formData.start_time), moment(formData.end_time)]} onChange={(value, dateString) => { |
|
|
|
setFormData({ |
|
|
|
...formData, |
|
|
|
start_time: dateString[0], |
|
|
|
end_time: dateString[1], |
|
|
|
type: type |
|
|
|
type: typeTime |
|
|
|
}) |
|
|
|
}} /> : |
|
|
|
<RangePicker picker="month" onChange={(value, dateString) => { |
|
|
|
// let first =dateString[0].substr(0,7); |
|
|
|
// let timeFirst = new Date(first) |
|
|
|
// let end =dateString[1].substr(0,7); |
|
|
|
// let timeEnd = new Date(end) |
|
|
|
// var day = timeEnd.getTime() - timeFirst.getTime(); |
|
|
|
// var time = parseInt(day/(1000*60*60*24)); |
|
|
|
// console.log(time); |
|
|
|
<RangePicker picker="month" allowClear={false} value={[moment(formData.start_time), moment(formData.end_time)]} onChange={(value, dateString) => { |
|
|
|
setFormData({ |
|
|
|
...formData, |
|
|
|
start_time: dateString[0], |
|
|
|
end_time: dateString[1], |
|
|
|
type: type |
|
|
|
type: typeTime |
|
|
|
}) |
|
|
|
}} /> |
|
|
|
} |
|
|
|