| | |
| | | * @Author: dminyi 1301963064@qq.com |
| | | * @Date: 2024-09-08 15:14:12 |
| | | * @LastEditors: dminyi 1301963064@qq.com |
| | | * @LastEditTime: 2024-09-10 15:54:01 |
| | | * @LastEditTime: 2024-09-10 23:36:06 |
| | | * @FilePath: \gzDyh\gz-customerSystem\src\views\register\index.jsx |
| | | * @Description: 工作台 |
| | | */ |
| | |
| | | import { Space } from 'antd'; |
| | | import { Tabs, Typography, Radio } from '@arco-design/web-react'; |
| | | import * as $$ from '@/utils/utility'; |
| | | |
| | | |
| | | const TabPane = Tabs.TabPane; |
| | | |
| | |
| | | dataIndex: 'turnaroundTime', |
| | | key: 'turnaroundTime', |
| | | width: 100, |
| | | render: (text, record, index) => <span>{index + 1}</span>, |
| | | }, |
| | | { |
| | | title: '分派时限', |
| | |
| | | dataIndex: 'turnaroundTime', |
| | | key: 'turnaroundTime', |
| | | width: 100, |
| | | render: (text, record, index) => <span>{index + 1}</span>, |
| | | }, |
| | | { |
| | | title: '分派时限', |
| | |
| | | width: 180, |
| | | render: (text, record) => ( |
| | | <Space style={{ color: '#1A6FB8' }}> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | </Space> |
| | | ), |
| | | }, |
| | |
| | | dataIndex: 'turnaroundTime', |
| | | key: 'turnaroundTime', |
| | | width: 100, |
| | | render: (text, record, index) => <span>{index + 1}</span>, |
| | | }, |
| | | { |
| | | title: '签收时限', |
| | |
| | | width: 180, |
| | | render: (text, record) => ( |
| | | <Space style={{ color: '#1A6FB8' }}> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => handleSign(record.caseId, record.ownerId)}>签收</div> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => handleSign(record.caseId, record.ownerId)} style={{ cursor: 'pointer' }}>签收</div> |
| | | </Space> |
| | | ), |
| | | }, |
| | |
| | | dataIndex: 'turnaroundTime', |
| | | key: 'turnaroundTime', |
| | | width: 100, |
| | | render: (text, record, index) => <span>{index + 1}</span>, |
| | | }, |
| | | { |
| | | title: '签收时限', |
| | |
| | | width: 180, |
| | | render: (text, record) => ( |
| | | <Space style={{ color: '#1A6FB8' }}> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div>签收</div> |
| | | </Space> |
| | | ), |
| | |
| | | width: 180, |
| | | render: (text, record) => ( |
| | | <Space style={{ color: '#1A6FB8' }}> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/eventFlow?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>处理</div> |
| | | </Space> |
| | | ), |
| | |
| | | width: 180, |
| | | render: (text, record) => ( |
| | | <Space style={{ color: '#1A6FB8' }}> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/eventFlow?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer' }}>处理</div> |
| | | </Space> |
| | | ), |
| | |
| | | width: 180, |
| | | render: (text, record) => ( |
| | | <Space> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer', color: '#1A6FB8' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer', color: '#1A6FB8' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/handleFeedback?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer', color: '#1A6FB8' }}>处理</div> |
| | | </Space> |
| | | ), |
| | |
| | | width: 180, |
| | | render: (text, record) => ( |
| | | <Space> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | {/* <div onClick={() => navigate(`/mediate/visit/handleFeedback?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer' }}>处理</div> */} |
| | | {(direction === '回退审核' || direction === '上报审核') && |
| | | <div onClick={() => navigate(`/mediate/visit/eventFlow?caseTaskId=${'1'}&caseId=${'1'}`)} style={{ cursor: 'pointer' }}>处理</div> |
| | |
| | | dataIndex: 'turnaroundTime', |
| | | key: 'turnaroundTime', |
| | | width: 100, |
| | | render: (text, record, index) => <span>{index + 1}</span>, |
| | | }, |
| | | { |
| | | title: '回复时限', |
| | |
| | | render: (text, record) => ( |
| | | <Space style={{ color: '#1A6FB8' }}> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | <div onClick={() => navigate(`/mediate/visit/eventFlow/caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>处理</div> |
| | | <div onClick={() => navigate(`/mediate/visit/closingReview?caseTaskId=${record.ownerId}&caseId=${record.caseId}&windupId=${record.windupId}`)} style={{ cursor: 'pointer' }}>处理</div> |
| | | </Space> |
| | | ), |
| | | }, |
| | | ]; |
| | | |
| | | const caseResultApplyInfo = [ |
| | | { |
| | | title: '结案申请时间', |
| | | dataIndex: 'turnaroundTime', |
| | | key: 'turnaroundTime', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '事项等级', |
| | | dataIndex: 'caseGrade', |
| | | key: 'caseGrade', |
| | | width: 180, |
| | | }, |
| | | { |
| | | title: '事项来源', |
| | | dataIndex: 'caseSource', |
| | | key: 'caseSource', |
| | | width: 180, |
| | | }, |
| | | { |
| | | title: '事项类型', |
| | | dataIndex: 'caseType', |
| | | key: 'caseType', |
| | | width: 180, |
| | | }, |
| | | { |
| | | title: '承办部门', |
| | | dataIndex: 'organizingUnit', |
| | | key: 'organizingUnit', |
| | | width: 180, |
| | | }, |
| | | { |
| | | title: '配合部门', |
| | | dataIndex: 'cooperatingUnit', |
| | | key: 'cooperatingUnit', |
| | | width: 180, |
| | | }, |
| | | { |
| | | title: '申请方', |
| | | dataIndex: 'plaintiffs', |
| | | key: 'plaintiffs', |
| | | width: 180, |
| | | }, |
| | | { |
| | | title: '化解结果', |
| | | dataIndex: 'mediResult', |
| | | key: 'mediResult', |
| | | width: 180, |
| | | }, |
| | | { |
| | | title: '被申请方', |
| | | dataIndex: 'defendants', |
| | | key: 'defendants', |
| | | width: 180, |
| | | }, |
| | | { |
| | | title: '操作', |
| | | dataIndex: 'actions', |
| | | key: 'actions', |
| | | width: 180, |
| | | render: (text, record) => ( |
| | | <Space style={{ color: '#1A6FB8' }}> |
| | | <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div> |
| | | </Space> |
| | | ), |
| | | }, |
| | |
| | | const sign = async (caseId, ownerId) => { |
| | | const res = await signApi({ caseId: caseId, caseTaskId: ownerId }) |
| | | if (res.type) { |
| | | $$.infoSuccess('签收成功') |
| | | $$.infoSuccess({ content: '签收成功' }); |
| | | getCountList(); |
| | | pageMyTaskFpNew() |
| | | } |
| | | |
| | | } |
| | |
| | | } |
| | | if (tabActivekey === '4') { |
| | | setColumnType(caseResultApply) |
| | | pageMyTaskBl('1') |
| | | pageMyTaskBl('0') |
| | | } |
| | | } |
| | | if (type === '1') { |
| | |
| | | |
| | | if (type === '3') { |
| | | if (tabActivekey === '4') { |
| | | setColumnType(backColumn) |
| | | pageMyTaskBl('2') |
| | | setColumnType(caseResultApplyInfo) |
| | | pageMyTaskBl('1') |
| | | |
| | | } |
| | | } |
| | |
| | | rowKey="caseId" |
| | | bordered={true} |
| | | // style={{ marginBottom: '65px', marginTop: '-16px' }} |
| | | rowSelection={{ |
| | | type: 'Checkbox' |
| | | }} |
| | | // rowSelection={{ |
| | | // type: 'Checkbox' |
| | | // }} |
| | | /> |
| | | </Typography.Paragraph> |
| | | </TabPane> |
| | |
| | | rowKey="id" |
| | | bordered={true} |
| | | // style={{ marginBottom: '65px', marginTop: '-16px' }} |
| | | rowSelection={{ |
| | | type: 'Checkbox' |
| | | }} |
| | | /> |
| | | </Typography.Paragraph> |
| | | </TabPane> |
| | |
| | | rowKey="id" |
| | | bordered={true} |
| | | // style={{ marginBottom: '65px', marginTop: '-16px' }} |
| | | rowSelection={{ |
| | | type: 'Checkbox' |
| | | }} |
| | | /> |
| | | </Typography.Paragraph> |
| | | </TabPane> |
| | |
| | | |
| | | </div> |
| | | <div className='VisitWorkBench-bottom'> |
| | | 自行排查 |
| | | <div style={{ display: 'flex', justifyContent: 'space-evenly' }}> |
| | | <div className='bottomTab1'> |
| | | 群众来访接待 |
| | | <div style={{ display: 'flex', justifyContent: 'space-evenly',gap:'24px',marginTop:'16px' }}> |
| | | <div className='bottomTab1' style={{ cursor: 'pointer' }}> |
| | | <div className='VisitWorkBench-bottom-title' onClick={() => navigate(`/mediate/visit`)} style={{ color: '#206BCD' }}>大厅来访</div> |
| | | <img src={visitInto} alt='' className='VisitWorkBench-bottom-img' /> |
| | | {/* <img src={visitInto} alt='' className='VisitWorkBench-bottom-img' /> */} |
| | | </div> |
| | | <div className='bottomTab2'> |
| | | <div className='bottomTab2' style={{ cursor: 'pointer' }}> |
| | | <div className='VisitWorkBench-bottom-title' style={{ color: '#D46B08' }}>自行排查</div> |
| | | <img src={checkInto} alt='' className='VisitWorkBench-bottom-img' /> |
| | | {/* <img src={checkInto} alt='' className='VisitWorkBench-bottom-img' /> */} |
| | | </div> |
| | | </div> |
| | | </div> |