From 7a4f24ac2203d6a2f96ad529afc26857bf505f89 Mon Sep 17 00:00:00 2001 From: dminyi <1301963064@qq.com> Date: Sun, 08 Sep 2024 17:53:43 +0800 Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh into master --- gz-customerSystem/src/views/register/closingReview/component/ReviewExamine.jsx | 211 ++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 147 insertions(+), 64 deletions(-) diff --git a/gz-customerSystem/src/views/register/closingReview/component/ReviewExamine.jsx b/gz-customerSystem/src/views/register/closingReview/component/ReviewExamine.jsx index e5b8cad..a43ce32 100644 --- a/gz-customerSystem/src/views/register/closingReview/component/ReviewExamine.jsx +++ b/gz-customerSystem/src/views/register/closingReview/component/ReviewExamine.jsx @@ -1,35 +1,123 @@ -import React, { useRef, useState } from 'react' +import React, { useRef, useState, useEffect } from 'react' import { Row, Col, Space } from 'antd'; import { link, register } from '@/assets/images'; import { Form, Input, Button, Radio } from '@arco-design/web-react'; import ArcoUpload from '@/components/ArcoUpload'; import { Scrollbars } from "react-custom-scrollbars"; import ReviewProgress from './ReviewProgress'; +import * as $$ from '@/utils/utility'; const RadioGroup = Radio.Group; const FormItem = Form.Item; const TextArea = Input.TextArea; +const appUrl = $$.appUrl; + +function getData(data) { + return $$.ax.request({ url: `caseTask/getWindupApplyInfo`, type: 'get', service: 'mediate', data }); +} + +function getId() { + return $$.ax.request({ url: `caseUtils/getNewTimeId`, type: 'get', service: 'utils' }); +} + +function delFile(id) { + return $$.ax.request({ url: `fileInfo/deleteFileById`, type: 'delete', service: 'sys', data: { id } }); +} + +function submit(data) { + return $$.ax.request({ url: `caseTask/windupAudit`, type: 'post', service: 'mediate', data }); +} + +function getListCaseFlow(data) { + return $$.ax.request({ url: `caseTask/listCaseFlow`, type: 'get', service: 'mediate', data }); +} export default function ReviewExamine(props) { const formRef = useRef(); const [result, setResult] = useState() - const infoData = { - result: '化解不成功', - time: '2024-7-21 12:00', - people: '白云区新市街市场监管所', - person: '张晓霞', - reason: '当事人拒绝参加调解,对调解工作极为抗拒', - opinion: `针对该事项,我部门高度重视并立即启动了调解程序。然而,在调解过程中遇到的主要困难是当事人李晓明未能积极配合我们的工作,具体表现为: - 1、拒绝提供必要的证据材料; - 2、不接听我们拨打的相关电话; - 3、拒绝到场参加任何调解行为 - 由于上述原因,我们目前无法进一步查清事实真相,也无法制定出切实可行的解决方案。为了保障当事人的合法权益得到维护,已引导当事人走司法途径,目前已在法院立案,特申请结案。`, - isProceeding: '是', - proceeding: '(粤)云调20240811号' + const [infoData, setInfoData] = useState({}); + const [id, setId] = useState(); + const [progressData, setProgressData] = useState({}) + const options = [ + { + label: '材料不完整', + value: '1' + }, + { + label: '办理流程有问题', + value: '2' + }, + { + label: '当事人不满意调解结果', + value: '3' + }, + { + label: '其他', + value: '4' + }, + ] + + useEffect(() => { + getInfoData() + getAppId() + getProData() + }, []) + + //获取id + const getAppId = async () => { + const res = await getId() + if (res.type) { + setId(res.data) + } + } + + //回显数据 + const getInfoData = async () => { + const res = await getData({ caseTaskId: props.caseTaskId }) + if (res.type) { + setInfoData(res.data || {}) + } + } + + //获取流程信息 + const getProData = async () => { + const res = await getListCaseFlow({ + caseId: props.caseId + }) + if (res.type) { + setProgressData(res.data) + } } const handleSubmit = () => { + if (formRef.current) { + formRef.current.validate(undefined, (errors, values) => { + if (!errors) { + const { file, myNoUp, ...rest } = formRef.current.getFields() + requestSubmit({ + id, + caseId: props.caseId, + caseTaskId: props.caseTaskId, + ...rest + }) + } + }) + } + } + const requestSubmit = async (data) => { + const res = await submit(data) + if (res.type) { + $$.infoSuccess({ content: '提交成功!' }); + } + } + + //删除文件 + const handleDelFile = async (id) => { + const res = await delFile(id) + if (res.type) { + $$.infoSuccess({ content: '删除成功!' }); + } } return ( @@ -43,31 +131,35 @@ <Row gutter={[16, 16]}> <Col span={24}> <div><div className="title-text">化解结果</div></div> - <div>{infoData?.result || '-'}</div> + <div style={{ color: infoData.mediResult == '22_00025-1' ? '#00B42A' : '#F53F3F' }}>{infoData?.mediResultName || '-'}</div> </Col> <Col span={24}> <div><div className="title-text">无法化解理由</div></div> - <div>{infoData?.reason || '-'}</div> + <div>{infoData?.failReason || '-'}</div> </Col> <Col span={24}> <div><div className="title-text">结案意见</div></div> - <div>{infoData?.opinion || '-'}</div> + <div>{infoData?.windupContent || '-'}</div> </Col> - <Col span={24}> + {/* <Col span={24}> <div><div className="title-text">是否转诉讼案件</div></div> <div>{infoData?.isProceeding || '-'}</div> </Col> <Col span={24}> <div><div className="title-text">诉讼案号</div></div> <div>{infoData?.proceeding || '-'}</div> - </Col> + </Col> */} <Col span={24}> <div><div className="title-text">申请时间</div></div> - <div>{infoData?.time || '-'}</div> + <div>{infoData?.applyTime || '-'}</div> </Col> <Col span={24}> <div><div className="title-text">申请人</div></div> - <div>{infoData?.people} {infoData?.person}<img src={register} alt="" className="title-register" /></div> + <div> + {infoData?.applyUnitName} + {infoData?.applyUserName} + <img src={register} alt="" className="title-register" /> + </div> </Col> </Row> </div> @@ -88,58 +180,46 @@ <Col span={24}> <FormItem label={(<div style={{ display: 'flex' }}>审核结果</div>)} - field='result' + field='auditResult' > <RadioGroup direction='vertical' - options={[ - { - label: '同意', - value: 1 - }, - { - label: '不同意', - value: 0 - }, - ]} - onChange={(v) => { setResult(v) }} - > - </RadioGroup> + options={$$.options.auditResult} + onChange={(value) => { + setResult(value) + if (value) { + const data = $$.options.auditResult.find(item => item.value === value) + formRef.current.setFieldValue('auditResultName', data.label) + } else { + formRef.current.setFieldValue('auditResultName', '') + } + }} + /> </FormItem> </Col> - {result === 0 && + {result === '24_00004-2' && <> <Col span={24}> <FormItem label={(<div style={{ display: 'flex' }}>理由说明<div className="must">必填</div></div>)} - field='trueName' + field='myNoUp' rules={[{ required: true, message: '请选择理由说明' }]} > - <RadioGroup direction='vertical' options={[ - { - label: '材料不完整', - value: '0' - }, - { - label: '办理流程有问题', - value: '1' - }, - { - label: '当事人不满意调解结果', - value: '2' - }, - { - label: '其他', - value: '3' - }, - ]}> + <RadioGroup + direction='vertical' + options={options} + onChange={(value) => { + const obj = options.find(item => item.value === value) + formRef.current.setFieldValue('audit_content', obj.label) + }} + > </RadioGroup> </FormItem> </Col> <Col span={24}> <FormItem label=' ' - field='luyou' + field='audit_content' rules={[{ required: true, message: '理由不能为空' }]} > <TextArea @@ -151,10 +231,11 @@ <Col span={24} className="doubleFile"> <ArcoUpload params={{ - action: ``, + action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${props.caseId}&ownerId=${id}&ownerType=22_00018-514`, }} field='file' label='附件材料' + handleDelFile={handleDelFile} /> </Col> </> @@ -171,14 +252,16 @@ </Button> </div> </div> - <div className='whiteBox' style={{ width: '400px' }}> - <Space size='small'> - <div className='MediationInfo-subTitle' style={{ marginTop: '-8px' }}></div><h5>审核进度</h5> - </Space> - <ReviewProgress /> - </div> + { + (infoData.caseLevel === 1 || infoData.caseLevel === 2) && + <div className='whiteBox' style={{ width: '400px' }}> + <Space size='small'> + <div className='MediationInfo-subTitle' style={{ marginTop: '-8px' }}></div><h5>审核进度</h5> + </Space> + <ReviewProgress progressData={progressData} /> + </div> + } </div> - </Scrollbars> </div> </div> -- Gitblit v1.8.0