|
@ -21,10 +21,10 @@ import { TableModule } from "@/components"; |
|
|
import "./index.scss"; |
|
|
import "./index.scss"; |
|
|
|
|
|
|
|
|
const { TextArea } = Input; |
|
|
const { TextArea } = Input; |
|
|
|
|
|
|
|
|
function UnlockingRecord() { |
|
|
|
|
|
|
|
|
// 开锁记录 |
|
|
|
|
|
function Unlocking() { |
|
|
// 详情弹窗 |
|
|
// 详情弹窗 |
|
|
const [detailVisible, setDetailVisible] = useState(false); |
|
|
|
|
|
|
|
|
// const [detailVisible, setDetailVisible] = useState(false); |
|
|
// 列表数据 |
|
|
// 列表数据 |
|
|
const [tableData, setTableData] = useState([]); |
|
|
const [tableData, setTableData] = useState([]); |
|
|
// 数据总数 |
|
|
// 数据总数 |
|
@ -33,91 +33,86 @@ function UnlockingRecord() { |
|
|
const [detailData, setDetailData] = useState({}); |
|
|
const [detailData, setDetailData] = useState({}); |
|
|
// 初始搜索条件 |
|
|
// 初始搜索条件 |
|
|
const initFormData = { |
|
|
const initFormData = { |
|
|
operator: "0", |
|
|
|
|
|
|
|
|
tel_number: "", |
|
|
rule_name: "", |
|
|
rule_name: "", |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const formSearch = [ |
|
|
const formSearch = [ |
|
|
{ |
|
|
{ |
|
|
name: "tel_number", |
|
|
|
|
|
|
|
|
name: "tel", |
|
|
type: "Input", |
|
|
type: "Input", |
|
|
label: "手机号", |
|
|
|
|
|
placeholder: "请输入手机号", |
|
|
|
|
|
|
|
|
label: "用户手机号", |
|
|
|
|
|
placeholder: "请输入", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
name: "tel_number", |
|
|
|
|
|
|
|
|
name: "charging_station", |
|
|
type: "Input", |
|
|
type: "Input", |
|
|
label: "充电站", |
|
|
label: "充电站", |
|
|
placeholder: "请输入充电站", |
|
|
|
|
|
|
|
|
placeholder: "请输入", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
name: "tel_number", |
|
|
|
|
|
|
|
|
name: "ground_lock_name", |
|
|
type: "Input", |
|
|
type: "Input", |
|
|
label: "地锁名称", |
|
|
label: "地锁名称", |
|
|
placeholder: "请输入地锁名称", |
|
|
|
|
|
|
|
|
placeholder: "请输入", |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
{ |
|
|
{ |
|
|
name: "timePeriod", |
|
|
name: "timePeriod", |
|
|
type: "RangePicker", |
|
|
type: "RangePicker", |
|
|
label: "开锁时间范围", |
|
|
|
|
|
|
|
|
label: "降锁时间范围", |
|
|
}, |
|
|
}, |
|
|
]; // 搜搜栏 |
|
|
|
|
|
|
|
|
]; // 搜索栏 |
|
|
|
|
|
|
|
|
const columns = [ |
|
|
const columns = [ |
|
|
{ |
|
|
{ |
|
|
title: "运营商名称", |
|
|
|
|
|
dataIndex: "operator", |
|
|
|
|
|
key: "operator", |
|
|
|
|
|
|
|
|
title: "用户手机号", |
|
|
|
|
|
dataIndex: "tel", |
|
|
|
|
|
key: "tel", |
|
|
align: "center", |
|
|
align: "center", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: "规则名称", |
|
|
|
|
|
|
|
|
title: "车牌号", |
|
|
dataIndex: "plate", |
|
|
dataIndex: "plate", |
|
|
key: "plate", |
|
|
key: "plate", |
|
|
align: "center", |
|
|
align: "center", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: "规则编码", |
|
|
|
|
|
dataIndex: "plate_color", |
|
|
|
|
|
key: "plate_color", |
|
|
|
|
|
|
|
|
title: "地锁名称", |
|
|
|
|
|
dataIndex: "ground_lock_name", |
|
|
|
|
|
key: "ground_lock_name", |
|
|
align: "center", |
|
|
align: "center", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: "创建人", |
|
|
|
|
|
dataIndex: "berth_id", |
|
|
|
|
|
key: "berth_id", |
|
|
|
|
|
width: 100, |
|
|
|
|
|
|
|
|
title: "所在充电站", |
|
|
|
|
|
dataIndex: "local_charging_station", |
|
|
|
|
|
key: "local_charging_station", |
|
|
|
|
|
// width: 100, |
|
|
align: "center", |
|
|
align: "center", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: "创建时间", |
|
|
|
|
|
dataIndex: "in_time", |
|
|
|
|
|
key: "in_time", |
|
|
|
|
|
|
|
|
title: "降锁时间", |
|
|
|
|
|
dataIndex: "lockdown_time", |
|
|
|
|
|
key: "lockdown_time", |
|
|
align: "center", |
|
|
align: "center", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: "操作", |
|
|
|
|
|
dataIndex: "operation", |
|
|
|
|
|
key: "operation", |
|
|
|
|
|
|
|
|
title: "升锁时间", |
|
|
|
|
|
dataIndex: "unlocking_time", |
|
|
|
|
|
key: "unlocking_time", |
|
|
align: "center", |
|
|
align: "center", |
|
|
fixed: "right", |
|
|
|
|
|
width: 100, |
|
|
|
|
|
render: (text, record, index) => { |
|
|
|
|
|
return ( |
|
|
|
|
|
<> |
|
|
|
|
|
<Button type="primary" onClick={() => openModal(index, record)}> |
|
|
|
|
|
详情 |
|
|
|
|
|
</Button> |
|
|
|
|
|
</> |
|
|
|
|
|
) |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
// fixed: "right", |
|
|
|
|
|
// width: 100, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: "开锁方式", |
|
|
|
|
|
dataIndex: "unlocking_method", |
|
|
|
|
|
key: "unlocking_method", |
|
|
|
|
|
align: "center", |
|
|
|
|
|
// fixed: "right", |
|
|
|
|
|
// width: 100, |
|
|
}, |
|
|
}, |
|
|
]; // 表头 |
|
|
]; // 表头 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 打开弹窗 |
|
|
// 打开弹窗 |
|
|
const openModal = (index, record) => { |
|
|
const openModal = (index, record) => { |
|
|
setDetailData(record) |
|
|
setDetailData(record) |
|
@ -126,7 +121,7 @@ function UnlockingRecord() { |
|
|
|
|
|
|
|
|
// 检索 |
|
|
// 检索 |
|
|
const search = (params) => { |
|
|
const search = (params) => { |
|
|
ajax.getParkingList(params).then((res) => { |
|
|
|
|
|
|
|
|
ajax.recordsInquiry.getUnlockingList(params).then((res) => { |
|
|
if (res.status === 20000) { |
|
|
if (res.status === 20000) { |
|
|
setTableData(res.data.list); |
|
|
setTableData(res.data.list); |
|
|
setTotal(res.data.total); |
|
|
setTotal(res.data.total); |
|
@ -156,14 +151,14 @@ function UnlockingRecord() { |
|
|
columns={columns} |
|
|
columns={columns} |
|
|
tableData={tableData} |
|
|
tableData={tableData} |
|
|
formSearch={formSearch} |
|
|
formSearch={formSearch} |
|
|
pagename="停车记录查询" |
|
|
|
|
|
pageName={'AppointmentRecord'} |
|
|
|
|
|
|
|
|
pagename="开锁记录" |
|
|
|
|
|
pageName={'unlockingRecord'} |
|
|
initFormData={initFormData} |
|
|
initFormData={initFormData} |
|
|
total={total} |
|
|
total={total} |
|
|
search={search} |
|
|
search={search} |
|
|
exportUrl="/api/bpm/record/get_record_export" |
|
|
exportUrl="/api/bpm/record/get_record_export" |
|
|
/> |
|
|
/> |
|
|
<Modal |
|
|
|
|
|
|
|
|
{/* <Modal |
|
|
open={detailVisible} |
|
|
open={detailVisible} |
|
|
width={1500} |
|
|
width={1500} |
|
|
className="totalModal" |
|
|
className="totalModal" |
|
@ -173,9 +168,9 @@ function UnlockingRecord() { |
|
|
destroyOnClose |
|
|
destroyOnClose |
|
|
> |
|
|
> |
|
|
|
|
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
|
</Modal> */} |
|
|
</> |
|
|
</> |
|
|
); |
|
|
); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
export default UnlockingRecord; |
|
|
|
|
|
|
|
|
export default Unlocking; |