add lable

src/components/BaseInfo/BaseInfo.tsx

@@ -19,7 +19,7 @@ function BaseInfo({ title, className, children, cols = 2, id }: BaseInfoPorps) {
     <Card
       id={id}
       title={title}
-      className={className}
+      className={`mt-15 ${className}`}
     >
       <div className={`base_info grid grid-cols-${cols} gap-4`}>
         {children}

src/components/FormItem/FormItem.tsx

@@ -2,7 +2,7 @@ import { Form, FormItemProps } from "antd";
 
 function FormItem<values = any>(prosp: FormItemProps<values>) {
   return (
-    <Form.Item {...prosp} style={{ margin: 0 }} />
+    <Form.Item {...prosp} style={{ margin: 0 }} className="w-full" />
   );
 }
 

src/pages/order/constants/index.ts

 export * from './anchors'
+export * from './label'
\ No newline at end of file

src/pages/order/constants/label.ts

+export const ReceiptAddLabel = '新增收货单';
+
+export const ReceiptAbstractLabel = '收货单摘要';
+export const SupplyMembersLabel = '供应会员';
+export const NoteLabel = '备注';
+
+
+export const ConsigneeLabel = '收货人';
+export const ConsigneeTimeLable = '收货时间';
+export const ConsigneePhoneLabel = '收货人电话';
+
+export const DeliveryOrderNoLabel = '送货订单号';
+export const DeliveryTimeLabel = '发货时间';
+export const DeliveryAddrLabel = '送货自提地址';
+
+export const LogisticsCompanyLable = '物流公司';
+export const LogisticsCarNoLable = '车牌号码';
+export const LogisticsNoLable = '物流单号';
+
+
+
+
+
+
+
+
+

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 {
+  BillsInfo, DeliveryInfo, LogisticsInfo, Harvest, HarvestMaterial,
+  ReceiptAddLabel, ReceiptAbstractLabel, SupplyMembersLabel, NoteLabel, DeliveryTimeLabel,
+  ConsigneeLabel, DeliveryAddrLabel, DeliveryOrderNoLabel, ConsigneePhoneLabel, ConsigneeTimeLable, LogisticsCompanyLable, LogisticsCarNoLable, LogisticsNoLable
+} from '../../constants'
 import { DatePicker, Form, Input } from 'antd'
 import { FormItem } from '@/components/FormItem'
 
@@ -19,50 +23,69 @@ function DeliveryNoteAddForm() {
   })
 
   return (
-    <AnchorPage title="新增收获单"
+    <AnchorPage title={ReceiptAddLabel}
       anchors={anchors}>
 
       <BaseInfo title={BillsInfo.name} id={BillsInfo.key}>
-        <BaseInfo.BaseInfoItem label="收货单摘要">
+        <BaseInfo.BaseInfoItem label={ReceiptAbstractLabel}>
           <FormItem>
             <Input />
           </FormItem>
         </BaseInfo.BaseInfoItem>
-        <BaseInfo.BaseInfoItem label="供应会员">
+        <BaseInfo.BaseInfoItem label={SupplyMembersLabel}>
           <FormItem>
             <Input />
           </FormItem>
         </BaseInfo.BaseInfoItem>
-        <BaseInfo.BaseInfoItem label="备注">
+        <BaseInfo.BaseInfoItem label={NoteLabel}>
           <FormItem>
             <Input />
           </FormItem>
         </BaseInfo.BaseInfoItem>
       </BaseInfo>
 
-      <BaseInfo title={DeliveryInfo.name} id={DeliveryInfo.key}>
-        <BaseInfo.BaseInfoItem label="发货时间">
+      <BaseInfo title={Harvest.name} id={Harvest.key}>
+        <BaseInfo.BaseInfoItem label={ConsigneeTimeLable}>
           <FormItem>
             <DatePicker className="w-full" />
           </FormItem>
         </BaseInfo.BaseInfoItem>
-        <BaseInfo.BaseInfoItem label="收货人">
+        <BaseInfo.BaseInfoItem label={ConsigneeLabel}>
           <FormItem>
             <Input />
           </FormItem>
         </BaseInfo.BaseInfoItem>
-        <BaseInfo.BaseInfoItem label="收货人电话">
+        <BaseInfo.BaseInfoItem label={ConsigneePhoneLabel}>
           <FormItem>
             <Input />
           </FormItem>
         </BaseInfo.BaseInfoItem>
       </BaseInfo>
 
+      <BaseInfo title={DeliveryInfo.name} id={DeliveryInfo.key}>
+        <BaseInfo.BaseInfoItem label={DeliveryOrderNoLabel}>
+          HF200019343344
+        </BaseInfo.BaseInfoItem>
+        <BaseInfo.BaseInfoItem label={DeliveryAddrLabel}>
+          <div className="#LogisticsAddr">
+            <div className="#LogisticsAddrDisc leading-10">
+              广东省广州市海珠区新港东路1068号中洲中心
+            </div>
+            <div className="#LogisticsAddrName">
+              张三/13400001999
+            </div>
+          </div>
+        </BaseInfo.BaseInfoItem>
+        <BaseInfo.BaseInfoItem label={DeliveryTimeLabel}>
+          2012 / 09 / 10
+        </BaseInfo.BaseInfoItem>
+      </BaseInfo>
+
       <BaseInfo title={LogisticsInfo.name} id={LogisticsInfo.key}>
-        <BaseInfo.BaseInfoItem label=" 送货订单号">
+        <BaseInfo.BaseInfoItem label={LogisticsCompanyLable}>
           HF200019343344
         </BaseInfo.BaseInfoItem>
-        <BaseInfo.BaseInfoItem label="送货自提地址">
+        <BaseInfo.BaseInfoItem label={LogisticsCarNoLable}>
           <div className="#LogisticsAddr">
             <div className="#LogisticsAddrDisc leading-10">
               广东省广州市海珠区新港东路1068号中洲中心
@@ -72,13 +95,13 @@ function DeliveryNoteAddForm() {
             </div>
           </div>
         </BaseInfo.BaseInfoItem>
-        <BaseInfo.BaseInfoItem label="收货人电话">
-          <FormItem>
-            <Input />
-          </FormItem>
+        <BaseInfo.BaseInfoItem label={LogisticsNoLable}>
+          2012 / 09 / 10
         </BaseInfo.BaseInfoItem>
       </BaseInfo>
 
+      
+
     </AnchorPage>
   )
 }