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 |   75 +++++++++++--------------------------
 1 files changed, 23 insertions(+), 52 deletions(-)

diff --git a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
index 169ad3e..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-11 12:19:17
+ * @LastEditTime: 2024-09-12 17:19:32
  * @FilePath: \gzDyh\gz-customerSystem\src\views\register\visit\component\levelDetail.jsx
  * @Description: 右抽屉提示
  */
@@ -110,55 +110,24 @@
 
 }
 
-const AiQuestion = ({ visible, onClose, aiData, aiLawData,caseDetailAi }) => {
-    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)
         }
     };
@@ -168,13 +137,13 @@
         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 })
         }
     }
 
@@ -189,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,marginTop:'4px' }}>{caseDetailAi}</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>
@@ -220,7 +191,7 @@
                             <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>
@@ -236,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}
                 >

--
Gitblit v1.8.0