| | |
|---|
| | | /* |
|---|
| | | * @Author: dminyi 1301963064@qq.com |
|---|
| | | * @Date: 2024-08-09 09:59:43 |
|---|
| | | * @LastEditors: dminyi 1301963064@qq.com |
|---|
| | | * @LastEditTime: 2024-08-31 17:13:53 |
|---|
| | | * @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\index.jsx |
|---|
| | | * @Description: 来访登记 |
|---|
| | | */ |
|---|
| | | |
|---|
| | | import React, { useState, useRef, Fragment, useEffect } from "react"; |
|---|
| | | import React, { useState, useEffect } from "react"; |
|---|
| | | import NewPage from '@/components/NewPage'; |
|---|
| | | import * as $$ from '@/utils/utility'; |
|---|
| | | import "@arco-themes/react-gzzz/css/arco.css"; |
|---|
| | | import '../index.less'; |
|---|
| | | import { Steps, Tabs } from '@arco-design/web-react'; |
|---|
| | | import { examine, Matter, transfer, applyRecord } from '@/assets/images' |
|---|
| | | import { examine, Matter, applyRecord } from '@/assets/images' |
|---|
| | | import EventFlow from './component/EventFlow'; |
|---|
| | | import Examine from "./component/Examine"; |
|---|
| | | import ApplyInfo from "../matterDetail/ApplyInfo"; |
|---|
| | | import { useParams } from 'react-router-dom'; |
|---|
| | | |
|---|
| | | const Step = Steps.Step; |
|---|
| | | const TabPane = Tabs.TabPane; |
|---|
| | |
|---|
| | | label: '上报审核', |
|---|
| | | key: 'sbsh', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | img: examine, |
|---|
| | | label: '结案审核', |
|---|
| | | key: 'jash', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | img: examine, |
|---|
| | | label: '联合处置申请审核', |
|---|
| | | key: 'lhczsh', |
|---|
| | | }, |
|---|
| | | ] |
|---|
| | | const Organization = () => { |
|---|
| | | const routeData = useParams(); |
|---|
| | | const caseTaskId = $$.getQueryString('caseTaskId') |
|---|
| | | const caseId = $$.getQueryString('caseId') |
|---|
| | | const [authorData, setAuthorData] = useState({}); |
|---|
| | | const [tabsList, setTabsList] = useState([]); |
|---|
| | | const [tabsActive, setTabsActive] = useState(); |
|---|
| | |
|---|
| | | //获取权限tab和按钮权限 |
|---|
| | | const getAuthor = async () => { |
|---|
| | | const res = await getTabButton({ |
|---|
| | | caseTaskId: routeData.caseTaskId |
|---|
| | | caseTaskId: caseTaskId |
|---|
| | | }) |
|---|
| | | if (res.type) { |
|---|
| | | const { tabList } = res.data |
|---|
| | |
|---|
| | | //根据id定义组件 |
|---|
| | | const getTypeDom = (key) => { |
|---|
| | | if (key === 'dslxq' || key === 'sxxq') { |
|---|
| | | return <EventFlow authorData={authorData} caseId={routeData.caseId} /> |
|---|
| | | return <EventFlow authorData={authorData} caseId={caseId} caseTaskId={caseTaskId}/> |
|---|
| | | } |
|---|
| | | if (key === 'sqjl') { |
|---|
| | | return <ApplyInfo /> |
|---|
| | | } |
|---|
| | | if (key === 'htsh' || key === 'sbsh' || key === 'jash' || key === 'lhczsh') { |
|---|
| | | return <Examine type={key} /> |
|---|
| | | if (key === 'htsh' || key === 'sbsh' || key === 'lhczsh') { |
|---|
| | | return <Examine type={key} caseTaskId={caseTaskId} caseId={caseId} /> |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | {getTypeDom(item.key)} |
|---|
| | | </TabPane> |
|---|
| | | })} |
|---|
| | | </Tabs> : <EventFlow authorData={authorData} /> |
|---|
| | | </Tabs> : <EventFlow authorData={authorData} caseId={caseId} /> |
|---|
| | | } |
|---|
| | | </NewPage> |
|---|
| | | </div> |
|---|
