供应商退出详情问题修改

This commit is contained in:
孙景学
2025-07-17 11:10:57 +08:00
parent fefc069139
commit eb8f360c2c
4 changed files with 73 additions and 55 deletions

View File

@ -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>