From 678b15974cf4dd0eb130b2677b8a992358b6152f Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Wed, 11 Sep 2024 11:11:17 +0800
Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh into master
---
gz-customerSystem/src/views/register/visit/component/levelDetail.jsx | 86 ++++++++++++++++++++++++++++++------------
1 files changed, 61 insertions(+), 25 deletions(-)
diff --git a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
index 6404305..cfdf31f 100644
--- a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
@@ -2,13 +2,19 @@
* @Author: dminyi 1301963064@qq.com
* @Date: 2024-08-27 16:47:12
* @LastEditors: dminyi 1301963064@qq.com
- * @LastEditTime: 2024-09-08 10:36:03
+ * @LastEditTime: 2024-09-11 10:12:32
* @FilePath: \gzDyh\gz-customerSystem\src\views\register\visit\component\levelDetail.jsx
* @Description: 右抽屉提示
*/
import React, { useEffect, useState } from 'react';
import MyDrawer from '@/components/MyDrawer';
import { caselogo } from '@/assets/images';
+import * as $$ from '@/utils/utility';
+
+
+function getCaseDetailApi(data) {
+ return $$.ax.request({ urlAi: `case-law/get-case-detail`, typeAi: 'get', service: 'mediate', data });
+}
const EventLevelDrawer = ({ visible, onClose }) => {
@@ -16,7 +22,7 @@
<MyDrawer
visible={visible}
onClose={onClose}
- title="事件等级指南"
+ title="事件等级"
width={1000}
style={{ position: 'absolute' }}
bodyStyle={{ marginTop: '-8px' }}
@@ -64,7 +70,7 @@
<MyDrawer
visible={visible}
onClose={onClose}
- title="事项概况指南"
+ title="事项概况"
width={1000}
style={{ position: 'absolute' }}
bodyStyle={{ marginTop: '-8px' }}
@@ -104,7 +110,7 @@
}
-const AiQuestion = ({ visible, onClose, aiData,aiLawData,caseDetailView }) => {
+const AiQuestion = ({ visible, onClose, aiData, aiLawData,caseDetailAi }) => {
const [list, setList] = useState([
// {
// id: '1',
@@ -122,7 +128,9 @@
// name: '曾某某诉某网络科技公司劳动争议案'
// },
])
-
+ const [caseDetailView, setCaseDetailView] = useState({})
+ const [modalType, setModalType] = useState('case')
+ const [lawDetail, setLawDetail] = useState({})
const [layerList, setLayerList] = useState([
{
id: '1',
@@ -139,25 +147,42 @@
])
const [caseDetail, setCaseDetail] = useState(false)
- const toggleView = (type,id) => {
- console.log(id, 'iddddddd')
+ const toggleView = (type, id) => {
setCaseDetail(true)
- if(type==='case'){
- setCaseDetail(true)
-
+ setModalType(type)
+
+ if (type === 'case') {
+ getCaseDetail(id);
+ }
+ if (type === 'law') {
+ console.log(id,'idddddd')
+
+ const lawItem = aiLawData.find(item => item.lawInfoId === id)
+ console.log(lawItem,'lawItem')
+ setLawDetail(lawItem)
}
};
+
const caseDetailOnClose = () => {
setCaseDetail(false)
}
-
+ const getCaseDetail = async (id) => {
+ const res = await getCaseDetailApi({
+ caseId: id,
+ type: '1'
+ })
+ if (res.type) {
+ setCaseDetailView(res.data)
+ }
+ }
useEffect(() => {
- setList(aiData)
- setLayerList(aiLawData)
- }, [aiData,aiLawData])
+ setList(aiData);
+ setLayerList(aiLawData);
+
+ }, [aiData, aiLawData])
return (
<>
@@ -177,7 +202,7 @@
<div className='aiBox-case-logo'>
<img src={caselogo} alt='' className='aiBox-case-logo-img' />
</div>
- <div style={{ flex: 1 }}>刘家健入职吴昆物流公司工作6天，因不适应工作内容、环境等，向吴昆物流公司提出离职申请，但公司称入职1周内因个人原因辞职不予支付工资。刘家健因此向社区调委会申请调解。刘家健希望吴昆物流公司支付6天的工资。经调解，双方达成一致意见，吴昆物流公司同意支付刘家健6天的工资共计1575元。基于这个案件生成合理的调解策略.</div>
+ <div style={{ flex: 1,marginTop:'4px' }}>{caseDetailAi}</div>
</div>
<div className='marginLeft'>
<div className='marginLeft-title'>相关案例：</div>
@@ -186,7 +211,7 @@
<div className='aiBox-list-item'>
<div className='aiBox-list-item-type'>{item.caseType === 1 ? '典型案例' : '相似案例'}</div>
<div className='aiBox-list-item-name'>{item.caseName}</div>
- <div className='aiBox-list-item-btn' onClick={() => toggleView('case',item.id)}>查看</div>
+ <div className='aiBox-list-item-btn' onClick={() => toggleView('case', item.caseId)}>查看</div>
</div>
))}
</div>
@@ -198,7 +223,7 @@
<div className='aiBox-list-item'>
<div className='aiBox-list-item-type'>相关法条</div>
<div className='aiBox-list-item-name'>{item.lawTitle}{item.lawIndex}</div>
- <div className='aiBox-list-item-btn' onClick={() => toggleView('law',item.lawInfoId)}>查看</div>
+ <div className='aiBox-list-item-btn' onClick={() => toggleView('law', item.lawInfoId)} >查看</div>
</div>
))}
</div>
@@ -211,20 +236,31 @@
<MyDrawer
visible={caseDetail}
onClose={caseDetailOnClose}
- title="查看相关案例"
+ title={modalType === 'case'?"查看相关案例":"查看相关法条"}
width={400}
style={{ position: 'absolute' }}
bodyStyle={{ marginTop: '-8px' }}
titleBefore={true}
>
- <div className='layerDetail'>
- <div className='layerDetail-title'>参考案例</div>
- <div className='layerDetail-name'>唐某某诉重庆某工业有限公司劳动合同纠纷案</div>
- <div className='layerDetail-littleTitle'>智能摘要</div>
- <div className='layerDetail-content'>法院生效裁判认为，本案是肖某某要求某工业公司支付经济补偿金，原审法院已经确认某工业公司存在未足额支付肖某某工资、未休年休假工资情形，故依照《中华人民共和国劳动合同法》（以下简称劳动合同法）第三十八条第一款的规定，某工业公司应当支付解除合同的经济补偿金。</div>
- </div>
+ {
+ modalType === 'case' &&
+ <div className='layerDetail'>
+ <div className='layerDetail-title'>参考案例</div>
+ <div className='layerDetail-name'>{caseDetailView?.caseTitle || '-'}</div>
+ <div className='layerDetail-littleTitle'>基本案情</div>
+ <div className='layerDetail-content'>{caseDetailView?.caseDesc || '-'}</div>
+ <div className='layerDetail-littleTitle'>结果</div>
+ <div className='layerDetail-content'>{caseDetailView?.caseClaim || '-'}</div>
+ </div>
+ }
+ {
+ modalType === 'law' &&
+ <div className='layerDetail'>
+ <div className='layerDetail-title'>{lawDetail?.lawIndex} {lawDetail?.lawTitle}</div>
+ <div className='layerDetail-littleTitle'>{lawDetail.lawDesc}</div>
+ </div>
+ }
</MyDrawer>
-
</div>
</>
--
Gitblit v1.8.0