fix: 受理跳转办理页面为空白的bug

zhangyongtian

2024-09-13 394e04ba31f0822255862033b8dffef17530495c

 gz-customerSystem/src/views/register/handleFeedback/index.jsx

@@ -14,13 +14,13 @@
import "@arco-themes/react-gzzz/css/arco.css";
import '../index.less';
import { Typography, Steps, Tabs } from '@arco-design/web-react';
import { Audit, Matter, applyRecord, transfer, Aimge } from '@/assets/images'
import { Audit, Matter, applyRecord, transfer, Aimge, examine } from '@/assets/images'
import MatterDetail from '../matterDetail';
import Handle from './component/handle';
import AuditView from './component/AuditView';
import { AiQuestion } from '../visit/component/levelDetail';
import * as $$ from '@/utils/utility';
import { useParams } from 'react-router-dom';
import ApplyInfo from "../matterDetail/ApplyInfo";


const Step = Steps.Step;
@@ -38,8 +38,6 @@
   return $$.ax.request({ urlAi: `case-law/get-law`, typeAi: 'post', service: 'mediate', data });
}



function getTabButton(caseTaskId) {
   return $$.ax.request({ url: `caseTask/getTabButton?caseTaskId=` + caseTaskId, type: 'get', service: 'mediate' });
}
@@ -48,10 +46,7 @@
   return $$.ax.request({ url: '/caseInfo/getCaseInfo?id=' + id, type: 'get', service: 'mediate' });
}



const Organization = () => {
   const routeData = useParams();
   const caseTaskId = $$.getQueryString('caseTaskId')
   const caseId = $$.getQueryString('caseId')
   const [current, setCurrent] = useState(3);
@@ -60,46 +55,58 @@
   const [aiData, setAiData] = useState([])
   const [aiLawData, setAiLawData] = useState([]);
   const [caseDetailAi, setCaseDetailAi] = useState({});
   const [caseDetailView, setCaseDetail] = useState({})
   const [authorData, setAuthorData] = useState({});
   const [disTab, setDisTab] = useState(true);
   const [tabsList, setTabsList] = useState([]);
   const myTab = [
      {
         img: Matter,
         label: '详情',
         key: "dslxq"
      },
      {
         img: Matter,
         label: '事项详情',
         key: "sxxq"
      },
      {
         img: transfer,																																												
         img: transfer,
         label: '事项办理',
         key: "sxbl",
         isNeedStep: true,
      },
      // {
      //    img: applyRecord,
      //    label: '申请记录',
      //    key: "sqjl",
      // },
      {
         img: applyRecord,
         label: '申请记录',
         key: "sqjl",
      },
      {
         img: examine,
         label: '联合处置审核',
         key: 'lhczsh',
      },
   ]

   useEffect(() => {
      getCaseInfo(caseId)
      getAuthor();
   }, [])

   const handleAi = () => {
      setAiQuestionView(true)
   }

   const getCase = async (caseDes,caseClaim) => {
   const getCase = async (caseDes, caseClaim) => {
      const res = await getCaseApi({
         caseDes: caseDes,
         caseClaim: caseClaim,
         caseId: caseId
      })
      console.log(res.data, 'res')
      if (res.type) {
         setAiData(res.data)
      }
   }

   const getLaw = async (caseDes,caseClaim) => {
   const getLaw = async (caseDes, caseClaim) => {
      const res = await getLawApi({
         caseDes: caseDes,
         caseClaim: caseClaim,
@@ -110,17 +117,13 @@
      }
   }



   const getAuthor = async () => {
      const res = await getTabButton(caseTaskId)
      if (res.type) {
         const { tabList } = res.data
         console.log(tabList, 'tabList1')
         setAuthorData(res.data)
         if (tabList.length === 0) {
            //没有tab就不展示
            setDisTab(false)
         } else {
            setTabsList(myTab.filter(item => {
               const flag = tabList.some(result => {
@@ -130,7 +133,6 @@
               })
               return flag
            }))
            console.log(tabsList, 'tabsList2')
            setTabsActive(tabList[0].id)
         }
      }
@@ -143,24 +145,26 @@
         let caseDes = res.data.caseDes;
         let caseClaim = res.data.caseClaim;
         setCaseDetailAi(caseDes)
         getCase(caseDes,caseClaim);
         getLaw(caseDes,caseClaim);
         getCase(caseDes, caseClaim);
         getLaw(caseDes, caseClaim);
      }
   }




   useEffect(() => {
      getCaseInfo(caseId)
      getAuthor();
      // getCase();
      // getLaw();
      console.log(caseDetailAi, 'caseDetailAi')
   }, [])



   //根据id定义组件
   const getTypeDom = (key) => {
      if (key === 'sxxq' || key === 'dslxq') {
         return <MatterDetail hasApplet={true} hasEditBtn={true} authorData={authorData} caseId={caseId} />
      }
      if (key === 'sxbl') {
         return <Handle authorData={authorData} caseId={caseId} caseTaskId={caseTaskId} />
      }
      if (key === 'sqjl') {
         return <ApplyInfo />
      }
      if (key === 'lhczsh') {
         return <AuditView authorData={authorData} caseId={caseId} caseTaskId={caseTaskId} />
      }
   }

   return (
      <div style={{ position: 'relative', height: '100vh' }}>
@@ -170,9 +174,9 @@
            }
         >
            <Tabs
               defaultActiveTab='sxxq'
               onChange={(v) => setTabsActive(v)}
               className='myTabContent'
               activeTab={tabsActive}
            >
               {tabsList?.map(item => {
                  return <TabPane
@@ -196,19 +200,7 @@
                           </Steps>
                        </div>
                     }
                     {tabsActive === 'sxxq' &&
                        <MatterDetail hasApplet={true} hasEditBtn={true} authorData={authorData} caseId={caseId} />
                     }
                     {
                        tabsActive === 'sxbl' && <Typography.Paragraph style={style}>
                           <Handle authorData={authorData} caseId={caseId} caseTaskId={caseTaskId} />
                        </Typography.Paragraph>
                     }
                     {
                        tabsActive === 'sqjl' && <Typography.Paragraph style={style}>
                           <AuditView authorData={authorData} />
                        </Typography.Paragraph>
                     }
                     {getTypeDom(item.key)}
                  </TabPane>
               })}
            </Tabs>