新增收货单

config/routes/orderRoute/receivingNote.ts

@@ -30,6 +30,13 @@ const ReceivingNote = [
         component: '@/pages/order/receivingNote/deliveryNoteManage'
       },
       {
+        /** 收货单新增*/
+        path: '/memberCenter/order/receivingNote/deliveryNoteManage/add',
+        name: '新增收货单',
+        component: '@/pages/order/receivingNote/deliveryNoteManage/add',
+        noMargin: true
+      },
+      {
         /** 收货单管理详情*/
         path: '/memberCenter/order/receivingNote/deliveryNoteManage/details',
         name: '收货单管理详情',

src/components/BaseInfo/BaseInfo.tsx

@@ -34,7 +34,7 @@ function BaseInfoItem({ label, children }: {
 }) {
   return (
     <div className='base_info_item flex text-lg'>
-      <div className='label flex-4 flex-grow-0 w-100 text-gray-400'>
+      <div className='label flex-4 flex justify-center items-center flex-grow-0 w-100 text-gray-400'>
         {label}
       </div>
       <div className='value flex-auto'>

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

@@ -12,7 +12,7 @@ const BillsInfo: AnchorsItem = {
 
 const Distribution: AnchorsItem = {
   key: "Distribution",
-  name: "单据信息"
+  name: "送货信息"
 }
 
 const DeliveryInfo: AnchorsItem = {
@@ -21,8 +21,8 @@ const DeliveryInfo: AnchorsItem = {
 }
 
 const LogisticsInfo: AnchorsItem = {
-  key: "DeliveryInfo",
-  name: "物流信息单"
+  key: "LogisticsInfo",
+  name: "物流信息"
 }
 
 const Material: AnchorsItem = {
@@ -30,10 +30,21 @@ const Material: AnchorsItem = {
   name: "送货物料"
 }
 
+const Harvest: AnchorsItem = {
+  key: "Harvest",
+  name: "收货信息"
+}
+
+const HarvestMaterial: AnchorsItem = {
+  key: "HarvestMaterial",
+  name: "收货物料"
+}
+
+
+
 const DeliveryNoteQuery: AnchorsItem[] = [
-  BaseInfo,
-  Distribution,
   BillsInfo,
+  Distribution,
   DeliveryInfo,
   LogisticsInfo,
   Material
@@ -46,5 +57,7 @@ export {
   LogisticsInfo,
   Material,
   Distribution,
-  DeliveryNoteQuery
+  DeliveryNoteQuery,
+  Harvest,
+  HarvestMaterial
 }
\ No newline at end of file

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

+import AnchorPage, { AnchorsItem } from "@/components/AnchorPage"
+import { BaseInfo } from "@/components/BaseInfo"
+import { useState } from "react"
+import { BillsInfo, DeliveryInfo, LogisticsInfo, Harvest, HarvestMaterial } from '../columns'
+import { Form, Input } from 'antd'
+
+const FormItem = Form.Item
+
+function DeliveryNoteAddForm() {
+
+  const [anchors, setAnchors] = useState<AnchorsItem[]>(() => {
+    return [
+      BillsInfo,
+      Harvest,
+      DeliveryInfo,
+      LogisticsInfo,
+      HarvestMaterial
+    ]
+  })
+
+  return (
+    <AnchorPage title="新增收获单"
+      anchors={anchors}>
+
+      <BaseInfo title={BillsInfo.name} id={BillsInfo.key}>
+        <BaseInfo.BaseInfoItem label="收货单摘要">
+          <FormItem style={{ margin: 0 }}>
+            <Input />
+          </FormItem>
+        </BaseInfo.BaseInfoItem>
+        <BaseInfo.BaseInfoItem label="供应会员">
+          <FormItem style={{ margin: 0 }}>
+            <Input />
+          </FormItem>
+        </BaseInfo.BaseInfoItem>
+      </BaseInfo>
+
+    </AnchorPage>
+  )
+}
+
+export default DeliveryNoteAddForm
\ No newline at end of file