liuc/fe_supplier_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

第三方评价页面

Browse Source
This commit is contained in:
孙景学
2025-08-12 14:52:14 +08:00
parent 69a90c7d7f
commit 3804a1c9ef
15 changed files with 939 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/pages/supplier/ViewReviewPage/components/ViewModal.tsx
View File

@ -1,6 +1,5 @@
import React, { useState, useEffect } from 'react';
import { Modal, Descriptions, Spin } from 'antd';
import { useSupplierDetailModal } from '@/components/SupplierDetailModalContext/SupplierDetailModalContext';
import { Descriptions, Spin } from 'antd';
import GlobalModal from '../GlobalModal/index'
import { coscoAccessWork } from '../services'
@ -46,19 +45,17 @@ interface coscoAccessWorks {
const ViewModal: React.FC<{
visible: boolean;
record?: any;
onCancel: () => void;
}> = ({ visible, record = {}, onCancel }) => {
}> = ({ visible, record = {} }) => {
//渲染数据
const [data, setData] = useState < Data | null > (null);
const supplierDetailModal = useSupplierDetailModal();
const [data, setData] = useState<Data | null>(null);
const [loading, setLoading] = useState(false);
const [visibleGlobalModal, setVisibleGlobalModal] = useState(false);
const [id, setId] = useState('');
//初始化
useEffect(() => {
console.log(record,visible);
console.log(record, visible);
if (visible && record?.id) {
setLoading(true);
coscoAccessWork(record.id)
@ -76,30 +73,33 @@ const ViewModal: React.FC<{
return (
<div>
<h2 style={{ margin: '20px 0' }}>查看详情</h2>
<Spin spinning={loading}>
{data && (
<Descriptions bordered column={1} labelStyle={{ width: 160 }}>
<Descriptions.Item label="准入单位">{data.coscoAccessWork.orgName}</Descriptions.Item>
<Descriptions.Item label="准入部门">{data.coscoAccessWork.deptName}</Descriptions.Item>
{/* <Descriptions.Item label="准入单位">{data.coscoAccessWork.orgName}</Descriptions.Item>
<Descriptions.Item label="准入部门">{data.coscoAccessWork.deptName}</Descriptions.Item> */}
<Descriptions.Item label="准入供应商">
{data.coscoAccessSupplierList.map((item) => {
return (
<a
onClick={() => {
setId(item.supplierId)
setVisibleGlobalModal(true)
}}
>
{item.supplierName}
</a>
// <div style={{ margin: '5px', color: '#004f8e', cursor: 'pointer' }} onClick={() => supplierDetailModal?.(item.supplierId)} >{item.supplierName}</div>
<a
onClick={() => {
setId(item.supplierId)
setVisibleGlobalModal(true)
}}
>
{item.supplierName}
</a>
)
})}
</Descriptions.Item>
{data.coscoAccessWork.accessType === 'scattered' && (
<Descriptions.Item label="申请准入品类">
{data.coscoAccessCategoryList.map((item) => {
return (
<div style={{ margin: '5px' }}>{item.categoryPathName}</div>
)
})}
</Descriptions.Item>
{/* {data.coscoAccessWork.accessType === 'scattered' && (
<>
<Descriptions.Item label="申请准入品类">
{data.coscoAccessCategoryList.map((item) => {
@ -113,8 +113,8 @@ const ViewModal: React.FC<{
<a href={data.coscoAccessWorkAttachments.fileUrl} target="_blank" rel="noreferrer">{data.coscoAccessWorkAttachments.fileName}</a>
</Descriptions.Item>
</>
)}
{data.coscoAccessWork.accessType === 'offline' && (
)} */}
{/* {data.coscoAccessWork.accessType === 'offline' && (
<>
<Descriptions.Item label="申请准入品类">
{data.coscoAccessCategoryList.map((item) => {
@ -127,10 +127,10 @@ const ViewModal: React.FC<{
<a href={data.coscoAccessWorkAttachments.fileUrl} target="_blank" rel="noreferrer">{data.coscoAccessWorkAttachments.fileName}</a>
</Descriptions.Item>
</>
)}
)} */}
{data.coscoAccessWork.accessType === 'online' && (
{/* {data.coscoAccessWork.accessType === 'online' && (
<>
<Descriptions.Item label="申请准入品类">
{data.coscoAccessCategoryList.map((item) => {
@ -150,12 +150,12 @@ const ViewModal: React.FC<{
</Descriptions.Item>
<Descriptions.Item label="审批结果">{data.coscoAccessWork.approveStatusText}</Descriptions.Item>
</>
)}
)} */}
</Descriptions>
)}
</Spin>
<GlobalModal visible={visibleGlobalModal} id={id} onCancel={() => setVisibleGlobalModal(false)} />
<GlobalModal visible={visibleGlobalModal} id={id} onCancel={() => setVisibleGlobalModal(false)} />
</div>
);
};