fix: 受理跳转办理页面为空白的bug

zhangyongtian

2024-09-13 394e04ba31f0822255862033b8dffef17530495c

 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:25:47
 * @LastEditTime: 2024-09-12 17:19:32
 * @FilePath: \gzDyh\gz-customerSystem\src\views\register\visit\component\levelDetail.jsx
 * @Description: 右抽屉提示
 */
@@ -111,54 +111,23 @@
}

const AiQuestion = ({ visible, onClose, aiData, aiLawData, caseDetailAi }) => {
    const [list, setList] = useState([
        // {
        //     id: '1',
        //     type: '典型案例',
        //     name: '唐某某诉重庆某工业有限公司劳动合同纠纷案'
        // },
        // {
        //     id: '2',
        //     type: '相似案例',
        //     name: '曾某某诉某网络科技公司劳动争议案'
        // },
        // {
        //     id: '3',
        //     type: '相似案例',
        //     name: '曾某某诉某网络科技公司劳动争议案'
        // },
    ])
    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 })
        }
    }

@@ -191,7 +160,7 @@
                onClose={onClose}
                title="穗调解数智人"
                width={1200}
                style={{ position: 'absolute' }}
                // style={{ position: 'absolute' }}
                bodyStyle={{ marginTop: '-8px' }}
                titleBefore={true}
            >
@@ -210,10 +179,10 @@
                            <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>
@@ -222,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>
@@ -239,8 +208,8 @@
                    visible={caseDetail}
                    onClose={caseDetailOnClose}
                    title={modalType === 'case' ? "查看相关案例" : "查看相关法条"}
                    width={400}
                    style={{ position: 'absolute' }}
                    width={700}
                    // style={{ position: 'absolute' }}
                    bodyStyle={{ marginTop: '-8px' }}
                    titleBefore={true}
                >