From 9365876679475117b2ac24fda870e835a3f99309 Mon Sep 17 00:00:00 2001 From: dminyi <1301963064@qq.com> Date: Mon, 02 Sep 2024 19:55:54 +0800 Subject: [PATCH] 申请结案 --- gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx | 53 ++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 48 insertions(+), 5 deletions(-) diff --git a/gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx b/gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx index 59e43c9..6a97640 100644 --- a/gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx +++ b/gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx @@ -12,6 +12,7 @@ import { IconLink, } from '@arco-design/web-react/icon'; +import CaseResult from './CaseResult' const InputSearch = Input.Search; @@ -75,6 +76,11 @@ }, ]; +function getByIdRoleApi(id) { + return $$.ax.request({ url: 'ctUser/getByIdRole?id=' + id, type: 'get', service: 'cust' }); +} + + const Handle = () => { @@ -82,6 +88,8 @@ const [wantUser, setWantUser] = useState({}); const [formView, setFormView] = useState(false); const [personView, setPersonView] = useState(false); + const [data, setData] = useState({}) + const [caseResult, SetCaseResult] = useState(false); const tabs = [ { index: '1', label: '承办部门' }, @@ -89,7 +97,6 @@ ]; const [isModalVisible, setIsModalVisible] = useState(false); - const formRef = useRef(null); @@ -195,6 +202,22 @@ setScannerVisible(true); }; + const getByIdRole = async () => { + const res = await getByIdRoleApi('2105180249501982') + if (res.type) { + let data = res.data + setData(data) + } + + } + + + + useEffect(() => { + getByIdRole() + }, []) + + @@ -218,7 +241,7 @@ <div><div className="title-text">经办人:</div></div> <div style={{ display: 'flex' }}> <div>王一顺</div> - <img src={register} alt='' style={{ width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px' }} /> + <img onClick={() => setPersonView(!personView)} src={register} alt='' style={{ width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px' }} /> </div> </Col> <Col span={8} style={{ display: 'flex' }}> @@ -249,7 +272,7 @@ <FormItem label={<div style={{ display: 'flex' }}> <span style={{ color: '#86909C' }}>经办人</span> <Tooltip> - <img onClick={() => setPersonView(!personView)} src={question1} alt="" style={{ width: '13px', height: '13px', margin: '4px 4px 0px 4px' }} /> + <img src={question1} alt="" style={{ width: '13px', height: '13px', margin: '4px 4px 0px 4px' }} /> </Tooltip> </div> } @@ -374,7 +397,7 @@ </Form> <Space style={{ marginTop: '38px', bottom: '4px' }}> <Button type="primary" style={{ backgroundColor: '#1A6FB8' }} onClick={() => setFormView(!formView)}>添加办理记录</Button> - <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} >结案申请</Button> + <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={() => SetCaseResult(!caseResult)}>结案申请</Button> <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>联合处置申请</Button> <Button type='secondary'>返回上级页面</Button> </Space> @@ -447,8 +470,28 @@ /> <Modal visible={personView} onCancel={() => setPersonView(false)} title='工作人员信息' centered footer={null}> - + <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> + <th bgcolor="#F7F8FA" className="table-title" width="120">登录账号</th> + <td width='380'>{data.acc}</td> + </tr> + <tr> + <th bgcolor="#F7F8FA" className="table-title">手机号码</th> + <td>{data.mobile}</td> + <th bgcolor="#F7F8FA" className="table-title">工作电话</th> + <td>020-83002020</td> + </tr> + <tr> + <th bgcolor="#F7F8FA" className="table-title">所属部门</th> + <td>{data.deptName}</td> + <th bgcolor="#F7F8FA" className="table-title">职务</th> + <td>主任</td> + </tr> + </table> </Modal> + <CaseResult visible={caseResult} handleOnCancel={() => SetCaseResult(false)} /> </div> </> -- Gitblit v1.8.0