/*
|
* @Company: hugeInfo
|
* @Author: ldh
|
* @Date: 2022-05-14 14:15:01
|
* @LastEditTime: 2022-12-02 14:43:26
|
* @LastEditors: ldh
|
* @Version: 1.0.0
|
* @Description: 开始司法确认
|
*/
|
import React, { useState, useEffect } from 'react';
|
import PropTypes from 'prop-types';
|
import { useSearchParams } from 'react-router-dom';
|
import { Row, Col, Space, Select, Input, Button, Radio } from 'antd';
|
import * as $$ from '../../../utils/utility';
|
|
const { Option } = Select;
|
|
// 获取司法确认预约记录
|
function getOrderRecordApi(submitData) {
|
return $$.ax.request({ url: `judicInfo/pcWindowMeetInfos?caseId=${submitData}`, type: 'get', service: 'mediate' });
|
}
|
|
// 开始司法确认
|
function startMediationApi(submitData) {
|
return $$.ax.request({ url: `judicInfo/pcWindowStartJudic`, type: 'post', service: 'mediate', data: submitData });
|
}
|
|
/**
|
* onStartMediation, // 开始司法确认回调函数
|
*/
|
const MediateStart = ({ onStartMediation }) => {
|
const [searchParams] = useSearchParams();
|
|
const caseId = searchParams.get('caseId');
|
|
// 提交数据
|
const [submitData, setSubmitData] = useState({});
|
|
// 没有预约计划外的则不可以选择计划内
|
const [startTypeDis, setStartTypeDis] = useState(false);
|
|
function handleChangeInput(key, value) {
|
if (key === 'meetWay') {
|
submitData.meetWay = value[0];
|
submitData.meetWayName = value[1];
|
} else {
|
submitData[key] = value;
|
}
|
setSubmitData({ ...submitData });
|
}
|
|
// 确定开始
|
async function handleStart() {
|
global.setSpinning(true);
|
const res = await startMediationApi({ caseId, startType: submitData.startType, meetInfo: submitData.startType === '2' ? submitData : undefined });
|
global.setSpinning(false);
|
if (res.type) {
|
onStartMediation();
|
}
|
}
|
|
useEffect(() => {
|
// 获取预约记录
|
async function getOrderRecord() {
|
global.setSpinning(true);
|
const res = await getOrderRecordApi(caseId);
|
global.setSpinning(false);
|
if (res.type) {
|
let data = res.data?.reverse() || [];
|
setSubmitData({
|
startType: data[0]?.id ? '1' : '2',
|
meetWay: $$.options.meetWay[0].value,
|
meetWayName: $$.options.meetWay[0].label,
|
...data[0],
|
});
|
setStartTypeDis(!data[0]?.id);
|
}
|
}
|
getOrderRecord();
|
}, [caseId]);
|
|
return (
|
<>
|
<div className="mediationWindow-modal-main">
|
<Row gutter={[16, 16]}>
|
<Col span={24}>
|
<h5>开始选项</h5>
|
<Radio.Group onChange={(e) => handleChangeInput('startType', e.target.value)} value={submitData.startType} disabled={startTypeDis}>
|
<Space direction="vertical">
|
<Radio value="1">
|
计划内司法确认
|
{submitData.startType === '1' && <span className="mediationWindow-modal-subtitle">（在预约司法确认时间内的开始）</span>}
|
</Radio>
|
<Radio value="2">
|
计划外司法确认
|
{submitData.startType === '2' && (
|
<span className="mediationWindow-modal-subtitle">（临时司法确认或不在预约司法确认时间内的开始）</span>
|
)}
|
</Radio>
|
</Space>
|
</Radio.Group>
|
</Col>
|
<Col span={24}>
|
<h5>司法确认方式</h5>
|
<Select
|
onChange={(value, options) => handleChangeInput('meetWay', [value, options.label])}
|
value={submitData.meetWay}
|
style={{ width: '250px' }}
|
>
|
{$$.options.meetWay.map((x) => (
|
<Option value={x.value} key={x.value} label={x.label}>
|
{x.label}
|
</Option>
|
))}
|
</Select>
|
</Col>
|
<Col span={24}>
|
<h5>司法确认地点</h5>
|
<Input
|
style={{ width: '500px' }}
|
onChange={(e) => handleChangeInput('meetAddr', e.target.value)}
|
value={submitData.meetAddr}
|
placeholder="输入案件的实际司法确认地址"
|
allowClear
|
/>
|
</Col>
|
<Col span={24}>
|
<h5>司法确认须知</h5>
|
<div className="mediationWindow-modal-subtitle">
|
<div>平台将在司法确认开始后对司法确认过程进行计时，并在司法确认结束后终止计时。 </div>
|
<div>结束确认：已经具备司法确认结论，反馈司法确认结果。</div>
|
</div>
|
</Col>
|
</Row>
|
</div>
|
<div className="mediationWindow-modal-footer">
|
<Button type="primary" onClick={handleStart}>
|
立即开始
|
</Button>
|
</div>
|
</>
|
);
|
};
|
|
MediateStart.propTypes = {
|
onStartMediation: PropTypes.func,
|
};
|
|
export default MediateStart;
|
