From 394e04ba31f0822255862033b8dffef17530495c Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Fri, 13 Sep 2024 22:49:01 +0800
Subject: [PATCH] fix: 受理跳转办理页面为空白的bug
---
gz-customerSystem/src/views/register/visit/component/levelDetail.jsx | 94 +++++++++++++++--------------------------------
1 files changed, 30 insertions(+), 64 deletions(-)
diff --git a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
index c48c6e5..e62e4b0 100644
--- a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
@@ -2,7 +2,7 @@
* @Author: dminyi 1301963064@qq.com
* @Date: 2024-08-27 16:47:12
* @LastEditors: dminyi 1301963064@qq.com
- * @LastEditTime: 2024-09-08 15:06:05
+ * @LastEditTime: 2024-09-12 17:19:32
* @FilePath: \gzDyh\gz-customerSystem\src\views\register\visit\component\levelDetail.jsx
* @Description: 右抽屉提示
*/
@@ -22,7 +22,7 @@
<MyDrawer
visible={visible}
onClose={onClose}
- title="事件等级指南"
+ title="事件等级"
width={1000}
style={{ position: 'absolute' }}
bodyStyle={{ marginTop: '-8px' }}
@@ -70,7 +70,7 @@
<MyDrawer
visible={visible}
onClose={onClose}
- title="事项概况指南"
+ title="事项概况"
width={1000}
style={{ position: 'absolute' }}
bodyStyle={{ marginTop: '-8px' }}
@@ -110,57 +110,24 @@
}
-const AiQuestion = ({ visible, onClose, aiData, aiLawData }) => {
- const [list, setList] = useState([
- // {
- // id: '1',
- // type: '典型案例',
- // name: '唐某某诉重庆某工业有限公司劳动合同纠纷案'
- // },
- // {
- // id: '2',
- // type: '相似案例',
- // name: '曾某某诉某网络科技公司劳动争议案'
- // },
- // {
- // id: '3',
- // type: '相似案例',
- // name: '曾某某诉某网络科技公司劳动争议案'
- // },
- ])
+const AiQuestion = ({ visible, onClose, aiData, aiLawData, caseDetailAi }) => {
+ const [list, setList] = useState([])
const [caseDetailView, setCaseDetailView] = useState({})
-
const [modalType, setModalType] = useState('case')
const [lawDetail, setLawDetail] = useState({})
-
- const [layerList, setLayerList] = useState([
- {
- id: '1',
- name: '法条一'
- },
- {
- id: '2',
- name: '法条二'
- },
- {
- id: '3',
- name: '法条三'
- },
- ])
+ const [layerList, setLayerList] = useState([])
const [caseDetail, setCaseDetail] = useState(false)
- const toggleView = (type, id) => {
+ const toggleView = (type, id, caseType, name) => {
setCaseDetail(true)
setModalType(type)
-
+
+
if (type === 'case') {
- getCaseDetail(id);
+ getCaseDetail(id, caseType, name);
}
if (type === 'law') {
- console.log(id,'idddddd')
-
const lawItem = aiLawData.find(item => item.lawInfoId === id)
- console.log(lawItem,'lawItem')
setLawDetail(lawItem)
}
};
@@ -170,20 +137,15 @@
setCaseDetail(false)
}
- const getCaseDetail = async (id) => {
+ const getCaseDetail = async (id, type,name) => {
const res = await getCaseDetailApi({
caseId: id,
- type: '1'
+ type: type
})
if (res.type) {
- setCaseDetailView(res.data)
+ setCaseDetailView({ ...res.data, caseTitle: name })
}
}
-
-
-
-
-
useEffect(() => {
setList(aiData);
@@ -196,29 +158,31 @@
<MyDrawer
visible={visible}
onClose={onClose}
- title="智能调解助理"
+ title="穗调解数智人"
width={1200}
- style={{ position: 'absolute' }}
+ // style={{ position: 'absolute' }}
bodyStyle={{ marginTop: '-8px' }}
titleBefore={true}
>
<div style={{ display: 'flex' }}>
- <div style={{ width: '100px' }}></div>
<div className='aiBox'>
<div className='aiBox-case'>
<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-tip' >
+ 根据当事人的事项概况和事项申请，推荐以下类案和法条参考：
</div>
<div className='marginLeft'>
<div className='marginLeft-title'>相关案例：</div>
<div className='aiBox-list'>
{list?.map((item, index) => (
- <div className='aiBox-list-item'>
+ <div className='aiBox-list-item' key={item.caseId}>
<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.caseId)}>查看</div>
+ <div className='aiBox-list-item-btn' onClick={() => toggleView('case', item.caseId, item.caseType, item.caseName)} >查看</div>
</div>
))}
</div>
@@ -227,10 +191,10 @@
<div className='marginLeft-title'>相关法条：</div>
<div className='aiBox-list'>
{layerList?.map((item, index) => (
- <div className='aiBox-list-item'>
+ <div className='aiBox-list-item' key={item.lawInfoId}>
<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>
@@ -243,9 +207,9 @@
<MyDrawer
visible={caseDetail}
onClose={caseDetailOnClose}
- title={modalType === 'case'?"查看相关案例":"查看相关法条"}
- width={400}
- style={{ position: 'absolute' }}
+ title={modalType === 'case' ? "查看相关案例" : "查看相关法条"}
+ width={700}
+ // style={{ position: 'absolute' }}
bodyStyle={{ marginTop: '-8px' }}
titleBefore={true}
>
@@ -254,10 +218,12 @@
<div className='layerDetail'>
<div className='layerDetail-title'>参考案例</div>
<div className='layerDetail-name'>{caseDetailView?.caseTitle || '-'}</div>
- <div className='layerDetail-littleTitle'>基本案情</div>
+ <div className='layerDetail-littleTitle'>案件描述</div>
<div className='layerDetail-content'>{caseDetailView?.caseDesc || '-'}</div>
- <div className='layerDetail-littleTitle'>结果</div>
+ <div className='layerDetail-littleTitle'>群众诉求</div>
<div className='layerDetail-content'>{caseDetailView?.caseClaim || '-'}</div>
+ <div className='layerDetail-littleTitle'>和解协议</div>
+ <div className='layerDetail-content'>{caseDetailView?.agreeContent || '-'}</div>
</div>
}
{
--
Gitblit v1.8.0