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