From eb65923fafe836f8fcd56d3efee4d0fd3a33ac5f Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Tue, 10 Sep 2024 09:15:05 +0800
Subject: [PATCH] 工作台
---
gz-customerSystem/src/views/register/eventFlow/index.jsx | 297 +++++++++++++++++++---------------------------------------
1 files changed, 98 insertions(+), 199 deletions(-)
diff --git a/gz-customerSystem/src/views/register/eventFlow/index.jsx b/gz-customerSystem/src/views/register/eventFlow/index.jsx
index aee38fa..b96e734 100644
--- a/gz-customerSystem/src/views/register/eventFlow/index.jsx
+++ b/gz-customerSystem/src/views/register/eventFlow/index.jsx
@@ -1,230 +1,129 @@
-/*
- * @Author: dminyi 1301963064@qq.com
- * @Date: 2024-08-09 09:59:43
- * @LastEditors: dminyi 1301963064@qq.com
- * @LastEditTime: 2024-08-28 14:38:20
- * @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\index.jsx
- * @Description: 来访登记
- */
-
-import React, { useState, useRef, Fragment } from "react";
+import React, { useState, useRef, Fragment, useEffect } from "react";
import NewPage from '@/components/NewPage';
import * as $$ from '@/utils/utility';
import "@arco-themes/react-gzzz/css/arco.css";
import '../index.less';
-import { Space } from 'antd';
-import { Button, Steps, Tabs, Message } from '@arco-design/web-react';
-import VisitorRegister from './component/visitorRegister';
-import Preview from './preview';
-import MattersInfo from './component/MattersInfo';
-import { question, register, Matter, transfer } from '@/assets/images'
+import { Steps, Tabs } from '@arco-design/web-react';
+import { examine, Matter, transfer, applyRecord } from '@/assets/images'
+import EventFlow from './component/EventFlow';
+import Examine from "./component/Examine";
+import ApplyInfo from "../matterDetail/ApplyInfo";
+import { useParams } from 'react-router-dom';
const Step = Steps.Step;
const TabPane = Tabs.TabPane;
-function saveDispute(data) {
- return $$.ax.request({ url: `casedraftInfo/caseDraftRegister`, type: 'post', service: 'mediate', data });
+function getTabButton(data) {
+ return $$.ax.request({ url: `caseTask/getTabButton`, type: 'get', service: 'mediate', data });
}
-function getId() {
- return $$.ax.request({ url: `caseUtils/getNewTimeCaseId`, type: 'get', service: 'utils' });
-}
-
-function submitDispute(data) {
- return $$.ax.request({ url: `caseInfo/caseRegister`, type: 'post', service: 'mediate', data });
-}
-
-
+const myTab = [
+ {
+ img: Matter,
+ label: '详情',
+ key: 'dslxq',
+ },
+ {
+ img: Matter,
+ label: '事项详情',
+ key: 'sxxq',
+ },
+ {
+ img: applyRecord,
+ label: '申请记录',
+ key: 'sqjl',
+ },
+ {
+ img: examine,
+ label: '回退审核',
+ key: 'htsh',
+ },
+ {
+ img: examine,
+ label: '上报审核',
+ key: 'sbsh',
+ },
+]
const Organization = () => {
- const formRef = useRef();
+ const routeData = useParams();
+ const caseTaskId = $$.getQueryString('caseTaskId')
+ const caseId = $$.getQueryString('caseId')
+ const [authorData, setAuthorData] = useState({});
+ const [tabsList, setTabsList] = useState([]);
+ const [tabsActive, setTabsActive] = useState();
+ const [disTab, setDisTab] = useState(true);
- const [isReview, setIsReview] = useState(false);//预览页面控制
- const [current, setCurrent] = useState(2);
- const [tabsActive, setTabsActive] = useState('1');
- const [tabsList, setTabList] = useState([
- {
- img: Matter,
- label: '事项详情',
- key: '1'
- },
- {
- img: transfer,
- label: '流转办理',
- key: '2',
- isNeedStep: true,//加上这个就有进度条
- },
- ])
- const breadcrumbDataMap = {
- 1: { breadcrumbData: [{ title: '工作台' }, { title: '来访登记' }], title: '来访登记' },
- 2: { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '办理反馈' },
- 3: { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '办理反馈' }
- }
+ useEffect(() => {
+ getAuthor()
+ }, [])
- //提交信息，需要校验规则
- const handleSubmit = async () => {
- if (formRef.current) {
- formRef.current.validate(undefined, (errors, values) => {
- if (!errors) {
- const data = formRef.current.getFields()
- handleData(data).then(res => {
- reauestSubmit({
- ...res,
- isSelfAccept: 0,
- isDraft: 0,
- operateType: 0,
- })
- })
- }
- });
- }
- }
-
- //保存草稿信息,不需要校验规则
- const handleSave = () => {
- if (formRef.current) {
- const data = formRef.current.getFields()
- handleData(data).then(res => {
- requestSave(res)
- })
- }
- }
-
- //数据处理
- const handleData = async (data) => {
- const { fakeData, ...newObj } = data
- if (data.id) {
- return {
- ...newObj,
- personList: fakeData?.filter(item => item.perType === "15_020008-1" || item.perType === "15_020008-2"),
- agentList: fakeData?.filter(item => item.perType === "24_00006-1" || item.perType === "24_00006-2").map(item => {
- //personNameList用于查看详情显示代理人名字，不需要上传，去除
- const { personNameList, ...rest } = item
- return {
- ...rest,
- personId: item.personId.join(',')
- }
- }),
- }
- } else {
- const res = await getId()
- if (res.type) {
- return {
- ...newObj,
- personList: fakeData?.filter(item => item.perType === "15_020008-1" || item.perType === "15_020008-2"),
- agentList: fakeData?.filter(item => item.perType === "24_00006-1" || item.perType === "24_00006-2").map(item => {
- //personNameList用于查看详情显示代理人名字，不需要上传，去除
- const { personNameList, ...rest } = item
- return {
- ...rest,
- personId: item.personId.join(',')
+ //获取权限tab和按钮权限
+ const getAuthor = async () => {
+ console.log(routeData, 'routeData')
+ const res = await getTabButton({
+ caseTaskId: caseTaskId
+ })
+ if (res.type) {
+ const { tabList } = res.data
+ setAuthorData(res.data)
+ if (tabList.length === 0) {
+ //没有tab就不展示
+ setDisTab(false)
+ } else {
+ setTabsList(myTab.filter(item => {
+ const flag = tabList.some(result => {
+ if (result.id === item.key) {
+ return true
}
- }),
- id: res.data
- }
+ })
+ return flag
+ }))
+ setTabsActive(tabList[0].id)
}
}
}
- //预览信息
- const handleReview = () => {
- setIsReview(!isReview)
- }
-
- function selfAcceptance() {
- $$.modalInfo({
- title: '自行受理确认',
- content: '确定自行受理吗？',
- okText: '确定受理',
- cancelText: '我再想想',
- onOk: async () => {
- setCurrent(3)
- },
- });
- }
-
- //保存请求
- const requestSave = async (data) => {
- const response = await saveDispute(data)
- if (response.type) {
- Message.success('保存草稿成功！')
+ //根据id定义组件
+ const getTypeDom = (key) => {
+ if (key === 'dslxq' || key === 'sxxq') {
+ return <EventFlow authorData={authorData} caseId={caseId} caseTaskId={caseTaskId}/>
+ }
+ if (key === 'sqjl') {
+ return <ApplyInfo />
+ }
+ if (key === 'htsh' || key === 'sbsh' || key === 'lhczsh') {
+ return <Examine type={key} caseTaskId={routeData.caseTaskId} caseId={routeData.caseId} />
}
}
- //提交请求
- const reauestSubmit = async (data) => {
- const response = await submitDispute(data)
- if (response.type) {
- Message.success('提交成功！')
- setCurrent(2)
- }
- }
+ console.log(caseId, 'caseId')
return (
<div style={{ position: 'relative' }}>
<NewPage
pageHead={
- breadcrumbDataMap[current]
+ { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '处理' }
}
>
- {
- current === 1 &&
- <Fragment>
- <div style={{ backgroundColor: '#fff', margin: '12px 16px 0px 16px', paddingTop: '16px', paddingLeft: '91px' }}>
- <Steps type='navigation' current={current}>
- <Step title='来访登记' disabled />
- <Step title='事件流转' disabled />
- <Step title='办理反馈' disabled />
- <Step title='结案审核' disabled />
- <Step title='当事人评价' disabled />
- <Step title='结案归档' disabled />
- </Steps>
- </div>
- <Preview style={{ display: isReview ? '' : 'none' }} />
- <VisitorRegister formRef={formRef} style={{ display: isReview ? 'none' : '' }} />
- <div className="dataSync-excel">
- <Space size="large" style={{ margin: '4px 14px' }}>
- <Button type="primary" style={{ backgroundColor: '#1A6FB8' }} onClick={handleSave} >保存</Button>
- <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={handleReview}>预览</Button>
- <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={handleSubmit}>提交</Button>
- <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={() => selfAcceptance()}>自行受理</Button>
- <Button type='secondary' onClick={handleReview}>返回上级页面</Button>
- </Space>
- </div>
- </Fragment>
- }
- {
- (current === 2 || current === 3) &&
- <Tabs
- defaultActiveTab='1'
- onChange={(v) => setTabsActive(v)}
- className='myTabContent'
- >
- {tabsList?.map(item => {
- return <TabPane
- key={item.key}
- title={
- <span>
- {tabsActive === item.key && <img src={item.img} alt="" style={{ width: '16px', height: '16px', margin: '-5px 12px 0px 0px' }} />}
- <span style={{ fontSize: '16px' }}>{item.label}</span>
- </span>
- }
- >
- {
- item.isNeedStep && <div style={{ backgroundColor: '#fff', margin: '12px 16px 0px 16px', paddingTop: '16px', paddingLeft: '91px' }}>
- <Steps type='navigation' current={current}>
- <Step title='来访登记' disabled />
- <Step title='事件流转' disabled />
- <Step title='办理反馈' disabled />
- <Step title='结案审核' disabled />
- <Step title='当事人评价' disabled />
- <Step title='结案归档' disabled />
- </Steps>
- </div>
- }
- <MattersInfo active={tabsActive} current={current} />
- </TabPane>
- })}
- </Tabs>
+ {disTab ? <Tabs
+ onChange={(v) => setTabsActive(v)}
+ className='myTabContent'
+ activeTab={tabsActive}
+ >
+ {tabsList?.map(item => {
+ return <TabPane
+ key={item.key}
+ title={
+ <span>
+ {tabsActive === item.key && <img src={item.img} alt="" style={{ width: '16px', height: '16px', margin: '-5px 12px 0px 0px' }} />}
+ <span style={{ fontSize: '16px' }}>{item.label}</span>
+ </span>
+ }
+ >
+ {getTypeDom(item.key)}
+ </TabPane>
+ })}
+ </Tabs> : <EventFlow authorData={authorData} />
}
</NewPage>
</div>
--
Gitblit v1.8.0