/*
|
* @Author: dminyi 1301963064@qq.com
|
* @Date: 2024-08-09 09:59:43
|
* @LastEditors: lwh
|
* @LastEditTime: 2025-06-23 15:22:52
|
* @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\index.jsx
|
* @Description: 来访登记
|
*/
|
|
import React, { useState, useRef, Fragment, useEffect } from 'react';
|
import { useParams, useNavigate } from 'react-router-dom';
|
import NewPage from '@/components/NewPage';
|
import * as $$ from '@/utils/utility';
|
import '@arco-themes/react-gzzz/css/arco.css';
|
import '../index.less';
|
import { Space } from 'antd';
|
import { Button, Steps, Message } from '@arco-design/web-react';
|
import { Modal } from 'antd';
|
import VisitorRegister from './component/visitorRegister';
|
import Preview from './preview';
|
import RepeatDetail from './RepeatDetail';
|
import html2canvas from 'html2canvas';
|
|
const Step = Steps.Step;
|
|
function saveDispute(data) {
|
return $$.ax.request({ url: `casedraftInfo/caseDraftRegister`, type: 'post', service: 'mediate', data });
|
}
|
|
function getId() {
|
return $$.ax.request({ url: `caseUtils/getNewTimeCaseId`, type: 'get', service: 'utils' });
|
}
|
|
function submitDispute(data) {
|
return $$.ax.request({ url: `caseInfo/caseRegister`, type: 'post', service: 'mediate', data });
|
}
|
|
function getDetailData(id) {
|
return $$.ax.request({ url: `casedraftInfo/getCasedraftInfo?id=${id}`, type: 'get', service: 'mediate' });
|
}
|
|
// ai分析是否为风险/重点案件
|
function getRiskResultApi(data) {
|
return $$.ax.request({ urlAi: `case-law/getRiskResult`, data, typeAi: 'post', service: 'mediate' });
|
}
|
function embeddingTextToMilvusApi(data) {
|
return $$.ax.request({ urlAi: `case-law/embeddingTextToMilvus`, data, typeAi: 'post', service: 'mediate' });
|
}
|
|
// ai分析是否为重复来访案件
|
function getRepeatResultApi(data) {
|
return $$.ax.request({ urlAi: `case-law/getRepeatResult`, data, typeAi: 'post', service: 'mediate' });
|
}
|
|
function getCaseAndEventInfoApi(id) {
|
return $$.ax.request({ url: `thGridCitizenEvent/getCaseAndEventInfo?caseId=${id}`, type: 'get', service: 'mediate' });
|
}
|
|
const Organization = (props) => {
|
const formRef = useRef();
|
const routeData = useParams();
|
const navigate = useNavigate();
|
const [isReview, setIsReview] = useState(false); //预览页面控制
|
const [current, setCurrent] = useState(1);
|
const [id, setId] = useState();
|
const [editData, setEditData] = useState({}); //回显数据
|
const [Update, setUpdate] = useState(false);
|
const [repeatData, setRepeatData] = useState({ hisData: [], newData: {}, visible: false });
|
const [ssShowModal, setIsShowModal] = useState(false);
|
const [isShowModalData, setIsShowModalData] = useState({});
|
const [isModalSelfAccept, setIsModalSelfAccept] = useState(false);
|
const [isModalResult, setIsModalResult] = useState(false);
|
const [isModalEventInfo, setIsModalEventInfo] = useState({});
|
const receiptRef = useRef(null);
|
|
useEffect(() => {
|
if (routeData.id) {
|
getDeatil(routeData.id);
|
setId(routeData.id);
|
} else {
|
getAppId();
|
}
|
}, []);
|
|
//编辑
|
const getDeatil = async (id) => {
|
const res = await getDetailData(id);
|
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,
|
caseLevel: rest.caseLevel ? String(rest.caseLevel) : '',
|
fakeData: newParList,
|
myCaseType: rest.caseTypeFirst ? [rest.caseTypeFirst, rest.caseType] : undefined,
|
myQuesAddress: rest.queRoad ? [rest.queArea, rest.queRoad] : undefined,
|
};
|
formRef.current.setFieldsValue(obj);
|
setEditData(obj);
|
}
|
};
|
|
//获取id
|
const getAppId = async () => {
|
const res = await getId();
|
if (res.type) {
|
setId(res.data);
|
}
|
};
|
|
//提交信息，需要校验规则
|
const handleSubmit = async () => {
|
if (formRef.current) {
|
formRef.current.validate(undefined, (errors, values) => {
|
if (!errors) {
|
const { myCaseType, myQuesAddress, ...rest } = formRef.current.getFields();
|
const params = handleData(rest);
|
if (params.personList.length === 0 || params.personList.filter((item) => item.perType === '15_020008-1').length === 0) {
|
Message.warning('申请方当事人为空，无法提交！');
|
return;
|
}
|
$$.modalInfo({
|
title: '提醒',
|
content: '确定提交吗？',
|
cancelText: '我再想想',
|
onOk: () => {
|
reauestSubmit({
|
...params,
|
isSelfAccept: 0,
|
isDraft: 0,
|
operateType: 0,
|
canal: '22_00001-1',
|
canalName: '大厅来访',
|
});
|
},
|
});
|
}
|
});
|
}
|
};
|
|
//保存草稿信息,不需要校验规则
|
const handleSave = () => {
|
if (formRef.current) {
|
const { myCaseType, myQuesAddress, ...rest } = formRef.current.getFields();
|
const params = handleData(rest);
|
requestSave(params);
|
}
|
};
|
|
//数据处理
|
const handleData = (data) => {
|
const { fakeData, ...newObj } = data;
|
if (data.id) {
|
return {
|
...newObj,
|
personList: fakeData?.filter((item) => item.perType === '15_020008-1' || item.perType === '15_020008-2'),
|
agentList: fakeData
|
?.filter((item) => item.perType === '24_00006-1' || item.perType === '24_00006-2')
|
.map((item) => {
|
return {
|
...item,
|
personId: Array.isArray(item.personId) ? item.personId.join(',') : item.personId,
|
};
|
}),
|
};
|
} else {
|
return {
|
...newObj,
|
personList: fakeData?.filter((item) => item.perType === '15_020008-1' || item.perType === '15_020008-2'),
|
agentList: fakeData
|
?.filter((item) => item.perType === '24_00006-1' || item.perType === '24_00006-2')
|
.map((item) => {
|
return {
|
...item,
|
personId: Array.isArray(item.personId) ? item.personId.join(',') : item.personId,
|
};
|
}),
|
id: id,
|
};
|
}
|
};
|
|
//预览信息
|
const handleReview = () => {
|
setIsReview(!isReview);
|
};
|
|
function selfAcceptance() {
|
if (formRef.current) {
|
formRef.current.validate(undefined, (errors, values) => {
|
if (!errors) {
|
const { myCaseType, ...rest } = formRef.current.getFields();
|
const params = handleData(rest);
|
if (params.personList.length === 0 || params.personList.filter((item) => item.perType === '15_020008-1').length === 0) {
|
Message.warning('申请方当事人为空，无法提交！');
|
return;
|
}
|
$$.modalInfo({
|
title: '确定自行受理吗？',
|
content: '',
|
okText: '确定受理',
|
cancelText: '我再想想',
|
onOk: async () => {
|
reauestSubmit(
|
{
|
...params,
|
isSelfAccept: 1,
|
isDraft: 0,
|
operateType: 0,
|
canal: '22_00001-1',
|
canalName: '大厅来访',
|
},
|
true
|
);
|
},
|
});
|
}
|
});
|
}
|
}
|
|
//保存请求
|
const requestSave = async (data) => {
|
// 1-大厅来访，2- 部门排除，3-调解组织录
|
const response = await saveDispute({ ...data, canalChild: '1', canalChildName: '大厅来访', canal: '22_00001-1', canalName: '大厅来访' });
|
if (response.type) {
|
setUpdate(false);
|
Message.success('保存草稿成功！');
|
}
|
};
|
|
//提交请求
|
const reauestSubmit = async (data, isSelfAccept) => {
|
console.log(data, 'data');
|
let plaintiffsCertiNo =
|
data.personList
|
?.filter((item) => item.perType === '15_020008-1')
|
?.map((item) => item.certiNo)
|
?.join(',') || '';
|
let plaintiffs =
|
data.personList
|
?.filter((item) => item.perType === '15_020008-1')
|
?.map((item) => item.trueName)
|
?.join(',') || '';
|
let defendantsCertiNo =
|
data.personList
|
?.filter((item) => item.perType === '15_020008-2')
|
?.map((item) => item.certiNo)
|
?.join(',') || '';
|
let defendants =
|
data.personList
|
?.filter((item) => item.perType === '15_020008-2')
|
?.map((item) => item.trueName)
|
?.join(',') || '';
|
global.setSpinning(true);
|
const res = await getRepeatResultApi({
|
caseId: id,
|
address: data.address,
|
caseDes: data.caseDes,
|
caseClaim: data?.caseClaim,
|
plaintiffs,
|
defendants,
|
plaintiffsCertiNo,
|
defendantsCertiNo,
|
});
|
global.setSpinning(false);
|
if (res.type) {
|
if (res.data?.length < 1) {
|
submitDisputeApi(data, isSelfAccept);
|
} else {
|
setRepeatData({ hisData: res.data, isSelfAccept, newData: data, visible: true });
|
}
|
}
|
};
|
|
async function submitDisputeApi(data, isSelfAccept) {
|
const response = await submitDispute(data);
|
if (response.type) {
|
// 先打开一个弹窗，弹窗内容是一个div内容，下面有一个下载按钮和关闭按钮
|
setIsShowModal(true);
|
setIsShowModalData(data);
|
setIsModalSelfAccept(isSelfAccept);
|
setIsModalResult(response.data);
|
const res = await getCaseAndEventInfoApi(response.data);
|
// const res = await getCaseAndEventInfoApi('2504210835003618');
|
|
if (res.type) {
|
// setIsModalResult(res.data);
|
let userInfo = $$.getSessionStorage('customerSystemUser');
|
console.log(userInfo, 'userInfo');
|
setIsModalEventInfo({
|
...res.data,
|
mediateUnitName: userInfo?.unit || '',
|
reportTime: new Date(),
|
mediatorMobile: userInfo?.phone || '',
|
mediator: userInfo?.trueName || '',
|
});
|
}
|
|
// if (isSelfAccept) {
|
// getRiskResult({ caseId: id, caseText: (data.caseDes || '') + '/n' + (data.caseClaim || '') });
|
// embeddingTextToMilvus({ caseId: id, caseDes: data.caseDes || '', caseClaim: data.caseClaim || '' });
|
// //自行受理
|
// Message.success({
|
// content: (
|
// <div className="myMessageBox">
|
// <div className="messageTop">受理成功</div>
|
// <div className="messageBottom">请在受理时限内及时跟进</div>
|
// </div>
|
// ),
|
// showIcon: true,
|
// className: 'acro-myMessage',
|
// position: 'bottom',
|
// });
|
// navigate(`/mediate/visit/handleFeedback?caseTaskId=${response.data}&caseId=${id}`);
|
// } else {
|
// getRiskResult({ caseId: id, caseText: (data.caseDes || '') + '/n' + (data.caseClaim || '') });
|
// embeddingTextToMilvus({ caseId: id, caseDes: data.caseDes || '', caseClaim: data.caseClaim || '' });
|
// Message.success('提交成功！');
|
// navigate(`/mediate/visit/visitWorkBench`, { replace: true });
|
// setCurrent(2);
|
// }
|
}
|
}
|
|
// ai分析是否为风险/重点案件
|
async function getRiskResult(data) {
|
const res = await getRiskResultApi(data);
|
if (res.type) {
|
}
|
}
|
|
// 向量化处理
|
async function embeddingTextToMilvus(data) {
|
const res = await embeddingTextToMilvusApi(data);
|
if (res.type) {
|
}
|
}
|
|
const handleBack = () => {
|
if (!Update) {
|
navigate(`/mediate/visit/visitWorkBench`, { replace: true });
|
} else {
|
$$.modalInfo({
|
title: '提醒',
|
content: '填写内容尚未保存，确定离开当前页面吗？',
|
okText: '确定',
|
cancelText: '我再想想',
|
onOk: async () => {
|
navigate(`/mediate/visit/visitWorkBench`, { replace: true });
|
},
|
});
|
}
|
};
|
|
// 下载回执书
|
const handleDownload = async () => {
|
if (!receiptRef.current) return;
|
|
try {
|
const canvas = await html2canvas(receiptRef.current, {
|
scale: 2, // 提高清晰度
|
useCORS: true, // 允许加载跨域图片
|
backgroundColor: '#ffffff',
|
logging: false,
|
});
|
|
// 转换为图片并下载
|
const imgData = canvas.toDataURL('image/png');
|
const link = document.createElement('a');
|
link.download = `受理回执书_${new Date().getTime()}.png`;
|
link.href = imgData;
|
link.click();
|
|
// 同时上传图片到后台
|
// await uploadReceiptImage(canvas);
|
|
setIsShowModal(false);
|
if (isModalSelfAccept) {
|
getRiskResult({ caseId: id, caseText: (isShowModalData.caseDes || '') + '/n' + (isShowModalData.caseClaim || '') });
|
// embeddingTextToMilvus({ caseId: id, caseDes: isShowModalData.caseDes || '', caseClaim: isShowModalData.caseClaim || '' });
|
//自行受理
|
Message.success({
|
content: (
|
<div className="myMessageBox">
|
<div className="messageTop">受理成功</div>
|
<div className="messageBottom">请在受理时限内及时跟进</div>
|
</div>
|
),
|
showIcon: true,
|
className: 'acro-myMessage',
|
position: 'bottom',
|
});
|
navigate(`/mediate/visit/handleFeedback?caseTaskId=${isModalResult.data}&caseId=${id}`);
|
} else {
|
getRiskResult({ caseId: id, caseText: (isShowModalData.caseDes || '') + '/n' + (isShowModalData.caseClaim || '') });
|
// embeddingTextToMilvus({ caseId: id, caseDes: isShowModalData.caseDes || '', caseClaim: isShowModalData.caseClaim || '' });
|
Message.success('提交成功！');
|
navigate(`/mediate/visit/visitWorkBench`, { replace: true });
|
setCurrent(2);
|
}
|
} catch (error) {
|
console.error('下载失败:', error);
|
Message.error('下载失败，请重试');
|
}
|
};
|
|
// 上传回执书图片到后台
|
const uploadReceiptImage = async (canvas) => {
|
try {
|
// 将canvas转换为Blob
|
canvas.toBlob(async (blob) => {
|
// 创建FormData
|
const formData = new FormData();
|
formData.append('file', blob, `受理回执书_${new Date().getTime()}.png`);
|
|
// 获取上传URL
|
const appUrl = $$.appUrl;
|
const uploadUrl = `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${id}&ownerId=${id}&ownerType=22_00018-600`;
|
|
// 发送上传请求
|
const response = await fetch(uploadUrl, {
|
method: 'POST',
|
headers: {
|
'Authorization': $$.getSessionStorage('customerSystemToken'),
|
},
|
body: formData
|
});
|
|
const result = await response.json();
|
|
if (result.code === 0 || result.code === '0') {
|
console.log('回执书上传成功:', result);
|
Message.success('回执书已保存到系统');
|
} else {
|
console.error('回执书上传失败:', result);
|
Message.warning('回执书上传失败，但不影响下载');
|
}
|
}, 'image/png');
|
} catch (error) {
|
console.error('上传回执书失败:', error);
|
Message.warning('回执书上传失败，但不影响下载');
|
}
|
};
|
|
return (
|
<div style={{ position: 'relative' }}>
|
<NewPage pageHead={{ breadcrumbData: [{ title: '工作台' }, { title: '大厅来访' }], title: '大厅来访' }}>
|
<Fragment>
|
<div style={{ backgroundColor: '#fff', margin: '12px 16px 0px 16px', paddingTop: '16px', paddingLeft: '91px' }}>
|
<Steps type="navigation" current={current}>
|
<Step title="大厅来访" disabled />
|
<Step title="事件流转" disabled />
|
<Step title="办理反馈" disabled />
|
<Step title="结案审核" disabled />
|
<Step title="当事人评价" disabled />
|
<Step title="结案归档" disabled />
|
</Steps>
|
</div>
|
<div
|
style={{
|
backgroundColor: '#ffff',
|
margin: '8px 8px 0px 16px',
|
padding: '12px 18px 82px 16px',
|
height: 'calc(100vh - 231px)',
|
overflowY: 'scroll',
|
display: isReview ? '' : 'none',
|
}}
|
>
|
<Preview isReview={isReview} style={{ display: isReview ? '' : 'none' }} data={formRef?.current?.getFields()} mainId={id} />
|
</div>
|
<VisitorRegister
|
formRef={formRef}
|
style={{ display: isReview ? 'none' : '' }}
|
mainId={id}
|
partyList={editData.fakeData}
|
fileInfoList={editData.fileInfoList}
|
onValuesChange={(first, all) => setUpdate(true)}
|
/>
|
<div className="dataSync-excel">
|
<Space size="middle" style={{ margin: '4px 14px' }}>
|
<Button type="primary" style={{ backgroundColor: '#1A6FB8' }} onClick={handleSave}>
|
保存
|
</Button>
|
<Button type="outline" style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={handleReview}>
|
{isReview ? '修改' : '预览'}
|
</Button>
|
<Button type="outline" style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={handleSubmit}>
|
提交
|
</Button>
|
<Button type="outline" style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={() => selfAcceptance()}>
|
自行受理
|
</Button>
|
<Button type="secondary" onClick={handleBack}>
|
返回上级页面
|
</Button>
|
</Space>
|
</div>
|
</Fragment>
|
</NewPage>
|
<Modal
|
// closable={closable}
|
title="重复事项确认"
|
footer={null}
|
visible={repeatData.visible}
|
bodyStyle={{ padding: '0' }}
|
width={1200}
|
onCancel={() => {
|
setRepeatData({ ...repeatData, visible: false });
|
}}
|
>
|
<RepeatDetail
|
caseId={id}
|
hisData={repeatData?.hisData}
|
caseData={repeatData?.newData}
|
handleRepeatSubmit={() => {
|
let list = repeatData?.hisData?.filter((i) => i.selected)?.map((i) => i.id) || [];
|
if (list?.length > 0) {
|
$$.modalInfo({
|
title: '提醒',
|
content: '确定合并重复事项并提交吗？',
|
cancelText: '我再想想',
|
onOk: () => {
|
console.log(repeatData?.hisData);
|
submitDisputeApi(
|
{ ...repeatData?.newData, repeatCaseIdList: repeatData?.hisData?.filter((i) => i.selected)?.map((i) => i.id) },
|
repeatData?.isSelfAccept
|
);
|
},
|
});
|
} else {
|
$$.modalInfo({
|
title: '提醒',
|
content: '确定提交吗？',
|
cancelText: '我再想想',
|
onOk: () => {
|
submitDisputeApi(repeatData?.newData, repeatData?.isSelfAccept);
|
},
|
});
|
}
|
}}
|
selectChange={(index, value) => {
|
repeatData.hisData[index] = { ...repeatData.hisData[index], selected: value };
|
setRepeatData({ ...repeatData });
|
}}
|
/>
|
</Modal>
|
|
<Modal
|
closable={false}
|
maskClosable={false}
|
title="受理回执书"
|
footer={[
|
<Button key="download" type="primary" onClick={handleDownload}>
|
下载
|
</Button>,
|
]}
|
visible={ssShowModal}
|
width={'90%'}
|
style={{ top: '10vh' }}
|
bodyStyle={{
|
height: '80vh',
|
padding: '12px',
|
overflowY: 'scroll',
|
}}
|
onCancel={() => {
|
setIsShowModal(false);
|
if (isModalSelfAccept) {
|
getRiskResult({ caseId: id, caseText: (isShowModalData.caseDes || '') + '/n' + (isShowModalData.caseClaim || '') });
|
embeddingTextToMilvus({ caseId: id, caseDes: isShowModalData.caseDes || '', caseClaim: isShowModalData.caseClaim || '' });
|
//自行受理
|
Message.success({
|
content: (
|
<div className="myMessageBox">
|
<div className="messageTop">受理成功</div>
|
<div className="messageBottom">请在受理时限内及时跟进</div>
|
</div>
|
),
|
showIcon: true,
|
className: 'acro-myMessage',
|
position: 'bottom',
|
});
|
navigate(`/mediate/visit/handleFeedback?caseTaskId=${isModalResult.data}&caseId=${id}`);
|
} else {
|
getRiskResult({ caseId: id, caseText: (isShowModalData.caseDes || '') + '/n' + (isShowModalData.caseClaim || '') });
|
embeddingTextToMilvus({ caseId: id, caseDes: isShowModalData.caseDes || '', caseClaim: isShowModalData.caseClaim || '' });
|
Message.success('提交成功！');
|
navigate(`/mediate/visit/visitWorkBench`, { replace: true });
|
setCurrent(2);
|
}
|
}}
|
>
|
<div className="receipt-container" ref={receiptRef}>
|
<div className="receipt-border"></div>
|
<div className="header-badge">
|
<span>{isModalEventInfo?.mediateUnitName || '-'}</span>
|
</div>
|
|
<div className="receipt-header">
|
<h1 className="receipt-title">受理回执书</h1>
|
</div>
|
|
<div className="receipt-content">
|
<p>【申请人姓名/单位名称】：{isModalEventInfo?.plaintiffs || '-'}</p>
|
{/* <p>【编号】：{isModalEventInfo?.unifiedCode || '-'}</p> */}
|
|
<p>
|
您于【<u> {isModalEventInfo?.reportTime ? $$.myTimeFormat(isModalEventInfo?.reportTime, 'YYYY年MM月DD日') : '-'} </u>
|
】提交的【
|
<u>
|
{isModalEventInfo?.caseTypeFirstName || '-'}
|
{isModalEventInfo?.caseTypeName ? `/${isModalEventInfo?.caseTypeName}` : ''}
|
</u>
|
】申请，我中心已收到。经审查，您的申请材料齐全，符合法定形式，我中心决定予以受理。
|
</p>
|
|
<div className="receipt-section">
|
<h2 className="font-bold">一、受理事项</h2>
|
<p>
|
申请事项：【
|
<u>
|
{isModalEventInfo?.caseTypeFirstName || '-'}
|
{isModalEventInfo?.caseTypeName ? `/${isModalEventInfo?.caseTypeName}` : ''}
|
</u>
|
】
|
</p>
|
<p>
|
受理编号：【<u> {isModalEventInfo?.citizenEventCode || '-'} </u>】
|
</p>
|
<p>
|
提交日期：【<u> {isModalEventInfo?.reportTime ? $$.myTimeFormat(isModalEventInfo?.reportTime, 'YYYY年MM月DD日') : '-'} </u>
|
】
|
</p>
|
</div>
|
|
<div className="receipt-section">
|
<h2 className="font-bold">二、办理期限</h2>
|
<p>
|
我中心将在【<u> 2 </u>
|
】个工作日内对您的申请进行审核，并作出是否予许可的决定。如需进一步补充材料或核实情况，我中心将及时与您联系。
|
</p>
|
</div>
|
|
<div className="receipt-section">
|
<h2 className="font-bold">三、联系方式</h2>
|
<p>在办理过程中，如您有任何疑问或需要咨询，请随时与我中心联系。</p>
|
<p>
|
联系电话：【<u> {isModalEventInfo?.mediatorMobile || '-'} </u>】
|
</p>
|
<p>
|
联系人：【<u> {isModalEventInfo?.mediator || '-'} </u>】
|
</p>
|
</div>
|
|
<div className="receipt-section">
|
<h2 className="font-bold">四、其他事项</h2>
|
<p>请保持通讯畅通，以便我们及时与您联系。</p>
|
</div>
|
|
<p>特此告知。</p>
|
</div>
|
|
<div style={{ display: 'flex', justifyContent: 'flex-end', margin: '10px 0' }}>
|
<img src={`data:image/png;base64,${isModalEventInfo?.qrcodeImg}`} alt="案件查询二维码" style={{ width: '150px', height: '150px' }} />
|
</div>
|
|
<div className="receipt-footer">
|
<p>{isModalEventInfo?.mediateUnitName || '-'}</p>
|
<p>{isModalEventInfo?.reportTime ? $$.myTimeFormat(isModalEventInfo?.reportTime, 'YYYY年MM月DD日') : '-'}</p>
|
</div>
|
</div>
|
</Modal>
|
</div>
|
);
|
};
|
|
export default Organization;
|
