供应商准入管理除了品类

src/pages/supplier/admission/admissionManagement/components/ApproveModal.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Modal, Descriptions, Table, Button } from 'antd';
-
+import { startApprove } from '../services'
 
 const ApproveModal: React.FC<{
   visible: boolean;

src/pages/supplier/admission/admissionManagement/components/ViewModal.tsx

@@ -3,12 +3,29 @@ import { Modal, Descriptions } from 'antd';
 
 import { coscoAccessWork } from '../services'
 
-
+//数据接口
 interface Data {
-  accessWorkName: string;
+  coscoAccessWork: coscoAccessWorks;
+  coscoAccessSupplierList: coscoAccessSupplierLists[];
+  coscoAccessCategoryList: coscoAccessCategoryLists[];
+  coscoAccessUserls: coscoAccessUserl[];
+}
+interface coscoAccessUserl {
   deptId: string;
-  accessTypeText: string;
-  createTime: string;
+  userId: string;
+}
+interface coscoAccessCategoryLists {
+  categoryName: string;
+  [property: string]: any;
+}
+interface coscoAccessSupplierLists {
+  supplierName: string;
+  [property: string]: any;
+}
+interface coscoAccessWorks {
+  deptId: string;
+  startTime: string;
+  endTime: string;
   reviewStatusText: string;
 }
 
@@ -17,35 +34,51 @@ const ViewModal: React.FC<{
   record?: any;
   onCancel: () => void;
 }> = ({ visible, record = {}, onCancel }) => {
-
+  //渲染数据
   const [data, setData] = useState<Data | null>(null);
-
+  //初始化
   useEffect(() => {
-    if(record.id) {
+    if (record.id) {
       coscoAccessWork(record.id).then((res) => {
         const { code, data } = res;
         if (code == 200) {
-          setData(data.coscoAccessWork)
+          setData(data)
         }
       })
     }
-    
-
   }, [record])
 
   return (
     <Modal title="查看详情" visible={visible} footer={null} onCancel={onCancel}>
       {data && (
         <Descriptions bordered column={1}>
-          <Descriptions.Item label="准入工作">{data.accessWorkName}</Descriptions.Item>
-          <Descriptions.Item label="准入单位">{data.deptId}</Descriptions.Item>
-          <Descriptions.Item label="准入部门">{data.deptId}</Descriptions.Item>
-          <Descriptions.Item label="准入方式">{data.accessTypeText}</Descriptions.Item>
-          <Descriptions.Item label="申请时间">{data.createTime}</Descriptions.Item>
-          <Descriptions.Item label="状态">{data.reviewStatusText}</Descriptions.Item>
+          <Descriptions.Item label="准入部门">{data.coscoAccessWork.deptId}</Descriptions.Item>
+          <Descriptions.Item label="准入供应商">
+            {data.coscoAccessSupplierList.map((item) => {
+              return (
+                <div style={{ margin: '5px' }}>{item.supplierName}</div>
+              )
+            })}
+          </Descriptions.Item>
+          <Descriptions.Item label="申请准入品类">
+            {data.coscoAccessCategoryList.map((item) => {
+              return (
+                <div style={{ margin: '5px' }}>{item.categoryName}</div>
+              )
+            })}
+          </Descriptions.Item>
+          <Descriptions.Item label="评审开始时间">{data.coscoAccessWork.startTime}</Descriptions.Item>
+          <Descriptions.Item label="评审结束时间">{data.coscoAccessWork.endTime}</Descriptions.Item>
+          <Descriptions.Item label="评审专家">
+            {data.coscoAccessUserls.map((item) => {
+              return (
+                <div style={{ margin: '5px' }}>{item.deptId} - {item.userId}</div>
+              )
+            })}
+          </Descriptions.Item>
+          <Descriptions.Item label="审批结果">{data.coscoAccessWork.reviewStatusText}</Descriptions.Item>
         </Descriptions>
       )}
-
     </Modal>
   );
 };