From 3efcd38c47c327dcd8bd22cd523381d79d08770e Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Sat, 07 Sep 2024 16:56:44 +0800
Subject: [PATCH] 上传附件
---
gz-customerSystem/src/views/register/visit/component/levelDetail.jsx | 140 ++++++++++++++++++++++++++++++++++++++++------
1 files changed, 120 insertions(+), 20 deletions(-)
diff --git a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
index 7e985cb..14556eb 100644
--- a/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/levelDetail.jsx
@@ -2,11 +2,11 @@
* @Author: dminyi 1301963064@qq.com
* @Date: 2024-08-27 16:47:12
* @LastEditors: dminyi 1301963064@qq.com
- * @LastEditTime: 2024-09-07 14:20:23
+ * @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';
@@ -105,27 +105,127 @@
}
const AiQuestion = ({ visible, onClose }) => {
- return (
- <MyDrawer
- visible={visible}
- onClose={onClose}
- title="事项概况指南"
- width={1000}
- style={{ position: 'absolute' }}
- bodyStyle={{ marginTop: '-8px' }}
- titleBefore={true}
- >
- <div style={{ display: 'flex' }}>
+ const [list, setList] = useState([
+ {
+ id: '1',
+ type: '典型案例',
+ name: '唐某某诉重庆某工业有限公司劳动合同纠纷案'
+ },
+ {
+ id: '2',
+ type: '相似案例',
+ name: '曾某某诉某网络科技公司劳动争议案'
+ },
+ {
+ id: '3',
+ type: '相似案例',
+ name: '曾某某诉某网络科技公司劳动争议案'
+ },
+ ])
- <div style={{ width: '100px' }}>111</div>
- <div style={{ flex: 1, backgroundColor: '#F2F3F5', height: '100vh' }}>
- <div>
- <img src={caselogo} alt='' style={{ width: '30px', height: '30px' }} />
- <span>刘家健入职吴昆物流公司工作6天，因不适应工作内容、环境等，向吴昆物流公司提出离职申请，但公司称入职1周内因个人原因辞职不予支付工资。刘家健因此向社区调委会申请调解。刘家健希望吴昆物流公司支付6天的工资。经调解，双方达成一致意见，吴昆物流公司同意支付刘家健6天的工资共计1575元。基于这个案件生成合理的调解策略.</span>
+ 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 = () => {
+
+ }
+
+
+
+ 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>
- </div>
- </MyDrawer>
+ </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>
+
+ </>
)
}
--
Gitblit v1.8.0