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 | 81 +++++++++++++--------------------------- 1 files changed, 26 insertions(+), 55 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx index 8d727f6..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 10:12:32 + * @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} > @@ -247,11 +218,11 @@ <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-littleTitle'>和解协议</div> <div className='layerDetail-content'>{caseDetailView?.agreeContent || '-'}</div> </div> } -- Gitblit v1.8.0