From 172053309302ca857aae36d6769157dc7bb43472 Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Sat, 07 Sep 2024 16:54:33 +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