| | |
| | | * @Author: dminyi 1301963064@qq.com |
| | | * @Date: 2024-09-06 09:54:09 |
| | | * @LastEditors: dminyi 1301963064@qq.com |
| | | * @LastEditTime: 2024-09-06 10:36:42 |
| | | * @LastEditTime: 2024-09-13 11:20:00 |
| | | * @FilePath: \gzDyh\gz-customerSystem\src\views\register\matterDetail\Supervising.jsx |
| | | * @Description: 督办 |
| | | */ |
| | | import React, { useState } from 'react'; |
| | | import { Form, Input, Tabs, Typography, Empty, Radio, Button, Modal, Select } from '@arco-design/web-react'; |
| | | import { Col, Space, Row, Tooltip } from 'antd'; |
| | | import { Form, Input, Radio, Button, Modal } from '@arco-design/web-react'; |
| | | import { Col, Space, Row, } from 'antd'; |
| | | import { knock } from '@/assets/images/icon' |
| | | import { link, register } from '@/assets/images'; |
| | | import { question1, } from '@/assets/images'; |
| | |
| | | |
| | | |
| | | const SupervisingView = (id) => { |
| | | const [radioValue, setRadioValue] = useState('') |
| | | const [radioValue, setRadioValue] = useState('1') |
| | | const [response, setResponse] = useState('') |
| | | const [selectedTab1, setSelectedTab1] = useState('1'); // 默认选中第一个 tab |
| | | const [detail, setDetail] = useState(false); |
| | |
| | | value={radioValue} |
| | | onChange={(v) => setRadioValue(v)} |
| | | > |
| | | <Radio value='1' style={{ flex: 1, textAlign: 'center' }}>未回复</Radio> |
| | | <Radio value='1' style={{ flex: 1, textAlign: 'center' }} >未回复</Radio> |
| | | <Radio value='2' style={{ flex: 1, textAlign: 'center' }}>已回复</Radio> |
| | | </RadioGroup> |
| | | { |
| | |
| | | <div>张三丰</div> |
| | | </div> |
| | | <div className='Supervising-item'> |
| | | <div className='Supervising-item-title'>督办内容:</div> |
| | | <div>该纠纷事件目前群众较为关注,现要求相关部门即刻启动纠纷化解工作。请负责同事务必于本周内制定出具体解决方案,并确保与当事人进行有效沟通。请各位积极响应,高效协作,争取在最短时间内妥善处理完毕。</div> |
| | | <div className='Supervising-item-title' style={{ width: '80px' }}>督办内容:</div> |
| | | <div style={{ flex: 1 }}>该纠纷事件目前群众较为关注,现要求相关部门即刻启动纠纷化解工作。请负责同事务必于本周内制定出具体解决方案,并确保与当事人进行有效沟通。请各位积极响应,高效协作,争取在最短时间内妥善处理完毕。</div> |
| | | </div> |
| | | <div className='Supervising-item'> |
| | | <div className='Supervising-item-title'>督办附件:</div> |
| | | <img src={link} alt='' style={{ width: '16px' }} /> |
| | | <img src={link} alt='' className='Supervising-item-file' /> |
| | | <div>2</div> |
| | | </div> |
| | | <Button className='Supervising-btn' size='small' type='outline' onClick={() => handleResponse()}>回复</Button> |
| | |
| | | <div>张三丰</div> |
| | | </div> |
| | | <div className='Supervising-item'> |
| | | <div className='Supervising-item-title'>督办内容:</div> |
| | | <div>该纠纷事件目前群众较为关注,现要求相关部门即刻启动纠纷化解工作。请负责同事务必于本周内制定出具体解决方案,并确保与当事人进行有效沟通。请各位积极响应,高效协作,争取在最短时间内妥善处理完毕。</div> |
| | | <div className='Supervising-item-title' style={{ width: '80px' }}>督办内容:</div> |
| | | <div style={{ flex: 1 }}>该纠纷事件目前群众较为关注,现要求相关部门即刻启动纠纷化解工作。请负责同事务必于本周内制定出具体解决方案,并确保与当事人进行有效沟通。请各位积极响应,高效协作,争取在最短时间内妥善处理完毕。</div> |
| | | </div> |
| | | <div className='Supervising-item'> |
| | | <div className='Supervising-item-title'>督办附件:</div> |
| | |
| | | </Col> |
| | | <Col span={24}> |
| | | <div className="title-text">督办附件</div> |
| | | <img src={link} alt="" className="title-file" />广东好又多贸易有限公司营业执照副本.pdf |
| | | <img src={link} alt="" style={{ width: '14px', height: '14px' }} />广东好又多贸易有限公司营业执照副本.pdf |
| | | </Col> |
| | | </Row> |
| | | <Col span={24} style={{ marginBottom: '8px' }}> |
| | |
| | | </Form> |
| | | </div> |
| | | </Modal> |
| | | <ModeSelect onCancel={() => SetMode(false)} mode={mode}/> |
| | | <ModeSelect onCancel={() => SetMode(false)} mode={mode} /> |
| | | <Modal visible={detail} onCancel={() => setDetail(false)} title='督办回复详情' centered footer={null}> |
| | | <Col span={24} style={{ marginBottom: '8px' }}> |
| | | <Space size='small'> |
| | |
| | | <Col span={24}> |
| | | <div className="title-text">督办附件</div> |
| | | <div style={{ display: 'flex' }}> |
| | | <img src={link} alt="" className="title-file" /> |
| | | <img src={link} alt="" style={{ width: '14px', height: '14px' }} /> |
| | | <div style={{ color: '#1A6FB8' }}>广东好又多贸易有限公司营业执照副本.pdf</div> |
| | | </div> |
| | | |