|
|
|
@ -1,23 +1,18 @@ |
|
|
|
import React, { useState, useRef, useEffect } from "react"; |
|
|
|
import { message, Pagination, Table, Select, Input, Cascader, DatePicker, Button, Popover } from "antd"; |
|
|
|
import { dictionary, utils } from "@/config/common"; |
|
|
|
import { message, Pagination, Table, Select, Input, DatePicker, Button } from "antd"; |
|
|
|
import { dictionary } from "@/config/common"; |
|
|
|
import moment from "moment"; |
|
|
|
import { useSessionStorageState, useUpdateEffect } from "ahooks"; |
|
|
|
import { useSessionStorageState } from "ahooks"; |
|
|
|
import ajax from "@/services"; |
|
|
|
import { QuickMenu, ParkingRecordModal } from "@/components"; |
|
|
|
import { QuickMenu } from "@/components"; |
|
|
|
import RecordReviewModal from "@/components/ParkingRecordModal/RecordReviewModal"; |
|
|
|
import "./index.scss"; |
|
|
|
import errorImg from "@/assets/images/layout/error.png"; |
|
|
|
import { useLocation } from "react-router-dom"; |
|
|
|
function DealRecordAudit() { |
|
|
|
// 默认数据 |
|
|
|
const defaultData = { |
|
|
|
park_id: "", // 停车订单ID |
|
|
|
operator: 0, // 商户名称 |
|
|
|
region: [0], // 区域 |
|
|
|
road: "", // 车场名称 |
|
|
|
road_type: 0, // 车场类型 |
|
|
|
plate: "", // 车牌号 |
|
|
|
type: 1, // 出入场类型 1: 入场 2: 出场 |
|
|
|
deal_record_id: "", // 处理记录ID |
|
|
|
business_type: 0, // 业务订单类型 |
|
|
|
park_id: "", // 业务订单ID |
|
|
|
start_time: moment().subtract(7, "days").startOf("day").format("YYYY-MM-DD HH:mm:ss"), // 开始时间 |
|
|
|
end_time: moment().format("YYYY-MM-DD HH:mm:ss"), // 结束时间 |
|
|
|
pn: 1, |
|
|
|
@ -25,11 +20,11 @@ function DealRecordAudit() { |
|
|
|
}; |
|
|
|
|
|
|
|
const [formData, setFormData] = useState(defaultData); // 表单数据 |
|
|
|
const [operatorList, setOperatorList] = useState([{ value: 0, label: "全部" }]); //商户名称 |
|
|
|
const [areaList, setAreaList] = useState([]); //区域的下拉数据 |
|
|
|
const [sessionData, setSessionData] = useSessionStorageState("dealRecordAudit", {value: {}}); // session缓存 |
|
|
|
const [loading, setLoading] = useState(false); // 检索按钮加载状态 |
|
|
|
const [tableSelectCheck, setTableSelectCheck] = useState([]); // 列表选中的停车订单id |
|
|
|
const [parkingRecordModal, setParkingRecordModal] = useState({ open: false, tableData: {} }); // 详情弹框 |
|
|
|
const [recordReviewModal, setRecordReviewModal] = useState({open: false, data: []}); // 订单记录审核数据 |
|
|
|
const [processViewData, setProcessViewData] = useState({}); // 查看流程数据 |
|
|
|
const [auditSubmitId, setAuditSubmitId] = useState(""); // 提交 退回审核的id |
|
|
|
|
|
|
|
// 表格返回数据 |
|
|
|
const [resultData, setResultData] = useState({ |
|
|
|
@ -66,7 +61,7 @@ function DealRecordAudit() { |
|
|
|
dataIndex: "deal_time", |
|
|
|
key: "deal_time", |
|
|
|
align: "center", |
|
|
|
width: 150, |
|
|
|
width: 200, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "处理人", |
|
|
|
@ -80,14 +75,21 @@ function DealRecordAudit() { |
|
|
|
dataIndex: "business_type", |
|
|
|
key: "business_type", |
|
|
|
align: "center", |
|
|
|
width: 150, |
|
|
|
width: 120, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "业务订单ID", |
|
|
|
dataIndex: "park_id", |
|
|
|
key: "park_id", |
|
|
|
align: "center", |
|
|
|
width: 150, |
|
|
|
width: 200, |
|
|
|
render: (text) => ( |
|
|
|
<> |
|
|
|
<a onClick={() => { |
|
|
|
navigator.clipboard.writeText(`${text}`).then(() => { message.success("已复制到剪切板") }); |
|
|
|
}}>{text}</a> |
|
|
|
</> |
|
|
|
), |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "更改项", |
|
|
|
@ -95,29 +97,29 @@ function DealRecordAudit() { |
|
|
|
key: "change_content", |
|
|
|
align: "center", |
|
|
|
width: 150, |
|
|
|
render: (text, record, index) => { |
|
|
|
let content = '' |
|
|
|
switch (text) { |
|
|
|
case 1: |
|
|
|
content = "调整出场时间" |
|
|
|
break; |
|
|
|
case 2: |
|
|
|
content = "变更车牌号" |
|
|
|
break; |
|
|
|
case 3: |
|
|
|
content = "更改订单金额" |
|
|
|
break; |
|
|
|
case 4: |
|
|
|
content = "免费该订单" |
|
|
|
break; |
|
|
|
case 5: |
|
|
|
content = "作废该订单" |
|
|
|
break; |
|
|
|
default: |
|
|
|
break; |
|
|
|
} |
|
|
|
return <>{content}</> |
|
|
|
}, |
|
|
|
// render: (text, record, index) => { |
|
|
|
// let content = '' |
|
|
|
// switch (text) { |
|
|
|
// case 1: |
|
|
|
// content = "调整出场时间" |
|
|
|
// break; |
|
|
|
// case 2: |
|
|
|
// content = "变更车牌号" |
|
|
|
// break; |
|
|
|
// case 3: |
|
|
|
// content = "更改订单金额" |
|
|
|
// break; |
|
|
|
// case 4: |
|
|
|
// content = "免费该订单" |
|
|
|
// break; |
|
|
|
// case 5: |
|
|
|
// content = "作废该订单" |
|
|
|
// break; |
|
|
|
// default: |
|
|
|
// break; |
|
|
|
// } |
|
|
|
// return <>{content}</> |
|
|
|
// }, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: "更改项初始值", |
|
|
|
@ -142,13 +144,13 @@ function DealRecordAudit() { |
|
|
|
render: (text, record, index) => { |
|
|
|
let content = '--' |
|
|
|
switch (text) { |
|
|
|
case 1: |
|
|
|
case "1": |
|
|
|
content = "待审核" |
|
|
|
break; |
|
|
|
case 2: |
|
|
|
case "2": |
|
|
|
content = "已完成" |
|
|
|
break; |
|
|
|
case 3: |
|
|
|
case "3": |
|
|
|
content = "已驳回" |
|
|
|
break; |
|
|
|
default: |
|
|
|
@ -166,31 +168,12 @@ function DealRecordAudit() { |
|
|
|
width: 100, |
|
|
|
render: (text, record, index) => { |
|
|
|
return <> |
|
|
|
<Popover |
|
|
|
overlayClassName="start-exception-deal-operate" |
|
|
|
content={ |
|
|
|
<div className="operateBtn operate-btn" style={{ cursor: "pointer" }} trigger="hover"> |
|
|
|
<div className="hover" onClick={() => { setParkingRecordModal({ open: true, tableData: record || {} }) }}>查看</div> |
|
|
|
{record?.status_now == 2 ? |
|
|
|
<div className="disabled">处理中</div> : |
|
|
|
<div className="hover" onClick={() => { console.log("处理"); }}>处理</div> |
|
|
|
} |
|
|
|
</div> |
|
|
|
} |
|
|
|
> |
|
|
|
<Button type="primary">操作</Button> |
|
|
|
</Popover> |
|
|
|
<Button type="primary" onClick={() => {$dispose(record?.park_id)}}>审核</Button> |
|
|
|
</> |
|
|
|
}, |
|
|
|
}, |
|
|
|
]; |
|
|
|
|
|
|
|
// 批量处理 |
|
|
|
const $batchProcessing = () => { |
|
|
|
if (!tableSelectCheck?.length) return message.error("请选择需要处理的数据！"); |
|
|
|
console.log(tableSelectCheck); |
|
|
|
}; |
|
|
|
|
|
|
|
// 分页 |
|
|
|
const $changePn = (pn, page_size) => { |
|
|
|
let temFormData = {}; |
|
|
|
@ -210,43 +193,60 @@ function DealRecordAudit() { |
|
|
|
$getTableList(temFormData); |
|
|
|
}; |
|
|
|
|
|
|
|
// 获取商户名称 |
|
|
|
const $getAllOperator = () => { |
|
|
|
ajax |
|
|
|
.getAllOperator() |
|
|
|
.then((res) => { |
|
|
|
// 处理审核获取订单记录审核数据 |
|
|
|
const $dispose = (id) => { |
|
|
|
if(!id) return message.error("获取业务订单ID失败,请重新选择！"); |
|
|
|
ajax.getDealRecordActionListView({id}).then((res) => { |
|
|
|
if (res.status === 20000 || res.status == 0) { |
|
|
|
setOperatorList(res.data || { value: 0, label: "全部" }); |
|
|
|
setRecordReviewModal({open: true, data: res?.data || []}); |
|
|
|
$processView(id); |
|
|
|
setAuditSubmitId(id); |
|
|
|
} else { |
|
|
|
message.error(res.message); |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch((error) => { |
|
|
|
}).catch((error) => { |
|
|
|
message.error(error.message); |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
// 获取区域树结构 |
|
|
|
const $getAreaList = () => { |
|
|
|
ajax |
|
|
|
.getAreaTree() |
|
|
|
.then((res) => { |
|
|
|
// 查看流程数据 |
|
|
|
const $processView = (deal_record_id) => { |
|
|
|
if(deal_record_id) { |
|
|
|
ajax.getStartExceptionProcessView({deal_record_id}).then((res) => { |
|
|
|
if (res.status === 20000 || res.status == 0) { |
|
|
|
setAreaList( |
|
|
|
res.data || [{ name: "全部", id: 0, level: 1, children: [] }] |
|
|
|
); |
|
|
|
setProcessViewData(res?.data || []); |
|
|
|
} else { |
|
|
|
message.error(res.message); |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch((error) => { |
|
|
|
}).catch((error) => { |
|
|
|
message.error(error.message); |
|
|
|
}); |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
// 提交 退回审核 |
|
|
|
const $auditSubmit = (value) => { |
|
|
|
if(!value?.examine_reason) return message.error("处理理由不能为空！"); |
|
|
|
let _data = { |
|
|
|
...value, |
|
|
|
id: auditSubmitId |
|
|
|
}; |
|
|
|
ajax.getStartExceptionExamineAbnormal(_data).then((res) => { |
|
|
|
if (res.status == 20000 || res.status == 0) { |
|
|
|
message.success(res?.message || "提交审核成功"); |
|
|
|
setRecordReviewModal({open: false, data: []}) |
|
|
|
} else { |
|
|
|
console.log(123); |
|
|
|
message.error(res.message); |
|
|
|
} |
|
|
|
}).catch((error) => { |
|
|
|
console.log(456); |
|
|
|
message.error(error.message); |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
// 获取表格数据 |
|
|
|
const $getTableList = (value = {}) => { |
|
|
|
setTableSelectCheck([]); // 清空表格选中项 |
|
|
|
let _data = { |
|
|
|
...formData, |
|
|
|
...value |
|
|
|
@ -266,10 +266,26 @@ function DealRecordAudit() { |
|
|
|
}; |
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
$getAllOperator(); |
|
|
|
$getAreaList(); |
|
|
|
$getTableList(); |
|
|
|
let _data = {}; |
|
|
|
if(sessionData && Object.values(sessionData).length > 0) { |
|
|
|
_data = { |
|
|
|
deal_record_id: sessionData?.deal_record_id || "", // 处理记录ID |
|
|
|
business_type: sessionData?.business_type || [], // 业务订单类型 |
|
|
|
park_id: sessionData?.park_id || [], // 业务订单ID |
|
|
|
start_time: sessionData?.start_time || "", |
|
|
|
end_time: sessionData?.end_time || "", |
|
|
|
pn: 1, |
|
|
|
page_size: dictionary?.pageSizeOptions1[0], |
|
|
|
}; |
|
|
|
setFormData({..._data}); |
|
|
|
}; |
|
|
|
$getTableList(_data); |
|
|
|
}, []); |
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
setSessionData(formData); |
|
|
|
}, [formData]); |
|
|
|
|
|
|
|
return ( |
|
|
|
<div className="start-exception-deal"> |
|
|
|
<div className="paid-search"> |
|
|
|
@ -293,11 +309,8 @@ function DealRecordAudit() { |
|
|
|
className="form-con" |
|
|
|
placeholder="请选择" |
|
|
|
options={[ |
|
|
|
{ |
|
|
|
label: "全部", |
|
|
|
value: -1, |
|
|
|
}, |
|
|
|
|
|
|
|
{label: "全部",value: 0}, |
|
|
|
{label: "停车订单",value: 1} |
|
|
|
]} |
|
|
|
value={formData.business_type} |
|
|
|
onChange={(v) => setFormData({ ...formData, business_type: v })} |
|
|
|
@ -351,23 +364,6 @@ function DealRecordAudit() { |
|
|
|
{ text: '近180天', value: 180 } |
|
|
|
]} |
|
|
|
onChange={(v) => { |
|
|
|
let plate = formData?.plateNumber || ""; |
|
|
|
let value = v?.value || 0; |
|
|
|
if (plate) { |
|
|
|
console.log(utils?.validationPlate(plate)) |
|
|
|
if (utils?.validationPlate(plate)) { |
|
|
|
setFormData({ |
|
|
|
...formData, |
|
|
|
end_time: v?.endDateTime || null, |
|
|
|
start_time: v?.startDateTime || null, |
|
|
|
}) |
|
|
|
} else { |
|
|
|
message.error('请正确输入车牌号') |
|
|
|
return |
|
|
|
} |
|
|
|
} else { |
|
|
|
if (value > 30) return message.warning("请输入您查询的车牌号！"); |
|
|
|
} |
|
|
|
setFormData({ |
|
|
|
...formData, |
|
|
|
end_time: v?.endDateTime || null, |
|
|
|
@ -379,7 +375,13 @@ function DealRecordAudit() { |
|
|
|
<div className="form-btn"> |
|
|
|
<Button |
|
|
|
className="reset" |
|
|
|
onClick={() => setFormData({ ...defaultData, pn: formData?.pn || 1, page_size: formData?.page_size || dictionary?.pageSizeOptions1[0] })} |
|
|
|
onClick={() => { |
|
|
|
setFormData({ |
|
|
|
...defaultData, |
|
|
|
pn: formData?.pn || 1, |
|
|
|
page_size: formData?.page_size || dictionary?.pageSizeOptions1[0] |
|
|
|
})} |
|
|
|
} |
|
|
|
> |
|
|
|
重置 |
|
|
|
</Button> |
|
|
|
@ -415,16 +417,6 @@ function DealRecordAudit() { |
|
|
|
columns={tableColumns} |
|
|
|
pagination={false} |
|
|
|
loading={loading} |
|
|
|
// rowSelection={{ |
|
|
|
// selectedRowKeys: tableSelectCheck, |
|
|
|
// onChange: (selectedRowKeys, selectedRows) => { |
|
|
|
// console.log(selectedRowKeys, selectedRows); |
|
|
|
// setTableSelectCheck(selectedRowKeys) |
|
|
|
// }, |
|
|
|
// getCheckboxProps: (record) => ({ |
|
|
|
// disabled: record?.status_now == 2 |
|
|
|
// }) |
|
|
|
// }} |
|
|
|
scroll={{ x: "1500", y: "calc(100vh - 310px)" }} |
|
|
|
/> |
|
|
|
<Pagination |
|
|
|
@ -441,10 +433,15 @@ function DealRecordAudit() { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<ParkingRecordModal |
|
|
|
title={parkingRecordModal?.tableData?.road || null} |
|
|
|
{...parkingRecordModal} |
|
|
|
onCancel={() => { setParkingRecordModal({ open: false, tableData: {} }) }} |
|
|
|
<RecordReviewModal |
|
|
|
title="异常订单处理记录审核" |
|
|
|
{...recordReviewModal} |
|
|
|
type="审核" |
|
|
|
disabledModal={true} |
|
|
|
disabledAuditReason = {false} |
|
|
|
processViewData={processViewData} |
|
|
|
onCancel={() => {setRecordReviewModal({open: false, data: []})}} |
|
|
|
onChangeSubmit={$auditSubmit} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
); |
|
|
|
|
陈宇航
1 year ago