~liuwh/gzDyh.git

New file
			@@ -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;