供应商退出详情问题修改
This commit is contained in:
@ -1,14 +1,14 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Modal, message } from 'antd';
|
||||
import SupplierDetail from './SupplierDetail';
|
||||
|
||||
import { useIntl } from 'umi';
|
||||
const SupplierDetailModalContext = React.createContext<((id: string) => void) | null>(null);
|
||||
export const useSupplierDetailModal = () => React.useContext(SupplierDetailModalContext);
|
||||
|
||||
export const SupplierDetailModalProvider = ({ children }: { children: React.ReactNode }) => {
|
||||
const [visible, setVisible] = useState(false);
|
||||
const [supplierId, setSupplierId] = useState<string | null>(null);
|
||||
|
||||
const intl = useIntl();
|
||||
const showSupplierDetail = (id: string) => {
|
||||
if (!id) return message.error('此供应商信息缺失,请联系管理员');
|
||||
setSupplierId(id);
|
||||
@ -18,7 +18,11 @@ export const SupplierDetailModalProvider = ({ children }: { children: React.Reac
|
||||
return (
|
||||
<SupplierDetailModalContext.Provider value={showSupplierDetail}>
|
||||
{children}
|
||||
<Modal visible={visible} onCancel={() => setVisible(false)} footer={null} width="90%">
|
||||
<Modal visible={visible} onCancel={() => setVisible(false)} footer={null} width="90%" title={
|
||||
<div style={{ display: 'flex', justifyContent: 'flex-start', alignItems: 'center' }}>
|
||||
<span>{intl.formatMessage({ id: 'component.globalModal.title' })}</span>
|
||||
</div>
|
||||
}>
|
||||
<SupplierDetail supplierId={supplierId} />
|
||||
</Modal>
|
||||
</SupplierDetailModalContext.Provider>
|
||||
|
Reference in New Issue
Block a user