| | |
| | | import React, { useRef } from 'react' |
| | | import React, { useEffect, useRef, useState } from 'react' |
| | | import { Row, Col } from 'antd'; |
| | | import { Form, Input, Button } from '@arco-design/web-react'; |
| | | import ArcoUpload from '@/components/ArcoUpload'; |
| | | import { Scrollbars } from "react-custom-scrollbars"; |
| | | import { escalation } from '@/assets/images/icon'; |
| | | import * as $$ from '@/utils/utility'; |
| | | import { useNavigate } from 'react-router-dom'; |
| | | |
| | | const FormItem = Form.Item; |
| | | const TextArea = Input.TextArea; |
| | | const appUrl = $$.appUrl; |
| | | |
| | | function getId() { |
| | | return $$.ax.request({ url: `caseUtils/getNewTimeId`, type: 'get', service: 'utils' }); |
| | | } |
| | | |
| | | function delFile(id) { |
| | | return $$.ax.request({ url: `fileInfo/deleteFileById`, type: 'get', service: 'sys', data: { id } }); |
| | | } |
| | | |
| | | function appearApply(data) { |
| | | return $$.ax.request({ url: `caseTask/appearApply`, type: 'post', service: 'mediate', data }); |
| | | } |
| | | |
| | | function getAppearToUnit() { |
| | | return $$.ax.request({ url: `ctUnit/getAppearToUnit`, type: 'get', service: 'cust' }); |
| | | } |
| | | |
| | | export default function BackModel(props) { |
| | | const navigate = useNavigate(); |
| | | const formRef = useRef(); |
| | | const [id, setId] = useState(); |
| | | const [unitData, setUnitData] = useState({}); |
| | | |
| | | useEffect(() => { |
| | | getAppId() |
| | | getAppearToUnitData() |
| | | }, []) |
| | | |
| | | //获取上报部门 |
| | | const getAppearToUnitData = async () => { |
| | | const res = await getAppearToUnit() |
| | | if (res.type) { |
| | | setUnitData({ |
| | | auditUnitId: res.data.auditUnitId, |
| | | auditUnitName: res.data.auditUnitName |
| | | }) |
| | | } |
| | | } |
| | | |
| | | //获取id |
| | | const getAppId = async () => { |
| | | const res = await getId() |
| | | if (res.type) { |
| | | setId(res.data) |
| | | } |
| | | } |
| | | |
| | | const handleSubmit = () => { |
| | | formRef.current.validate(undefined, (errors, values) => { |
| | | console.log(errors, values); |
| | | }) |
| | | if (formRef.current) { |
| | | formRef.current.validate(undefined, (errors, values) => { |
| | | if (!errors) { |
| | | handleEscala({ |
| | | id, |
| | | caseId: props.caseId, |
| | | caseTaskId: props.caseTaskId, |
| | | appearContent: values.appearContent, |
| | | ...unitData |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | |
| | | const handleTemplate = (type) => { |
| | | if(type === 1) { |
| | | formRef.current.setFieldValue('trueName', '经初步核查,该事项较为复杂,且涉及多个相关部门的协调配合,为确保能够高效、妥善地解决当事人的问题,特此请求上级给予指导和支持。') |
| | | if (type === 1) { |
| | | formRef.current.setFieldValue('returnContent', '经初步核查,该事项较为复杂,且涉及多个相关部门的协调配合,为确保能够高效、妥善地解决当事人的问题,特此请求上级给予指导和支持。') |
| | | } else { |
| | | formRef.current.setFieldValue('trueName', '') |
| | | formRef.current.setFieldValue('returnContent', '') |
| | | } |
| | | } |
| | | |
| | | //上报请求 |
| | | const handleEscala = async (data) => { |
| | | const res = await appearApply(data) |
| | | if (res.type) { |
| | | $$.infoSuccess({ content: '提交申请成功!' }); |
| | | props.onCancel() |
| | | navigate('/mediate/visit/visitWorkBench') |
| | | } |
| | | } |
| | | |
| | | //删除文件 |
| | | const handleDelFile = async (id) => { |
| | | const res = await delFile(id) |
| | | if (res.type) { |
| | | $$.infoSuccess({ content: '删除成功!' }); |
| | | } |
| | | } |
| | | |
| | |
| | | <Col span={24}> |
| | | <FormItem |
| | | label='上报至' |
| | | field='trueName' |
| | | field='name' |
| | | > |
| | | <div className='myTag' > |
| | | <img src={escalation} alt="" className="title-file" />白云区综治中心 |
| | | <img src={escalation} alt="" className="title-file" />{unitData.auditUnitName} |
| | | </div> |
| | | </FormItem> |
| | | </Col> |
| | |
| | | </div> |
| | | <FormItem |
| | | label={(<div style={{ display: 'flex' }}>上报意见<div className="must">必填</div></div>)} |
| | | field='trueName' |
| | | field='appearContent' |
| | | rules={[{ required: true, message: '请选择回退理由' }]} |
| | | > |
| | | |
| | | <TextArea |
| | | autoSize={{ minRows: 4, maxRows: 8 }} |
| | | placeholder='请填写回退的具体理由' |
| | |
| | | <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-512`, |
| | | }} |
| | | field='file' |
| | | label='附件材料' |
| | | handleDelFile={handleDelFile} |
| | | /> |
| | | </Col> |
| | | </Row> |