From 8d6b46929dc3cb6d012c889f22cb8976fa6bd04d Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Wed, 11 Sep 2024 12:05:04 +0800
Subject: [PATCH] 修改
---
gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx | 176 +++++++++++++++++++++++++++-------------------------------
1 files changed, 82 insertions(+), 94 deletions(-)
diff --git a/gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx b/gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx
index cc9155e..15a0d77 100644
--- a/gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx
+++ b/gz-customerSystem/src/views/register/handleFeedback/component/CaseResult.jsx
@@ -2,7 +2,7 @@
* @Author: dminyi 1301963064@qq.com
* @Date: 2024-09-02 14:49:13
* @LastEditors: dminyi 1301963064@qq.com
- * @LastEditTime: 2024-09-10 19:16:46
+ * @LastEditTime: 2024-09-11 11:34:07
* @FilePath: \gzDyh\gz-customerSystem\src\views\register\handleFeedback\component\CaseResult.jsx
* @Description: 结案申请
*/
@@ -21,6 +21,8 @@
const FormItem = Form.Item;
+const TextArea = Input.TextArea;
+
function windupApplyApi(data) {
return $$.ax.request({ url: `caseTask/windupApply`, type: 'post', service: 'mediate', data });
@@ -78,10 +80,35 @@
setScanFile(false);
};
- const onChange = (e) => {
- console.log('radio checked', e.target.value);
- setRadioValue(e.target.value);
- };
+ const handleTemplate = (type) => {
+ if (type === 1) {
+ formRef.current.setFieldValue('windupContent', '鉴于以上协议内容已经双方确认，并认为该协议内容公平合理，能够妥善解决双方的纠纷。建议双方当事人按照协议内容执行，以实现纠纷的最终解决。')
+ } else {
+ formRef.current.setFieldValue('windupContent', '')
+ }
+ }
+
+ const handleTemplate1 = (type) => {
+ if (type === 1) {
+ formRef.current.setFieldValue('agreeContent', '根据纠纷化解人员的协调，当事人双方同意如下调解协议：[简要说明协议第一条][简要说明协议第二条][……]本口头调解协议由纠纷化解人员记录，并已告知双方当事人。双方当事人确认无误。')
+ }
+ }
+
+ const handleTemplate2 = (type) => {
+ if (type === 1) {
+ formRefWrite.current.setFieldValue('windupContent', '鉴于以上协议内容已经双方确认，并认为该协议内容公平合理，能够妥善解决双方的纠纷。建议双方当事人按照协议内容执行，以实现纠纷的最终解决。')
+ } else {
+ formRefWrite.current.setFieldValue('windupContent', '')
+ }
+ }
+
+ const handleTemplate3 = (type) => {
+ if (type === 1) {
+ failRef.current.setFieldValue('windupContent', '经过多次调解，尽管纠纷化解人员尽最大努力帮助双方找到解决方案，但由于以下原因，当事人双方未能达成一致意见：[详细说明化解未成功的原因之一][详细说明化解未成功的原因之二][……][……]鉴于上述情况，纠纷化解人员认为目前无法通过调解方式解决双方的争议，建议双方考虑采取其他合法途径解决纠纷。')
+ } else {
+ failRef.current.setFieldValue('windupContent', '')
+ }
+ }
const handleSubmit = () => {
if (value === 1) {
@@ -134,7 +161,7 @@
caseId: caseId,
caseResultId: caseResultId,
...submitData
- })
+ })
if (res.type) {
$$.infoSuccess({ content: '提交成功' });
handleOnCancel();
@@ -205,37 +232,50 @@
scrollToFirstError={true}
>
<Row>
- <Col span={24}>
+ <Col span={24} style={{ position: 'relative' }}>
<FormItem
- label={
+ 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 className="must">必填</div>
</div>
<div className='caseResult-tips'>
<img src={tip} alt='' style={{ width: '16px', marginRight: '8px' }} />
<span>协议要点应尽量简洁，当事人大厅来访或小程序线上反映问题时，可在小程序中查看到填写的协议要点内容</span>
</div>
- <div className='modeMore'>
- <div className='caseResult-textarea'>公共模板1：调解成功口头协议</div>
- <div style={{ color: '#1A6FB8' }} onClick={() => setMode(!mode)}>更多模板</div>
+ <div style={{ position: 'absolute', display: 'flex ', top: '79px', zIndex: 1 }}>
+ <div className='myTag' style={{ marginRight: '22px' }} onClick={() => { handleTemplate1(1) }}>公共模板：调解成功口头协议</div>
</div>
</>
- }
+ )}
field='agreeContent'
>
- <Input.TextArea
- rows={5}
- maxLength={{ length: 200, errorOnly: true }}
- showWordLimit
- wrapperStyle={{ width: '100%' }}
+ <TextArea
+ autoSize={{ minRows: 4, maxRows: 8 }}
+ placeholder='请填写'
+ style={{ marginTop: '40px' }}
/>
</FormItem>
</Col>
- <Col span={24}>
+ <Col span={24} style={{ position: 'relative' }}>
+ <div style={{ position: 'absolute', display: 'flex ', top: '28px', zIndex: 1 }}>
+ <div className='myTag' style={{ marginRight: '22px' }} onClick={() => { handleTemplate(1) }}>公共模板：化解成功结案意见范本</div>
+ <div className='myTag' onClick={() => { handleTemplate(2) }}>个人模板：化解成功结案意见范本（完整版）</div>
+ </div>
+ <FormItem
+ label={(<div style={{ display: 'flex' }}>结案意见<div className="must">必填</div></div>)}
+ field='windupContent'
+ >
+ <TextArea
+ autoSize={{ minRows: 4, maxRows: 8 }}
+ placeholder='请填写'
+ style={{ marginTop: '40px' }}
+ />
+ </FormItem>
+ </Col>
+
+ {/* <Col span={24}>
<FormItem
label={
<>
@@ -273,7 +313,7 @@
wrapperStyle={{ width: '100%' }}
/>
</FormItem>
- </Col>
+ </Col> */}
</Row>
</Form>
</>
@@ -310,68 +350,25 @@
action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${caseId}&ownerId=${caseResultId}&ownerType=22_00018-302`,
}}
field='file'
- label='代理人委托书'
+ label=''
// editData={props.editData}
ownerType='22_00018-302'
/>
</FormItem>
</Col>
- <Col span={24}>
+ <Col span={24} style={{ position: 'relative' }}>
+ <div style={{ position: 'absolute', display: 'flex ', top: '28px', zIndex: 1 }}>
+ <div className='myTag' style={{ marginRight: '22px' }} onClick={() => { handleTemplate2(1) }}>公共模板：化解成功结案意见范本</div>
+ <div className='myTag' onClick={() => { handleTemplate2(2) }}>个人模板：化解成功结案意见范本（完整版）</div>
+ </div>
<FormItem
- label={
- <>
- <div style={{ display: 'flex' }}>
- 结案意见
- <div className="must" style={{ marginLeft: '4px' }}>必填</div>
- </div>
- <div className='modeMore'>
- <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>
- <div style={{ color: '#1A6FB8' }} onClick={() => setMode(!mode)}>更多模板</div>
-
- </div>
-
- </>
- }
+ label={(<div style={{ display: 'flex' }}>结案意见<div className="must">必填</div></div>)}
field='windupContent'
- 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='鉴于以上协议内容已经双方确认，并认为该协议内容公平合理，能够妥善解决双方的纠纷。建议双方当事人按照协议内容执行，以实现纠纷的最终解决。'
+ <TextArea
+ autoSize={{ minRows: 4, maxRows: 8 }}
+ placeholder='请填写'
+ style={{ marginTop: '40px' }}
/>
</FormItem>
</Col>
@@ -461,27 +458,18 @@
</tr>
</table>
</Col>
- <Col span={24}>
+ <Col span={24} style={{ position: 'relative' }}>
+ <div style={{ position: 'absolute', display: 'flex ', top: '28px', zIndex: 1 }}>
+ <div className='myTag' style={{ marginRight: '22px' }} onClick={() => { handleTemplate3(1) }}>公共模板：化解不成功结案意见范本</div>
+ </div>
<FormItem
- label={
- <>
- <div style={{ display: 'flex' }}>
- 结案意见
- <div className="must" style={{ marginLeft: '4px' }}>必填</div>
- </div>
- <div className='modeMore'>
- <div className='caseResult-textarea'>公共模板：化解不成功结案意见范本</div>
- <div style={{ color: '#1A6FB8' }} onClick={() => setMode(!mode)}>更多模板</div>
- </div>
- </>
- }
+ label={(<div style={{ display: 'flex' }}>结案意见<div className="must">必填</div></div>)}
field='windupContent'
- rules={[{ message: '请填写事项概况', required: true }]}
>
- <Input.TextArea
- rows={5}
- wrapperStyle={{ width: '100%' }}
- value='鉴于以上协议内容已经双方确认，并认为该协议内容公平合理，能够妥善解决双方的纠纷。建议双方当事人按照协议内容执行，以实现纠纷的最终解决。'
+ <TextArea
+ autoSize={{ minRows: 4, maxRows: 8 }}
+ placeholder='请填写'
+ style={{ marginTop: '40px' }}
/>
</FormItem>
</Col>
--
Gitblit v1.8.0