供应商退出、准入、 工作台
This commit is contained in:
@ -7,6 +7,7 @@ import { getPage } from './services';
|
||||
//查看评审结果 弹窗
|
||||
import ResultModal from './components/ResultModal';
|
||||
import GroupLeaderModal from './components/GroupLeaderModal';
|
||||
import ViewModal from './components/ViewModal';
|
||||
|
||||
interface Data {
|
||||
deptName: string;
|
||||
@ -17,26 +18,26 @@ interface Data {
|
||||
}
|
||||
|
||||
interface ModalInfo {
|
||||
type: 'teamMembers' | 'groupLeader' | null;
|
||||
type: 'teamMembers' | 'groupLeader' | 'view' | null;
|
||||
visible: boolean;
|
||||
record: Data | null;
|
||||
view: boolean;
|
||||
}
|
||||
|
||||
|
||||
const CooperateEnterprise: React.FC = () => {
|
||||
const [searchForm] = Form.useForm();
|
||||
const intl = useIntl();
|
||||
const [data, setData] = useState<Data[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [pagination, setPagination] = useState<TablePaginationConfig>({ current: 1, pageSize: 10, total: 0 });
|
||||
const [modalInfo, setModalInfo] = useState<ModalInfo>({ type: null, visible: false, record: null });
|
||||
const [modalInfo, setModalInfo] = useState<ModalInfo>({ type: null, visible: false, record: null, view:false });
|
||||
|
||||
const openModal = (type: 'teamMembers' | 'groupLeader', record: Data) => {
|
||||
setModalInfo({ type, visible: true, record });
|
||||
const openModal = (type: 'teamMembers' | 'groupLeader' | 'view', record: Data, view = false ) => {
|
||||
setModalInfo({ type, visible: true, record, view });
|
||||
};
|
||||
//提交关闭审核
|
||||
const closeModal = () => {
|
||||
setModalInfo({ type: null, visible: false, record: null });
|
||||
setModalInfo({ type: null, visible: false, record: null, view:false });
|
||||
};
|
||||
//提交审核
|
||||
const submitModal = () => {
|
||||
@ -121,19 +122,30 @@ const CooperateEnterprise: React.FC = () => {
|
||||
title: '评审状态',
|
||||
dataIndex: 'reviewStatusText',
|
||||
key: 'reviewStatusText',
|
||||
width: 120,
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: 120,
|
||||
render: (_: any, record: any) => {
|
||||
// 已完成 3 、结果汇总中 2 、进行中1 、 未开始0
|
||||
// 显示评审 按钮
|
||||
const showAudit = (
|
||||
(['未开始', '进行中'].includes(record.reviewStatusText) && record.isLeader === '0') ||
|
||||
(['结果汇总中'].includes(record.reviewStatusText) && record.isLeader === '1')
|
||||
(['0', '1'].includes(record.reviewStatus) && record.isLeader === '0') ||
|
||||
(['2'].includes(record.reviewStatus) && record.isLeader === '1')
|
||||
);
|
||||
const type = ['未开始', '进行中'].includes(record.reviewStatusText)? 'teamMembers': 'groupLeader';
|
||||
// 进行中1 、未开始0 弹出组员组件 否则弹出组长组件
|
||||
const type = ['0', '1'].includes(record.reviewStatus)? 'teamMembers': 'groupLeader';
|
||||
|
||||
//评审结果 结果汇总中2 弹出组员组件, 已完成3弹出组长组件
|
||||
const isLeader = (record.reviewStatus === '2' && record.isLeader === '0')? 'teamMembers':
|
||||
(record.reviewStatus === '3' && record.isLeader === '1')? 'groupLeader':'';
|
||||
return (
|
||||
<Space>
|
||||
{showAudit && <a onClick={() => openModal(type, record)}>审核</a>}
|
||||
</Space>
|
||||
{showAudit && <a onClick={() => openModal(type, record)}>评审</a>}
|
||||
<a onClick={() => openModal('view', record)}>查看</a>
|
||||
{ isLeader != '' && <a onClick={() => openModal(isLeader, record, true)}>评审结果</a>}
|
||||
</Space>
|
||||
)
|
||||
|
||||
},
|
||||
@ -171,6 +183,7 @@ const CooperateEnterprise: React.FC = () => {
|
||||
{ modalInfo.type && modalInfo.type === 'teamMembers' && (
|
||||
<ResultModal
|
||||
visible={modalInfo.visible}
|
||||
view={modalInfo.view}
|
||||
record={modalInfo.record}
|
||||
onCancel={closeModal}
|
||||
onSubmit={submitModal}
|
||||
@ -179,11 +192,19 @@ const CooperateEnterprise: React.FC = () => {
|
||||
{ modalInfo.type && modalInfo.type === 'groupLeader' && (
|
||||
<GroupLeaderModal
|
||||
visible={modalInfo.visible}
|
||||
view={modalInfo.view}
|
||||
record={modalInfo.record}
|
||||
onCancel={closeModal}
|
||||
onSubmit={submitModal}
|
||||
/>
|
||||
)}
|
||||
{ modalInfo.type && modalInfo.type === 'view' && (
|
||||
<ViewModal
|
||||
visible={modalInfo.visible}
|
||||
record={modalInfo.record}
|
||||
onCancel={closeModal}
|
||||
/>
|
||||
)}
|
||||
|
||||
</>
|
||||
);
|
||||
|
Reference in New Issue
Block a user