From 3a188607647cbf05c08e7675186ec48764cc657c Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Wed, 04 Sep 2024 14:55:27 +0800 Subject: [PATCH] feat: 滚动优化、查看当事人报错、事件流转静态 --- gz-customerSystem/src/views/register/eventFlow/component/BackModel.jsx | 89 ++++++++++++++++++++++---------------------- 1 files changed, 44 insertions(+), 45 deletions(-) diff --git a/gz-customerSystem/src/views/register/eventFlow/component/BackModel.jsx b/gz-customerSystem/src/views/register/eventFlow/component/BackModel.jsx index 4cbaee5..ab8bdbe 100644 --- a/gz-customerSystem/src/views/register/eventFlow/component/BackModel.jsx +++ b/gz-customerSystem/src/views/register/eventFlow/component/BackModel.jsx @@ -2,6 +2,7 @@ import { Row, Col } from 'antd'; import { Form, Input, Button, Radio, Select, Modal, Cascader, Upload, Message } from '@arco-design/web-react'; import ArcoUpload from '@/components/ArcoUpload'; +import { Scrollbars } from "react-custom-scrollbars"; const RadioGroup = Radio.Group; const FormItem = Form.Item; @@ -36,52 +37,50 @@ } return ( <div> - <Row style={{ margin: '0 2px 0 0' }}> - <Col span={24}> - <Form - ref={formRef} - layout='vertical' - requiredSymbol={false} - initialValues={{ - }}//默认值 - scrollToFirstError - > - <Row gutter={[32, 0]} style={{ margin: '0 -10px' }}> - <Col span={24}> - <FormItem - label={(<div style={{ display: 'flex' }}>回退理由<div className="must">必填</div></div>)} - field='trueName' - rules={[{ required: true, message: '请选择回退理由' }]} - > - <RadioGroup direction='vertical' options={options}> - </RadioGroup> - </FormItem> - </Col> - <Col span={24}> - <FormItem - label=' ' - field='luyou' - rules={[{ required: true, message: '回退理由不能为空' }]} - > - <TextArea - autoSize={{ minRows: 4, maxRows: 8 }} - placeholder='请填写回退的具体理由' - /> - </FormItem> - </Col> - <Col span={24} className="doubleFile"> - <ArcoUpload - params={{ - action: ``, - }} - field='file' - label='附件材料' + <Scrollbars style={{ height: '550px' }} autoHide> + <Form + ref={formRef} + layout='vertical' + requiredSymbol={false} + initialValues={{ + }}//默认值 + scrollToFirstError + > + <Row> + <Col span={24}> + <FormItem + label={(<div style={{ display: 'flex' }}>回退理由<div className="must">必填</div></div>)} + field='trueName' + rules={[{ required: true, message: '请选择回退理由' }]} + > + <RadioGroup direction='vertical' options={options}> + </RadioGroup> + </FormItem> + </Col> + <Col span={24}> + <FormItem + label=' ' + field='luyou' + rules={[{ required: true, message: '回退理由不能为空' }]} + > + <TextArea + autoSize={{ minRows: 4, maxRows: 8 }} + placeholder='请填写回退的具体理由' /> - </Col> - </Row> - </Form> - </Col> - </Row> + </FormItem> + </Col> + <Col span={24} className="doubleFile"> + <ArcoUpload + params={{ + action: ``, + }} + field='file' + label='附件材料' + /> + </Col> + </Row> + </Form> + </Scrollbars> <div className='dialogFooter'> <Button type="primary" -- Gitblit v1.8.0