/*
|
* @Company: hugeInfo
|
* @Author: ldh
|
* @Date: 2022-07-11 14:52:51
|
* @LastEditTime: 2022-11-24 17:44:37
|
* @LastEditors: ldh
|
* @Version: 1.0.0
|
* @Description: 调度中心-批量调度；调度历史-重新调度
|
*/
|
import React, { useEffect, useState } from 'react';
|
import { Row, Col, Radio, Input, Space, Button } from 'antd';
|
import { UserAddOutlined } from '@ant-design/icons';
|
import MyDrawer from '../../MyDrawer';
|
import MyUpload from '../../MyUpload';
|
import SelectObjModal from '../../SelectObjModal';
|
import WantUserTag from '../../WantUserTag';
|
import { ax, info, infoSuccess, modalInfo, sleep, verifyEmpty } from '../../../utils/utility';
|
|
const { TextArea } = Input;
|
|
// 调解调度
|
function dispHandleApi(submitData) {
|
return ax.request({ url: 'caseDisp/dispHandle', type: 'post', data: submitData, service: 'disp' });
|
}
|
|
// 批量调度
|
function allDispHandleApi(submitData) {
|
return ax.request({ url: 'caseDisp/batchDispHandle', type: 'post', data: submitData, service: 'disp' });
|
}
|
|
/**
|
* dispType: string, // 'all' 批量调度
|
* dispId: array | string, // 调度id，批量调度时是个数组，单个调度则为string
|
* title: string, // 标题
|
* drawerVisible: bool, // 是否显示
|
* onClose: func, // 关闭方法
|
* onSubmitCallback, // 调度成功后的回调函数
|
*/
|
const BatchDispatch = ({ dispType, dispId, title, drawerVisible, onClose, onSubmitCallback }) => {
|
// 数据
|
const [formData, setFormData] = useState({});
|
|
// 选择modal
|
const [selectModal, setSelectModal] = useState(false);
|
|
// 修改
|
function handleChangeValue(key, value) {
|
if (Array.isArray(key)) {
|
formData[key[0]] = value[0];
|
formData[key[1]] = value[1];
|
} else {
|
formData[key] = value;
|
}
|
setFormData({ ...formData });
|
}
|
|
// 提交
|
async function handleBatchDispatch() {
|
let visible = false;
|
let str = [];
|
let formDataCopy = { ...formData };
|
if (formData.dispHandle === '22_00013-1') {
|
str = [`${title}确认`, `确定将案件${title}给「${formData.acceptObjName}」吗？`, '确定调度'];
|
delete formDataCopy.endReason;
|
delete formDataCopy.endReasonName;
|
delete formDataCopy.endOtherReason;
|
if (!formData.acceptObjId) visible = `请选择${formData.dispObj === '22_00038-1' ? '调解组织' : '调解员'}`;
|
if (!formData.dispContent) visible = '请输入调度意见';
|
}
|
if (formData.dispHandle === '22_00013-3') {
|
str = ['退回申请人确认', '确定退回申请人的调解申请吗？', '确定退回'];
|
formDataCopy = { dispHandle: formData.dispHandle, dispHandleName: formData.dispHandleName, dispContent: formData.dispContent };
|
if (!formData.dispContent) visible = '请输入退回理由';
|
}
|
if (formData.dispHandle === '22_00013-4') {
|
formDataCopy = {
|
dispHandle: formData.dispHandle,
|
dispHandleName: formData.dispHandleName,
|
endReason: formData.endReason,
|
endReasonName: formData.endReasonName,
|
endOtherReason: formData.endOtherReason,
|
};
|
str = ['不予受理确认', '确定不予受理该调解申请吗？', '不予受理'];
|
if (formData.endReason === '22_00005-5' && !verifyEmpty(formData.endOtherReason)) visible = '请输入原因';
|
}
|
if (visible) {
|
info({ type: 'warning', content: visible });
|
return;
|
}
|
modalInfo({
|
title: str[0],
|
content: str[1],
|
okText: str[2],
|
onOk: async () => {
|
global.setSpinning(true);
|
const res = await (dispType === 'all' ? allDispHandleApi({ ...formDataCopy, ids: dispId }) : dispHandleApi({ ...formDataCopy, id: dispId }));
|
global.setSpinning(false);
|
if (res.type) {
|
infoSuccess({ content: '操作成功，页面即将为您跳转' });
|
await sleep();
|
onSubmitCallback && onSubmitCallback();
|
}
|
},
|
});
|
}
|
|
useEffect(() => {
|
setFormData({
|
dispHandle: '22_00013-1',
|
dispHandleName: '正常调度',
|
dispType: '22_00012-1',
|
dispTypeName: '归口分流',
|
dispObj: '22_00038-1',
|
dispObjName: '调度给调解组织',
|
endReason: '22_00005-1',
|
endReasonName: '人民法院已经受理或正在受理的',
|
});
|
}, []);
|
|
return (
|
<MyDrawer
|
title={title}
|
width={530}
|
visible={drawerVisible}
|
onClose={onClose}
|
footer={[
|
<Button key="1" type="primary" onClick={handleBatchDispatch}>
|
提交
|
</Button>,
|
]}
|
>
|
<Row gutter={[16, 16]}>
|
<Col span={24}>
|
<h5>调度选项</h5>
|
<Radio.Group
|
value={formData.dispHandle}
|
onChange={(e) => handleChangeValue(['dispHandle', 'dispHandleName'], [e.target.value, e.target.label])}
|
>
|
<Space direction="vertical">
|
<Radio value="22_00013-1" label="正常调度">
|
正常调度程序
|
{formData.dispHandle === '22_00013-1' && <span className="mediateList-subtitle">（指派调解组织或调解员作为受理对象）</span>}
|
</Radio>
|
<Radio value="22_00013-3" label="退回申请人">
|
退回申请人
|
{formData.dispHandle === '22_00013-3' && (
|
<span className="mediateList-subtitle">（退回案件给申请人，申请人可补充材料后重新提交调解申请）</span>
|
)}
|
</Radio>
|
<Radio value="22_00013-4" label="不予受理">
|
不予受理{formData.dispHandle === '22_00013-4' && <span className="mediateList-subtitle">（不受理申请人提交的调解申请）</span>}
|
</Radio>
|
</Space>
|
</Radio.Group>
|
</Col>
|
{formData.dispHandle === '22_00013-1' ? (
|
<>
|
<Col span={24}>
|
<h5>调度类型</h5>
|
<Radio.Group value={formData.dispType}>
|
<Space direction="vertical">
|
<Radio value="22_00012-1" label="归口分流">
|
归口分流<span className="mediateList-subtitle">（由调度员分派纠纷案件至具体的调解组织或调解员个人名下）</span>
|
</Radio>
|
</Space>
|
</Radio.Group>
|
</Col>
|
<Col span={24}>
|
<h5>受理对象</h5>
|
<Radio.Group value={formData.dispObj} onChange={(e) => handleChangeValue(['dispObj', 'dispObjName'], [e.target.value, e.target.label])}>
|
<Space direction="vertical">
|
<Radio value="22_00038-1" label="调度给调解组织">
|
调度给调解组织
|
{formData.dispObj === '22_00038-1' && <span className="mediateList-subtitle">（由调解组织受理并根据流程安排调解）</span>}
|
</Radio>
|
<Radio value="22_00038-2" label="调度给调解员">
|
调度给调解员
|
{formData.dispObj === '22_00038-2' && <span className="mediateList-subtitle">（直接分派案件到调解员名下进行调解）</span>}
|
</Radio>
|
</Space>
|
</Radio.Group>
|
</Col>
|
<Col span={24}>
|
<h5>
|
选择{formData.dispObj === '22_00038-1' ? '调解组织' : '调解员'}
|
<span className="leftRequired">*</span>
|
</h5>
|
{formData.acceptObjId ? (
|
<WantUserTag name={formData.acceptObjName} onClose={() => setFormData({ ...formData, acceptObjId: '', acceptObjName: '' })} />
|
) : (
|
<Button type="dashed" icon={<UserAddOutlined />} onClick={() => setSelectModal(true)}>
|
选择{formData.dispObj === '22_00038-1' ? '调解组织' : '调解员'}
|
</Button>
|
)}
|
</Col>
|
<Col span={24}>
|
<h5>
|
调度意见<span className="leftRequired">*</span>
|
</h5>
|
<TextArea
|
value={formData.dispContent}
|
onChange={(e) => handleChangeValue('dispContent', e.target.value)}
|
maxLength={256}
|
rows={2}
|
placeholder="输入对受理对象开展调解工作的要求或注意事项"
|
allowClear
|
/>
|
</Col>
|
<Col span={24}>
|
<h5>调度附件</h5>
|
<MyUpload fileId={dispId} fileType="22_00018-501" />
|
</Col>
|
</>
|
) : formData.dispHandle === '22_00013-3' ? (
|
<>
|
<Col span={24}>
|
<h5>
|
退回理由<span className="leftRequired">*</span>
|
</h5>
|
<TextArea
|
value={formData.dispContent}
|
onChange={(e) => handleChangeValue('dispContent', e.target.value)}
|
maxLength={256}
|
rows={2}
|
placeholder="输入退回给申请人的理由"
|
allowClear
|
/>
|
</Col>
|
</>
|
) : (
|
<>
|
<Col span={24}>
|
<h5>
|
不予受理原因<span className="leftRequired">*</span>
|
</h5>
|
<Radio.Group
|
value={formData.endReason}
|
onChange={(e) => handleChangeValue(['endReason', 'endReasonName'], [e.target.value, e.target.label])}
|
>
|
<Space direction="vertical">
|
{[
|
{ value: '22_00005-1', label: '人民法院已经受理或正在受理的' },
|
{ value: '22_00005-2', label: '一方当事人不同意调解的' },
|
{ value: '22_00005-3', label: '已构成犯罪或构成违反治安管理处罚行为的' },
|
{ value: '22_00005-4', label: '已通过其他渠道受理或处理' },
|
{ value: '22_00005-5', label: '其他原因' },
|
].map((x) => (
|
<Radio value={x.value} label={x.label} key={x.value}>
|
{x.label}
|
</Radio>
|
))}
|
</Space>
|
</Radio.Group>
|
{formData.endReason === '22_00005-5' && (
|
<div style={{ padding: '8px 0 0 24px' }}>
|
<TextArea
|
value={formData.endOtherReason}
|
onChange={(e) => handleChangeValue('endOtherReason', e.target.value)}
|
maxLength={256}
|
rows={2}
|
placeholder="输入不予受理的具体原因"
|
allowClear
|
/>
|
</div>
|
)}
|
</Col>
|
</>
|
)}
|
</Row>
|
<SelectObjModal
|
visible={selectModal}
|
type={formData.dispObj === '22_00038-1' ? 'unit' : 'person'}
|
checkKeys={formData.acceptObjId ? [{ value: formData.acceptObjId, label: formData.acceptObjName }] : undefined}
|
onOk={(value) => {
|
setSelectModal(false);
|
setFormData({ ...formData, acceptObjId: value.keys[0], acceptObjName: value.items[0].name });
|
}}
|
onClose={() => setSelectModal(false)}
|
/>
|
</MyDrawer>
|
);
|
};
|
|
export default BatchDispatch;
|
