Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh

zhangyongtian

2024-09-03 095037371c10be43d507e009b260a08e28e3e78a

Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh

 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()}>

 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)}
      />
    </>
  )
}

 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要素：发生时间+发生地点+人物情况+事项起因+事项经过'

 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 };
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 };