From 874ae825083ee5576c6e6cacc7cb4bba15c0077a Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Sat, 14 Sep 2024 10:36:53 +0800
Subject: [PATCH] feat: 对接网格单点登录
---
gz-customerSystem/src/views/register/handleFeedback/index.jsx | 146 +++++++++++++++++++++++-------------------------
1 files changed, 71 insertions(+), 75 deletions(-)
diff --git a/gz-customerSystem/src/views/register/handleFeedback/index.jsx b/gz-customerSystem/src/views/register/handleFeedback/index.jsx
index 17d0936..fd3ac85 100644
--- a/gz-customerSystem/src/views/register/handleFeedback/index.jsx
+++ b/gz-customerSystem/src/views/register/handleFeedback/index.jsx
@@ -3,7 +3,7 @@
* @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-11 12:20:34
* @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\index.jsx
* @Description: 来访登记
*
@@ -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, aiPerson } 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,98 +38,92 @@
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(caseTaskId) {
+ return $$.ax.request({ url: `caseTask/getTabButton?caseTaskId=` + caseTaskId, type: 'get', service: 'mediate' });
}
-function getTabButton(data) {
- return $$.ax.request({ url: `caseTask/getTabButton`, type: 'get', service: 'mediate', data });
+function getCaseInfoApi(id) {
+ 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);
- const [tabsActive, setTabsActive] = useState('1');
+ const [tabsActive, setTabsActive] = useState('sxxq');
const [AiQuestionView, setAiQuestionView] = useState(false)
const [aiData, setAiData] = useState([])
- const [aiLawData, setAiLawData] = useState([])
- const [caseDetailView, setCaseDetail] = useState({})
+ const [aiLawData, setAiLawData] = useState([]);
+ const [caseDetailAi, setCaseDetailAi] = 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: '1'
+ key: "sxxq"
},
{
img: transfer,
- label: '流转办理',
- key: '2',
+ label: '事项办理',
+ key: "sxbl",
isNeedStep: true,
},
{
img: applyRecord,
label: '申请记录',
- key: '3',
+ key: "sqjl",
},
{
- img: Audit,
- label: '审核',
- key: '4',
+ img: examine,
+ label: '联合处置审核',
+ key: 'lhczsh',
},
]
+
+ useEffect(() => {
+ getCaseInfo(caseId)
+ getAuthor();
+ }, [])
const handleAi = () => {
setAiQuestionView(true)
}
- const getCase = async () => {
+ const getCase = async (caseDes, caseClaim) => {
const res = await getCaseApi({
- caseDes: '牛某某诉称：其在上海某物流有限公司（以下简称物流公司）担任叉车工。某日上班与领导的车辆碰擦，对方全责，领导要求私了，因其未同意而被物流公司开除。物流公司解除劳动合同违法，应当支付赔偿金。物流公司辩称：物流公司要求劳动者“健康”，牛某某持有残疾证，影响其从事叉车工作。牛某某入职前故意隐瞒身体残疾的情况，有违诚信，入职后以此为由索要优待未果，辱骂领导。物流公司并非因牛某某身体残疾而解除，而是因其隐瞒持有残疾证及威胁领导，解除劳动合同合法。法院经审理查明，牛某某左手大拇指部分缺失，其于2019年10月10日到物流公司工作，担任叉车工。牛某某入职时提交了在有效期内的叉车证，并参加了入职体检，体检合格。物流公司要求填写员工登记表，登记表上列明有无大病病史、家族病史、工伤史、传染病史，并列了“其他”栏。牛某某均勾选了“无”。牛某某正常完成了工作。2020年7月4日，物流公司以牛某某隐瞒持有残疾证，且威胁领导恐吓上级，属于严重违纪为由解除劳动合同。2020年7月10日，牛某某向上海市浦东新区劳动人事争议仲裁委员会申请仲裁，要求物流公司支付违法解除劳动合同赔偿金30,000元。审理中牛某某表示，其可以正常工作，并不要求物流公司额外支付残疾人的福利待遇，所以没有告知物流公司其身有残疾。2020年10月13日，该仲裁委员会按牛某某工资2,930元为标准裁决物流公司支付牛某某违法解除劳动合同赔偿金5,860元。',
- caseClaim: '牛某某向一审法院起诉请求物流公司支付其违法解除劳动合同赔偿金30,000元。',
- caseId: '10086'
+ caseDes: caseDes,
+ caseClaim: caseClaim,
+ caseId: caseId
})
- console.log(res.data, 'res')
if (res.type) {
setAiData(res.data)
}
}
- const getLaw = async () => {
+ const getLaw = async (caseDes, caseClaim) => {
const res = await getLawApi({
- caseDes: '牛某某诉称：其在上海某物流有限公司（以下简称物流公司）担任叉车工。某日上班与领导的车辆碰擦，对方全责，领导要求私了，因其未同意而被物流公司开除。物流公司解除劳动合同违法，应当支付赔偿金。物流公司辩称：物流公司要求劳动者“健康”，牛某某持有残疾证，影响其从事叉车工作。牛某某入职前故意隐瞒身体残疾的情况，有违诚信，入职后以此为由索要优待未果，辱骂领导。物流公司并非因牛某某身体残疾而解除，而是因其隐瞒持有残疾证及威胁领导，解除劳动合同合法。法院经审理查明，牛某某左手大拇指部分缺失，其于2019年10月10日到物流公司工作，担任叉车工。牛某某入职时提交了在有效期内的叉车证，并参加了入职体检，体检合格。物流公司要求填写员工登记表，登记表上列明有无大病病史、家族病史、工伤史、传染病史，并列了“其他”栏。牛某某均勾选了“无”。牛某某正常完成了工作。2020年7月4日，物流公司以牛某某隐瞒持有残疾证，且威胁领导恐吓上级，属于严重违纪为由解除劳动合同。2020年7月10日，牛某某向上海市浦东新区劳动人事争议仲裁委员会申请仲裁，要求物流公司支付违法解除劳动合同赔偿金30,000元。审理中牛某某表示，其可以正常工作，并不要求物流公司额外支付残疾人的福利待遇，所以没有告知物流公司其身有残疾。2020年10月13日，该仲裁委员会按牛某某工资2,930元为标准裁决物流公司支付牛某某违法解除劳动合同赔偿金5,860元。',
- caseClaim: '牛某某向一审法院起诉请求物流公司支付其违法解除劳动合同赔偿金30,000元。',
- caseId: '10086'
+ caseDes: caseDes,
+ caseClaim: caseClaim,
+ caseId: caseId
})
if (res.type) {
setAiLawData(res.data)
}
}
- 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
- })
+ const res = await getTabButton(caseTaskId)
if (res.type) {
const { tabList } = res.data
setAuthorData(res.data)
if (tabList.length === 0) {
//没有tab就不展示
- setDisTab(false)
} else {
setTabsList(myTab.filter(item => {
const flag = tabList.some(result => {
@@ -144,32 +138,46 @@
}
}
+ const getCaseInfo = async (id) => {
+ const res = await getCaseInfoApi(id)
+ if (res.type) {
+ let caseDes = res.data.caseDes;
+ let caseClaim = res.data.caseClaim;
+ setCaseDetailAi(caseDes)
+ getCase(caseDes, caseClaim);
+ getLaw(caseDes, caseClaim);
+ }
+ }
-
-
- useEffect(() => {
- // getAuthor();
- // getCase();
- // getLaw();
- // getCaseDetail();
- }, [])
-
-
-
+ //根据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'}}>
+ <div style={{ position: 'relative', height: '100vh' }}>
<NewPage
pageHead={
{ breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '办理反馈' }
}
>
<Tabs
- defaultActiveTab='1'
onChange={(v) => setTabsActive(v)}
className='myTabContent'
+ activeTab={tabsActive}
>
- {myTab?.map(item => {
+ {tabsList?.map(item => {
return <TabPane
key={item.key}
title={
@@ -180,7 +188,7 @@
}
>
{
- item.isNeedStep && <div style={{ backgroundColor: '#fff', margin: '12px 16px 0px 16px', paddingTop: '16px', paddingLeft: '91px' }}>
+ item.isNeedStep && <div style={{ backgroundColor: '#fff', margin: '0px 16px 0px 16px', paddingTop: '16px', paddingLeft: '91px' }}>
<Steps type='navigation' current={current}>
<Step title='来访登记' disabled />
<Step title='事件流转' disabled />
@@ -191,33 +199,21 @@
</Steps>
</div>
}
- {tabsActive === '1' &&
- <MatterDetail hasApplet={true} hasEditBtn={true} />
- }
- {
- tabsActive === '2' && <Typography.Paragraph style={style}>
- <Handle />
- </Typography.Paragraph>
- }
- {
- tabsActive === '3' && <Typography.Paragraph style={style}>
- <AuditView />
- </Typography.Paragraph>
- }
+ {getTypeDom(item.key)}
</TabPane>
})}
</Tabs>
</NewPage>
<div className="gradient-box" onClick={() => handleAi()}>
- <div><img src={aiPerson} alt='' style={{ width: '24px', height: '24px', marginRight: '6px' }} /></div>
- <div style={{ color: '#FFFFFF' }}>智能调解助理</div>
+ <div><img src={Aimge} alt='' style={{ width: '111px', height: '120px' }} /></div>
+ <div style={{ color: '#FFFFFF' }}>穗调解数智人</div>
</div>
<AiQuestion
visible={AiQuestionView}
onClose={() => setAiQuestionView(false)}
aiData={aiData}
aiLawData={aiLawData}
- caseDetail={caseDetailView}
+ caseDetailAi={caseDetailAi}
/>
</div>
)
--
Gitblit v1.8.0