| | |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { Col, Space, Row, Tooltip } from 'antd'; |
| | | import { register, } from '@/assets/images'; |
| | | import { register, aiPerson } from '@/assets/images'; |
| | | import { Form, Input, Tabs, Typography, Button, Modal, Select } from '@arco-design/web-react'; |
| | | import { question1, } from '@/assets/images'; |
| | | import ProgressStep from '@/components/ProgressStep/VisitStep'; |
| | |
| | | import ArcoUpload from '@/components/ArcoUpload'; |
| | | import HandleRecord from '../../matterDetail/HandleRecord'; |
| | | import SupervisingView from '../../matterDetail/Supervising' |
| | | import UniteHandle from '../../matterDetail/UniteHandle' |
| | | import UniteHandle from '../../matterDetail/UniteHandle'; |
| | | |
| | | |
| | | const Option = Select.Option; |
| | | const FormItem = Form.Item; |
| | |
| | | return $$.ax.request({ url: `caseFeedback/updateFeedback`, type: 'post', service: 'mediate', data }); |
| | | } |
| | | |
| | | function getFeedbackInfoApi(caseTaskId) { |
| | | return $$.ax.request({ url: `caseFeedback/getFeedbackInfo?caseTaskId=` + caseTaskId, type: 'get', service: 'mediate' }); |
| | | } |
| | | |
| | | function getByIdRoleApi(id) { |
| | | return $$.ax.request({ url: `ctUser/getByIdRole?id=` + id, type: 'get', service: 'cust' }); |
| | | } |
| | | |
| | | |
| | | |
| | |
| | | const [personView, setPersonView] = useState(false); |
| | | const [supervising, setSupervising] = useState(false) |
| | | const [data, setData] = useState({}) |
| | | const [feedbackInfoData, setFeedbackInfoData] = useState({}) |
| | | const [personData, setPersonData] = useState({}) |
| | | const [caseResult, SetCaseResult] = useState(false); |
| | | const [list, setList] = useState([]); |
| | | const [mode, SetMode] = useState(false); |
| | |
| | | |
| | | } |
| | | |
| | | const getByIdRole = async () => { |
| | | const res = await getByIdRoleApi('2105180249501982') |
| | | setPersonData(res.data) |
| | | |
| | | } |
| | | |
| | | |
| | | //删除文件 |
| | | const handleDelFile = async (id) => { |
| | |
| | | } else { |
| | | const res = await saveFeedbackApi({ |
| | | ...submitData, |
| | | caseId: '24083010062110001', |
| | | caseId: "24083010062110001", |
| | | id: id, |
| | | caseTaskId: '', |
| | | }) |
| | |
| | | listFeedback('24083010062110001') |
| | | } |
| | | } |
| | | } |
| | | |
| | | const getFeedbackInfo = async () => { |
| | | const res = await getFeedbackInfoApi('24083010062110001') |
| | | setFeedbackInfoData(res.data) |
| | | console.log(res.data, 'res.data') |
| | | } |
| | | |
| | | //获取办理记录接口 |
| | |
| | | setSupervising(!supervising) |
| | | } |
| | | |
| | | const handlePersonView = () => { |
| | | setPersonView(!personView) |
| | | |
| | | } |
| | | |
| | | |
| | | useEffect(() => { |
| | | listFeedback('24083010062110001'); |
| | | // getByIdRole() |
| | | getFeedbackInfo(); |
| | | getByIdRole(); |
| | | }, []) |
| | | |
| | | |
| | |
| | | <Row gutter={[16, 16]}> |
| | | <Col span={8} style={{ display: 'flex' }}> |
| | | <div><div className="title-text">承办部门:</div></div> |
| | | <div>天河区棠下街综治中心</div> |
| | | <div>{feedbackInfoData?.handleUnitName}</div> |
| | | </Col> |
| | | <Col span={8} style={{ display: 'flex' }}> |
| | | <div><div className="title-text">经办人:</div></div> |
| | | <div style={{ display: 'flex' }}> |
| | | <div>王一顺</div> |
| | | <img onClick={() => setPersonView(!personView)} src={register} alt='' style={{ width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px' }} /> |
| | | <div>{feedbackInfoData?.handleUserName}</div> |
| | | <img onClick={() => handlePersonView()} src={register} alt='' style={{ width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px' }} /> |
| | | </div> |
| | | </Col> |
| | | <Col span={8} style={{ display: 'flex' }}> |
| | | <div><div className="title-text">配合部门:</div></div> |
| | | <div>-</div> |
| | | <div>{feedbackInfoData?.assistUnitName}</div> |
| | | </Col> |
| | | <Col span={8} style={{ display: 'flex' }}> |
| | | <div><div className="title-text">受理时间:</div></div> |
| | | <div>2024-7-5 11:45</div> |
| | | <div>{feedbackInfoData?.acceptTime}</div> |
| | | </Col> |
| | | </Row> |
| | | |
| | |
| | | > |
| | | <ArcoUpload |
| | | params={{ |
| | | action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId='24083010062110001'&&ownerId=${id}&ownerType=22_00018-102`, |
| | | action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${'24083010062110001'}&ownerId=${id}&ownerType=${'22_00018-501'}`, |
| | | }} |
| | | field='file1' |
| | | // handleChangeFile={handleChangeFile} |
| | |
| | | <table border="1" align="center" cellpadding="5" className="table"> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">姓名</th> |
| | | <td width='380'><div style={{ display: 'flex' }}><div>{data.trueName}</div></div></td> |
| | | <td width='380'><div style={{ display: 'flex' }}><div>{personData?.trueName}</div></div></td> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">登录账号</th> |
| | | <td width='380'>{data.acc}</td> |
| | | <td width='380'>{personData?.acc}</td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title">手机号码</th> |
| | | <td>{data.mobile}</td> |
| | | <td>{personData?.mobile}</td> |
| | | <th bgcolor="#F7F8FA" className="table-title">工作电话</th> |
| | | <td>020-83002020</td> |
| | | <td>-</td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title">所属部门</th> |
| | | <td>{data.deptName}</td> |
| | | <td>{personData?.deptName}</td> |
| | | <th bgcolor="#F7F8FA" className="table-title">职务</th> |
| | | <td>主任</td> |
| | | <td>{personData?.userRoles}</td> |
| | | </tr> |
| | | </table> |
| | | </Modal> |