|
|
|
@ -1,6 +1,6 @@ |
|
|
|
import React, { useState, useRef, useEffect } from "react"; |
|
|
|
import { ResultFlowResult } from "@/components" |
|
|
|
import { Button, Table, message, Pagination, Input, Modal, Image, DatePicker, Space, Tabs } from 'antd' |
|
|
|
import { Button, Table, message, Pagination, Input, Modal, Image, DatePicker, Space, Tabs, Form, Radio } from 'antd' |
|
|
|
import { |
|
|
|
pageSizeOptions |
|
|
|
} from '@/config/character.config.js' |
|
|
|
@ -30,6 +30,16 @@ function ZombieCarCleanRecord(props) { |
|
|
|
page_size: Number(pageSizeOptions[0]), // 每页条数 |
|
|
|
} |
|
|
|
const [formData, setFormData] = useState(parameter) |
|
|
|
//tip导出弹窗 |
|
|
|
const [exportModal, setExportModal] = useState({ |
|
|
|
visible: false, |
|
|
|
filename: |
|
|
|
'pagename' + |
|
|
|
(new Date().getMonth() + 1).toString().padStart(2, "0") + |
|
|
|
new Date().getDate(), |
|
|
|
}); |
|
|
|
const [expType, setExpType] = useState(0) |
|
|
|
const [expForm] = Form.useForm(); |
|
|
|
const [lastFormData, setLastFormData] = useState(formData) |
|
|
|
const lastFormDataRef = useRef(formData) |
|
|
|
const [imgVisible, setImgVisible] = useState(false) |
|
|
|
@ -37,24 +47,24 @@ function ZombieCarCleanRecord(props) { |
|
|
|
const [sessionTabList, setSessionTabList] = useSessionStorageState('zombieCarCleanRecord', { |
|
|
|
value: { |
|
|
|
} |
|
|
|
}) |
|
|
|
useEffect(() => { |
|
|
|
}) |
|
|
|
useEffect(() => { |
|
|
|
if (sessionTabList && Object.values(sessionTabList).length > 0) { |
|
|
|
setFormData({ |
|
|
|
...formData, ...sessionTabList |
|
|
|
}) |
|
|
|
getData({ |
|
|
|
...formData,...sessionTabList |
|
|
|
}) |
|
|
|
setFormData({ |
|
|
|
...formData, ...sessionTabList |
|
|
|
}) |
|
|
|
getData({ |
|
|
|
...formData, ...sessionTabList |
|
|
|
}) |
|
|
|
} else { |
|
|
|
getData() |
|
|
|
getData() |
|
|
|
} |
|
|
|
}, []) |
|
|
|
useEffect(() => { |
|
|
|
}, []) |
|
|
|
useEffect(() => { |
|
|
|
setSessionTabList({ |
|
|
|
...formData |
|
|
|
...formData |
|
|
|
}) |
|
|
|
}, [formData]) |
|
|
|
}, [formData]) |
|
|
|
//车场名称 |
|
|
|
const handleCarAppealId = (v) => { |
|
|
|
setFormData({ ...formData, parkName: v.target.value }) |
|
|
|
@ -340,7 +350,7 @@ function ZombieCarCleanRecord(props) { |
|
|
|
setFormData(Object.assign({}, formData, { pn: pn, page_size: length })) |
|
|
|
setLastFormData(Object.assign({}, lastFormData, { pn: pn })) |
|
|
|
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn }) |
|
|
|
getData(Object.assign({}, formData, { pn: pn, page_size: length })) |
|
|
|
getData(Object.assign({}, formData, { pn: pn, page_size: length })) |
|
|
|
} |
|
|
|
} |
|
|
|
//切换每页条数 |
|
|
|
@ -428,6 +438,16 @@ function ZombieCarCleanRecord(props) { |
|
|
|
// useEffect(() => { |
|
|
|
// getData() |
|
|
|
// }, []) |
|
|
|
function handleOk() { |
|
|
|
let data = { |
|
|
|
...formData, |
|
|
|
export_type:expType==1?'all':null |
|
|
|
} |
|
|
|
ajax.zombieExport(data).then(res => { |
|
|
|
window.open(res.data?.url||res.data?.export_url) |
|
|
|
}) |
|
|
|
setExportModal({ ...exportModal, visible: false }) |
|
|
|
} |
|
|
|
return <> |
|
|
|
<div className="paid-ZombieCarCleanRecord"> |
|
|
|
<div className="paid-search"> |
|
|
|
@ -486,7 +506,7 @@ function ZombieCarCleanRecord(props) { |
|
|
|
<Button type="primary" className="yisa-btn" icon={<DeleteOutlined />} onClick={() => { getResetData() }}> |
|
|
|
清空 |
|
|
|
</Button> |
|
|
|
<Button type="primary" className="yisa-btn" onClick={() => { salesData() }}> |
|
|
|
<Button type="primary" className="yisa-btn" onClick={() => { setExportModal({ ...exportModal, visible: true }) }}> |
|
|
|
导出 |
|
|
|
</Button> |
|
|
|
<Button type="primary" className="yisa-btn" disabled={true} onClick={() => { sameBtn() }}> |
|
|
|
@ -642,17 +662,17 @@ function ZombieCarCleanRecord(props) { |
|
|
|
|
|
|
|
} |
|
|
|
{getTab === '3' ? |
|
|
|
<ResultFlowResult ajaxLoad={ajaxLoading} resultData={getRefundList ? getRefundList : []}> |
|
|
|
<Table |
|
|
|
bordered |
|
|
|
// className='yisa-table' |
|
|
|
dataSource={getRefundList} |
|
|
|
columns={ |
|
|
|
handleRefund() |
|
|
|
} |
|
|
|
pagination={false} |
|
|
|
loading={ajaxLoading} |
|
|
|
/> |
|
|
|
<ResultFlowResult ajaxLoad={ajaxLoading} resultData={getRefundList ? getRefundList : []}> |
|
|
|
<Table |
|
|
|
bordered |
|
|
|
// className='yisa-table' |
|
|
|
dataSource={getRefundList} |
|
|
|
columns={ |
|
|
|
handleRefund() |
|
|
|
} |
|
|
|
pagination={false} |
|
|
|
loading={ajaxLoading} |
|
|
|
/> |
|
|
|
</ResultFlowResult> |
|
|
|
: '' |
|
|
|
} |
|
|
|
@ -673,6 +693,27 @@ function ZombieCarCleanRecord(props) { |
|
|
|
<button className="rejectBtn" onClick={rejectCancel}>取消</button> |
|
|
|
</div> |
|
|
|
</Modal> |
|
|
|
<Modal |
|
|
|
open={exportModal.visible} |
|
|
|
onCancel={() => setExportModal({ ...exportModal, visible: false })} |
|
|
|
title="导出" |
|
|
|
onOk={handleOk} |
|
|
|
> |
|
|
|
{/* <Form form={expForm}> |
|
|
|
<Form.Item |
|
|
|
label="文件名" |
|
|
|
name="filename" |
|
|
|
//initialValue={pageName == 'arrearsCar' ? '欠费车辆' + moment().format('YYYYMMDDHHmmss') : exportModal.filename} |
|
|
|
rules={[{ required: true }]} |
|
|
|
> |
|
|
|
<Input defaultValue={exportModal.filename} /> |
|
|
|
</Form.Item> |
|
|
|
</Form> */} |
|
|
|
<Radio.Group onChange={(e) => { setExpType(e.target.value)}} value={expType}> |
|
|
|
<Radio value={0}>导出当前页</Radio> |
|
|
|
<Radio value={1}>导出全部</Radio> |
|
|
|
</Radio.Group> |
|
|
|
</Modal> |
|
|
|
</> |
|
|
|
} |
|
|
|
|
