diff --git a/src/pages/FinancialMgm/OrderInquiry/ParkingOrderInquiry/index.jsx b/src/pages/FinancialMgm/OrderInquiry/ParkingOrderInquiry/index.jsx index ae45b68..1a40265 100644 --- a/src/pages/FinancialMgm/OrderInquiry/ParkingOrderInquiry/index.jsx +++ b/src/pages/FinancialMgm/OrderInquiry/ParkingOrderInquiry/index.jsx @@ -70,48 +70,6 @@ function ParkingOrderInquiry() { ) arr.push(obj) break - case 4: - obj.render = (text, record) => (<> - { - refundSearch(record) - setTkddVisible(true) - }}> - 详情 - - ) - arr.push(obj) - break - case 5: - obj.render = (text, record) => (<> - { - refundSearch(record) - setTkddVisible(true) - }}> - 详情 - - ) - arr.push(obj) - break - case 6: - obj.render = (text, record) => (<> - { - setTkddVisible(true) - }}> - 详情 - - ) - arr.push(obj) - break - case 7: - obj.render = (text, record) => (<> - { - setTkddVisible(true) - }}> - 详情 - - ) - arr.push(obj) - break default: break } return arr @@ -291,7 +249,7 @@ function ParkingOrderInquiry() { ], }, {//10 - name: "PayChannel", + name: "payment_channels", type: "Select", label: "支付渠道", placeholder: "请选择支付渠道", @@ -327,8 +285,8 @@ function ParkingOrderInquiry() { {//15 name: "b", type: "Input", - label: "第三方流水号", - placeholder: "请输入第三方流水号", + label: "渠道流水号", + placeholder: "请输入渠道流水号", }, {//16 name: "timePeriod", @@ -364,7 +322,7 @@ function ParkingOrderInquiry() { placeholder: "请输入支付订单ID", }, {//21 - name: "t", + name: "berth_id", type: "Input", label: "泊位号", placeholder: "请输入泊位号", @@ -374,7 +332,7 @@ function ParkingOrderInquiry() { type: "Select", label: "所属商户", placeholder: "请选择所属商户", - options: dictionary.PaydMethod, + options: dictionary.MerchantName, }, {//23 name: "t", @@ -389,7 +347,7 @@ function ParkingOrderInquiry() { placeholder: "停车记录ID", }, {//25 - name: "t", + name: "dealer", type: "Input", label: "操作人", placeholder: "请输入操作人", @@ -434,30 +392,16 @@ function ParkingOrderInquiry() { ], }, ]; - const [tag, setTag] = useState('1'); - const [edit, setEdit] = useState(true); const [resultData, setResultData] = useState([]) - const [baseData, setBaseData] = useState({ - //car_type:2 - }) - const [bindData, setBindData] = useState([])//绑定 - const [modiData, setModiData] = useState([])//修改 - const [detailData, setDetailData] = useState([])// const [ycddData, setYcddData] = useState([])//异常订单数据 const [detailVisible, setDetailVisible] = useState(false); - const [ltcVisible, setLtcVisible] = useState(false); const [timesVisible, setTimesVisible] = useState(false); //退款尝试次数展开 - const [ycddVisible, setYcddVisible] = useState(false); const [tkddVisible, setTkddVisible] = useState(false); - const [cardVisible, setCardVisible] = useState(false); const [eaeVisible, setEaeVisible] = useState(false);//出入场图片 const [bigpicVisible, setBigpicVisible] = useState(false);//大图展示 const [bigPic, setBigPic] = useState(); const [total, setTotal] = useState(0); const [tabKey, setTabKey] = useState("1"); - function openModal(params) { - setDetailVisible(true); - } function changeKey(key) { setTabKey(key); } @@ -481,84 +425,25 @@ function ParkingOrderInquiry() { } }) } - //基本信息详情 - function searchDetail(e) { - ajax({ - url: "/api/ope/car/get_base_info", - type: "get", - data: { carId: e?.carId || carId }, - }).then((res) => { - let { status, data, total } = res - if (status == 20000) { - setBaseData(data) - setTag('2') - } else { - message.error(res.message) - } - }) - ajax({//绑定 - url: "/api/ope/car/get_bind_records", - type: "get", - data: { carId: e?.carId || carId }, - }).then((res) => { - let { status, data, total } = res - if (status == 20000) { - setBindData(data) - } else { - message.error(res.message) - } - }) - ajax({//修改数据 - url: "/api/ope/car/get_edit_records", - type: "get", - data: { carId: e?.carId || carId }, - }).then((res) => { - let { status, data, total } = res - if (status == 20000) { - setModiData(data) - } else { - message.error(res.message) - } - }) - } - //编辑车辆外观信息 - function editDetail() { - ajax({ - url: "/api/ope/car/edit_car", - type: "post", - data: { - carId: baseData.carId, - car_brand: baseData.car_brand, - car_model: baseData.car_model, - car_color: baseData.car_color, - car_type: baseData.car_type, - plate_type: baseData.plate_type, - }, - }).then((res) => { - let { status, data } = res - if (status == 20000) { - setEdit(true) - //window.location.reload() - //setTag('2') - searchDetail() - } else { - message.error(res.message) - } - }) - } //详情其他模块查询 function searchOther(e) { var url = '' switch (tabKey) { case "1": - url = "" + url = "/api/fin/order_search/park_order"//支付订单查询 + break + case "2.1": + url = "/api/fin/order_search/arrears_order"//欠费订单查询 + break + case "2.2": + url = ""// break - case "2": - url = "/api/bpm/record/get_record_list"//停车记录 + case "2.3": + url = ""// break case "3": - url = "/api/bpm/record/get_parking_arrears_list"//欠费记录 + url = ""// break default: break } @@ -568,7 +453,7 @@ function ParkingOrderInquiry() { ajax({ url: url, type: "post", - data: { ...e, carId: carId, startTime: e?.start_time, endTime: e?.end_time }, + data: { ...e, carId: carId }, }).then((res) => { let { status, data, total } = res if (status == 20000) { @@ -585,22 +470,6 @@ function ParkingOrderInquiry() { } }) } - //退款订单详情 - function refundSearch(e) { - ajax({ - url: "/api/ope/record/get_refund_info", - type: "get", - data: { id: e.refund_id }, - }).then((res) => { - let { status, data } = res - if (status == 20000) { - //setResultData(data) - setYcddData(data) - } else { - message.error(res.message) - } - }) - } //停车记录信息渲染 function renderParkRecord(params) { return ( @@ -678,118 +547,13 @@ function ParkingOrderInquiry() {
入场照片
- - { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} /> - { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} /> - - - ); - } - //基本信息渲染 - function renderRecord(params) { - return ( -
-
-
- -
-
-
车辆归属信息
-
-
- 车牌颜色:{baseData.plate_color} -
-
- 车牌号:{baseData.plate_number} -
-
- 绑定会员账户:{baseData.mobile} -
-
- 认证状态:{baseData.authStateName} -
-
- 车牌归属地:{baseData.home_location} -
-
- 创建时间:{baseData.create_time} -
-
-
-
车辆外观信息 - { - edit ?
{ setEdit(false) }}>编辑
: - <> -
{ editDetail(); }}>保存
-
{ setEdit(true) }}>取消
- - } -
-
-
- 车辆品牌: { console.log(e); setBaseData({ ...baseData, car_brand: e.target.value }) }} placeholder="请输入车辆品牌" disabled={edit}> -
-
- 车辆型号: -
-
- 车身颜色: -
-
- 车辆类型: - - -
-
+
+
+ { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} />
-
-
-
车辆绑定记录
-
- {/* */} +
+ { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} />
-
车辆信息修改记录
- {/*
*/} ); @@ -931,13 +695,13 @@ function ParkingOrderInquiry() { searchOther() }, [tabKey]) - //欠费订单查询 + //欠费订单查询渲染 const orderInfo = <> {renderTable( createCol(['欠费订单ID', '停车订单ID', '区域', '商户名称', '停车场名称', '车场类型', '车牌号', '入场时间', '出场时间', '停车时长', '欠费金额(元)'], - ['merchantName', '', 'area', '', 'sectionName', '', 'licensePlateNumber', 'entryTime', 'exitTime', '', 'arrearsAmount'],0), + ['merchantName', '', 'area', '', 'sectionName', '', 'licensePlateNumber', 'entryTime', 'exitTime', '', 'arrearsAmount'], 2.1), [ash[25], ash[0], ash[1], ash[2], ash[3], ash[18], ash[5], ash[12], ash[26]], resultData )} @@ -978,15 +742,13 @@ function ParkingOrderInquiry() { {renderTable( createCol(['订单ID', '支付商户', '所属商户', '支付渠道', '支付设备', '操作人', '支付时间', '预付金额', '已抵扣金额', '退款金额', '抵扣时间', '停车记录ID'], - ['index', 'latest_try_time', 'payment_channels_name', 'refund_actual_amount', 'refund_discount_amount', 'reason', 'refund_time', 'payment_order_id', 'parking_type_name', 'park_record_id', 'payment_type_name', 'payment_order_id', 'flow_id', 'state_name'], 3), + ['index', 'latest_try_time', 'payment_channels_name', 'refund_actual_amount', 'refund_discount_amount', 'reason', 'refund_time', 'payment_order_id', 'parking_type_name', 'park_record_id', 'payment_type_name', 'payment_order_id', 'flow_id', 'state_name'], 0), [ash[22], ash[23], ash[21], ash[24], ash[15]], resultData )} - - - 车辆照片 +
+ +
- 车牌照片 +
+ +
@@ -579,7 +583,7 @@ function ParkRecordTotal() { columns={columns} dataSource={dataSource} scroll={{ x: 1000 }} - // className="yisa-table" + // className="yisa-table" /> ); } @@ -691,7 +695,7 @@ function ParkRecordTotal() { }, ]} pagination={false} - // className="yisa-table" + // className="yisa-table" /> diff --git a/src/pages/OperationCenter/CarMgm/CarInfo/index.scss b/src/pages/OperationCenter/CarMgm/CarInfo/index.scss index dbc1203..e10e696 100644 --- a/src/pages/OperationCenter/CarMgm/CarInfo/index.scss +++ b/src/pages/OperationCenter/CarMgm/CarInfo/index.scss @@ -264,6 +264,18 @@ $color-primary: var(--color-primary); width: 150px; } } + .ltc-item-img { + width: 540px; + height: 300px; + border: 1px solid; + background: #6565656b; + margin-right: 20px !important; + img { + width: 100%; + height: 100%; + object-fit: contain; + } + } } } .distable { diff --git a/src/pages/OperationCenter/CarMgm/CarInfo/loadable.jsx b/src/pages/OperationCenter/CarMgm/CarInfo/loadable.jsx index a6dde32..5df9beb 100644 --- a/src/pages/OperationCenter/CarMgm/CarInfo/loadable.jsx +++ b/src/pages/OperationCenter/CarMgm/CarInfo/loadable.jsx @@ -780,10 +780,14 @@ function CarInfo() {
入场照片
- - { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} /> - { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} /> - +
+
+ { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} /> +
+
+ { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} /> +
+
); }