From 173b3d0069802ded2d61f2d0154874585176f096 Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Tue, 03 Sep 2024 09:59:23 +0800
Subject: [PATCH] 结案申请
---
gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx | 2
gz-customerSystem/src/components/disputeRegistration/casePerfection/Form.jsx | 27 +-
gz-customerSystem/src/views/register/visit/component/levelDetail.jsx | 34 +++
gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx | 547 ++++++++++++++++++++++++++++++-------------------
4 files changed, 382 insertions(+), 228 deletions(-)
diff --git a/gz-customerSystem/src/components/disputeRegistration/casePerfection/Form.jsx b/gz-customerSystem/src/components/disputeRegistration/casePerfection/Form.jsx
index 24a6626..c5e6955 100644
--- a/gz-customerSystem/src/components/disputeRegistration/casePerfection/Form.jsx
+++ b/gz-customerSystem/src/components/disputeRegistration/casePerfection/Form.jsx
@@ -257,7 +257,7 @@
{/* 调解结果 */}
{showResult &&
- <div style={{ marginLeft: '24px',marginTop:'32px' }}>
+ <div style={{ marginLeft: '24px', marginTop: '32px' }}>
<h4>
<img className="casePerfection-titleIcon" src={casePerfection_material} alt="" />
<span>调解结果</span>
@@ -318,16 +318,16 @@
content: '确定保存本次对案件信息的修改吗?',
okText: '确定保存',
cancelText: '我再想想',
- onOk:() =>
- globalUpdateApi({
- ...formDomRef.current.formData,
- ...formDomRef.current.form.getFieldsValue(),
- ...result,
- acceptTime: formDomRef.current.formData?.acceptTime ? $$.timeFormat(formDomRef.current.formData?.acceptTime) : '',
- occurTime: formDomRef.current.formData?.occurTime ? $$.timeFormat(formDomRef.current.formData?.occurTime) : '',
- }),
- })
- }
+ onOk: () =>
+ globalUpdateApi({
+ ...formDomRef.current.formData,
+ ...formDomRef.current.form.getFieldsValue(),
+ ...result,
+ acceptTime: formDomRef.current.formData?.acceptTime ? $$.timeFormat(formDomRef.current.formData?.acceptTime) : '',
+ occurTime: formDomRef.current.formData?.occurTime ? $$.timeFormat(formDomRef.current.formData?.occurTime) : '',
+ }),
+ })
+ }
>
保存信息1111
</Button>
@@ -864,12 +864,13 @@
</Row>
</Col>
);
- })}
+ })
+ }
{formData.fileInfoList?.length === 0 && <div style={{ width: '100%' }}>{$$.MyEmpty({ description: '暂未上传材料' })}</div>}
</Row>
</>
{caseType === 1 ? (
- <div className= "casePerfection-divider"/>
+ <div className="casePerfection-divider" />
) : (
<Space size="large" className="register-submit">
<Button className="public-mainBtn" onClick={() => form.submit()}>
diff --git a/gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx b/gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx
index 54ca216..81483be 100644
--- a/gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx
+++ b/gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx
@@ -2,16 +2,17 @@
* @Author: dminyi 1301963064@qq.com
* @Date: 2024-09-02 14:49:13
* @LastEditors: dminyi 1301963064@qq.com
- * @LastEditTime: 2024-09-02 19:44:37
+ * @LastEditTime: 2024-09-02 20:52:05
* @FilePath: \gzDyh\gz-customerSystem\src\views\register\handleFeedback\component\CaseResult.jsx
* @Description: 结案申请
*/
import React, { useState } from 'react';
import { Modal, Form, Select, Upload, Input } from '@arco-design/web-react';
-import { Col, Space, Button } from 'antd';
+import { Col, Space, Button, Tooltip, Radio } from 'antd';
import DocumentScanner from './FileUpLoad'
import { scan } from '@/assets/images/icon'
-import { tip } from '@/assets/images'
+import { tip, question1 } from '@/assets/images'
+import { NoHandleReason } from '../../visit/component/levelDetail'
const FormItem = Form.Item;
@@ -25,6 +26,8 @@
const [selectedTab1, setSelectedTab1] = useState('1'); // 默认选中第一个 tab
const [fileTip, setFileTip] = useState('0');
const [value, setValue] = useState(1)
+ const [noHandleReason, setNoHandleReason] = useState(false);
+ const [radioValue, setRadioValue] = useState(1)
const tabs = [
@@ -61,6 +64,11 @@
setScanFile(false);
};
+ const onChange = (e) => {
+ console.log('radio checked', e.target.value);
+ setRadioValue(e.target.value);
+ };
+
return (
<>
@@ -83,232 +91,345 @@
</div>
))}
</div>
- <Form
- layout='vertical'
- scrollToFirstError={true}
- requiredSymbol={false}
- initialValues={{
- caseLevel: 1,
- }} //默认值
- >
- <Col span={8}>
- <FormItem
- label={<div style={{ display: 'flex' }}>
- 达成的协议类型
- </div>
- }
- field='caseLevel'
+ {selectedTab === '1' &&
+ <Form
+ layout='vertical'
+ scrollToFirstError={true}
+ requiredSymbol={false}
+ initialValues={{
+ caseLevel: 1,
+ }} //默认值
+ >
+ <Col span={8}>
+ <FormItem
+ label={<div style={{ display: 'flex' }}>
+ 达成的协议类型
+ </div>
+ }
+ field='caseLevel'
- >
- <Select options={agreement} onChange={(v) => { setValue(v); console.log(typeof v, 'vvv') }}>
- </Select>
- </FormItem>
- </Col>
- {value === 1 &&
- <>
- <Col span={24}>
- <FormItem
- label={
- <>
- <div style={{ display: 'flex' }}>
- 协议要点
- <div className="must" style={{ marginLeft: '4px' }}>必填</div>
- <img src={scan} alt="" style={{ marginRight: '-2px', marginLeft: '8px' }} />
- <div style={{ marginLeft: '8px', color: '#1A6FB8', fontSize: '14px', cursor: 'pointer' }} onClick={() => setScanFile(true)}>识别材料</div>
- </div>
- <div className='caseResult-tips'>
- <img src={tip} alt='' style={{ width: '16px', marginRight: '8px' }} />
- <span>协议要点应尽量简洁，当事人大厅来访或小程序线上反映问题时，可在小程序中查看到填写的协议要点内容</span>
- </div>
- </>
- }
- field='caseDes'
- rules={[{ message: '请填写事项概况', required: true }]}
- >
- <div className='caseResult-textarea'>公共模板1：调解成功口头协议</div>
- <Input.TextArea
- rows={5}
- maxLength={{ length: 200, errorOnly: true }}
- showWordLimit
- wrapperStyle={{ width: '100%' }}
- value='根据纠纷化解人员的协调，当事人双方同意如下调解协议：
- [简要说明协议第一条]
- [简要说明协议第二条]
- [……]
- 本口头调解协议由纠纷化解人员记录，并已告知双方当事人。双方当事人确认无误。'
- />
- </FormItem>
- </Col>
- <Col span={24}>
- <FormItem
- label={
- <>
- <div style={{ display: 'flex' }}>
- 结案意见
- <div className="must" style={{ marginLeft: '4px' }}>必填</div>
- </div>
- </>
- }
- field='caseDes'
- rules={[{ message: '请填写事项概况', required: true }]}
- >
- <div className='tabs1' >
- {tabs1.map((tab) => (
- <div
- key={tab.index}
- style={{
- color: selectedTab1 === tab.index ? 'rgba(26,111,184,1)' : 'rgba(0,0,0,0.45)',
- border: `1px solid ${selectedTab1 === tab.index ? 'rgba(26,111,184,1)' : 'rgba(229,230,235,1)'}`,
- borderRadius: '2px',
- cursor: 'pointer',
- padding: '0px 8px',
- }}
- onClick={() => handleTabChange1(tab.index)}
- >
- {tab.label}
- </div>
- ))}
- </div>
+ >
+ <Select options={agreement} onChange={(v) => { setValue(v); console.log(typeof v, 'vvv') }}>
+ </Select>
+ </FormItem>
+ </Col>
+ {value === 1 &&
+ <>
+ <Col span={24}>
+ <FormItem
+ label={
+ <>
+ <div style={{ display: 'flex' }}>
+ 协议要点
+ <div className="must" style={{ marginLeft: '4px' }}>必填</div>
+ <img src={scan} alt="" style={{ marginRight: '-2px', marginLeft: '8px' }} />
+ <div style={{ marginLeft: '8px', color: '#1A6FB8', fontSize: '14px', cursor: 'pointer' }} onClick={() => setScanFile(true)}>识别材料</div>
+ </div>
+ <div className='caseResult-tips'>
+ <img src={tip} alt='' style={{ width: '16px', marginRight: '8px' }} />
+ <span>协议要点应尽量简洁，当事人大厅来访或小程序线上反映问题时，可在小程序中查看到填写的协议要点内容</span>
+ </div>
+ </>
+ }
+ field='caseDes'
+ rules={[{ message: '请填写事项概况', required: true }]}
+ >
+ <div className='caseResult-textarea'>公共模板1：调解成功口头协议</div>
+ <Input.TextArea
+ rows={5}
+ maxLength={{ length: 200, errorOnly: true }}
+ showWordLimit
+ wrapperStyle={{ width: '100%' }}
+ value='根据纠纷化解人员的协调，当事人双方同意如下调解协议：
+ [简要说明协议第一条]
+ [简要说明协议第二条]
+ [……]
+ 本口头调解协议由纠纷化解人员记录，并已告知双方当事人。双方当事人确认无误。'
+ />
+ </FormItem>
+ </Col>
+ <Col span={24}>
+ <FormItem
+ label={
+ <>
+ <div style={{ display: 'flex' }}>
+ 结案意见
+ <div className="must" style={{ marginLeft: '4px' }}>必填</div>
+ </div>
+ </>
+ }
+ field='caseDes'
+ rules={[{ message: '请填写事项概况', required: true }]}
+ >
+ <div className='tabs1' >
+ {tabs1.map((tab) => (
+ <div
+ key={tab.index}
+ style={{
+ color: selectedTab1 === tab.index ? 'rgba(26,111,184,1)' : 'rgba(0,0,0,0.45)',
+ border: `1px solid ${selectedTab1 === tab.index ? 'rgba(26,111,184,1)' : 'rgba(229,230,235,1)'}`,
+ borderRadius: '2px',
+ cursor: 'pointer',
+ padding: '0px 8px',
+ }}
+ onClick={() => handleTabChange1(tab.index)}
+ >
+ {tab.label}
+ </div>
+ ))}
+ </div>
- <Input.TextArea
- rows={5}
- wrapperStyle={{ width: '100%' }}
- value='鉴于以上协议内容已经双方确认，并认为该协议内容公平合理，能够妥善解决双方的纠纷。建议双方当事人按照协议内容执行，以实现纠纷的最终解决。'
- />
- </FormItem>
- </Col>
+ <Input.TextArea
+ rows={5}
+ wrapperStyle={{ width: '100%' }}
+ value='鉴于以上协议内容已经双方确认，并认为该协议内容公平合理，能够妥善解决双方的纠纷。建议双方当事人按照协议内容执行，以实现纠纷的最终解决。'
+ />
+ </FormItem>
+ </Col>
- </>
+ </>
- }
- {value === 2 &&
- <>
- <Col span={24}>
- <FormItem
- label={
- <>
- <div style={{ display: 'flex' }}>
- 协议附件
- <div className="must" style={{ marginLeft: '4px' }}>必填</div>
- </div>
- <div className='caseResult-tips'>
- <img src={tip} alt='' style={{ width: '16px', marginRight: '8px' }} />
- <span>如通过人民调解工作成功化解纠纷事项，建议上传签字盖章后的人民调解协议书</span>
- </div>
- </>
- }
- field='caseDes'
- rules={[{ message: '请填写事项概况', required: true }]}
- >
- <Upload
- drag
- multiple
- accept='image/*'
- action='/'
- height={158}
- onDrop={(e) => {
- }}
- onChange={(v) => {
- setFileTip((prevLength) => {
- if (v.length > 0) {
- console.log(v, 'vvvvvvv');
+ }
+ {value === 2 &&
+ <>
+ <Col span={24}>
+ <FormItem
+ label={
+ <>
+ <div style={{ display: 'flex' }}>
+ 协议文书
+ <div className="must" style={{ marginLeft: '4px' }}>必填</div>
+ </div>
+ <div className='caseResult-tips'>
+ <img src={tip} alt='' style={{ width: '16px', marginRight: '8px' }} />
+ <span>如通过人民调解工作成功化解纠纷事项，建议上传签字盖章后的人民调解协议书</span>
+ </div>
+ </>
+ }
+ field='caseDes'
+ rules={[{ message: '请填写事项概况', required: true }]}
+ >
+ <Upload
+ drag
+ multiple
+ accept='image/*'
+ action='/'
+ height={158}
+ onDrop={(e) => {
+ }}
+ onChange={(v) => {
+ setFileTip((prevLength) => {
+ if (v.length > 0) {
+ console.log(v, 'vvvvvvv');
+ return v.length;
+ }
return v.length;
- }
- return v.length;
- });
- }}
- tip='支持png、 jpg、excel、word、pdf等格式的文件上传，每次上传大小不超过10M'
- />
+ });
+ }}
+ tip='支持png、 jpg、excel、word、pdf等格式的文件上传，每次上传大小不超过10M'
+ />
- </FormItem>
- </Col>
- <Col span={24}>
- <FormItem
- label={
- <>
- <div style={{ display: 'flex' }}>
- 协议要点
- <div className="must" style={{ marginLeft: '4px' }}>必填</div>
- <img src={scan} alt="" style={{ marginRight: '-2px', marginLeft: '8px' }} />
- <div style={{ marginLeft: '8px', color: '#1A6FB8', fontSize: '14px', cursor: 'pointer' }} onClick={() => setScanFile(true)}>识别材料</div>
- </div>
- <div className='caseResult-tips'>
- <img src={tip} alt='' style={{ width: '16px', marginRight: '8px' }} />
- <span>协议要点应尽量简洁，当事人大厅来访或小程序线上反映问题时，可在小程序中查看到填写的协议要点内容</span>
- </div>
- </>
- }
- field='caseDes'
- rules={[{ message: '请填写事项概况', required: true }]}
- >
- <div className='caseResult-textarea'>公共模板1：调解成功口头协议</div>
- <Input.TextArea
- rows={5}
- maxLength={{ length: 200, errorOnly: true }}
- showWordLimit
- wrapperStyle={{ width: '100%' }}
- value='根据纠纷化解人员的协调，当事人双方同意如下调解协议：
- [简要说明协议第一条]
- [简要说明协议第二条]
- [……]
- 本口头调解协议由纠纷化解人员记录，并已告知双方当事人。双方当事人确认无误。'
- />
- </FormItem>
- </Col>
- <Col span={24}>
- <FormItem
- label={
- <>
- <div style={{ display: 'flex' }}>
- 结案意见
- <div className="must" style={{ marginLeft: '4px' }}>必填</div>
- </div>
- </>
- }
- field='caseDes'
- rules={[{ message: '请填写事项概况', required: true }]}
- >
- <div className='tabs1' >
- {tabs1.map((tab) => (
- <div
- key={tab.index}
- style={{
- color: selectedTab1 === tab.index ? 'rgba(26,111,184,1)' : 'rgba(0,0,0,0.45)',
- border: `1px solid ${selectedTab1 === tab.index ? 'rgba(26,111,184,1)' : 'rgba(229,230,235,1)'}`,
- borderRadius: '2px',
- cursor: 'pointer',
- padding: '0px 8px',
- }}
- onClick={() => handleTabChange1(tab.index)}
- >
- {tab.label}
- </div>
- ))}
- </div>
+ </FormItem>
+ </Col>
+ <Col span={24}>
+ <FormItem
+ label={
+ <>
+ <div style={{ display: 'flex' }}>
+ 协议要点
+ <div className="must" style={{ marginLeft: '4px' }}>必填</div>
+ <img src={scan} alt="" style={{ marginRight: '-2px', marginLeft: '8px' }} />
+ <div style={{ marginLeft: '8px', color: '#1A6FB8', fontSize: '14px', cursor: 'pointer' }} onClick={() => setScanFile(true)}>识别材料</div>
+ </div>
+ <div className='caseResult-tips'>
+ <img src={tip} alt='' style={{ width: '16px', marginRight: '8px' }} />
+ <span>协议要点应尽量简洁，当事人大厅来访或小程序线上反映问题时，可在小程序中查看到填写的协议要点内容</span>
+ </div>
+ </>
+ }
+ field='caseDes'
+ rules={[{ message: '请填写事项概况', required: true }]}
+ >
+ <div className='caseResult-textarea'>公共模板1：调解成功口头协议</div>
+ <Input.TextArea
+ rows={5}
+ maxLength={{ length: 200, errorOnly: true }}
+ showWordLimit
+ wrapperStyle={{ width: '100%' }}
+ value='根据纠纷化解人员的协调，当事人双方同意如下调解协议：
+ [简要说明协议第一条]
+ [简要说明协议第二条]
+ [……]
+ 本口头调解协议由纠纷化解人员记录，并已告知双方当事人。双方当事人确认无误。'
+ />
+ </FormItem>
+ </Col>
+ <Col span={24}>
+ <FormItem
+ label={
+ <>
+ <div style={{ display: 'flex' }}>
+ 结案意见
+ <div className="must" style={{ marginLeft: '4px' }}>必填</div>
+ </div>
+ </>
+ }
+ field='caseDes'
+ rules={[{ message: '请填写事项概况', required: true }]}
+ >
+ <div className='tabs1' >
+ {tabs1.map((tab) => (
+ <div
+ key={tab.index}
+ style={{
+ color: selectedTab1 === tab.index ? 'rgba(26,111,184,1)' : 'rgba(0,0,0,0.45)',
+ border: `1px solid ${selectedTab1 === tab.index ? 'rgba(26,111,184,1)' : 'rgba(229,230,235,1)'}`,
+ borderRadius: '2px',
+ cursor: 'pointer',
+ padding: '0px 8px',
+ }}
+ onClick={() => handleTabChange1(tab.index)}
+ >
+ {tab.label}
+ </div>
+ ))}
+ </div>
- <Input.TextArea
- rows={5}
- wrapperStyle={{ width: '100%' }}
- value='鉴于以上协议内容已经双方确认，并认为该协议内容公平合理，能够妥善解决双方的纠纷。建议双方当事人按照协议内容执行，以实现纠纷的最终解决。'
- />
- </FormItem>
- </Col>
+ <Input.TextArea
+ rows={5}
+ wrapperStyle={{ width: '100%' }}
+ value='鉴于以上协议内容已经双方确认，并认为该协议内容公平合理，能够妥善解决双方的纠纷。建议双方当事人按照协议内容执行，以实现纠纷的最终解决。'
+ />
+ </FormItem>
+ </Col>
- </>
+ </>
- }
- <Space style={{ marginBottom: '16px' }}>
- <Button type='primary'>提交</Button>
- <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>保存</Button>
- </Space>
- </Form>
+ }
+ <Space style={{ marginBottom: '16px' }}>
+ <Button type='primary'>提交</Button>
+ <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>保存</Button>
+ </Space>
+ </Form>
+ }
+ {selectedTab === '2' &&
+ <Form
+ layout='vertical'
+ requiredSymbol={false}
+ scrollToFirstError={true}
+ initialValues={{
+ caseLevel: 3,
+ }}//默认值
+ >
+ <Col span={24}>
+ <FormItem
+ label={<div style={{ display: 'flex' }}>
+ 无法化解理由
+ <Tooltip onClick={() => setNoHandleReason(true)}>
+ <img src={question1} alt="" style={{ width: '13px', height: '13px', margin: '4px 4px 0px 4px' }} />
+ </Tooltip>
+ <div className="must" style={{ marginLeft: '4px' }}>必填</div>
+ </div>
+ }
+ field='caseDes'
+ rules={[{ message: '请填写事项概况', required: true }]}
+ >
+ <table border="1" align="center" cellpadding="8" className="table">
+ <tr>
+ <th bgcolor="#F7F8FA" className="table-title" width="120">调解过程中提供的解决方案</th>
+ <td>
+ <Input.TextArea
+ showWordLimit
+ rows={3}
+ placeholder='请完整描述事项概况，应具备5要素：发生时间+发生地点+人物情况+事项起因+事项经过'
+ wrapperStyle={{ width: '100%' }}
+ />
+ </td>
+ </tr>
+ <tr>
+ <th bgcolor="#F7F8FA" className="table-title">调解过程中的主要分歧点</th>
+ <td>
+ <Input.TextArea
+ showWordLimit
+ rows={3}
+ placeholder='请完整描述事项概况，应具备5要素：发生时间+发生地点+人物情况+事项起因+事项经过'
+ wrapperStyle={{ width: '100%' }}
+ />
+ </td>
+ </tr>
+ <tr>
+ <th bgcolor="#F7F8FA" className="table-title">最终难以调和的原因</th>
+ <td>
+ <Input.TextArea
+ showWordLimit
+ rows={3}
+ placeholder='请完整描述事项概况，应具备5要素：发生时间+发生地点+人物情况+事项起因+事项经过'
+ wrapperStyle={{ width: '100%' }}
+ />
+ </td>
+ </tr>
+ </table>
+ </FormItem>
+ </Col>
+ <Col span={24}>
+ <FormItem
+ label={
+ <>
+ <div style={{ display: 'flex' }}>
+ 结案意见
+ <div className="must" style={{ marginLeft: '4px' }}>必填</div>
+ </div>
+ </>
+ }
+ field='caseDes'
+ rules={[{ message: '请填写事项概况', required: true }]}
+ >
+ <div className='caseResult-textarea'>公共模板1：化解不成功结案意见范本</div>
+ <Input.TextArea
+ rows={5}
+ wrapperStyle={{ width: '100%' }}
+ value='鉴于以上协议内容已经双方确认，并认为该协议内容公平合理，能够妥善解决双方的纠纷。建议双方当事人按照协议内容执行，以实现纠纷的最终解决。'
+ />
+ </FormItem>
+ </Col>
+ <Col span={24}>
+ <FormItem
+ label='是否转诉讼案件'
+ field='caseDes'
+ >
+ <Radio.Group onChange={onChange} value={radioValue}>
+ <Space direction="vertical">
+ <Radio value={1}>否</Radio>
+ <Radio value={2}>是</Radio>
+ </Space>
+ </Radio.Group>
+ </FormItem>
+ </Col>
+ <Col span={24}>
+ <FormItem
+ label='是否转诉诉讼案号讼案件'
+ field='caseDes'
+ >
+ <Input style={{ width: 350 }} placeholder='请输入法院立案号' />
+ </FormItem>
+ </Col>
+ <Space style={{ marginBottom: '16px' }}>
+ <Button type='primary'>提交</Button>
+ <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>保存</Button>
+ </Space>
+ </Form>
+ }
</Modal>
<DocumentScanner
visible={scanFile}
onConfirm={handleConfirm}
onCancel={handleCancel}
/>
+ <NoHandleReason
+ visible={noHandleReason}
+ onClose={() => setNoHandleReason(false)}
+ />
</>
)
}
diff --git a/gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx b/gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx
index 6a97640..a91254a 100644
--- a/gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx
+++ b/gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx
@@ -355,7 +355,7 @@
rules={[{ message: '请填写事项概况', required: true }]}
>
<Input.TextArea
- maxLength={2000}
+ maxLength={200}
showWordLimit
rows={5}
placeholder='请完整描述事项概况，应具备5要素：发生时间+发生地点+人物情况+事项起因+事项经过'
diff --git a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
index b42130c..4152a2a 100644
--- a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
@@ -1,3 +1,11 @@
+/*
+ * @Author: dminyi 1301963064@qq.com
+ * @Date: 2024-08-27 16:47:12
+ * @LastEditors: dminyi 1301963064@qq.com
+ * @LastEditTime: 2024-09-02 20:21:12
+ * @FilePath: \gzDyh\gz-customerSystem\src\views\register\visit\component\levelDetail.jsx
+ * @Description: 右抽屉提示
+ */
import React from 'react';
import MyDrawer from '@/components/MyDrawer';
@@ -69,4 +77,28 @@
);
}
-export { EventLevelDrawer, MattersDetail };
\ No newline at end of file
+const NoHandleReason = ({ visible, onClose }) => {
+ return (
+ <MyDrawer
+ visible={visible}
+ onClose={onClose}
+ title="无法化解理由"
+ width={1000}
+ style={{ position: 'absolute' }}
+ bodyStyle={{ marginTop: '-8px' }}
+ titleBefore={true}
+ >
+ <div style={{ marginTop: '-8px' }}>
+ 完整的无法化解理由至少应具备3要素：调解过程中提供的解决方案+调解过程中的主要分歧点+最终难以调和的原因
+ 例如：
+ 调解工作于2024年1月10日在某街道人民调解委员会进行，双方当事人均到场参与。调解员首先听取了双方当事人的陈述，随后进行了多次单独会谈，根据被申请方的实际情况提出分期支付欠款的解决方案。在调解过程中，双方就具体支付方式进行了反复讨论，但未能达成一致意见。双方的主要分歧点在与被申请方不想一次性支付欠款。双方在沟通过程中情绪激动，互不相让。尽管调解员尝试缓和气氛，并引导双方从利益出发寻求解决方案，但双方仍坚持各自的立场，不愿妥协。
+ </div>
+ </MyDrawer>
+
+ )
+
+}
+
+
+
+export { EventLevelDrawer, MattersDetail, NoHandleReason };
\ No newline at end of file
--
Gitblit v1.8.0