diff --git a/src/components/ParkingRecordModal/RecordReviewModal.jsx b/src/components/ParkingRecordModal/RecordReviewModal.jsx
index 4224c69..0752c6a 100644
--- a/src/components/ParkingRecordModal/RecordReviewModal.jsx
+++ b/src/components/ParkingRecordModal/RecordReviewModal.jsx
@@ -1,11 +1,8 @@
-import React, { useState, useRef, useEffect } from "react";
-import { Modal, Tabs, Table, message, Button, Input, Select, Timeline, DatePicker } from "antd";
+import React, { useState, useEffect } from "react";
+import { Modal, Table, message, Button, Input, Select, Timeline, DatePicker } from "antd";
import { RightOutlined, DownOutlined } from "@ant-design/icons";
-import { dictionary, utils } from "@/config/common";
import VehicleInformation from "./VehicleInformation";
-import { payRecordColumns, refundRecordColumns, operatorRecordColumns } from "./dataSource";
import moment from "moment";
-import ajax from "@/services";
import "./index.scss";
const { TextArea } = Input;
const RecordReviewModal = (props) => {
@@ -14,10 +11,22 @@ const RecordReviewModal = (props) => {
title = null, // 头部
open = false,
data = [],
+ type = "", // 处理 审核
processViewData = {}, // 查看流程数据
disabledModal = false, // 查看或提交
- onCancel,
+ disabledAuditReason = false,
+ onCancel, // 关闭弹框
+ onChangeSubmit, // 提交审核
+ carOutTimeColor="", // 车辆出场时间样式
} = props;
+ // 默认数据
+ const defaultData = {
+ deal_reason: "", // 处理理由
+ examine_reason: "", // 审核理由
+ examine_reason_id: 1, // 更改项
+ update_value: "", // 包含 调整为 车牌号 金额
+ plate_type: 1, // 车牌颜色
+ };
// 更改项数据
const changeProject = [
@@ -69,26 +78,37 @@ const RecordReviewModal = (props) => {
align: "center",
},
{
- title: "出场时间",
+ title: carOutTimeColor ? "计费时间" : "出场时间",
dataIndex: "strExitTime",
key: "strExitTime",
align: "center",
},
];
+ const [formData, setFormData] = useState(defaultData); // 参数
const [modalVisible, setModalVisible] = useState(false); // 模态框显示隐藏
const [resultData, setResultData] = useState([]); // 数据
const [expandedRowKeys, setExpandedRowKeys] = useState([0]); // 默认展开的列表数据
const [processView, setProcessView] = useState(false); // 流程查看 查看全部
const [getValueList, setGetValueList] = useState(1); // 变更项下拉框
+ const [adjustmentValue, setAdjustmentValue] = useState(1); // 调整基于选择框值
// 关闭模态框
const $onCancelModal = () => {
if (onCancel) onCancel(false);
setResultData([]);
setExpandedRowKeys([0]);
+ setFormData(defaultData);
+ setGetValueList(1);
+ setAdjustmentValue(1);
}
useEffect(() => {
- setModalVisible(open)
+ setModalVisible(open);
+ if(!open) {
+ setFormData(defaultData);
+ setGetValueList(1);
+ setAdjustmentValue(1);
+ setProcessView(false);
+ };
}, [open]);
useEffect(() => {
@@ -106,12 +126,26 @@ const RecordReviewModal = (props) => {
}
_data.push({
...value,
- description:
+ description:
})
});
setResultData(_data);
+ if (data?.length && disabledModal) {
+ setFormData({
+ deal_reason: data[0]?.deal_reason || "",
+ examine_reason: disabledAuditReason ? data[0]?.examine_reason || "" : "",
+ examine_reason_id: data[0]?.examine_reason_id || 1,
+ update_value: data[0]?.update_value || "",
+ plate_type: data[0]?.plate_type || 1,
+ });
+ if (data[0]?.examine_reason_id == 1) {
+ if (Number(data[0]?.update_value || "")) {
+ setAdjustmentValue(2);
+ }
+ }
+ }
};
- }, [data])
+ }, [data]);
return (
{
)
}}
/>
- {disabledModal ?
+ {disabledModal || type == "审核" ?
流程查看 { setProcessView(!processView) }}>{processView ? "返回" : "查看全部"}
@@ -205,9 +239,9 @@ const RecordReviewModal = (props) => {
-
+ {/*
-
+
*/}
:
<>
@@ -218,9 +252,9 @@ const RecordReviewModal = (props) => {
maxLength={100}
// showCount
placeholder="请输入处理理由"
- defaultValue={disabledModal ? resultData?.[0]?.deal_reason : null}
+ defaultValue={disabledModal ? formData?.deal_reason || "" : ""}
disabled={disabledModal}
- onChange={(e) => { console.log(e.target.value); }}
+ onChange={(e) => { setFormData({ ...formData, deal_reason: e.target.value }) }}
/>
@@ -230,9 +264,20 @@ const RecordReviewModal = (props) => {
-
- *审核理由
-
+ {type != "处理" ?
+
+ *审核理由
+
+ : null
+ }
>
-
}
+
+
+ {processView ?
+
+ : null
+ }
+ {type == "处理" ?
+
+ : null
+ }
+ {type== "审核" && !processView ?
+ <>
+
+
+ >
+ : null
+ }
+
+
+
);
}
diff --git a/src/components/ParkingRecordModal/VehicleInformation.jsx b/src/components/ParkingRecordModal/VehicleInformation.jsx
index 89864be..5c03895 100644
--- a/src/components/ParkingRecordModal/VehicleInformation.jsx
+++ b/src/components/ParkingRecordModal/VehicleInformation.jsx
@@ -9,7 +9,9 @@ const VehicleInformation = (props) => {
className = "",
data = {},
type = "1", // "1": 停车记录信息 "2": 异常订单处理记录审核
- } = props
+ carOutTimeColor = "", // 车辆出场时间样式
+ } = props;
+
const [carImgPreview, setCarImgPreview] = useState(true); // 车辆图片加载失败禁止预览
const [plateImgPreview, setPlateImgPreview] = useState(true); // 车牌图片加载失败禁止预览
const [viewInCar, setViewInCar] = useState(true); // 查看按钮车辆图片加载失败禁止预览 入场车辆
@@ -61,7 +63,7 @@ const VehicleInformation = (props) => {
车牌号{data?.plateNumber || "--"}
停车时长{data?.parkTime || "--"}
入场时间{data?.strEntryTime || "--"}
- 出场时间{data?.strExitTime || "--"}
+ 出场时间{data?.strExitTime || "--"}
入场记录来源{data?.entryDataSourceName || "--"}
出场记录来源{data?.exitDataSourceName || "--"}
出入场图像 {setImgModal(true)}}>查看
@@ -73,10 +75,10 @@ const VehicleInformation = (props) => {
订单详情
-
订单金额{data?.shouldPayMoney || "--"}
-
优惠总计{data?.totalCoupon || "--"}
-
实付总计{data?.totalPreMoney || "--"}
-
欠费总计{data?.sumActualPay || "--"}
+
订单金额{data?.shouldPayMoneyOld || ""} {data?.shouldPayMoney || "--"} 元
+
优惠总计{data?.totalCoupon || "--"} 元
+
实付总计{data?.totalPreMoneyOld || ""} {data?.totalPreMoney || "--"} 元
+
欠费总计{data?.sumActualPay || "--"} 元
: null
diff --git a/src/components/ParkingRecordModal/index.jsx b/src/components/ParkingRecordModal/index.jsx
index fb3c480..d7b1989 100644
--- a/src/components/ParkingRecordModal/index.jsx
+++ b/src/components/ParkingRecordModal/index.jsx
@@ -28,7 +28,7 @@ const ParkingRecordModal = (props) => {
const [loading, setLoading] = useState(false); // 检索按钮加载状态
const [payRecord, setPayRecord] = useState([]); //支付记录数据
const [recordReviewModal, setRecordReviewModal] = useState({open: false, data: []}); // 历史记录详情
- const [processViewData, setProcessViewData] = useState([]); // 历史记录详情 查看流程
+ const [processViewData, setProcessViewData] = useState({}); // 历史记录详情 查看流程
//历史处理的表头
const historyProgressColumns = [
@@ -124,9 +124,9 @@ const ParkingRecordModal = (props) => {
return (
);
},
@@ -188,7 +188,7 @@ const ParkingRecordModal = (props) => {
ajax.getStartExceptionParkingRecordsInfo({id}).then((res) => {
if (res.status === 20000 || res.status == 0) {
setRecordReviewModal({open: true, data: res?.data || []});
- $processView(id);
+ $processView(id.join(","));
} else {
message.error(res.message);
}
@@ -269,6 +269,7 @@ const ParkingRecordModal = (props) => {
{...recordReviewModal}
processViewData={processViewData}
disabledModal={true}
+ disabledAuditReason={true}
onCancel={() => {setRecordReviewModal({open: false, data: []})}}
/>
>
diff --git a/src/components/ParkingRecordModal/index.scss b/src/components/ParkingRecordModal/index.scss
index 4aa7ecd..47808f0 100644
--- a/src/components/ParkingRecordModal/index.scss
+++ b/src/components/ParkingRecordModal/index.scss
@@ -252,15 +252,6 @@
.ant-timeline-item-pending {
display: none;
}
- .btn {
- position: relative;
- height: 42px;
- margin-top: 20px;
- .ant-btn {
- position: absolute;
- right: 10px;
- }
- }
}
.order-text,
.process-mode {
@@ -291,6 +282,28 @@
}
}
}
+ .ant-picker {
+ background: transparent;
+ }
+ .form-con {
+ width: 110px;
+ }
+ .ant-input {
+ background-color: transparent;
+ border-color: #666d7d;
+ }
+ .btn {
+ position: relative;
+ height: 32px;
+ margin-top: 20px;
+ .right {
+ position: absolute;
+ right: 10px;
+ .ant-btn {
+ margin-left: 10px;
+ }
+ }
+ }
}
.vehicle-information-modal {
.park,
@@ -384,6 +397,9 @@
margin-left: 50px;
}
}
+ .car-out-time-color {
+ color: #177ddc;
+ }
}
.abnormal-order--table-content {
padding: 0 50px;
diff --git a/src/pages/FinancialMgm/ExceptionDeal/DealRecordAudit/index.jsx b/src/pages/FinancialMgm/ExceptionDeal/DealRecordAudit/index.jsx
index fd911e3..4fce9e1 100644
--- a/src/pages/FinancialMgm/ExceptionDeal/DealRecordAudit/index.jsx
+++ b/src/pages/FinancialMgm/ExceptionDeal/DealRecordAudit/index.jsx
@@ -1,453 +1,450 @@
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: 出场
- 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,
- page_size: dictionary?.pageSizeOptions1[0]
- };
+ // 默认数据
+ const defaultData = {
+ 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,
+ page_size: dictionary?.pageSizeOptions1[0]
+ };
- const [formData, setFormData] = useState(defaultData); // 表单数据
- const [operatorList, setOperatorList] = useState([{ value: 0, label: "全部" }]); //商户名称
- const [areaList, setAreaList] = useState([]); //区域的下拉数据
- const [loading, setLoading] = useState(false); // 检索按钮加载状态
- const [tableSelectCheck, setTableSelectCheck] = useState([]); // 列表选中的停车订单id
- const [parkingRecordModal, setParkingRecordModal] = useState({ open: false, tableData: {} }); // 详情弹框
+ const [formData, setFormData] = useState(defaultData); // 表单数据
+ const [sessionData, setSessionData] = useSessionStorageState("dealRecordAudit", {value: {}}); // session缓存
+ const [loading, setLoading] = useState(false); // 检索按钮加载状态
+ const [recordReviewModal, setRecordReviewModal] = useState({open: false, data: []}); // 订单记录审核数据
+ const [processViewData, setProcessViewData] = useState({}); // 查看流程数据
+ const [auditSubmitId, setAuditSubmitId] = useState(""); // 提交 退回审核的id
- // 表格返回数据
- const [resultData, setResultData] = useState({
- total: 0,
- list: [],
- });
+ // 表格返回数据
+ const [resultData, setResultData] = useState({
+ total: 0,
+ list: [],
+ });
- //列表
- const tableColumns = [
- {
- title: "序号",
- width: 60,
- align: "center",
- fixed: 'left',
- render: (text, record, index) => index + 1,
- },
- {
- title: "处理记录ID",
- dataIndex: "deal_record_id",
- key: "deal_record_id",
- width: 200,
- align: "center",
- fixed: 'left',
- render: (text) => (
- <>
- {
- navigator.clipboard.writeText(`${text}`).then(() => { message.success("已复制到剪切板") });
- }}>{text}
- >
- ),
- },
- {
- title: "处理时间",
- dataIndex: "deal_time",
- key: "deal_time",
- align: "center",
- width: 150,
- },
- {
- title: "处理人",
- dataIndex: "dealer",
- key: "dealer",
- align: "center",
- width: 150,
- },
- {
- title: "业务订单类型",
- dataIndex: "business_type",
- key: "business_type",
- align: "center",
- width: 150,
- },
- {
- title: "业务订单ID",
- dataIndex: "park_id",
- key: "park_id",
- align: "center",
- width: 150,
- },
- {
- title: "更改项",
- dataIndex: "change_content",
- 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}>
- },
- },
- {
- title: "更改项初始值",
- dataIndex: "initial_value",
- key: "initial_value",
- align: "center",
- width: 150,
- },
- {
- title: "更改项更新值",
- dataIndex: "update_value",
- key: "update_value",
- align: "center",
- width: 150,
- },
- {
- title: "状态",
- dataIndex: "status",
- key: "status",
- align: "center",
- width: 150,
- render: (text, record, index) => {
- let content = '--'
- switch (text) {
- case 1:
- content = "待审核"
- break;
- case 2:
- content = "已完成"
- break;
- case 3:
- content = "已驳回"
- break;
- default:
- break;
- }
- return <>{content}>
- },
- },
- {
- title: '操作',
- key: 'operation',
- dataIndex: 'operation',
- align: "center",
- fixed: 'right',
- width: 100,
- render: (text, record, index) => {
- return <>
-
- { setParkingRecordModal({ open: true, tableData: record || {} }) }}>查看
- {record?.status_now == 2 ?
- 处理中
:
- { console.log("处理"); }}>处理
- }
-
- }
- >
-
-
- >
- },
- },
- ];
+ //列表
+ const tableColumns = [
+ {
+ title: "序号",
+ width: 60,
+ align: "center",
+ fixed: 'left',
+ render: (text, record, index) => index + 1,
+ },
+ {
+ title: "处理记录ID",
+ dataIndex: "deal_record_id",
+ key: "deal_record_id",
+ width: 200,
+ align: "center",
+ fixed: 'left',
+ render: (text) => (
+ <>
+ {
+ navigator.clipboard.writeText(`${text}`).then(() => { message.success("已复制到剪切板") });
+ }}>{text}
+ >
+ ),
+ },
+ {
+ title: "处理时间",
+ dataIndex: "deal_time",
+ key: "deal_time",
+ align: "center",
+ width: 200,
+ },
+ {
+ title: "处理人",
+ dataIndex: "dealer",
+ key: "dealer",
+ align: "center",
+ width: 150,
+ },
+ {
+ title: "业务订单类型",
+ dataIndex: "business_type",
+ key: "business_type",
+ align: "center",
+ width: 120,
+ },
+ {
+ title: "业务订单ID",
+ dataIndex: "park_id",
+ key: "park_id",
+ align: "center",
+ width: 200,
+ render: (text) => (
+ <>
+ {
+ navigator.clipboard.writeText(`${text}`).then(() => { message.success("已复制到剪切板") });
+ }}>{text}
+ >
+ ),
+ },
+ {
+ title: "更改项",
+ dataIndex: "change_content",
+ 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}>
+ // },
+ },
+ {
+ title: "更改项初始值",
+ dataIndex: "initial_value",
+ key: "initial_value",
+ align: "center",
+ width: 150,
+ },
+ {
+ title: "更改项更新值",
+ dataIndex: "update_value",
+ key: "update_value",
+ align: "center",
+ width: 150,
+ },
+ {
+ title: "状态",
+ dataIndex: "status",
+ key: "status",
+ align: "center",
+ width: 150,
+ render: (text, record, index) => {
+ let content = '--'
+ switch (text) {
+ case "1":
+ content = "待审核"
+ break;
+ case "2":
+ content = "已完成"
+ break;
+ case "3":
+ content = "已驳回"
+ break;
+ default:
+ break;
+ }
+ return <>{content}>
+ },
+ },
+ {
+ title: '操作',
+ key: 'operation',
+ dataIndex: 'operation',
+ align: "center",
+ fixed: 'right',
+ width: 100,
+ render: (text, record, index) => {
+ return <>
+
+ >
+ },
+ },
+ ];
- // 批量处理
- const $batchProcessing = () => {
- if (!tableSelectCheck?.length) return message.error("请选择需要处理的数据!");
- console.log(tableSelectCheck);
+ // 分页
+ const $changePn = (pn, page_size) => {
+ let temFormData = {};
+ if (formData.page_size == page_size) {
+ temFormData = {
+ ...formData,
+ pn
+ };
+ } else {
+ temFormData = {
+ ...formData,
+ pn: 1,
+ page_size,
+ };
};
+ setFormData(temFormData);
+ $getTableList(temFormData);
+ };
- // 分页
- const $changePn = (pn, page_size) => {
- let temFormData = {};
- if (formData.page_size == page_size) {
- temFormData = {
- ...formData,
- pn
- };
+ // 处理审核获取订单记录审核数据
+ const $dispose = (id) => {
+ if(!id) return message.error("获取业务订单ID失败,请重新选择!");
+ ajax.getDealRecordActionListView({id}).then((res) => {
+ if (res.status === 20000 || res.status == 0) {
+ setRecordReviewModal({open: true, data: res?.data || []});
+ $processView(id);
+ setAuditSubmitId(id);
+ } else {
+ message.error(res.message);
+ }
+ }).catch((error) => {
+ message.error(error.message);
+ });
+ };
+
+ // 查看流程数据
+ const $processView = (deal_record_id) => {
+ if(deal_record_id) {
+ ajax.getStartExceptionProcessView({deal_record_id}).then((res) => {
+ if (res.status === 20000 || res.status == 0) {
+ setProcessViewData(res?.data || []);
} else {
- temFormData = {
- ...formData,
- pn: 1,
- page_size,
- };
- };
- setFormData(temFormData);
- $getTableList(temFormData);
- };
+ message.error(res.message);
+ }
+ }).catch((error) => {
+ message.error(error.message);
+ });
+ }
+ };
- // 获取商户名称
- const $getAllOperator = () => {
- ajax
- .getAllOperator()
- .then((res) => {
- if (res.status === 20000 || res.status == 0) {
- setOperatorList(res.data || { value: 0, label: "全部" });
- } else {
- message.error(res.message);
- }
- })
- .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 $getAreaList = () => {
- ajax
- .getAreaTree()
- .then((res) => {
- if (res.status === 20000 || res.status == 0) {
- setAreaList(
- res.data || [{ name: "全部", id: 0, level: 1, children: [] }]
- );
- } else {
- message.error(res.message);
- }
- })
- .catch((error) => {
- message.error(error.message);
- });
+ // 获取表格数据
+ const $getTableList = (value = {}) => {
+ let _data = {
+ ...formData,
+ ...value
};
+ setLoading(true);
+ ajax.getDealRecordListTableData(_data).then((res) => {
+ setLoading(false);
+ if (res.status === 20000 || res.status == 0) {
+ setResultData(res?.data || {});
+ } else {
+ message.error(res.message);
+ }
+ }).catch((error) => {
+ setLoading(false);
+ message.error(error.message);
+ });
+ };
- // 获取表格数据
- const $getTableList = (value = {}) => {
- setTableSelectCheck([]); // 清空表格选中项
- let _data = {
- ...formData,
- ...value
- };
- setLoading(true);
- ajax.getDealRecordListTableData(_data).then((res) => {
- setLoading(false);
- if (res.status === 20000 || res.status == 0) {
- setResultData(res?.data || {});
- } else {
- message.error(res.message);
- }
- }).catch((error) => {
- setLoading(false);
- message.error(error.message);
- });
+ useEffect(() => {
+ 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(() => {
- $getAllOperator();
- $getAreaList();
- $getTableList();
- }, []);
- return (
-
-
-
查询条件
-
-
-
-
- setFormData({ ...formData, deal_record_id: e.target.value || "" })
- }
- />
-
-
-
- setFormData({ ...formData, business_type: v })}
- />
-
-
-
-
- setFormData({ ...formData, park_id: e.target.value || "" })
- }
- />
-
-
-
- current > moment(formData.end_time)}
- onChange={(date, time) => {
- setFormData({ ...formData, start_time: time || null })
- }}
- />
-
-
-
- current < moment(formData.start_time)}
- onChange={(date, time) => {
- setFormData({ ...formData, end_time: time || null })
- }}
- />
-
-
-
- {
- 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,
- start_time: v?.startDateTime || null,
- })
- }}
- />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
row.park_id}
- className="table"
- dataSource={resultData?.list || []}
- 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)" }}
- />
- `共 ${resultData.total || 0} 条`}
- total={resultData.total}
- current={formData.pn}
- pageSize={formData.page_size}
- pageSizeOptions={dictionary?.pageSizeOptions1}
- onChange={$changePn}
- />
-
-
-
- { setParkingRecordModal({ open: false, tableData: {} }) }}
+ useEffect(() => {
+ setSessionData(formData);
+ }, [formData]);
+
+ return (
+
+
+
查询条件
+
+
+
+
+ setFormData({ ...formData, deal_record_id: e.target.value || "" })
+ }
+ />
+
+
+
+ setFormData({ ...formData, business_type: v })}
+ />
+
+
+
+
+ setFormData({ ...formData, park_id: e.target.value || "" })
+ }
+ />
+
+
+
+ current > moment(formData.end_time)}
+ onChange={(date, time) => {
+ setFormData({ ...formData, start_time: time || null })
+ }}
+ />
+
+
+
+ current < moment(formData.start_time)}
+ onChange={(date, time) => {
+ setFormData({ ...formData, end_time: time || null })
+ }}
+ />
+
+
+
+ {
+ setFormData({
+ ...formData,
+ end_time: v?.endDateTime || null,
+ start_time: v?.startDateTime || null,
+ })
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
row.park_id}
+ className="table"
+ dataSource={resultData?.list || []}
+ columns={tableColumns}
+ pagination={false}
+ loading={loading}
+ scroll={{ x: "1500", y: "calc(100vh - 310px)" }}
+ />
+ `共 ${resultData.total || 0} 条`}
+ total={resultData.total}
+ current={formData.pn}
+ pageSize={formData.page_size}
+ pageSizeOptions={dictionary?.pageSizeOptions1}
+ onChange={$changePn}
/>
+
- );
+
+ {setRecordReviewModal({open: false, data: []})}}
+ onChangeSubmit={$auditSubmit}
+ />
+
+ );
}
export default DealRecordAudit;
\ No newline at end of file
diff --git a/src/pages/FinancialMgm/ExceptionDeal/DealRecordList/index.jsx b/src/pages/FinancialMgm/ExceptionDeal/DealRecordList/index.jsx
index b0b6b70..a60a2be 100644
--- a/src/pages/FinancialMgm/ExceptionDeal/DealRecordList/index.jsx
+++ b/src/pages/FinancialMgm/ExceptionDeal/DealRecordList/index.jsx
@@ -1,456 +1,471 @@
import React, { useState, useRef, useEffect } from "react";
-import { message, Pagination, Table, Select, Input, Cascader, DatePicker, Button, Popover } from "antd";
+import { message, Pagination, Table, Select, Input, DatePicker, Button, Popover } from "antd";
import { dictionary, utils } 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 DealRecordList() {
- // 默认数据
- const defaultData = {
- park_id: "", // 停车订单ID
- operator: 0, // 商户名称
- region: [0], // 区域
- road: "", // 车场名称
- road_type: 0, // 车场类型
- plate: "", // 车牌号
- type: 1, // 出入场类型 1: 入场 2: 出场
- 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,
- page_size: dictionary?.pageSizeOptions1[0]
- };
+ // 默认数据
+ const defaultData = {
+ deal_record_id: "", // 处理记录ID
+ business_type: 0, // 业务订单类型
+ park_id: "", // 业务订单ID
+ status: 0, // 状态
+ 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,
+ page_size: dictionary?.pageSizeOptions1[0]
+ };
- const [formData, setFormData] = useState(defaultData); // 表单数据
- const [operatorList, setOperatorList] = useState([{ value: 0, label: "全部" }]); //商户名称
- const [areaList, setAreaList] = useState([]); //区域的下拉数据
- const [loading, setLoading] = useState(false); // 检索按钮加载状态
- const [tableSelectCheck, setTableSelectCheck] = useState([]); // 列表选中的停车订单id
- const [parkingRecordModal, setParkingRecordModal] = useState({ open: false, tableData: {} }); // 详情弹框
+ const [formData, setFormData] = useState(defaultData); // 表单数据
+ const [sessionData, setSessionData] = useSessionStorageState("dealRecordAudit", {value: {}}); // session缓存
+ const [loading, setLoading] = useState(false); // 检索按钮加载状态
+ const [recordReviewModal, setRecordReviewModal] = useState({open: false, data: []}); // 订单记录审核数据
+ const [processViewData, setProcessViewData] = useState({}); // 查看流程数据
- // 表格返回数据
- const [resultData, setResultData] = useState({
- total: 0,
- list: [],
- });
+ // 表格返回数据
+ const [resultData, setResultData] = useState({
+ total: 0,
+ list: [],
+ });
- //列表
- const tableColumns = [
- {
- title: "序号",
- width: 60,
- align: "center",
- fixed: 'left',
- render: (text, record, index) => index + 1,
- },
- {
- title: "处理记录ID",
- dataIndex: "deal_record_id",
- key: "deal_record_id",
- width: 200,
- align: "center",
- fixed: 'left',
- render: (text) => (
- <>
- {
- navigator.clipboard.writeText(`${text}`).then(() => { message.success("已复制到剪切板") });
- }}>{text}
- >
- ),
- },
- {
- title: "发起时间",
- dataIndex: "deal_time",
- key: "deal_time",
- align: "center",
- width: 150,
- },
- {
- title: "处理人",
- dataIndex: "dealer",
- key: "dealer",
- align: "center",
- width: 150,
- },
- {
- title: "业务订单类型",
- dataIndex: "business_type",
- key: "business_type",
- align: "center",
- width: 150,
- },
- {
- title: "业务订单ID",
- dataIndex: "park_id",
- key: "park_id",
- align: "center",
- width: 150,
- },
- {
- title: "更改项",
- dataIndex: "change_content",
- 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}>
- },
- },
- {
- title: "更改项初始值",
- dataIndex: "initial_value",
- key: "initial_value",
- align: "center",
- width: 150,
- },
- {
- title: "更改项更新值",
- dataIndex: "update_value",
- key: "update_value",
- align: "center",
- width: 150,
- },
- {
- title: '操作',
- key: 'operation',
- dataIndex: 'operation',
- align: "center",
- fixed: 'right',
- width: 100,
- render: (text, record, index) => {
- return <>
-
- { setParkingRecordModal({ open: true, tableData: record || {} }) }}>查看
- {record?.status_now == 2 ?
- 处理中
:
- { console.log("处理"); }}>处理
- }
-
- }
- >
-
-
- >
- },
- },
- ];
+ //列表
+ const tableColumns = [
+ {
+ title: "序号",
+ width: 60,
+ align: "center",
+ fixed: 'left',
+ render: (text, record, index) => index + 1,
+ },
+ {
+ title: "处理记录ID",
+ dataIndex: "deal_record_id",
+ key: "deal_record_id",
+ width: 200,
+ align: "center",
+ fixed: 'left',
+ render: (text) => (
+ <>
+ {
+ navigator.clipboard.writeText(`${text}`).then(() => { message.success("已复制到剪切板") });
+ }}>{text}
+ >
+ ),
+ },
+ {
+ title: "发起时间",
+ dataIndex: "deal_time",
+ key: "deal_time",
+ align: "center",
+ width: 200,
+ },
+ {
+ title: "处理人",
+ dataIndex: "dealer",
+ key: "dealer",
+ align: "center",
+ width: 150,
+ },
+ {
+ title: "业务订单类型",
+ dataIndex: "business_type",
+ key: "business_type",
+ align: "center",
+ width: 120,
+ },
+ {
+ title: "业务订单ID",
+ dataIndex: "park_id",
+ key: "park_id",
+ align: "center",
+ width: 200,
+ render: (text) => (
+ <>
+ {
+ navigator.clipboard.writeText(`${text}`).then(() => { message.success("已复制到剪切板") });
+ }}>{text}
+ >
+ ),
+ },
+ {
+ title: "更改项",
+ dataIndex: "change_content",
+ 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}>
+ // },
+ },
+ {
+ title: "更改项初始值",
+ dataIndex: "initial_value",
+ key: "initial_value",
+ align: "center",
+ width: 150,
+ },
+ {
+ title: "更改项更新值",
+ dataIndex: "update_value",
+ key: "update_value",
+ align: "center",
+ width: 150,
+ },
+ {
+ title: "状态",
+ dataIndex: "status",
+ key: "status",
+ align: "center",
+ width: 150,
+ render: (text, record, index) => {
+ let content = '--'
+ switch (text) {
+ case "1":
+ content = "待审核"
+ break;
+ case "2":
+ content = "已完成"
+ break;
+ case "3":
+ content = "已驳回"
+ break;
+ default:
+ break;
+ }
+ return <>{content}>
+ },
+ },
+ {
+ title: '操作',
+ key: 'operation',
+ dataIndex: 'operation',
+ align: "center",
+ fixed: 'right',
+ width: 100,
+ render: (text, record, index) => {
+ return <>
+
+ >
+ },
+ },
+ ];
- // 批量处理
- const $batchProcessing = () => {
- if (!tableSelectCheck?.length) return message.error("请选择需要处理的数据!");
- console.log(tableSelectCheck);
+ // 分页
+ const $changePn = (pn, page_size) => {
+ let temFormData = {};
+ if (formData.page_size == page_size) {
+ temFormData = {
+ ...formData,
+ pn
+ };
+ } else {
+ temFormData = {
+ ...formData,
+ pn: 1,
+ page_size,
+ };
};
+ setFormData(temFormData);
+ $getTableList(temFormData);
+ };
+
+ // 处理查看获取订单记录审核数据
+ const $dispose = (id) => {
+ if(!id) return message.error("获取业务订单ID失败,请重新选择!");
+ ajax.getDealRecordListActionView({id}).then((res) => {
+ if (res.status == 20000 || res.status == 0) {
+ setRecordReviewModal({open: true, data: res?.data || []});
+ $processView(id);
+ } else {
+ message.error(res.message);
+ }
+ }).catch((error) => {
+ message.error(error.message);
+ });
+ };
- // 分页
- const $changePn = (pn, page_size) => {
- let temFormData = {};
- if (formData.page_size == page_size) {
- temFormData = {
- ...formData,
- pn
- };
+ // 查看流程数据
+ const $processView = (deal_record_id) => {
+ if(deal_record_id) {
+ ajax.getStartExceptionProcessView({deal_record_id}).then((res) => {
+ if (res.status === 20000 || res.status == 0) {
+ setProcessViewData(res?.data || []);
} else {
- temFormData = {
- ...formData,
- pn: 1,
- page_size,
- };
- };
- setFormData(temFormData);
- $getTableList(temFormData);
- };
+ message.error(res.message);
+ }
+ }).catch((error) => {
+ message.error(error.message);
+ });
+ }
+ };
- // 获取商户名称
- const $getAllOperator = () => {
- ajax
- .getAllOperator()
- .then((res) => {
- if (res.status === 20000 || res.status == 0) {
- setOperatorList(res.data || { value: 0, label: "全部" });
- } else {
- message.error(res.message);
- }
- })
- .catch((error) => {
- message.error(error.message);
- });
+ // 获取表格数据
+ const $getTableList = (value = {}) => {
+ let _data = {
+ ...formData,
+ ...value
};
+ setLoading(true);
+ ajax.getDealRecordListTableData(_data).then((res) => {
+ setLoading(false);
+ if (res.status === 20000 || res.status == 0) {
+ setResultData(res?.data || {});
+ } else {
+ message.error(res.message);
+ }
+ }).catch((error) => {
+ setLoading(false);
+ message.error(error.message);
+ });
+ };
- // 获取区域树结构
- const $getAreaList = () => {
- ajax
- .getAreaTree()
- .then((res) => {
- if (res.status === 20000 || res.status == 0) {
- setAreaList(
- res.data || [{ name: "全部", id: 0, level: 1, children: [] }]
- );
- } else {
- message.error(res.message);
- }
- })
- .catch((error) => {
- message.error(error.message);
- });
+ useEffect(() => {
+ 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
+ status: sessionData?.status || 0, // 状态
+ start_time: sessionData?.start_time || "",
+ end_time: sessionData?.end_time || "",
+ pn: 1,
+ page_size: dictionary?.pageSizeOptions1[0],
+ };
+ setFormData({..._data});
};
+ $getTableList(_data);
+ }, []);
- // 获取表格数据
- const $getTableList = (value = {}) => {
- setTableSelectCheck([]); // 清空表格选中项
- let _data = {
- ...formData,
- ...value
- };
- setLoading(true);
- ajax.getDealRecordListTableData(_data).then((res) => {
- setLoading(false);
- if (res.status === 20000 || res.status == 0) {
- setResultData(res?.data || {});
- } else {
- message.error(res.message);
- }
- }).catch((error) => {
- setLoading(false);
- message.error(error.message);
- });
- };
+ useEffect(() => {
+ setSessionData(formData);
+ }, [formData]);
- useEffect(() => {
- $getAllOperator();
- $getAreaList();
- $getTableList();
- }, []);
- return (
-
-
-
查询条件
-
-
-
-
- setFormData({ ...formData, deal_record_id: e.target.value || "" })
- }
- />
-
-
-
-
+
+
查询条件
+
+
+
+
+ setFormData({ ...formData, deal_record_id: e.target.value || "" })
+ }
+ />
+
+
+
+ setFormData({ ...formData, business_type: v })}
- />
-
-
-
-
- setFormData({ ...formData, park_id: e.target.value || "" })
- }
- />
-
-
-
- current > moment(formData.end_time)}
- onChange={(date, time) => {
- setFormData({ ...formData, start_time: time || null })
- }}
- />
-
-
-
- current < moment(formData.start_time)}
- onChange={(date, time) => {
- setFormData({ ...formData, end_time: time || null })
- }}
- />
-
-
-
- {
- 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,
- start_time: v?.startDateTime || null,
- })
- }}
- />
-
-
-
- setFormData({ ...formData, status: v })}
- />
-
-
-
-
-
-
-
-
-
-
- 处理记录列表
-
-
-
row.park_id}
- className="table"
- dataSource={resultData?.list || []}
- 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)" }}
- />
- `共 ${resultData.total || 0} 条`}
- total={resultData.total}
- current={formData.pn}
- pageSize={formData.page_size}
- pageSizeOptions={dictionary?.pageSizeOptions1}
- onChange={$changePn}
- />
-
-
-
- { setParkingRecordModal({ open: false, tableData: {} }) }}
+ ]}
+ value={formData.business_type}
+ onChange={(v) => setFormData({ ...formData, business_type: v })}
+ />
+
+
+
+
+ setFormData({ ...formData, park_id: e.target.value || "" })
+ }
+ />
+
+
+
+ current > moment(formData.end_time)}
+ onChange={(date, time) => {
+ setFormData({ ...formData, start_time: time || null })
+ }}
+ />
+
+
+
+ current < moment(formData.start_time)}
+ onChange={(date, time) => {
+ setFormData({ ...formData, end_time: time || null })
+ }}
+ />
+
+
+
+ {
+ 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,
+ start_time: v?.startDateTime || null,
+ })
+ }}
+ />
+
+
+
+ setFormData({ ...formData, status: v })}
+ />
+
+
+
+
+
+
+
+
+
+
+ 处理记录列表
+
+
+
row.park_id}
+ className="table"
+ dataSource={resultData?.list || []}
+ columns={tableColumns}
+ pagination={false}
+ loading={loading}
+ scroll={{ x: "1500", y: "calc(100vh - 310px)" }}
+ />
+ `共 ${resultData.total || 0} 条`}
+ total={resultData.total}
+ current={formData.pn}
+ pageSize={formData.page_size}
+ pageSizeOptions={dictionary?.pageSizeOptions1}
+ onChange={$changePn}
/>
+
- );
+
+ {setRecordReviewModal({open: false, data: []})}}
+ // onChangeSubmit={$auditSubmit}
+ />
+
+ );
}
export default DealRecordList;
\ No newline at end of file
diff --git a/src/pages/FinancialMgm/ExceptionDeal/StartExceptionDeal/index.jsx b/src/pages/FinancialMgm/ExceptionDeal/StartExceptionDeal/index.jsx
index 6d66c49..6f0ecf1 100644
--- a/src/pages/FinancialMgm/ExceptionDeal/StartExceptionDeal/index.jsx
+++ b/src/pages/FinancialMgm/ExceptionDeal/StartExceptionDeal/index.jsx
@@ -2,18 +2,17 @@ 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 moment from "moment";
-import { useSessionStorageState, useUpdateEffect } from "ahooks";
+import { useSessionStorageState} from "ahooks";
import ajax from "@/services";
import { QuickMenu, ParkingRecordModal} 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 StartExceptionDeal() {
// 默认数据
const defaultData = {
park_id: "", // 停车订单ID
operator: 0, // 商户名称
- region: [0], // 区域
+ region: null, // 区域
road: "", // 车场名称
road_type: 0, // 车场类型
plate: "", // 车牌号
@@ -25,12 +24,14 @@ function StartExceptionDeal() {
};
const [formData, setFormData] = useState(defaultData); // 表单数据
+ const [sessionData, setSessionData] = useSessionStorageState("startExceptionDeal", {value: {}}); // session缓存
const [operatorList, setOperatorList] = useState([{ value: 0, label: "全部" }]); //商户名称
const [areaList, setAreaList] = useState([]); //区域的下拉数据
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 [auditSubmitId, setAuditSubmitId] = useState([]); // 提交审核的id
// 表格返回数据
const [resultData, setResultData] = useState({
total: 0,
@@ -115,14 +116,14 @@ function StartExceptionDeal() {
dataIndex: "in_time",
key: "in_time",
align: "center",
- width: 150,
+ width: 200,
},
{
title: "计费时间",
dataIndex: "out_time",
key: "out_time",
align: "center",
- width: 150,
+ width: 200,
},
{
title: "订单金额(元)",
@@ -154,7 +155,7 @@ function StartExceptionDeal() {
{setParkingRecordModal({open: true, tableData: record || {}})}}>查看
{ record?.status_now == 2 ?
处理中
:
- {console.log("处理");}}>处理
+ {$dispose([record?.park_id])}}>处理
}
}
@@ -169,7 +170,7 @@ function StartExceptionDeal() {
// 批量处理
const $batchProcessing = () => {
if(!tableSelectCheck?.length) return message.error("请选择需要处理的数据!");
- console.log(tableSelectCheck);
+ $dispose(tableSelectCheck);
};
// 分页
@@ -191,6 +192,31 @@ function StartExceptionDeal() {
$getTableList(temFormData);
};
+ //时间切换按钮事件
+ const $onClickTime = (v) => {
+ let plate = formData?.plateNumber || "";
+ let value = v?.value || 0;
+ if (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,
+ start_time: v?.startDateTime || null,
+ })
+ };
+
// 获取商户名称
const $getAllOperator = () => {
ajax
@@ -227,7 +253,7 @@ function StartExceptionDeal() {
// 获取表格数据
const $getTableList = (value = {}) => {
- setTableSelectCheck([]); // 清空表格选中项
+ setTableSelectCheck([]); // 清空表格选中项
let _data = {
...formData,
...value
@@ -246,11 +272,72 @@ function StartExceptionDeal() {
});
};
+ // 处理操作获取订单记录审核数据
+ const $dispose = (id) => {
+ if(!id?.length) return message.error("获取停车订单ID失败,请重新选择!");
+ ajax.getStartExceptionParkingRecordsInfo({id}).then((res) => {
+ if (res.status === 20000 || res.status == 0) {
+ setRecordReviewModal({open: true, data: res?.data || []});
+ setAuditSubmitId(id);
+ } else {
+ message.error(res.message);
+ }
+ }).catch((error) => {
+ message.error(error.message);
+ });
+ };
+
+ // 提交审核
+ const $auditSubmit = (value) => {
+ console.log(value, auditSubmitId);
+ if(!value?.deal_reason) return message.error("处理理由不能为空!");
+ if(value?.examine_reason_id == 1 && !value?.update_value) return message.error("日期不能为空!");
+ if(value?.examine_reason_id == 2 && !value?.update_value) return message.error("车牌号不能为空!");
+ if(value?.examine_reason_id == 3 && !value?.update_value) return message.error("金额不能为空!");
+ let _data = {
+ ...value,
+ id: auditSubmitId
+ };
+ ajax.getStartExceptionSendAbnormal(_data).then((res) => {
+ if (res.status === 20000 || res.status == 0) {
+ message.success(res?.message || "提交审核成功");
+ setRecordReviewModal({open: false, data: []})
+ } else {
+ message.error(res.message);
+ }
+ }).catch((error) => {
+ message.error(error.message);
+ });
+ };
+
useEffect(() => {
+ let _data = {};
+ if(sessionData && Object.values(sessionData).length > 0) {
+ _data = {
+ park_id: sessionData?.park_id || "", // 停车订单ID
+ operator: sessionData?.operator || [], // 商户名称
+ region: sessionData?.region || null, // 区域
+ road: sessionData?.road || [], // 车场名称
+ road_type: sessionData?.road_type || [], // 车场类型
+ plate: sessionData?.plate || "", // 车牌号
+ type: sessionData?.type || "", // 出入场类型 1: 入场 2: 出场
+ start_time: sessionData?.start_time || "",
+ end_time: sessionData?.end_time || "",
+ pn: 1,
+ page_size: dictionary?.pageSizeOptions1[0],
+ };
+ setFormData({..._data});
+ };
$getAllOperator();
$getAreaList();
- $getTableList();
+ $getTableList(_data);
}, []);
+
+ useEffect(() => {
+ setSessionData(formData);
+ }, [formData]);
+console.log(formData);
+
return (
@@ -284,7 +371,7 @@ function StartExceptionDeal() {
}}
value={formData.region}
onChange={(v, option) => {
- setFormData({ ...formData, region: v ? v : [0] });
+ setFormData({ ...formData, region: v ? v : null });
}}
/>
@@ -388,30 +475,7 @@ function StartExceptionDeal() {
{ text: '近90天', value: 90 },
{ 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,
- start_time: v?.startDateTime || null,
- })
- }}
+ onChange={$onClickTime}
/>
@@ -489,6 +553,13 @@ function StartExceptionDeal() {
{...parkingRecordModal}
onCancel={() => {setParkingRecordModal({open: false, tableData: {}})}}
/>
+ {setRecordReviewModal({open: false, data: []})}}
+ onChangeSubmit={$auditSubmit}
+ />
);
}
diff --git a/src/services/FinancialMgm/exceptionDeal.js b/src/services/FinancialMgm/exceptionDeal.js
index 0b1433f..5837b79 100644
--- a/src/services/FinancialMgm/exceptionDeal.js
+++ b/src/services/FinancialMgm/exceptionDeal.js
@@ -58,6 +58,46 @@ export default {
});
},
+ // 发起异常处理 -- 提交审核
+ getStartExceptionSendAbnormal: (params) => {
+ return ajax({
+ url: "/api/fin/abnormal_action/send_abnormal",
+ type: "post",
+ data: params,
+ });
+ },
+
+ // -------------------------------------------------------------------
+
+ // 处理记录审核 表格数据
+ getDealRecordAuditTableData: (params) => {
+ return ajax({
+ url: "/api/fin/abnormal_action/abnormal_check_list",
+ type: "post",
+ data: params,
+ });
+ },
+
+ // 处理记录审核 -- 审核模态框数据
+ getDealRecordActionListView: (params) => {
+ return ajax({
+ url: "/api/fin/abnormal_action/action_list_view",
+ type: "post",
+ data: params,
+ });
+ },
+
+ // 处理记录审核 -- 提交审核
+ getStartExceptionExamineAbnormal: (params) => {
+ return ajax({
+ url: "/api/fin/abnormal_action/examine_abnormal",
+ type: "post",
+ data: params,
+ });
+ },
+
+ // ---------------------------------------------------------------------------------------------------
+
// 处理记录列表 表格数据
getDealRecordListTableData: (params) => {
return ajax({
@@ -67,10 +107,10 @@ export default {
});
},
- // 处理记录审核 表格数据
- getDealRecordListTableData: (params) => {
+ // 处理记录列表 -- 订单详情数据
+ getDealRecordListActionView: (params) => {
return ajax({
- url: "/api/fin/abnormal_action/abnormal_check_list",
+ url: "/api/fin/abnormal_action/abnormal_action_view",
type: "post",
data: params,
});