From 899e81654c9389785d58f9dbdf2ea7d2b2bc9082 Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Fri, 13 Sep 2024 14:55:51 +0800
Subject: [PATCH] feat: 对接流程
---
gz-customerSystem/src/views/register/handleFeedback/index.jsx | 91 +++++++++++++++++++--------------------------
1 files changed, 39 insertions(+), 52 deletions(-)
diff --git a/gz-customerSystem/src/views/register/handleFeedback/index.jsx b/gz-customerSystem/src/views/register/handleFeedback/index.jsx
index 3d09833..14e810a 100644
--- a/gz-customerSystem/src/views/register/handleFeedback/index.jsx
+++ b/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,9 +55,7 @@
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 = [
{
@@ -71,35 +64,44 @@
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 +112,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 +128,6 @@
})
return flag
}))
- console.log(tabsList, 'tabsList2')
setTabsActive(tabList[0].id)
}
}
@@ -143,24 +140,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') {
+ 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 +169,9 @@
}
>
<Tabs
- defaultActiveTab='sxxq'
onChange={(v) => setTabsActive(v)}
className='myTabContent'
+ activeTab={tabsActive}
>
{tabsList?.map(item => {
return <TabPane
@@ -196,19 +195,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>
--
Gitblit v1.8.0