/*
|
* @Company: hugeInfo
|
* @Author: lwh
|
* @Date: 2024-12-11 09:38:40
|
* @LastEditTime: 2024-12-17 16:04:55
|
* @LastEditors: lwh
|
* @Version: 1.0.0
|
* @Description: 司法确认
|
*/
|
import React, { Fragment, useState, useEffect, useRef } from 'react';
|
import { Row, Col, Space, Typography, Empty } from 'antd';
|
import { Input, Select, Radio, Modal, Button, Form, Divider, DatePicker, Alert } from '@arco-design/web-react';
|
import { IconInfoCircleFill } from '@arco-design/web-react/icon';
|
import { Scrollbars } from "react-custom-scrollbars";
|
import * as $$ from '../../utils/utility';
|
import { useNavigate } from 'react-router-dom';
|
import ArcoUpload from '@/components/ArcoUpload';
|
import PreviewImage from '@/components/PreviewImage';
|
import NewPage from '../../components/NewPage';
|
import NameCard2 from '../../components/NameCard2';
|
import MyPDF from '../../components/MyPDF';
|
import SelectObjModal from '../../components/SelectObjModal/selectJudge';
|
import MyModal from '../../components/MyModal';
|
import CaseDetail from './CaseDetail';
|
import { del, empty, judicial_1, judicial_2, judicial_3, judicial_4, judicial_5, judicial_6 } from '../../assets/images';
|
import './index.less';
|
|
const FormItem = Form.Item;
|
const { Link, Text, Paragraph } = Typography;
|
const { RangePicker } = DatePicker;
|
const { TextArea } = Input;
|
const { Option } = Select;
|
const appUrl = $$.appUrl;
|
// 司法确认详情接口
|
function getJudicInfoApi(submitData) {
|
return $$.ax.request({ url: 'judicInfo/getJudicInfo', type: 'get', data: submitData, service: 'mediate' });
|
}
|
|
// 根据judicId获取案件信息
|
function getCaseDataApi(submitData) {
|
return $$.ax.request({ url: `caseInfo/getCaseInfo`, data: submitData, type: 'get', service: 'mediate' });
|
}
|
|
function delFile(id) {
|
return $$.ax.request({ url: `fileInfo/deleteFileById`, type: 'get', service: 'sys', data: { id } });
|
}
|
// 提交审核
|
function judicConfirmApi(submitData) {
|
return $$.ax.request({ url: `judicInfo/judicConfirm`, type: 'post', service: 'mediate', data: submitData, });
|
}
|
// 获取助理列表
|
function listAssistApi(submitData) {
|
return $$.ax.request({ url: `ctUserole/listAssist`, type: 'get', service: 'cust', data: submitData });
|
}
|
|
// 删除预约
|
function delMeetInfoApi(data) {
|
return $$.ax.request({ url: `meetJudic/delMeetInfo`, type: 'get', service: 'mediate', data });
|
}
|
|
//添加预约
|
function addMeetInfoApi(data) {
|
return $$.ax.request({ url: `meetJudic/addMeetInfo`, type: 'post', service: 'mediate', data });
|
}
|
|
//添加会议号
|
function addRoomInfoApi(data) {
|
return $$.ax.request({ url: `meetJudic/addRoomInfo`, type: 'post', service: 'mediate', data });
|
}
|
|
//会议查询
|
function getMeetInfoApi(data) {
|
return $$.ax.request({ url: `meetJudic/getMeetInfo`, type: 'get', service: 'mediate', data });
|
}
|
|
// 办理结果（化解结果、协议文书等结案信息）
|
function getTransactResultApi(caseId) {
|
return $$.ax.request({ url: `caseInfoUnfold/getTransactResult?caseId=${caseId}`, type: 'get', service: 'mediate' });
|
}
|
|
function saveVideoApi(data) {
|
return $$.ax.request({ url: `meetJudic/saveVideo`, type: 'post', service: 'mediate', data });
|
}
|
|
|
const CourtAuditEdit = () => {
|
const formRef = useRef();
|
const form = useRef();
|
const formVideo = useRef();
|
let navigate = useNavigate();
|
const judicId = $$.getQueryString('judicId')
|
const caseId = $$.getQueryString('caseId')
|
const caseTaskId = $$.getQueryString('caseTaskId')
|
|
const [caseCheckModal, setCaseCheckModal] = useState(false);
|
|
// 回显数据
|
const [data, setData] = useState([]);
|
// 数据
|
const [formData, setFormData] = useState({});
|
const [caseData, setCaseData] = useState({});
|
|
|
const [filesList, setFilesList] = useState([]);
|
// 司法确认部门单位
|
const [listCourt, setListCourt] = useState([]);
|
|
const [stepsNum, setStepsNum] = useState(0);
|
|
const [transactResult, setTransactResult] = useState(null);
|
|
// 预添加预约
|
const [preBookData, setPreBookData] = useState({});
|
const [preBookVisible, setPreBookVisible] = useState(false);
|
const [radioVisible, setRadioVisible] = useState(false);
|
|
// 选择法官弹窗
|
const [isModalVisible, setIsModalVisible] = useState(false);
|
const [selectObjModalData, setSelectObjModalData] = useState({})
|
// 司法确认结果是否同意
|
const [agree, setAgree] = useState('')
|
|
function handleChangeFile(type, info, apiResult) {
|
console.log('handleChangeFile', type, info, apiResult);
|
let list = info.fileList ? info.fileList : [];
|
// .map(item => ({ ...item, name: item.trueName }))
|
setFilesList(list)
|
// setResult(apiResult)
|
console.log('list', list);
|
if (list.length >= 1) {
|
setStepsNum(1)
|
} else {
|
setStepsNum(0)
|
}
|
}
|
|
//删除文件
|
const handleDelFile = async (id) => {
|
const res = await delFile(id)
|
if (res.type) {
|
$$.infoSuccess({ content: '删除成功！' });
|
}
|
}
|
|
|
// 修改
|
function handleChangeValue(key, value) {
|
formData[key] = value;
|
setFormData({ ...formData });
|
}
|
|
// 提交申请
|
function handleApply(type) {
|
if (type === 'submit') {
|
if (formRef.current) {
|
formRef.current.validate(undefined, (errors, values) => {
|
if (!errors) {
|
const data = formRef?.current.getFields()
|
console.log('data', data);
|
|
$$.arcoModalInfo({
|
icon: <IconInfoCircleFill style={{ color: '#1A6FB8' }} />,
|
title: '提醒',
|
closable: false,
|
style: { borderRadius: '8px' },
|
content: <span>确定办结该司法确认吗？</span>,
|
okText: '确定',
|
cancelText: '我再想想',
|
onOk: () => {
|
applyJudicial({ ...data, judicId, submitType: '1' }, type)
|
saveVideo(caseId)
|
},
|
});
|
|
}
|
})
|
}
|
}
|
if (type === 'draft') {
|
const data = formRef?.current.getFields();
|
applyJudicial({ ...data, judicId, submitType: '2' }, type)
|
}
|
}
|
|
// 保存调解视频
|
async function saveVideo(caseId) {
|
const res = await saveVideoApi({ caseId })
|
if (res.type) {
|
}
|
}
|
|
// 提交审核
|
async function applyJudicial(data, type) {
|
global.setSpinning(true);
|
const res = await judicConfirmApi(data);
|
global.setSpinning(false);
|
if (res.type) {
|
navigate(-1);
|
type === 'draft' && $$.infoSuccess({ content: '保存成功' });
|
}
|
}
|
|
|
// 助理列表字典值选择
|
async function gatListCourt(data) {
|
global.setSpinning(true);
|
const res = await listAssistApi({ courtId: data?.courtId });
|
global.setSpinning(false);
|
if (res.type) {
|
setListCourt(res.data || [])
|
}
|
}
|
|
// 回显数据
|
async function getJudicialApply() {
|
global.setSpinning(true);
|
const res = await getJudicInfoApi({ judicId });
|
global.setSpinning(false);
|
if (res.type) {
|
setData(res.data);
|
gatListCourt(res.data || {});
|
formRef.current.setFieldsValue(res.data || {});
|
setAgree(res.data?.judicResult || '')
|
}
|
}
|
async function getCaseData() {
|
global.setSpinning(true);
|
const res = await getCaseDataApi({ id: caseId });
|
global.setSpinning(false);
|
if (res.type) {
|
const { agentList, personList, ...rest } = res.data
|
const parList = agentList.concat(personList)
|
const newParList = parList?.map(item => {
|
const fileInfoList = item.fileInfoList
|
let file = [];//身份证明材料、企业登记材料
|
let file1 = [];//法人、机构身份证明材料、代理人授权委托书
|
if (fileInfoList && fileInfoList.length != 0) {
|
fileInfoList.forEach(item => {
|
if (item.ownerType == '22_00018-202' || item.ownerType == '22_00018-203') {
|
item.fileList.forEach(res => {
|
file.push({
|
...res,
|
uid: res.id,
|
})
|
})
|
}
|
if (item.ownerType == '22_00018-204' || item.ownerType == '22_00018-207') {
|
item.fileList.forEach(res => {
|
file1.push({
|
...res,
|
uid: res.id,
|
})
|
})
|
}
|
})
|
}
|
return {
|
...item,
|
file,
|
file1
|
}
|
}) || []
|
const obj = {
|
...rest,
|
fakeData: newParList,
|
}
|
setCaseData(obj)
|
}
|
}
|
|
// 视频调解部分
|
// 添加预约重置
|
function resetClick() {
|
form.current.resetFields()
|
form.current.setFieldValue()
|
}
|
|
function submitClick() {
|
if (form.current) {
|
form.current.validate(undefined, (errors, values) => {
|
if (!errors) {
|
let submitData = form.current.getFields();
|
submitData.orderStartTime = submitData.time[0];
|
submitData.orderEndTime = submitData.time[1];
|
delete submitData.time
|
console.log('submitData', submitData);
|
// submitData.
|
$$.modalInfo({
|
title: '添加预约调解确认',
|
content: <div>确认添加预约<span className='public-color'>{submitData.orderStartTime}</span>-<span className='public-color'>{submitData.orderEndTime}</span>的调解吗？</div>,
|
okText: '确定添加',
|
cancelText: '我再想想',
|
onOk: () => addMeetInfo({ caseId, ...submitData }),
|
});
|
}
|
});
|
}
|
}
|
// 添加预约提交
|
async function addMeetInfo(submitData) {
|
global.setSpinning(true);
|
const res = await addMeetInfoApi(submitData);
|
global.setSpinning(false);
|
if (res.type) {
|
setPreBookVisible(false)
|
form.current.resetFields()
|
getMeetInfo(caseId);
|
}
|
}
|
function radioSubmitClick() {
|
if (formVideo.current) {
|
formVideo.current.validate(undefined, (errors, values) => {
|
if (!errors) {
|
let submitData = formVideo.current.getFields()
|
submitData.orderStartTime = submitData.time[0];
|
submitData.orderEndTime = submitData.time[1];
|
delete submitData.time
|
console.log('submitData', submitData);
|
$$.modalInfo({
|
title: '创建视频号确认',
|
content: <div>确认创建<span className='public-color'>{submitData.orderStartTime}</span>-<span className='public-color'>{submitData.orderEndTime}</span>的视频号吗？</div>,
|
okText: '确定创建',
|
cancelText: '我再想想',
|
onOk: () => addRoomInfo({ caseId, ...submitData }),
|
});
|
}
|
});
|
}
|
}
|
|
// 添加预约提交
|
async function addRoomInfo(submitData) {
|
global.setSpinning(true);
|
const res = await addRoomInfoApi(submitData);
|
global.setSpinning(false);
|
if (res.type) {
|
setRadioVisible(false)
|
formVideo.current.resetFields()
|
getMeetInfo(caseId);
|
}
|
}
|
|
function radioResetClick() {
|
formVideo.current.resetFields()
|
}
|
|
function delClick() {
|
$$.modalInfo({
|
title: '删除预约确认',
|
content: <div>确定删除该预约吗？</div>,
|
okText: '确定删除',
|
cancelText: '我再想想',
|
onOk: () => delMeetInfo({ id: preBookData.id }),
|
});
|
}
|
|
async function delMeetInfo(submitData) {
|
global.setSpinning(true);
|
const res = await delMeetInfoApi(submitData);
|
global.setSpinning(false);
|
if (res.type) {
|
$$.infoSuccess({ content: '删除成功' });
|
setPreBookData({})
|
}
|
}
|
|
// 获取预约调解记录
|
async function getMeetInfo(id) {
|
global.setSpinning(true);
|
const res = await getMeetInfoApi({ caseId: id });
|
global.setSpinning(false);
|
if (res.type) {
|
let list = res.data || [];
|
if (list?.length > 0) {
|
setPreBookData(list[0])
|
}
|
}
|
}
|
|
function checkTimeRange(startTime, endTime, currentTime) {
|
if (currentTime < new Date(startTime)) {
|
return <div className='public-color'>未开始</div>; // 当前时间在时间范围之前
|
} else if (currentTime >= new Date(startTime) && currentTime <= new Date(endTime)) {
|
return <div style={{ color: '#EF6C24' }}>进行中</div>; // 当前时间在时间范围内
|
} else {
|
return <div className='public-orange'>已结束</div>; // 当前时间在时间范围之后
|
}
|
}
|
|
async function getTransactResult(id) {
|
const res = await getTransactResultApi(id)
|
if (res.type) {
|
if (res.data) {
|
setTransactResult({ ...res.data })
|
} else {
|
setTransactResult(null)
|
}
|
}
|
}
|
|
//初始化
|
useEffect(() => {
|
if (caseId) {
|
getMeetInfo(caseId);
|
getTransactResult(caseId)
|
}
|
if (judicId) {
|
getCaseData();
|
getJudicialApply();
|
}
|
}, []);
|
|
|
|
return (
|
<NewPage pageHead={{ breadcrumbData: [{ title: '工作台' }, { title: '司法确认' }], title: '司法确认' }}>
|
<Fragment>
|
<Scrollbars style={{ height: 'calc(100vh - 219px)' }} autoHide>
|
<div className=' dataSync-noScrollPage'>
|
<Row gutter={[16, 16]}>
|
<Col span={24}>
|
<Space>
|
<div className='MediationInfo-subTitle'></div><span style={{ fontSize: '16px', lineHeight: '24px' }}>申请信息</span>
|
</Space>
|
</Col>
|
<Col span={24}>
|
<div className='public-infoTitle'>案件信息</div>
|
{/* <div className='judicialSubmit-audit-case' onClick={() => setCaseCheckModal(true)}> */}
|
|
<div className='judicialSubmit-audit-case' onClick={() => window.open(`${$$.windowUrl}/windowDetail?caseTaskId=${caseTaskId}&caseId=${caseId}`)}>
|
<div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
|
<div><img src={judicial_5} alt="" srcset="" /></div>
|
<div>
|
<div className='judicialSubmit-audit-case-flex'>
|
<div>承办部门：{transactResult?.mediateUnitName || '-'}</div>
|
<div className='judicialSubmit-audit-case-subTitle'>申请方：{caseData.fakeData?.filter(i => i.perType === '15_020008-1')?.length === 1 ? caseData.fakeData?.filter(i => i.perType === '15_020008-1')[0].trueName : caseData.fakeData?.filter(i => i.perType === '15_020008-1')?.length > 1 ? `${caseData.fakeData?.filter(i => i.perType === '15_020008-1')[0].trueName}...等共${caseData.fakeData?.filter(i => i.perType === '15_020008-1')?.length}人` : '-'} | 被申请方：{caseData.fakeData?.filter(i => i.perType === '15_020008-2')?.length === 1 ? caseData.fakeData?.filter(i => i.perType === '15_020008-1')[0].trueName : caseData.fakeData?.filter(i => i.perType === '15_020008-2')?.length > 1 ? `${caseData.fakeData?.filter(i => i.perType === '15_020008-2')[0].trueName}...等共${caseData.fakeData?.filter(i => i.perType === '15_020008-2')?.length}人` : '-'}</div>
|
</div>
|
<div className='judicialSubmit-audit-case-subTitle'>办结时间：{$$.minuteFormat(transactResult?.closeTime)} | {transactResult?.mediResultName || '-'}</div>
|
</div>
|
</div>
|
<div><img src={judicial_6} alt="" srcset="" /></div>
|
</div>
|
</Col>
|
<Col span={24}>
|
<div className='public-infoTitle'>申请理由</div>
|
<div className='public-infoSubTitle'>{data?.applyContent || '-'}</div>
|
</Col>
|
<Col span={24}>
|
<div className='public-infoTitle'>调解协议书</div>
|
{
|
data?.fileList?.find(i => i.ownerType === '22_00018-302')?.fileList?.length ?
|
data?.fileList?.find(i => i.ownerType === '22_00018-302')?.fileList?.map((item, index) => {
|
return <>{item.suffix === 'pdf' ? <MyPDF name={item?.name} fileUrl={item?.showUrl} key={index} /> : <PreviewImage key={index} name={item.name} src={item.showUrl} />}</>
|
})
|
: <div className='public-infoSubTitle'>-</div>
|
}
|
</Col>
|
<Col span={24}>
|
<div className='public-infoTitle'>非诉讼调解协议司法确认申请书</div>
|
{
|
data?.fileList?.find(i => i.ownerType === '22_00018-402')?.fileList?.length ?
|
data?.fileList?.find(i => i.ownerType === '22_00018-402')?.fileList?.map((item, index) => {
|
return <>{item.suffix === 'pdf' ? <MyPDF name={item?.name} fileUrl={item?.showUrl} key={index} /> : <PreviewImage key={index} name={item.name} src={item.showUrl} />}</>
|
})
|
: <div className='public-infoSubTitle'>-</div>
|
}
|
</Col>
|
<Col span={24}>
|
<div className='public-infoTitle'>诉前联调协议案件移送函</div>
|
{
|
data?.fileList?.find(i => i.ownerType === '22_00018-403')?.fileList?.length ?
|
data?.fileList?.find(i => i.ownerType === '22_00018-403')?.fileList?.map((item, index) => {
|
return <>{item.suffix === 'pdf' ? <MyPDF name={item?.name} fileUrl={item?.showUrl} key={index} /> : <PreviewImage key={index} name={item.name} src={item.showUrl} />}</>
|
})
|
: <div className='public-infoSubTitle'>-</div>
|
}
|
</Col>
|
<Col span={24}>
|
<div className='public-infoTitle'>送达地址确认书</div>
|
{
|
data?.fileList?.find(i => i.ownerType === '22_00018-108')?.fileList?.length ?
|
data?.fileList?.find(i => i.ownerType === '22_00018-108')?.fileList?.map((item, index) => {
|
return <>{item.suffix === 'pdf' ? <MyPDF name={item?.name} fileUrl={item?.showUrl} key={index} /> : <PreviewImage key={index} name={item.name} src={item.showUrl} />}</>
|
})
|
: <div className='public-infoSubTitle'>-</div>
|
}
|
</Col>
|
<Col span={24}>
|
<div className='public-infoTitle'>申请时间</div>
|
<div className='public-infoSubTitle'>{$$.minuteFormat(data?.applyTime)}</div>
|
</Col>
|
<Col span={24}>
|
<div className='public-infoTitle'>申请人</div>
|
<div className='public-infoSubTitle'><span className='public-nameCard2'>{(data?.applyUnitName)} <NameCard2 name={data.applyUserName} userId={data.applyUserId} /></span></div>
|
</Col>
|
</Row>
|
</div>
|
<div style={{ height: '16px' }}></div>
|
<div className=' dataSync-noScrollPage'>
|
<Row gutter={[20, 20]}>
|
<Col span={24}>
|
<Space>
|
<div className='MediationInfo-subTitle'></div><span style={{ fontSize: '16px', lineHeight: '24px' }}>司法确认信息</span>
|
</Space>
|
</Col>
|
<Col span={24}>
|
<table style={{ marginBottom: '0px' }} border="1" align="center" cellpadding="6" className="table">
|
<tr>
|
<th bgcolor="#F7F8FA" className="table-title" width="120" >承办法官</th>
|
<td width='380'><div className='public-infoSubTitle'><NameCard2 name={data.judgeName} userId={data.judicId} /></div></td>
|
<th bgcolor="#F7F8FA" className="table-title" width="120">助理/书记员</th>
|
<td width='380'><div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap' }} className='public-infoSubTitle'>{data?.judicAssistList?.map(i => (<NameCard2 name={i.assUserName} userId={i.assUserId} />))}</div></td>
|
</tr>
|
</table>
|
</Col>
|
<Col span={24}>
|
<div className='judicial-item' style={{ marginTop: '0', marginRight: '0' }}>
|
<div className='handle-content-empty judicial-item-left' >
|
<div className='judicial-item-title'><img src={judicial_1} alt="" srcset="" />预约信息</div>
|
{
|
preBookData?.orderStartTime ?
|
<div className='judicial-item-content'>
|
<div className='judicial-item-content-left'>
|
<div onClick={() => delClick()} className='judicial-item-content-left-del public-a'><img src={judicial_3} alt="" srcset="" /></div>
|
<div className='judicial-item-content-left-t'>
|
<div className='judicial-item-content-left-t-l'><div className='judicial-item-content-left-bigTitle public-color'>{$$.myTimeFormat(preBookData?.orderStartTime, 'HH:mm')}</div><div className='public-color'>{$$.myTimeFormat(preBookData?.orderStartTime, 'YYYY年MM月DD日')}</div></div>
|
<div className='judicial-item-content-left-t-l'>
|
<Space size='small'>
|
<div className='judicial-item-content-left-inline'></div>
|
<div style={{ display: 'flex', flexDirection: 'column', gap: '4px', alignItems: 'center', justifyContent: 'center' }}>{checkTimeRange(preBookData?.orderStartTime, preBookData?.orderEndTime, new Date())}<div className='public-color judicial-item-content-left-time'>{$$.calculateTimeDifference(preBookData?.orderStartTime, preBookData?.orderEndTime)}</div></div>
|
<div className='judicial-item-content-left-inline'></div>
|
</Space>
|
</div>
|
<div className='judicial-item-content-left-t-l'><div className='judicial-item-content-left-bigTitle public-color'>{$$.myTimeFormat(preBookData?.orderEndTime, 'HH:mm')}</div><div className='public-color'>{$$.myTimeFormat(preBookData?.orderEndTime, 'YYYY年MM月DD日')}</div></div>
|
</div>
|
<Divider />
|
<div className='judicial-item-content-left-c-flex'>
|
<div className='judicial-item-content-left-c'>
|
<div className='judicial-item-content-left-c-title'>司法确认方式</div>
|
<div className='judicial-item-content-left-c-content'>{preBookData?.meetWayName || '-'}</div>
|
</div>
|
<div className='judicial-item-content-left-c'>
|
<div className='judicial-item-content-left-c-title'>远程视频司法确认号</div>
|
<div className='judicial-item-content-left-c-content'><span style={{ fontSize: '16px', lineHeight: '24px' }}>{preBookData?.roomNo || '-'}</span> {preBookData?.roomNo && <span onClick={() => {
|
navigator.clipboard.writeText(preBookData?.roomNo).then(() => {
|
$$.infoSuccess({ content: '复制成功' });
|
}).catch(err => {
|
$$.catchApiError('复制失败', err);
|
});
|
}} className='public-color public-a'>复制</span>}</div>
|
</div>
|
<div className='judicial-item-content-left-c'>
|
<div className='judicial-item-content-left-c-title'>司法确认地点</div>
|
<div className='judicial-item-content-left-c-content'>{preBookData?.meetAddr || '-'}</div>
|
</div>
|
</div>
|
</div>
|
</div> :
|
<Empty description={<span className='empty-text'>暂无数据</span>} image={empty}><Button onClick={() => setPreBookVisible(true)} type='outline'>添加预约</Button></Empty>
|
}
|
</div>
|
<div className='handle-content-empty judicial-item-left'>
|
<div className='judicial-item-title'><img src={judicial_2} alt="" srcset="" />远程视频司法确认</div>
|
{
|
preBookData?.orderStartTime ?
|
<div className='judicial-item-video'>
|
<div className='judicial-item-video-flex'>
|
<div className='judicial-item-video-img'><img src={judicial_4} alt="" srcset="" /></div>
|
<div>
|
<div className='judicial-item-content-left-c-content'><span style={{ fontSize: '16px', lineHeight: '24px' }}>{preBookData?.roomNo || '-'}</span> {preBookData?.roomNo && <span onClick={() => {
|
navigator.clipboard.writeText(preBookData?.roomNo).then(() => { $$.infoSuccess({ content: '复制成功' }) }).catch(err => { $$.catchApiError('复制失败', err) })
|
}} className='public-color public-a'>复制</span>}</div>
|
<div style={{ color: "#4E5969", marginTop: '4px' }}>{$$.myTimeFormat(preBookData?.orderStartTime, 'YYYY年MM月DD日')} {$$.myTimeFormat(preBookData?.orderStartTime, 'HH:mm')}-{$$.myTimeFormat(preBookData?.orderEndTime, 'HH:mm')}</div>
|
</div>
|
</div>
|
<Alert type='info' content={<span>请使用小鱼易连客户端加入该号码连线</span>} />
|
</div> :
|
<Empty description={<span className='empty-text'>暂无数据</span>} image={empty}><Button onClick={() => setRadioVisible(true)} type='outline'>创建视频号</Button></Empty>}
|
</div>
|
</div>
|
</Col>
|
|
</Row>
|
|
</div>
|
<div className=' dataSync-noScrollPage'>
|
<Form
|
ref={formRef}
|
layout='vertical'
|
requiredSymbol={false}
|
scrollToFirstError={true}
|
onChange={(first, allValues) => {
|
if (first?.judicResult) {
|
setAgree(first?.judicResult)
|
formRef.current.clearFields()
|
formRef.current.setFieldsValue({
|
judicResult: first.judicResult,
|
});
|
}
|
}}
|
initialValues={{
|
}}//默认值
|
>
|
<Row>
|
<Col span={24}>
|
<FormItem
|
label={(<div style={{ display: 'flex' }}>司法确认结果</div>)}
|
field='judicResult'
|
rules={[{ required: true, message: '请选择司法确认结果' }]}
|
>
|
<Radio.Group>
|
<Space direction="vertical">
|
{[{ value: '22_00028-1', label: '已达成', }, { value: '22_00028-2', label: '未达成' }].map((x) => (
|
<Radio value={x.value} key={x.value} label={x.label}>
|
{x.label}
|
</Radio>
|
))}
|
</Space>
|
</Radio.Group>
|
</FormItem>
|
</Col>
|
{/* 未达成 */}
|
{agree === '22_00028-2' && (
|
<>
|
<Col span={24}>
|
<FormItem
|
label={(<div style={{ display: 'flex' }}>未达成原因<div className="must">必填</div></div>)}
|
field='judicFalseCause'
|
rules={[{ required: true, message: '未达成原因不能为空' }]}
|
>
|
<TextArea
|
rows={5}
|
maxLength={256}
|
autoSize={{ minRows: 4, maxRows: 8 }}
|
placeholder='请填写'
|
/>
|
</FormItem>
|
</Col>
|
</>
|
)}
|
{agree === '22_00028-1' && (
|
<>
|
<Col span={24} className="doubleFile">
|
<div style={{ display: 'flex', marginBottom: '8px' }}>裁定文书<div className="must">必填</div></div>
|
<ArcoUpload
|
params={{
|
action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${caseId}&&ownerId=${judicId}&ownerType=22_00018-405`,
|
}}
|
formItemParams={{
|
rules: [{ message: '请上传裁定文书', required: true }]
|
}}
|
field='filesList'
|
label=''
|
editData={{
|
filesList: filesList || []
|
}}
|
handleDelFile={handleDelFile}
|
onFileListChange={(v) => {
|
let newList = v?.map(item => {
|
if (item.response) {
|
return item.response.data[0]
|
} else {
|
return item
|
}
|
})
|
setFilesList(newList)
|
}}
|
/>
|
</Col>
|
<Col span={24} className="doubleFile">
|
<div style={{ display: 'flex', marginBottom: '8px' }}>询问笔录</div>
|
<ArcoUpload
|
params={{
|
action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${caseId}&&ownerId=${judicId}&ownerType=22_00018-401`,
|
}}
|
field='filesList1'
|
label=''
|
editData={{
|
filesList1: filesList || []
|
}}
|
handleDelFile={handleDelFile}
|
onFileListChange={(v) => {
|
let newList = v?.map(item => {
|
if (item.response) {
|
return item.response.data[0]
|
} else {
|
return item
|
}
|
})
|
setFilesList(newList)
|
}}
|
/>
|
</Col>
|
<Col span={24}>
|
<FormItem
|
label={(<div style={{ display: 'flex' }}>诉前调确号</div>)}
|
field='mediateJudicNo'
|
>
|
<Input style={{ width: '450px' }} placeholder='请填写审判系统中的诉前调确号（如有）' allowClear />
|
</FormItem>
|
</Col>
|
<Col span={24}>
|
<FormItem
|
label={(<div style={{ display: 'flex' }}>结案说明</div>)}
|
field='judicContent'
|
>
|
<TextArea
|
rows={5}
|
maxLength={256}
|
autoSize={{ minRows: 4, maxRows: 8 }}
|
placeholder='请填写'
|
/>
|
</FormItem>
|
</Col>
|
</>
|
)}
|
|
|
</Row>
|
</Form >
|
</div>
|
</Scrollbars>
|
<div className="dataSync-excel">
|
<Space size="large" style={{ margin: '4px 14px' }}>
|
<Button onClick={() => handleApply('submit')} type="primary" className="dialogPrimary">办结</Button>
|
<Button onClick={() => handleApply('draft')} type="outline" className="dialogPrimary">保存</Button>
|
<Button type='secondary' onClick={() => navigate(-1)}>返回上级页面</Button>
|
</Space>
|
</div>
|
</Fragment>
|
<MyModal width={1200} visible={caseCheckModal} onCancel={() => setCaseCheckModal(false)} footer={false}>
|
<CaseDetail caseId={caseId} caseData={caseData} />
|
</MyModal>
|
<Modal
|
title='添加预约'
|
style={{ width: '40%' }}
|
className='judicial-handle-modal'
|
onCancel={() => setPreBookVisible(false)}
|
visible={preBookVisible}
|
footer={null}
|
>
|
<Row style={{ height: '480px', position: 'relative' }}>
|
<Col span={24} >
|
<Form
|
ref={form}
|
layout='vertical'
|
requiredSymbol={false}
|
initialValues={{
|
meetWay: '22_00021-3',
|
meetWayName: '线上 + 线下'
|
}}//默认值
|
scrollToFirstError
|
>
|
<Row>
|
<Col span={24}>
|
<Form.Item rules={[{ required: true, message: '请选择预约调解时间' }]} label={(<div style={{ display: 'flex' }}>预约调解时间<div className="must">必填</div></div>)} field="time">
|
<RangePicker
|
showTime={{ format: 'HH:mm' }}
|
allowClear={true}
|
style={{ width: '100%' }}
|
/>
|
</Form.Item>
|
</Col>
|
<Col span={24}>
|
<FormItem
|
label='纠纷化解方式'
|
field='meetWay'
|
>
|
<Select
|
placeholder='请选择'
|
allowClear={false}
|
options={$$.options.meetWay}
|
onChange={(value, options) => {
|
form.current.setFieldValue('meetWayName', options && options.children)
|
}}
|
/>
|
</FormItem>
|
</Col>
|
<Col span={24}>
|
<FormItem label='纠纷化解地点' field='meetAddr'>
|
<Input placeholder='请填写' />
|
</FormItem>
|
</Col>
|
</Row>
|
</Form>
|
<div style={{ display: 'flex', alignItems: 'center', gap: '16px', position: 'absolute', bottom: '0' }}>
|
<Button type="primary" onClick={() => submitClick()}>提交</Button>
|
<Button onClick={() => resetClick()} danger>重置</Button>
|
</div>
|
</Col>
|
</Row>
|
</Modal>
|
<Modal
|
title='创建远程调解视频号'
|
style={{ width: '40%' }}
|
className='judicial-handle-modal'
|
onCancel={() => setRadioVisible(false)}
|
visible={radioVisible}
|
footer={null}
|
>
|
<Row style={{ height: '480px', position: 'relative' }}>
|
<Col span={24} >
|
<Form
|
ref={formVideo}
|
layout='vertical'
|
requiredSymbol={false}
|
scrollToFirstError
|
>
|
<Row>
|
<Col span={24}>
|
<Form.Item style={{ marginBottom: '8px' }} rules={[{ required: true, message: '请选择有效期' }]} label={(<div style={{ display: 'flex' }}>有效期<div className="must">必填</div></div>)} field="time">
|
<RangePicker
|
showTime={{ format: 'HH:mm' }}
|
allowClear={true}
|
style={{ width: '100%' }}
|
/>
|
</Form.Item>
|
<Alert type='info' content={<span>创建成功后请在有效期内使用小鱼易连客户端加入该号码连线</span>} />
|
</Col>
|
</Row>
|
</Form>
|
<div style={{ display: 'flex', alignItems: 'center', gap: '16px', position: 'absolute', bottom: '0' }}>
|
<Button type="primary" onClick={() => radioSubmitClick()}>提交</Button>
|
<Button onClick={() => radioResetClick()} danger>重置</Button>
|
</div>
|
</Col>
|
</Row>
|
</Modal>
|
</NewPage >
|
);
|
};
|
|
|
|
export default CourtAuditEdit;
|
