From 5424fb6cc7c907ec12025e96bb41146b28e5582c Mon Sep 17 00:00:00 2001
From: xusd <hugeinfo123>
Date: Sun, 08 Sep 2024 10:00:34 +0800
Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh

---
 gz-customerSystem/src/views/register/visit/component/levelDetail.jsx |  134 +++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 131 insertions(+), 3 deletions(-)

diff --git a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
index 43816a1..14556eb 100644
--- a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
@@ -2,12 +2,14 @@
  * @Author: dminyi 1301963064@qq.com
  * @Date: 2024-08-27 16:47:12
  * @LastEditors: dminyi 1301963064@qq.com
- * @LastEditTime: 2024-09-05 17:03:04
+ * @LastEditTime: 2024-09-07 15:35:53
  * @FilePath: \gzDyh\gz-customerSystem\src\views\register\visit\component\levelDetail.jsx
  * @Description: 右抽屉提示
  */
-import React from 'react';
+import React, { useState } from 'react';
 import MyDrawer from '@/components/MyDrawer';
+import { caselogo } from '@/assets/images';
+
 
 const EventLevelDrawer = ({ visible, onClose }) => {
     return (
@@ -102,6 +104,132 @@
 
 }
 
+const AiQuestion = ({ visible, onClose }) => {
+    const [list, setList] = useState([
+        {
+            id: '1',
+            type: '典型案例',
+            name: '唐某某诉重庆某工业有限公司劳动合同纠纷案'
+        },
+        {
+            id: '2',
+            type: '相似案例',
+            name: '曾某某诉某网络科技公司劳动争议案'
+        },
+        {
+            id: '3',
+            type: '相似案例',
+            name: '曾某某诉某网络科技公司劳动争议案'
+        },
+    ])
+
+    const [layerList, setLayerList] = useState([
+        {
+            id: '1',
+            name: '法条一'
+        },
+        {
+            id: '2',
+            name: '法条二'
+        },
+        {
+            id: '3',
+            name: '法条三'
+        },
+    ])
+
+    const [caseDetail,setCaseDetail] = useState(false)
+    const toggleView = (id) => {
+        console.log(id, 'iddddddd')
+        setCaseDetail(true)
+        aiCaseDetail(id)
+    };
+
+    const caseDetailOnClose = () => {
+        setCaseDetail(false)
+    }
+
+    const aiCaseDetail = () => {
+    
+    }
 
 
-export { EventLevelDrawer, MattersDetail, NoHandleReason };
\ No newline at end of file
+
+    return (
+        <>
+            <MyDrawer
+                visible={visible}
+                onClose={onClose}
+                title="智能调解助理"
+                width={1000}
+                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>
+                        <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-type'>{item.type}</div>
+                                        <div className='aiBox-list-item-name'>{item.name}</div>
+                                        <div className='aiBox-list-item-btn' onClick={() => toggleView(item.id)}>查看</div>
+                                    </div>
+                                ))}
+                            </div>
+
+
+                        </div>
+                        <div className='marginLeft'>
+                            <div className='marginLeft-title'>相关法条:</div>
+                            <div className='aiBox-list'>
+                                {layerList?.map((item, index) => (
+                                    <div className='aiBox-list-item'>
+                                        <div className='aiBox-list-item-type'>相关法条</div>
+                                        <div className='aiBox-list-item-name'>{item.name}</div>
+                                        <div className='aiBox-list-item-btn' onClick={() => toggleView(item.id)}>查看</div>
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </MyDrawer>
+            <div className='MyDrawer'>
+            <MyDrawer
+                visible={caseDetail}
+                onClose={caseDetailOnClose}
+                title="查看相关案例"
+                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>
+            </MyDrawer>
+
+        </div>
+
+        </>
+
+    )
+}
+
+
+
+export { EventLevelDrawer, MattersDetail, NoHandleReason, AiQuestion };
\ No newline at end of file

--
Gitblit v1.8.0