| | |
| | | * @Author: dminyi 1301963064@qq.com |
| | | * @Date: 2024-08-09 09:59:43 |
| | | * @LastEditors: dminyi 1301963064@qq.com |
| | | * @LastEditTime: 2024-09-08 11:17:47 |
| | | * @LastEditTime: 2024-09-10 09:16:47 |
| | | * @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\index.jsx |
| | | * @Description: 来访登记 |
| | | * |
| | |
| | | return $$.ax.request({ urlAi: `case-law/get-law`, typeAi: 'post', service: 'mediate', data }); |
| | | } |
| | | |
| | | function getCaseDetailApi(data) { |
| | | return $$.ax.request({ urlAi: `case-law/get-case-detail`, typeAi: 'get', service: 'mediate', data }); |
| | | } |
| | | |
| | | |
| | | function getTabButton(data) { |
| | | return $$.ax.request({ url: `caseTask/getTabButton`, type: 'get', service: 'mediate', data }); |
| | |
| | | |
| | | const Organization = () => { |
| | | const routeData = useParams(); |
| | | const caseTaskId = $$.getQueryString('caseTaskId') |
| | | const caseId = $$.getQueryString('caseId') |
| | | const [current, setCurrent] = useState(3); |
| | | const [tabsActive, setTabsActive] = useState('1'); |
| | | const [tabsActive, setTabsActive] = useState('sxxq'); |
| | | const [AiQuestionView, setAiQuestionView] = useState(false) |
| | | const [aiData, setAiData] = useState([]) |
| | | const [aiLawData, setAiLawData] = useState([]) |
| | |
| | | { |
| | | img: Matter, |
| | | label: '事项详情', |
| | | key: '1' |
| | | key: "sxxq" |
| | | }, |
| | | { |
| | | img: transfer, |
| | | label: '流转办理', |
| | | key: '2', |
| | | label: '事项办理', |
| | | key: "sxbl", |
| | | isNeedStep: true, |
| | | }, |
| | | { |
| | | img: applyRecord, |
| | | label: '申请记录', |
| | | key: '3', |
| | | }, |
| | | { |
| | | img: Audit, |
| | | label: '审核', |
| | | key: '4', |
| | | key: "sqjl", |
| | | }, |
| | | ] |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | const getCaseDetail = async () => { |
| | | const res = await getCaseDetailApi({ |
| | | caseId: '10086', |
| | | type: '1' |
| | | }) |
| | | if (res.type) { |
| | | setCaseDetail(res.data) |
| | | } |
| | | } |
| | | |
| | | |
| | | const getAuthor = async () => { |
| | | const res = await getTabButton({ |
| | | caseTaskId: routeData.caseTaskId |
| | | caseTaskId: caseTaskId |
| | | }) |
| | | if (res.type) { |
| | | const { tabList } = res.data |
| | | console.log(tabList, 'tabList1') |
| | | setAuthorData(res.data) |
| | | if (tabList.length === 0) { |
| | | //没有tab就不展示 |
| | |
| | | }) |
| | | return flag |
| | | })) |
| | | console.log(tabsList, 'tabsList2') |
| | | setTabsActive(tabList[0].id) |
| | | } |
| | | } |
| | |
| | | |
| | | |
| | | useEffect(() => { |
| | | // getAuthor(); |
| | | // getCase(); |
| | | // getLaw(); |
| | | // getCaseDetail(); |
| | | getAuthor(); |
| | | getCase(); |
| | | getLaw(); |
| | | }, []) |
| | | |
| | | |
| | | |
| | | |
| | | return ( |
| | | <div style={{ position: 'relative' ,height:'100vh'}}> |
| | | <div style={{ position: 'relative', height: '100vh' }}> |
| | | <NewPage |
| | | pageHead={ |
| | | { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '办理反馈' } |
| | | } |
| | | > |
| | | <Tabs |
| | | defaultActiveTab='1' |
| | | defaultActiveTab='sxxq' |
| | | onChange={(v) => setTabsActive(v)} |
| | | className='myTabContent' |
| | | > |
| | | {myTab?.map(item => { |
| | | {tabsList?.map(item => { |
| | | return <TabPane |
| | | key={item.key} |
| | | title={ |
| | |
| | | </Steps> |
| | | </div> |
| | | } |
| | | {tabsActive === '1' && |
| | | <MatterDetail hasApplet={true} hasEditBtn={true} /> |
| | | {tabsActive === 'sxxq' && |
| | | <MatterDetail hasApplet={true} hasEditBtn={true} authorData={authorData} caseId={caseId}/> |
| | | } |
| | | { |
| | | tabsActive === '2' && <Typography.Paragraph style={style}> |
| | | <Handle /> |
| | | tabsActive === 'sxbl' && <Typography.Paragraph style={style}> |
| | | <Handle authorData={authorData} caseId={caseId} caseTaskId={caseTaskId}/> |
| | | </Typography.Paragraph> |
| | | } |
| | | { |
| | | tabsActive === '3' && <Typography.Paragraph style={style}> |
| | | <AuditView /> |
| | | tabsActive === 'sqjl' && <Typography.Paragraph style={style}> |
| | | <AuditView authorData={authorData} /> |
| | | </Typography.Paragraph> |
| | | } |
| | | </TabPane> |
| | |
| | | onClose={() => setAiQuestionView(false)} |
| | | aiData={aiData} |
| | | aiLawData={aiLawData} |
| | | caseDetail={caseDetailView} |
| | | /> |
| | | </div> |
| | | ) |