add noMargin: true

src/pages/order/receivingNote/columns/anchors.ts

+import { AnchorsItem } from "@/components/AnchorPage";
+
+const BaseInfo: AnchorsItem = {
+  key: 'BaseInfo',
+  name: "基本信息"
+}
+
+const BillsInfo: AnchorsItem = {
+  key: "BillsInfo",
+  name: "单据信息"
+}
+
+
+const DeliveryInfo: AnchorsItem = {
+  key: "DeliveryInfo",
+  name: "发货信息"
+}
+
+const LogisticsInfo: AnchorsItem = {
+  key: "DeliveryInfo",
+  name: "物流信息单"
+}
+
+const Material: AnchorsItem = {
+  key: "Material",
+  name: "送货无聊"
+}
+
+export {
+  BaseInfo,
+  BillsInfo,
+  DeliveryInfo,
+  LogisticsInfo,
+  Material
+}
\ No newline at end of file

src/pages/order/receivingNote/columns/index.ts

+export * from './anchors'

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

@@ -4,16 +4,21 @@
  * @description:
  */
 import React, { useState } from 'react'
-import { PageHeader } from '@/components/PageHeader'
+import AnchorPage from '@/components/AnchorPage'
+import {PageHeaderWrapper} from '@ant-design/pro-layout'
+import { BaseInfo, BillsInfo, DeliveryInfo, LogisticsInfo, Material } from '../columns'
 
 const DeliveryNoteDetails: React.FC = () => {
 
+  const anchors = [BaseInfo, BillsInfo, DeliveryInfo, LogisticsInfo, Material]
+
   return (
-    <PageHeader
+    <AnchorPage
       title="2014-07-01 进口头层黄牛皮荔枝纹送货单|FH2014070100001"
+      anchors={anchors}
     >
-      <div>收货单 - 送货单详情</div>
-    </PageHeader>
+
+    </AnchorPage>
   )
 }