| | |
| | | import SupervisingView from '../../matterDetail/Supervising' |
| | | import UniteHandle from '../../matterDetail/UniteHandle'; |
| | | import { useNavigate } from 'react-router-dom'; |
| | | import MyUpload from '@/components/MyUpload'; |
| | | |
| | | |
| | | |
| | | const Option = Select.Option; |
| | | const FormItem = Form.Item; |
| | | const TabPane = Tabs.TabPane; |
| | | const appUrl = $$.appUrl; |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | function choosePrincipalApi(caseId, userId) { |
| | | return $$.ax.request({ url: `caseInfoUnfold/choosePrincipal?caseId=${caseId}&userId=` + userId, type: 'get', service: 'mediate' }); |
| | |
| | | const [caseResultId, setCaseResultId] = useState(''); |
| | | const [managerName, setManagerName] = useState('') |
| | | const [progressData, setProgressData] = useState({}); |
| | | const [staticButtonList, setStaticButtonList] = useState([]) |
| | | |
| | | |
| | | |
| | | const myButton = [ |
| | | { |
| | | label: '添加办理记录', |
| | | type: 'primary', |
| | | click: () => addMark(), |
| | | key: 'tjbljl', |
| | | }, |
| | | { |
| | | label: '联合处置申请', |
| | | type: 'outline', |
| | | click: () => uniteHandle(), |
| | | key: 'lhczsq', |
| | | }, |
| | | { |
| | | label: '结案申请', |
| | | type: 'outline', |
| | | click: () => uniteHandle(), |
| | | key: 'jasq', |
| | | }, |
| | | { |
| | | label: '督办', |
| | | type: 'outline', |
| | | click: () => Supervising(), |
| | | key: 'db', |
| | | }, |
| | | ] |
| | | |
| | | const tabs1 = [ |
| | | { index: '1', label: '公共模板:提醒尽快启动调解程序督办模板' }, |
| | |
| | | const options = [ |
| | | { value: '1', label: '一' }, { value: '2', label: '二' }, { value: '3', label: '三' } |
| | | ]; |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | const handleCheckedKeys = (userId) => { |
| | | choosePrincipal(userId) |
| | |
| | | setScannerVisible(false); |
| | | }; |
| | | |
| | | const openScanner = () => { |
| | | setScannerVisible(true); |
| | | }; |
| | | |
| | | |
| | | const choosePrincipal = async (id) => { |
| | |
| | | if (type === 'uniteHandle') { |
| | | setUniteHandleId(res.data) |
| | | } |
| | | if (type === 'addMark') |
| | | if (type === 'addMark') { |
| | | setId(res.data) |
| | | } |
| | | if (type === 'caseResult') { |
| | | setCaseResultId(res.data) |
| | | } |
| | |
| | | const res = await getListCaseFlow(id) |
| | | if (res.type) { |
| | | setProgressData(res.data) |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | const handleSubmit = async () => { |
| | | if (formRef.current) { |
| | | formRef.current.validate(undefined, (errors, values) => { |
| | | if (!errors) { |
| | | const params = formRef.current.getFields() |
| | | |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | |
| | |
| | | setSupervising(!supervising) |
| | | } |
| | | |
| | | const handlePersonView = () => { |
| | | getByIdRole(); |
| | | |
| | | } |
| | | |
| | | const handleCaseResultApply = () => { |
| | | SetCaseResult(!caseResult) |
| | |
| | | getFeedbackInfo(); |
| | | }, []) |
| | | |
| | | // useEffect(() => { |
| | | // if (authorData) { |
| | | // const { buttonList } = authorData; |
| | | // setStaticButtonList(myButton.filter(item => { |
| | | // const flag = buttonList.some(result => { |
| | | // if (result.id === item.key) { |
| | | // return true |
| | | // } |
| | | // }) |
| | | // return flag |
| | | // })) |
| | | // } |
| | | // }, [authorData]) |
| | | useEffect(() => { |
| | | if (authorData) { |
| | | const { buttonList } = authorData; |
| | | setStaticButtonList(myButton.filter(item => { |
| | | const flag = buttonList.some(result => { |
| | | if (result.id === item.key) { |
| | | return true |
| | | } |
| | | }) |
| | | return flag |
| | | })) |
| | | console.log(buttonList, myButton); |
| | | } |
| | | }, [authorData]) |
| | | |
| | | |
| | | |
| | |
| | | </Form> |
| | | <div className="dataSync-excel"> |
| | | <Space size="middle" style={{ margin: '4px 14px' }}> |
| | | <Button type="primary" style={{ backgroundColor: '#1A6FB8' }} onClick={() => addMark()}>添加办理记录</Button> |
| | | <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={() => uniteHandle()}>联合处置申请</Button> |
| | | <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={() => handleCaseResultApply()} >结案申请</Button> |
| | | <Button type='outline' style={{ color: '#EF6C24', border: '1px solid #EF6C24' }} onClick={() => Supervising()}>督办</Button> |
| | | {staticButtonList?.map(item => { |
| | | const { label, key, click, ...rest } = item; |
| | | return <Button key={key} onClick={click} {...rest} >{label}</Button> |
| | | })} |
| | | <Button type='secondary' onClick={() => navigate(-1)}>返回上级页面</Button> |
| | | </Space> |
| | | </div> |
| | |
| | | <div className='progress' style={{ paddingBottom: '16px', marginTop: '0px' }} > |
| | | <ProgressStep progressData={progressData} hasTab={true} /> |
| | | </div> |
| | | |
| | | {/* <div style={{ display: 'flex', marginLeft: '16px', gap: '16px' }}> |
| | | {tabs.map((tab) => ( |
| | | <div |
| | | key={tab.index} |
| | | style={{ |
| | | color: selectedTab === tab.index ? 'rgba(26,111,184,1)' : 'rgba(0,0,0,0.45)', |
| | | padding: '6px 12px', |
| | | border: `1px solid ${selectedTab === tab.index ? 'rgba(26,111,184,1)' : 'rgba(229,230,235,1)'}`, |
| | | borderRadius: '4px', |
| | | cursor: 'pointer', |
| | | }} |
| | | onClick={() => handleTabChange(tab.index)} |
| | | > |
| | | {tab.label} |
| | | </div> |
| | | ))} |
| | | </div> |
| | | {selectedTab === '1' && |
| | | <div className='progress'> |
| | | <ProgressStep progressData={fakeData} /> |
| | | </div> |
| | | } */} |
| | | </Typography.Paragraph> |
| | | </TabPane> |
| | | <TabPane |
| | |
| | | onConfirm={handleConfirm} |
| | | onCancel={handleCancel} |
| | | /> |
| | | <Modal visible={personView} onCancel={() => setPersonView(false)} title='工作人员信息' centered footer={null}> |
| | | <table border="1" align="center" cellpadding="5" className="table"> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">姓名</th> |
| | | <td width='380'><div style={{ display: 'flex' }}><div>{personData?.trueName}</div></div></td> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">登录账号</th> |
| | | <td width='380'>{personData?.acc}</td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title">手机号码</th> |
| | | <td>{personData?.mobile}</td> |
| | | <th bgcolor="#F7F8FA" className="table-title">工作电话</th> |
| | | <td>-</td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title">所属部门</th> |
| | | <td>{personData?.unitName}</td> |
| | | <th bgcolor="#F7F8FA" className="table-title">职务</th> |
| | | <td>{personData?.userRoles}</td> |
| | | </tr> |
| | | </table> |
| | | </Modal> |
| | | <Modal visible={supervising} onCancel={() => setSupervising(false)} title='督办' centered footer={null}> |
| | | <Form |
| | | ref={formRef} |
| | |
| | | </Row> |
| | | </Form> |
| | | </Modal> |
| | | <UniteHandle id={uniteHandleId} visible={uniteHandleView} handleOnCancel={() => setUniteHandleView(false)} /> |
| | | <UniteHandle id={uniteHandleId} visible={uniteHandleView} handleOnCancel={() => setUniteHandleView(false)} caseId={caseId} caseTaskId={caseTaskId} /> |
| | | <CaseResult visible={caseResult} handleOnCancel={() => SetCaseResult(false)} caseResultId={caseResultId} caseId={caseId} caseTaskId={caseTaskId} /> |
| | | |
| | | </div> |