添加外部流

src/pages/order/receivingNote/deliveryNoteManage/details.tsx

@@ -18,7 +18,7 @@ const service = ReceiveNoteFacotry.getInstance()
 
 const DeliveryNoteManageDetails: React.FC = () => {
 
-  const anchors = DeliveryNoteQuery
+  const [anchors, setAnchors] = useState(DeliveryNoteQuery)
 
   const [info, setInfo] = useState<any>({})
   const [tableDataSource, setTableDataSource] = useState([])
@@ -26,6 +26,8 @@ const DeliveryNoteManageDetails: React.FC = () => {
   const { id } = (location as any).query
   const [loading, setLoading] = useState(true)
 
+  const [outerHistoryList, setOuterHistoryList] = useState([])
+
   useEffect(() => {
 
     Promise.all([
@@ -33,8 +35,24 @@ const DeliveryNoteManageDetails: React.FC = () => {
       service.getDetailProduct({ id, current: 1 })
     ]).then((values) => {
       setInfo(values[0])
+      setOuterHistoryList(values[0].outerHistoryList)
       setTableDataSource(values[1].data)
       setLoading(false)
+      setAnchors([
+        ...anchors,
+        {
+          ...Material,
+          ...{
+            name: `${Material.name}(${values[1].totalCount})`
+          }
+        },
+        {
+          ...ExternalRoamRecord,
+          ...{
+            name: `${ExternalRoamRecord.name}(${values[0].outerHistoryList.length})`
+          }
+        }
+      ])
     })
 
   }, [])
@@ -127,7 +145,7 @@ const DeliveryNoteManageDetails: React.FC = () => {
           <ListInfoItem label='物流单号'>
             {info?.logisticsNo ?? '-'}
           </ListInfoItem>
-          
+
         </ListInfo>
 
         <ListInfo className='mt-15' title={Material.name} id={Material.key} cols={1}>
@@ -157,6 +175,16 @@ const DeliveryNoteManageDetails: React.FC = () => {
           />
         </ListInfo>
 
+        <ListInfo className='mt-15' title={ExternalRoamRecord.name} id={ExternalRoamRecord.key} cols={1}>
+          <Table
+            columns={[
+              ...ExternalRoamRecordTableColumn,
+            ]}
+            rowKey="id"
+            dataSource={outerHistoryList}
+          />
+        </ListInfo>
+
       </AnchorPage>
     </Spin>
   )

src/pages/order/receivingNote/deliveryNoteQuery/details.tsx

@@ -167,7 +167,7 @@ const DeliveryNoteDetails: React.FC = () => {
         />
       </ListInfo>
 
-      {/* <ListInfo className='mt-15' title={ExternalRoamRecord.name} id={ExternalRoamRecord.key} cols={1}>
+      <ListInfo className='mt-15' title={ExternalRoamRecord.name} id={ExternalRoamRecord.key} cols={1}>
         <Table
           columns={[
             ...ExternalRoamRecordTableColumn,
@@ -175,7 +175,7 @@ const DeliveryNoteDetails: React.FC = () => {
           rowKey="id"
           dataSource={outerHistoryList}
         />
-      </ListInfo> */}
+      </ListInfo>
 
     </AnchorPage>
   )