From 0485e2c28f0d62ec1026d385f992145b639a95ab Mon Sep 17 00:00:00 2001 From: liuwh <964324856@qq.com> Date: Sat, 07 Sep 2024 21:59:19 +0800 Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh into master --- gz-customerSystem/src/views/register/handleFeedback/component/AuditView.jsx | 139 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 139 insertions(+), 0 deletions(-) diff --git a/gz-customerSystem/src/views/register/handleFeedback/component/AuditView.jsx b/gz-customerSystem/src/views/register/handleFeedback/component/AuditView.jsx new file mode 100644 index 0000000..fb9456b --- /dev/null +++ b/gz-customerSystem/src/views/register/handleFeedback/component/AuditView.jsx @@ -0,0 +1,139 @@ +import React, { useRef, useState } from 'react'; +import { Row, Col, Space, Tooltip } from 'antd'; +import { Form, Input, Radio, Button } from '@arco-design/web-react'; +import { register } from '@/assets/images' +import { question1, } from '@/assets/images'; +import ArcoUpload from '@/components/ArcoUpload'; +import * as $$ from '@/utils/utility'; + +const FormItem = Form.Item; +const appUrl = $$.appUrl; +const RadioGroup = Radio.Group; + + +function delFile(id) { + return $$.ax.request({ url: `fileInfo/deleteFileById`, type: 'get', service: 'sys', data: { id } }); +} + + + +const AuditView = () => { + const formRef = useRef(); + const [value, setValue] = useState(1); + const id = 1; + + const onChange = (e) => { + console.log('radio checked', e.target.value); + setValue(e.target.value); + }; + + //删除文件 + const handleDelFile = async (id) => { + const res = await delFile(id) + if (res.type) { + $$.infoSuccess({ content: '删除成功!' }); + } + } + + return ( + <> + <div className="auditView"> + <Col span={24} className='title'> + <Space size='small'> + <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>联合处置申请</h5> + </Space> + </Col> + <Row gutter={[16, 16]}> + <Col span={24}> + <div><div className="title-text">添加配合部门</div></div> + <div>白云区新市街司法所、白云区新市街劳监大队</div> + </Col> + <Col span={24}> + <div><div className="title-text">添加理由</div></div> + <div>在调解过程中,我们发现需要白云区新市街司法所的专业司法能力支持事项办理,以促进调解工作的顺利进行。</div> + </Col> + {/*事项等级分为三级,颜色需要做判断*/} + <Col span={24}> + <div className="title"><div className="title-text">申请时间</div></div> + <div >2024-7-21 12:00</div> + </Col> + <Col span={24}> + <div><div className="title-text">申请人</div></div> + <div>广州市白云区新市街汇桥北社区委员会 张三丰<img src={register} alt='' style={{ width: '14px', height: '14px', marginLeft: '8px', marginTop: '-1px' }}/></div> + </Col> + </Row> + + </div> + <div className="auditView"> + <Col span={24} className='title'> + <Space size='small'> + <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>审核</h5> + </Space> + </Col> + <Form + ref={formRef} + layout='vertical' + requiredSymbol={false} + scrollToFirstError={true} + > + <Row style={{ marginBottom: '-16px' }}> + <Col span={24}> + <FormItem + label='审核结果' + field='majorStatus' + > + <RadioGroup options={[{ value: 0, label: '否' }, { value: 1, label: '是' }]} direction='vertical' /> + </FormItem> + </Col> + <Col span={24}> + <FormItem + label={(<div style={{ display: 'flex' }}>理由说明<div className="must">必填</div></div>)} + field='handleContent' + rules={[{ message: '请填写不同意联合处置申请的理由', required: true }]} + > + <Input.TextArea + maxLength={200} + showWordLimit + rows={5} + placeholder='请完整描述事项概况,应具备5要素:发生时间+发生地点+人物情况+事项起因+事项经过' + wrapperStyle={{ width: '100%' }} + /> + </FormItem> + </Col> + <Col span={24}> + <FormItem + label={<div style={{ display: 'flex' }}> + <span style={{ color: '#86909C' }}>附件材料</span> + <Tooltip> + <img src={question1} alt="" style={{ width: '13px', height: '13px', margin: '4px 4px 0px 4px' }} /> + </Tooltip> + </div> + } + field='caseDes' + rules={[{ message: '请填写事项概况', required: true }]} + > + <ArcoUpload + params={{ + action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId='24083010062110001'&&ownerId=${id}&ownerType=22_00018-102`, + }} + field='file1' + // handleChangeFile={handleChangeFile} + label='' + // editData={props.editData} + handleDelFile={handleDelFile} + /> + </FormItem> + </Col> + </Row> + </Form> + <Space style={{}}> + <Button type='primary' >提交</Button> + <Button type='secondary'>返回上级页面</Button> + </Space> + </div> + + </> + ) +} + +export default AuditView; \ No newline at end of file -- Gitblit v1.8.0