| | |
| | | |
| | | /* |
| | | * @Author: dminyi 1301963064@qq.com |
| | | * @Date: 2024-08-09 09:59:43 |
| | | * @LastEditors: dminyi 1301963064@qq.com |
| | | * @LastEditTime: 2024-08-28 14:38:20 |
| | | * @LastEditTime: 2024-09-06 17:43:15 |
| | | * @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\index.jsx |
| | | * @Description: 来访登记 |
| | | * |
| | | */ |
| | | |
| | | import React, { useState, useRef, Fragment } from "react"; |
| | | import React, { useState } from "react"; |
| | | import NewPage from '@/components/NewPage'; |
| | | import * as $$ from '@/utils/utility'; |
| | | import "@arco-themes/react-gzzz/css/arco.css"; |
| | | import '../index.less'; |
| | | import { Typography, Steps, Tabs, Message } from '@arco-design/web-react'; |
| | | import { question, register, Matter, transfer } from '@/assets/images' |
| | | import MatterDetali from '../matterDetail'; |
| | | import { Typography, Steps, Tabs } from '@arco-design/web-react'; |
| | | import { Audit, Matter, transfer, aiPerson } from '@/assets/images' |
| | | import MatterDetail from '../matterDetail'; |
| | | import Handle from './component/handle'; |
| | | import AuditView from './component/AuditView'; |
| | | import {AiQuestion} from '../visit/component/levelDetail' |
| | | |
| | | const Step = Steps.Step; |
| | | const TabPane = Tabs.TabPane; |
| | | const style = { |
| | | // textAlign: 'center', |
| | | // marginTop: 20, |
| | | // textAlign: 'center', |
| | | // marginTop: 20, |
| | | }; |
| | | |
| | | |
| | | const Organization = () => { |
| | | const [current, setCurrent] = useState(3); |
| | | const [tabsActive, setTabsActive] = useState('1'); |
| | | const [AiQuestionView, setAiQuestionView] = useState(false) |
| | | const [tabsList, setTabList] = useState([ |
| | | { |
| | | img: Matter, |
| | |
| | | label: '流转办理', |
| | | key: '2', |
| | | isNeedStep: true,//加上这个就有进度条 |
| | | }, |
| | | { |
| | | img: Audit, |
| | | label: '审核', |
| | | key: '3', |
| | | }, |
| | | ]) |
| | | |
| | |
| | | </div> |
| | | } |
| | | {tabsActive === '1' && |
| | | <MatterDetali /> |
| | | <MatterDetail hasApplet={true} hasEditBtn={true} /> |
| | | } |
| | | { |
| | | tabsActive === '2' && <Typography.Paragraph style={style}> |
| | | <Handle /> |
| | | </Typography.Paragraph> |
| | | } |
| | | { |
| | | tabsActive === '3' && <Typography.Paragraph style={style}> |
| | | <AuditView /> |
| | | </Typography.Paragraph> |
| | | } |
| | | </TabPane> |
| | | })} |
| | | </Tabs> |
| | | </NewPage> |
| | | <div className="gradient-box" onClick={() => setAiQuestionView(true)}> |
| | | <div><img src={aiPerson} alt='' style={{ width: '24px', height: '24px', marginRight: '6px' }} /></div> |
| | | <div style={{ color: '#FFFFFF' }}>智能调解助理</div> |
| | | </div> |
| | | <AiQuestion |
| | | visible={AiQuestionView} |
| | | onClose={() => setAiQuestionView(false)} |
| | | /> |
| | | </div> |
| | | ) |
| | | } |