From dfe9a89213b8fb80ba037df83a8313f0f76656cf Mon Sep 17 00:00:00 2001
From: shenyifei <m809745357@gmail.com>
Date: Thu, 11 Dec 2025 12:42:01 +0800
Subject: [PATCH] =?UTF-8?q?refactor(components):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=87=87=E8=B4=AD=E6=A8=A1=E5=9D=97=E7=A9=BA=E7=AE=B1=E5=92=8C?=
 =?UTF-8?q?=E8=B4=B9=E7=94=A8=E7=BB=84=E4=BB=B6=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 PageList 组件中对全局 loading 状态的依赖
- 简化 EmptyBoxModule 组件逻辑，使用 PackageList 组件替代原有复杂实现
- 移除冗余的状态管理和弹窗渲染逻辑
- 优化 OrderCost 组件样式和费用项匹配逻辑
- 修复成本项 ID 匹配问题，确保数据正确关联
- 添加边框样式增强视觉效果
- 移除调试日志和无用代码
- 简化组件间数据传递方式
---
 .../src/components/biz/PageList.tsx           |  11 +-
 .../purchase/PurchaseOrderApprovalList.tsx    |   9 +-
 .../purchase/PurchaseOrderAuditList.tsx       |   9 +-
 .../src/components/purchase/cost/CostCard.tsx |   7 +
 .../purchase/module/EmptyBoxModule.tsx        | 888 +-----------------
 .../purchase/module/MelonFarmer.tsx           |   6 +-
 .../components/purchase/module/OrderCost.tsx  | 169 ++--
 .../purchase/module/OrderCostItem.tsx         | 404 ++++----
 .../purchase/module/OrderOption.tsx           |   4 +-
 .../purchase/module/OrderPackage.tsx          | 413 ++++----
 .../purchase/module/OrderVehicle.tsx          | 600 ++++++------
 .../purchase/package/PackageCard.tsx          |   2 +-
 .../purchase/package/PackageList.tsx          |  11 +-
 .../app-client/src/pages/main/menu/index.tsx  |   1 -
 .../src/pages/purchase/approval/result.tsx    |   9 +-
 .../src/pages/purchase/audit/audit.tsx        | 131 ++-
 .../src/pages/purchase/audit/result.tsx       |   9 +-
 .../src/pages/purchase/enter/create.tsx       |   4 +-
 .../src/pages/purchase/enter/result.tsx       |   9 +-
 .../app-client/src/pages/supplier/create.tsx  |  10 +-
 .../src/services/business/typings.d.ts        |   8 +-
 21 files changed, 1033 insertions(+), 1681 deletions(-)

diff --git a/packages/app-client/src/components/biz/PageList.tsx b/packages/app-client/src/components/biz/PageList.tsx
index 5e21821..43cae9e 100644
--- a/packages/app-client/src/components/biz/PageList.tsx
+++ b/packages/app-client/src/components/biz/PageList.tsx
@@ -18,7 +18,6 @@ import {
 } from "@nutui/nutui-react-taro";
 import { Icon } from "@/components";
 import classNames from "classnames";
-import { globalStore } from "@/store/global-store";
 import { ActionType, IRecordListProps, Query, Record } from "./typing";
 
 export default <T extends {}, Q extends Query = Query>(
@@ -48,7 +47,6 @@ export default <T extends {}, Q extends Query = Query>(
     toolbar?.search?.defaultActiveKey || "",
   );
 
-  const { loading, setLoading } = globalStore((state: any) => state);
   const [lightTheme, setLightTheme] = useState(false);
   const [data, setData] = useState<Record<any>[]>();
   const [query, setQuery] = useState<Query>();
@@ -109,11 +107,10 @@ export default <T extends {}, Q extends Query = Query>(
         }
       })
       .exec();
-  }, [loading, toolbar]);
+  }, [toolbar]);
 
   useEffect(() => {
     if (query) {
-      setLoading(true);
       request(query as any).then((res: Record<any>) => {
         const list = res.data;
         if (res.success) {
@@ -132,7 +129,6 @@ export default <T extends {}, Q extends Query = Query>(
           if (res.hasMore !== undefined) {
             setHasMore(res.hasMore);
           }
-          setLoading(false);
         }
       });
     }
@@ -141,8 +137,7 @@ export default <T extends {}, Q extends Query = Query>(
   const [hasMore, setHasMore] = useState<boolean>();
 
   const loadMore = async () => {
-    if (hasMore && !loading && query?.pageIndex) {
-      setLoading(true);
+    if (hasMore && query?.pageIndex) {
       setQuery({
         ...query,
         pageIndex: query.pageIndex + 1,
@@ -166,7 +161,7 @@ export default <T extends {}, Q extends Query = Query>(
     );
   };
 
-  if (loading || !data) {
+  if (!data) {
     if (skeleton) {
       return renderSkeleton();
     }
diff --git a/packages/app-client/src/components/purchase/PurchaseOrderApprovalList.tsx b/packages/app-client/src/components/purchase/PurchaseOrderApprovalList.tsx
index 1258afd..4ca9c6d 100644
--- a/packages/app-client/src/components/purchase/PurchaseOrderApprovalList.tsx
+++ b/packages/app-client/src/components/purchase/PurchaseOrderApprovalList.tsx
@@ -1,5 +1,6 @@
 import {
   ActionType,
+  CopyText,
   DealerPicker,
   Icon,
   PageList,
@@ -167,9 +168,11 @@ export default function PurchaseOrderApprovalList(
                       <Label className={"text-neutral-dark text-sm"}>
                         采购单号
                       </Label>
-                      <Text className={"text-neutral-darkest text-sm"}>
-                        {purchaseOrderVO.orderSn}
-                      </Text>
+                      <CopyText copyData={purchaseOrderVO?.orderSn || "-"}>
+                        <Text className={"text-neutral-darkest text-sm"}>
+                          {purchaseOrderVO.orderSn}
+                        </Text>
+                      </CopyText>
                     </View>
                     <View
                       className={
diff --git a/packages/app-client/src/components/purchase/PurchaseOrderAuditList.tsx b/packages/app-client/src/components/purchase/PurchaseOrderAuditList.tsx
index 0077264..2d3b1e9 100644
--- a/packages/app-client/src/components/purchase/PurchaseOrderAuditList.tsx
+++ b/packages/app-client/src/components/purchase/PurchaseOrderAuditList.tsx
@@ -1,5 +1,6 @@
 import {
   ActionType,
+  CopyText,
   DealerPicker,
   Icon,
   PageList,
@@ -167,9 +168,11 @@ export default function PurchaseOrderAuditList(
                       <Label className={"text-neutral-dark text-sm"}>
                         采购单号
                       </Label>
-                      <Text className={"text-neutral-darkest text-sm"}>
-                        {purchaseOrderVO.orderSn}
-                      </Text>
+                      <CopyText copyData={purchaseOrderVO?.orderSn || "-"}>
+                        <Text className={"text-neutral-darkest text-sm"}>
+                          {purchaseOrderVO.orderSn}
+                        </Text>
+                      </CopyText>
                     </View>
                     <View
                       className={
diff --git a/packages/app-client/src/components/purchase/cost/CostCard.tsx b/packages/app-client/src/components/purchase/cost/CostCard.tsx
index 9e2a6a6..c9bdb2c 100644
--- a/packages/app-client/src/components/purchase/cost/CostCard.tsx
+++ b/packages/app-client/src/components/purchase/cost/CostCard.tsx
@@ -52,6 +52,13 @@ export default function CostCard(props: CostCardComponentProps) {
     });
   };
 
+  if (
+    orderCostItemList.length == 0 &&
+    (orderCost.type === "ARTIFICIAL_TYPE" || orderCost.type === "MATERIAL_TYPE")
+  ) {
+    return;
+  }
+
   return (
     <>
       <View className="bg-primary/3 rounded-lg border-b border-gray-100 p-2.5">
diff --git a/packages/app-client/src/components/purchase/module/EmptyBoxModule.tsx b/packages/app-client/src/components/purchase/module/EmptyBoxModule.tsx
index 23fd631..740a91e 100644
--- a/packages/app-client/src/components/purchase/module/EmptyBoxModule.tsx
+++ b/packages/app-client/src/components/purchase/module/EmptyBoxModule.tsx
@@ -1,24 +1,10 @@
-import { ScrollView, View } from "@tarojs/components";
-import { Icon } from "@/components";
+import { View } from "@tarojs/components";
+import { PackageList } from "@/components";
 import { useEffect, useState } from "react";
 import { business } from "@/services";
-import {
-  Button,
-  Checkbox,
-  Dialog,
-  Image,
-  Input,
-  Popup,
-  SafeArea,
-  Toast,
-} from "@nutui/nutui-react-taro";
+import { Checkbox } from "@nutui/nutui-react-taro";
 import { BoxBrand, BoxProduct, BoxSpec } from "@/types/typings";
-import {
-  convertBoxBrandToOrderPackages,
-  convertOrderPackagesToBoxBrands,
-  generateShortId,
-} from "@/utils";
-import classNames from "classnames";
+import { generateShortId } from "@/utils";
 
 export interface IEmptyBoxModuleProps {
   orderPackageList: BusinessAPI.OrderPackage[];
@@ -28,23 +14,9 @@ export interface IEmptyBoxModuleProps {
 export default function EmptyBoxModule(props: IEmptyBoxModuleProps) {
   const { orderPackageList, onChange } = props;
 
-  // 空箱相关状态
-  const [emptyBoxList, setEmptyBoxList] = useState<BusinessAPI.OrderPackage[]>(
-    [],
-  );
+  const [hasEmptyBox, setHasEmptyBox] = useState(false);
   const [boxBrandList, setBoxBrandList] = useState<BoxBrand[]>();
 
-  // 批量添加空箱相关状态
-  const [selectedBrand, setSelectedBrand] = useState<BoxBrand | null>(null);
-  const [productCounts, setProductCounts] = useState<Map<string, number>>(
-    new Map(),
-  );
-  const [showBatchModal, setShowBatchModal] = useState(false);
-
-  // 编辑空箱弹窗状态
-  const [showEditModal, setShowEditModal] = useState(false);
-  const [editingItem, setEditingItem] = useState<BoxBrand | null>(null);
-
   // 初始化空箱品牌数据
   const initBoxBrandList = async () => {
     const { data } = await business.boxBrand.listBoxBrand({
@@ -126,833 +98,51 @@ export default function EmptyBoxModule(props: IEmptyBoxModuleProps) {
   // 当传入的value发生变化时，重新初始化列表
   useEffect(() => {
     initBoxBrandList().then();
-    setEmptyBoxList(orderPackageList);
 
     if (orderPackageList?.length > 0) {
-      // 根据当前供应商确定需要检查的纸箱类型
-      let requiredTypes: string[] = ["EMPTY"];
-
-      requiredTypes.map((type) => {
-        setPackageTypeEnabled((prev) => ({
-          ...prev,
-          [type]: orderPackageList.some((item) => item.boxType === type)
-            ? 1
-            : 0,
-        }));
-      });
+      setHasEmptyBox(true);
     }
   }, []);
 
-  // 当空箱列表变化时，通知父组件更新
-  useEffect(() => {
-    onChange(
-      emptyBoxList?.map((item) => {
-        return {
-          ...item,
-          id: generateShortId(),
-        };
-      }),
-    );
-  }, [emptyBoxList]);
-
-  // 处理批量添加时的品牌选择
-  const handleBatchBrandSelect = (brand: BoxBrand) => {
-    // 检查是否已存在该品牌
-    const isBrandAlreadySelected = emptyBoxList.some(
-      (pkg) => pkg.boxBrandId === brand.boxBrandId,
-    );
-
-    if (isBrandAlreadySelected) {
-      Toast.show("toast", {
-        icon: "fail",
-        title: "提示",
-        content: "该空箱品牌已存在，请选择其他品牌或编辑现有信息",
-      });
-      return;
-    }
-
-    setSelectedBrand(brand);
-    // 初始化所有产品的数量为0
-    const initialCounts = new Map<string, number>();
-    brand.boxSpecList?.forEach((boxSpec) => {
-      boxSpec.boxProductList.forEach((product) => {
-        initialCounts.set(product.id, 0);
-      });
-    });
-    setProductCounts(initialCounts);
-  };
-
-  // 处理产品数量变化
-  const handleProductCountChange = (productId: string, count: number) => {
-    setProductCounts((prev) => {
-      const newCounts = new Map(prev);
-      newCounts.set(productId, Math.max(0, count)); // 允许为0，表示不使用
-      return newCounts;
-    });
-
-    // 同时更新selectedBrand中的产品数量
-    if (selectedBrand) {
-      const updatedBrand = { ...selectedBrand };
-
-      updatedBrand.boxSpecList = updatedBrand.boxSpecList?.map((boxSpec) => {
-        const updatedProducts = boxSpec.boxProductList.map((product) => {
-          if (product.id === productId) {
-            return { ...product, boxCount: count };
-          }
-          return product;
-        });
-        return { ...boxSpec, boxProductList: updatedProducts };
-      });
-      setSelectedBrand(updatedBrand);
-    }
-  };
-
-  // 批量添加空箱信息
-  const addBatchEmptyBoxInfo = () => {
-    if (!selectedBrand) {
-      return;
-    }
-
-    // 使用convertBoxBrandToOrderPackages转换数据
-    const newOrderPackages = convertBoxBrandToOrderPackages(
-      selectedBrand,
-      "EMPTY",
-    );
-
-    // 过滤掉数量为0的项目
-    const filteredOrderPackages = newOrderPackages.filter((pkg) => {
-      // 从productCounts中获取对应产品的数量
-      const product = selectedBrand.boxSpecList
-        ?.flatMap((c) => c.boxProductList)
-        .find((p) => p.id === pkg.orderPackageId);
-      const count = product ? productCounts.get(product.id) || 0 : 0;
-      return count > 0;
-    });
-
-    // 更新数量信息
-    const updatedOrderPackages = filteredOrderPackages.map((pkg) => {
-      // 从productCounts中获取对应产品的数量
-      const product = selectedBrand.boxSpecList
-        ?.flatMap((c) => c.boxProductList)
-        .find((p) => p.id === pkg.orderPackageId);
-      const count = product ? productCounts.get(product.id) || 0 : 0;
-      return {
-        ...pkg,
-        boxCount: count,
-      };
-    });
-
-    // 添加到emptyBoxList中
-    setEmptyBoxList((prev) => [...prev, ...updatedOrderPackages]);
-
-    // 重置选择并关闭弹窗
-    setSelectedBrand(null);
-    setProductCounts(new Map());
-    setShowBatchModal(false);
-  };
-
-  // 删除空箱信息
-  const removeEmptyBoxInfo = (boxBrandId: string) => {
-    console.log("removeEmptyBoxInfo", boxBrandId);
-    Dialog.open("dialog", {
-      title: "提示",
-      content: "确定要移除此空箱品牌吗？",
-      confirmText: "确定",
-      cancelText: "取消",
-      onConfirm: () => {
-        const newList = [
-          ...emptyBoxList.filter((item) => item.boxBrandId !== boxBrandId),
-        ];
-        setEmptyBoxList(newList);
-        Dialog.close("dialog");
-      },
-      onCancel: () => {
-        Dialog.close("dialog");
-      },
-    });
-  };
-
-  // 处理编辑按钮点击
-  const handleEditItem = (item: BoxBrand) => {
-    // 从emptyBoxList中找到完整的品牌信息用于编辑
-    const brandToEdit = convertOrderPackagesToBoxBrands(
-      emptyBoxList.filter((pkg) => pkg.boxBrandId === item.boxBrandId),
-    )[0];
-
-    // 获取完整品牌信息（包括所有规格）
-    const fullBrandInfo = boxBrandList?.find(
-      (brand) => brand.boxBrandId === item.boxBrandId,
-    );
-
-    // 合并已有的数据和完整品牌信息
-    const mergedBrandInfo = fullBrandInfo
-      ? ({
-          ...fullBrandInfo,
-          boxType: "EMPTY", // 保持boxType
-          boxSpecList: fullBrandInfo.boxSpecList?.map((boxSpec) => {
-            // 找到对应的已存在分类数据
-            const existingSpec = brandToEdit?.boxSpecList?.find(
-              (spec) => spec.boxSpecId === boxSpec.boxSpecId,
-            );
-
-            return {
-              ...boxSpec,
-              boxProductList: boxSpec.boxProductList.map((product) => {
-                // 找到对应的产品数据
-                const existingProduct = existingSpec?.boxProductList.find(
-                  (prod) => prod.boxProductId === product.boxProductId,
-                );
-
-                return {
-                  ...product,
-                  boxCount: existingProduct?.boxCount || 0,
-                };
-              }),
-            };
-          }),
-        } as BoxBrand)
-      : brandToEdit;
-
-    if (mergedBrandInfo) {
-      setEditingItem(mergedBrandInfo);
-      setShowEditModal(true);
-    }
-  };
-
-  // 更新编辑项中的数量
-  const updateEditingItemCount = (
-    specIndex: number,
-    detailIndex: number,
-    count: number,
-  ) => {
-    if (!editingItem) return;
-
-    // 获取完整品牌信息
-    const fullBrandInfo = boxBrandList?.find(
-      (brand) => brand.boxBrandId === editingItem.boxBrandId,
-    );
-
-    if (!fullBrandInfo) return;
-
-    const updatedItem = { ...editingItem };
-
-    // 确保boxSpecList存在
-    if (!updatedItem.boxSpecList) {
-      updatedItem.boxSpecList = fullBrandInfo.boxSpecList.map((boxSpec) => ({
-        ...boxSpec,
-        boxProductList: boxSpec.boxProductList.map((product) => ({
-          ...product,
-          boxCount: 0,
-        })),
-      }));
-    }
-
-    // 确保spec存在
-    if (!updatedItem.boxSpecList[specIndex]) {
-      updatedItem.boxSpecList[specIndex] = {
-        ...fullBrandInfo.boxSpecList[specIndex],
-        boxProductList: fullBrandInfo.boxSpecList[specIndex].boxProductList.map(
-          (product) => ({
-            ...product,
-            boxCount: 0,
-          }),
-        ),
-      };
-    }
-
-    // 更新对应的产品数量
-    const boxSpec = { ...updatedItem.boxSpecList[specIndex] };
-
-    // 确保boxProductList存在
-    if (!boxSpec.boxProductList) {
-      boxSpec.boxProductList = fullBrandInfo.boxSpecList[
-        specIndex
-      ].boxProductList.map((product) => ({
-        ...product,
-        boxCount: 0,
-      }));
-    }
-
-    const boxProductList = [...boxSpec.boxProductList];
-
-    // 确保产品存在
-    if (!boxProductList[detailIndex]) {
-      boxProductList[detailIndex] = {
-        ...fullBrandInfo.boxSpecList[specIndex].boxProductList[detailIndex],
-        boxCount: 0,
-      };
-    }
-
-    boxProductList[detailIndex] = {
-      ...boxProductList[detailIndex],
-      boxCount: count,
-    };
-
-    boxSpec.boxProductList = boxProductList;
-    const updatedSpecList = [...updatedItem.boxSpecList];
-    updatedSpecList[specIndex] = boxSpec;
-    updatedItem.boxSpecList = updatedSpecList;
-
-    setEditingItem(updatedItem);
-  };
-
-  // 保存编辑的空箱信息
-  const saveEditedItem = () => {
-    if (editingItem) {
-      // 检查是否尝试更改为已存在的品牌（排除自身）
-      const isBrandAlreadySelected = emptyBoxList.some(
-        (pkg) =>
-          pkg.boxBrandId === editingItem.boxBrandId &&
-          !(pkg.boxBrandId === editingItem.boxBrandId),
-      );
-
-      if (isBrandAlreadySelected) {
-        Toast.show("toast", {
-          icon: "fail",
-          title: "提示",
-          content: "该空箱品牌已存在，请选择其他品牌",
-        });
-        return;
-      }
-
-      // 使用convertBoxBrandToOrderPackages转换编辑后的数据
-      const updatedOrderPackages = convertBoxBrandToOrderPackages(
-        editingItem,
-        "EMPTY",
-      ).filter((pkg) => pkg.boxCount > 0);
-
-      // 更新emptyBoxList
-      const newList = [...emptyBoxList];
-      // 找到对应品牌和类型的现有项目并替换
-      const startIndex = newList.findIndex(
-        (pkg) => pkg.boxBrandId === editingItem.boxBrandId,
-      );
-
-      if (startIndex !== -1) {
-        // 移除旧的项目
-        const filteredList = newList.filter(
-          (pkg) => !(pkg.boxBrandId === editingItem.boxBrandId),
-        );
-
-        // 添加更新后的项目
-        setEmptyBoxList([...filteredList, ...updatedOrderPackages]);
-      } else {
-        // 如果没有找到，直接添加
-        setEmptyBoxList((prev) => [...prev, ...updatedOrderPackages]);
-      }
-    }
-    setShowEditModal(false);
-    setEditingItem(null);
-  };
-
-  // 渲染单个空箱信息模块
-  const renderEmptyBoxItem = (item: BoxBrand) => {
-    // 获取品牌信息用于展示品牌图片
-    const brandInfo = boxBrandList?.find(
-      (brand) => brand.boxBrandId === item.boxBrandId,
-    );
-
-    return (
-      <View
-        className="mb-2.5 overflow-hidden rounded-xl border border-gray-200 bg-white p-2.5 shadow-sm"
-        key={item.id}
-      >
-        {/* 品牌背景水印 */}
-        {brandInfo?.boxBrandImage && (
-          <View className="absolute top-2 right-2 opacity-10">
-            <Image
-              src={brandInfo.boxBrandImage}
-              className="h-full w-full"
-              mode="aspectFit"
-            />
-          </View>
-        )}
-
-        {/* 品牌信息和操作按钮放在同一行 */}
-        <View className="mb-3 flex items-start justify-between">
-          <View className="flex items-center">
-            {brandInfo?.boxBrandImage && (
-              <View className="mr-3 h-10 w-10 overflow-hidden rounded-lg border border-gray-200">
-                <Image
-                  src={brandInfo.boxBrandImage}
-                  className="h-full w-full"
-                  mode="aspectFit"
-                />
-              </View>
-            )}
-            <View>
-              <View className="text-lg font-bold text-gray-800">
-                {item.boxBrandName || "未选择品牌"}
-              </View>
-            </View>
-          </View>
-
-          {/* 操作按钮与品牌信息放在同一行 */}
-          <View className="flex gap-2">
-            <View
-              className="cursor-pointer rounded-lg bg-blue-100 px-3 py-1 text-xs font-medium text-blue-600 transition-colors hover:bg-blue-200"
-              onClick={() => handleEditItem(item)}
-            >
-              编辑
-            </View>
-            <View
-              className="cursor-pointer rounded-lg bg-red-100 px-3 py-1 text-xs font-medium text-red-600 transition-colors hover:bg-red-200"
-              onClick={() => {
-                console.log("removeEmptyBoxInfo", item.boxBrandId);
-                removeEmptyBoxInfo(item.boxBrandId);
-              }}
-            >
-              移除
-            </View>
-          </View>
-        </View>
-
-        {/* 详细信息展示，按分类显示 */}
-        <View className="space-y-2">
-          {item.boxSpecList &&
-            item.boxSpecList.map((boxSpec, boxIndex) => (
-              <View
-                key={boxIndex}
-                className="rounded-lg bg-gray-50 p-3 text-sm text-gray-600"
-              >
-                <View className="mb-1 font-medium text-gray-700">
-                  {boxSpec.boxSpecName}
-                </View>
-                <View>
-                  {boxSpec.boxProductList
-                    .map(
-                      (detail) =>
-                        `${detail.boxProductName} 共 ${detail.boxCount} 个`,
-                    )
-                    .join("，")}
-                </View>
-              </View>
-            ))}
-        </View>
-      </View>
-    );
-  };
-
-  // 渲染批量添加空箱弹窗
-  const renderBatchAddModal = () => {
-    // 检查是否至少有一个产品的数量大于0
-    const hasAnyProductWithCount = selectedBrand
-      ? Array.from(productCounts.values()).some((count) => count > 0)
-      : false;
-
-    return (
-      <Popup
-        duration={150}
-        style={{
-          minHeight: "auto",
-        }}
-        visible={showBatchModal}
-        position="bottom"
-        onClose={() => {
-          setShowBatchModal(false);
-          setSelectedBrand(null);
-          setProductCounts(new Map());
-        }}
-        title={"批量添加空箱"}
-        round
-      >
-        <View className="p-2.5">
-          <ScrollView
-            scrollY
-            style={{
-              height: "65vh",
-              width: "100%",
-            }}
-          >
-            {/* 品牌选择 */}
-            <View className="mb-4">
-              <View className="mb-2 text-sm text-gray-600">选择品牌</View>
-              <ScrollView className="mb-2.5" scrollX>
-                <View className="flex w-fit flex-row gap-2.5">
-                  {boxBrandList
-                    ?.filter((item) => item.boxBrandType !== "FARMER_BOX")
-                    ?.map((boxBrand) => (
-                      <View
-                        key={boxBrand.id}
-                        className={"flex flex-col items-center justify-center"}
-                        onClick={() => handleBatchBrandSelect(boxBrand)}
-                      >
-                        <View
-                          className={classNames(
-                            "border-primary box-content !size-16 overflow-hidden rounded-xl border-4 object-cover",
-                            {
-                              "border-primary":
-                                selectedBrand?.id === boxBrand.id,
-                              "border-transparent":
-                                selectedBrand?.id !== boxBrand.id,
-                            },
-                          )}
-                        >
-                          <Image
-                            src={boxBrand.boxBrandImage}
-                            className="h-full w-full"
-                            mode={"aspectFill"}
-                            alt={boxBrand.boxBrandImage}
-                          />
-                        </View>
-                        <View className="text-center text-xs">
-                          {boxBrand.boxBrandName}
-                        </View>
-                      </View>
-                    ))}
-                </View>
-              </ScrollView>
-            </View>
-
-            {/* 未选择品牌时的提示 */}
-            {!selectedBrand && (
-              <View className="mb-4 rounded-lg bg-yellow-50 p-4 text-center">
-                <View className="text-yellow-800">请先选择一个品牌</View>
-              </View>
-            )}
-
-            {/* 产品展示 */}
-            {selectedBrand && (
-              <View className="mb-4">
-                <View className="mb-2 text-sm text-gray-600">
-                  空箱规格（点击 +/- 修改数量，0表示不使用）
-                </View>
-                {selectedBrand.boxSpecList?.map((boxSpec) => (
-                  <View key={boxSpec.id} className="mb-4">
-                    <View className="mb-2 text-base font-medium">
-                      {boxSpec.boxSpecName}
-                    </View>
-                    <View className="space-y-3">
-                      {boxSpec.boxProductList.map((boxProduct) => {
-                        const currentCount =
-                          productCounts.get(boxProduct.id) || 0;
-                        return (
-                          <View
-                            key={boxProduct.id}
-                            className="flex items-center justify-between rounded-lg bg-gray-50 p-3"
-                          >
-                            <View className="text-gray-800">
-                              {boxProduct.boxProductName}
-                            </View>
-                            <View className="flex items-center">
-                              <View
-                                className="flex h-8 w-8 items-center justify-center rounded-l bg-gray-200"
-                                onClick={() => {
-                                  handleProductCountChange(
-                                    boxProduct.id,
-                                    Math.max(0, currentCount - 1),
-                                  );
-                                }}
-                              >
-                                <Icon name="minus" size={16} />
-                              </View>
-                              <View className="flex h-8 w-12 items-center justify-center border-y border-gray-200">
-                                <Input
-                                  type="number"
-                                  value={currentCount.toString()}
-                                  align={"center"}
-                                  className="!h-8 !w-12 !p-0 !text-center"
-                                  onChange={(value) => {
-                                    const num = Number(value);
-                                    if (!Number.isNaN(num) && num >= 0) {
-                                      handleProductCountChange(
-                                        boxProduct.id,
-                                        num,
-                                      );
-                                    }
-                                  }}
-                                />
-                              </View>
-                              <View
-                                className="flex h-8 w-8 items-center justify-center rounded-r bg-gray-200"
-                                onClick={() => {
-                                  handleProductCountChange(
-                                    boxProduct.id,
-                                    currentCount + 1,
-                                  );
-                                }}
-                              >
-                                <Icon name="plus" size={16} />
-                              </View>
-                              <View className="ml-2 text-gray-800">个</View>
-                            </View>
-                          </View>
-                        );
-                      })}
-                    </View>
-                  </View>
-                ))}
-              </View>
-            )}
-          </ScrollView>
-
-          {/* 底部按钮 */}
-          <View className="flex gap-2 pt-4">
-            <View className="flex-1">
-              <Button
-                type={"default"}
-                size={"large"}
-                block
-                onClick={() => {
-                  setShowBatchModal(false);
-                  setSelectedBrand(null);
-                  setProductCounts(new Map());
-                }}
-              >
-                取消
-              </Button>
-            </View>
-            <View className="flex-1">
-              <Button
-                type={"primary"}
-                size={"large"}
-                block
-                disabled={!selectedBrand || !hasAnyProductWithCount}
-                onClick={addBatchEmptyBoxInfo}
-              >
-                保存
-              </Button>
-            </View>
-          </View>
-          <SafeArea position={"bottom"} />
-        </View>
-      </Popup>
-    );
-  };
-
-  // 渲染编辑空箱弹窗
-  const renderEditModal = () => {
-    if (!editingItem) return null;
-
-    // 获取品牌信息
-    const brandInfo = boxBrandList?.find(
-      (brand) => brand.boxBrandId === editingItem.boxBrandId,
-    );
-
-    return (
-      <Popup
-        duration={150}
-        style={{
-          minHeight: "auto",
-        }}
-        visible={showEditModal}
-        position="bottom"
-        onClose={() => setShowEditModal(false)}
-        title={"编辑空箱信息"}
-        round
-      >
-        <View className="p-2.5">
-          <ScrollView
-            scrollY
-            style={{
-              height: "65vh",
-              width: "100%",
-            }}
-          >
-            {/* 品牌信息 */}
-            <View className="mb-4">
-              <View className="mb-2 text-sm text-gray-600">品牌信息</View>
-              <View className="flex items-center rounded-lg bg-gray-50 p-3">
-                {brandInfo?.boxBrandImage && (
-                  <View className="border-primary mr-3 h-16 w-16 overflow-hidden rounded-xl border-4 object-cover">
-                    <Image
-                      src={brandInfo.boxBrandImage}
-                      className="h-full w-full"
-                      mode="aspectFill"
-                    />
-                  </View>
-                )}
-                <View className="text-base font-medium text-gray-800">
-                  {editingItem.boxBrandName}
-                </View>
-              </View>
-            </View>
-
-            {/* 详细信息 */}
-            <View className="mb-4">
-              <View className="mb-2 text-sm text-gray-600">空箱详情</View>
-              <View className="space-y-3">
-                {editingItem?.boxSpecList &&
-                  editingItem.boxSpecList.map((boxSpec, specId) => (
-                    <View key={specId} className="rounded-lg bg-gray-50 p-3">
-                      <View className="mb-2 text-base font-medium text-gray-800">
-                        {boxSpec.boxSpecName}
-                      </View>
-                      <View className="space-y-2">
-                        {boxSpec.boxProductList.map((detail, detailIndex) => {
-                          const currentCount = detail?.boxCount || 0;
-
-                          return (
-                            <View
-                              key={detailIndex}
-                              className="flex items-center justify-between py-1"
-                            >
-                              <View className="text-gray-600">
-                                {detail.boxProductName}
-                              </View>
-                              <View className="flex items-center">
-                                <View
-                                  className="flex h-8 w-8 items-center justify-center rounded-l bg-gray-200"
-                                  onClick={() => {
-                                    const newCount = Math.max(
-                                      0,
-                                      currentCount - 1,
-                                    );
-                                    updateEditingItemCount(
-                                      specId,
-                                      detailIndex,
-                                      newCount,
-                                    );
-                                  }}
-                                >
-                                  <Icon name="minus" size={16} />
-                                </View>
-                                <View className="flex h-8 w-12 items-center justify-center border-y border-gray-200">
-                                  <Input
-                                    type="number"
-                                    value={currentCount.toString()}
-                                    align={"center"}
-                                    className="!h-8 !w-12 !p-0 !text-center"
-                                    onChange={(value) => {
-                                      const num = Number(value);
-                                      if (!Number.isNaN(num) && num >= 0) {
-                                        updateEditingItemCount(
-                                          specId,
-                                          detailIndex,
-                                          num,
-                                        );
-                                      }
-                                    }}
-                                  />
-                                </View>
-                                <View
-                                  className="flex h-8 w-8 items-center justify-center rounded-r bg-gray-200"
-                                  onClick={() => {
-                                    updateEditingItemCount(
-                                      specId,
-                                      detailIndex,
-                                      currentCount + 1,
-                                    );
-                                  }}
-                                >
-                                  <Icon name="plus" size={16} />
-                                </View>
-                                <View className="ml-2 font-medium text-gray-800">
-                                  个
-                                </View>
-                              </View>
-                            </View>
-                          );
-                        })}
-                      </View>
-                    </View>
-                  ))}
-              </View>
-            </View>
-          </ScrollView>
-
-          {/* 底部按钮 */}
-          <View className="flex gap-2 pt-4">
-            <View className="flex-1">
-              <Button
-                size={"large"}
-                type={"default"}
-                block
-                onClick={() => setShowEditModal(false)}
-              >
-                取消
-              </Button>
-            </View>
-            <View className="flex-1">
-              <Button
-                type="primary"
-                size={"large"}
-                block
-                onClick={saveEditedItem}
-              >
-                保存
-              </Button>
-            </View>
-          </View>
-          <SafeArea position={"bottom"} />
-        </View>
-      </Popup>
-    );
-  };
-
-  // 获取空箱列表
-  const emptyBoxes = convertOrderPackagesToBoxBrands(emptyBoxList);
-
-  // 新增状态：跟踪每种纸箱类型的启用状态
-  // 0: 未选, 1: 选择是, 2: 选择否
-  const [packageTypeEnabled, setPackageTypeEnabled] = useState({
-    EMPTY: 0,
-  });
-
-  // 处理纸箱类型启用状态切换
-  const togglePackageType = (
-    type: BusinessAPI.OrderPackage["boxType"],
-    value: number, // 0: 未选, 1: 选择是, 2: 选择否
-  ) => {
-    setPackageTypeEnabled((prev) => ({
-      ...prev,
-      [type]: value,
-    }));
-  };
+  console.log("orderPackageList", orderPackageList);
 
   return (
     <View className={"flex flex-1 flex-col gap-2.5"}>
-      <View className="flex flex-col gap-2.5 rounded-lg bg-white p-2.5 shadow-sm">
-        <View className="flex items-center justify-between">
-          <View className="text-sm">带空箱了吗？</View>
-          <View className="flex flex-row items-center">
-            <Checkbox
-              className={"flex flex-row items-center"}
-              checked={packageTypeEnabled.EMPTY === 1}
-              onChange={(checked) => {
-                togglePackageType("EMPTY", checked ? 1 : 0);
-                if (!checked) {
-                  setEmptyBoxList([]);
-                }
-              }}
-            >
-              <View className={"text-sm font-normal text-[#000000]"}>带了</View>
-            </Checkbox>
+      <View className="bg-primary/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm text-gray-600">
+        <View className="flex flex-col gap-2.5">
+          <View className="flex items-center justify-between">
+            <View className="block text-sm font-normal text-[#000000]">
+              带空箱了吗？
+            </View>
+            <View className="flex flex-row items-center">
+              <Checkbox
+                className={"flex flex-row items-center"}
+                checked={hasEmptyBox}
+                onChange={(checked) => {
+                  setHasEmptyBox(checked);
+                  if (!checked) {
+                    onChange([]);
+                  }
+                }}
+              >
+                <View className={"text-sm font-normal text-[#000000]"}>
+                  带了
+                </View>
+              </Checkbox>
+            </View>
           </View>
+
+          {/* 空箱信息展示 */}
+          {hasEmptyBox && (
+            <PackageList
+              boxType={"EMPTY"}
+              orderPackageList={orderPackageList}
+              setOrderPackageList={onChange}
+              boxBrandList={boxBrandList}
+            />
+          )}
         </View>
-
-        {/* 空箱信息展示 */}
-        {packageTypeEnabled.EMPTY === 1 && (
-          <View>
-            {emptyBoxes.length > 0 ? (
-              emptyBoxes.map((item) => renderEmptyBoxItem(item))
-            ) : (
-              <View className="mb-4 rounded-lg bg-gray-50 p-4 text-center text-gray-500">
-                还没有添加空箱
-              </View>
-            )}
-
-            <Button
-              icon={<Icon name={"plus"} size={20} />}
-              type={"primary"}
-              size={"large"}
-              fill={"outline"}
-              block
-              className="border-primary text-primary flex w-full items-center justify-center !border-2 !bg-white"
-              onClick={() => {
-                setShowBatchModal(true);
-              }}
-            >
-              <View>添加空箱</View>
-            </Button>
-          </View>
-        )}
       </View>
-
-      {/* 批量添加弹窗 */}
-      {renderBatchAddModal()}
-      {/* 编辑弹窗 */}
-      {renderEditModal()}
     </View>
   );
 }
diff --git a/packages/app-client/src/components/purchase/module/MelonFarmer.tsx b/packages/app-client/src/components/purchase/module/MelonFarmer.tsx
index 1100e3c..04b890f 100644
--- a/packages/app-client/src/components/purchase/module/MelonFarmer.tsx
+++ b/packages/app-client/src/components/purchase/module/MelonFarmer.tsx
@@ -595,7 +595,7 @@ export default forwardRef<MelonFarmerRef, IMelonFarmerProps>(
 
         {/* 只有最后一个瓜农才显示是否为最后一个瓜农的选项和添加按钮 */}
         {isLast && (
-          <View className="rounded-lg bg-white p-2.5 shadow-sm">
+          <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
             <View className="flex items-center justify-between">
               {supplierCount > 1 ? (
                 <View className="text-sm">这车货还需继续拼车吗？</View>
@@ -711,7 +711,7 @@ export default forwardRef<MelonFarmerRef, IMelonFarmerProps>(
         </View>
 
         {/* 瓜农信息 */}
-        <View className="rounded-lg bg-white p-2.5 shadow-sm">
+        <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
           <View className="mb-2.5">
             <View className="flex items-center justify-between">
               <View className={"text-primary text-sm font-bold"}>
@@ -910,7 +910,7 @@ export default forwardRef<MelonFarmerRef, IMelonFarmerProps>(
         </View>
 
         {/* 若瓜农无法开发票，则可打款到微信 */}
-        <View className="rounded-lg bg-white p-2.5 shadow-sm">
+        <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
           <View className={`flex w-full border-gray-300`}>
             <Uploader
               className={"w-full"}
diff --git a/packages/app-client/src/components/purchase/module/OrderCost.tsx b/packages/app-client/src/components/purchase/module/OrderCost.tsx
index de8df86..d1e4c70 100644
--- a/packages/app-client/src/components/purchase/module/OrderCost.tsx
+++ b/packages/app-client/src/components/purchase/module/OrderCost.tsx
@@ -3,6 +3,7 @@ import { Icon } from "@/components";
 import { forwardRef, useEffect, useImperativeHandle, useState } from "react";
 import { Checkbox, Input, Toast } from "@nutui/nutui-react-taro";
 import { generateShortId } from "@/utils";
+import { business } from "@/services";
 
 // 定义ref暴露的方法接口
 export interface OrderCostRef {
@@ -21,11 +22,14 @@ export default forwardRef<OrderCostRef, IOrderCostProps>(
     const { value, onChange } = props;
 
     const { orderSupplierList, orderCostList } = value;
+    console.log("orderCostList", orderCostList);
     const supplierVO = orderSupplierList[orderSupplierList.length - 1];
     const costTemplate = supplierVO?.costTemplate;
     const costIds = supplierVO?.costIds;
+    console.log("costIds", costIds);
     // 解析costTemplate为JSON对象
     const parsedCostTemplate = JSON.parse(costTemplate || "[]");
+    console.log("parsedCostTemplate", parsedCostTemplate);
 
     // 初始化函数
     const init = async (costIds: string[]) => {
@@ -43,7 +47,7 @@ export default forwardRef<OrderCostRef, IOrderCostProps>(
 
       // 遍历costList，将costList中的项目添加到orderCostList中
       parsedCostTemplate.productionTypeList?.forEach((item) => {
-        const existingItem = orderCostMap.get(item.costItemId);
+        const existingItem = orderCostMap.get(item.costId);
 
         if (existingItem) {
           newOrderCostList.push({
@@ -62,6 +66,44 @@ export default forwardRef<OrderCostRef, IOrderCostProps>(
             price: item.price || 0,
             unit: item.unit || "元",
           });
+
+          orderCostMap.set(item.costId, {
+            orderCostId: generateShortId(),
+            costItemIds: item.costItemIds,
+            costId: item.costId,
+            name: item.name,
+            type: item.type,
+            selected: false,
+            count: 1,
+            price: item.price || 0,
+            unit: item.unit || "元",
+          });
+        }
+      });
+
+      const { data } = await business.cost.listCost({
+        costListQry: {
+          status: true,
+        },
+      });
+
+      data.data?.forEach((item) => {
+        if (
+          item.costId &&
+          costIds?.includes(item.costId) &&
+          !newOrderCostList.some((cost) => cost.costId === item.costId)
+        ) {
+          newOrderCostList.push({
+            orderCostId: generateShortId(),
+            costItemIds: item.costItemIds,
+            costId: item.costId,
+            name: item.name,
+            type: item.type,
+            selected: false,
+            count: 1,
+            price: item.price || 0,
+            unit: item.unit || "元",
+          });
         }
       });
 
@@ -163,77 +205,82 @@ export default forwardRef<OrderCostRef, IOrderCostProps>(
         const orderCostId = currentItem?.orderCostId || generateShortId();
 
         return (
-          <View key={index}>
-            <View className={"flex flex-col gap-2.5 rounded-lg bg-white p-2.5"}>
-              <View className={"flex flex-row justify-between"}>
-                <View className="block text-sm font-normal text-[#000000]">
-                  {item.name}
-                </View>
-                <Checkbox
-                  className={"flex flex-row items-center"}
-                  checked={selected}
-                  onChange={(checked) => {
-                    toggleItemSelected(item.costId, checked);
-                  }}
-                >
-                  <View className={"text-sm font-normal text-[#000000]"}>
-                    用了
-                  </View>
-                </Checkbox>
+          <View
+            key={index}
+            className={
+              "bg-primary/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm text-gray-600"
+            }
+          >
+            <View className={"flex flex-row justify-between"}>
+              <View className="block text-sm font-normal text-[#000000]">
+                {item.name}
               </View>
-
-              {/* 只对生产费用类型显示金额输入框 */}
-              {selected && (
-                <View>
-                  <View className="flex items-center justify-between gap-2">
-                    <View className="flex-shrink-0 text-sm">多少钱:</View>
-                    <View className="flex flex-1 items-center">
-                      <View
-                        className={`flex h-12 w-full shrink items-center border-4 ${countError[orderCostId] && selected ? "border-red-500" : "border-gray-200"} bg-white`}
-                      >
-                        <Input
-                          type="number"
-                          value={price.toString()}
-                          align={"center"}
-                          placeholder={"输入多少钱"}
-                          onChange={(value) => {
-                            updatePrice(item.costId, Number(value));
-                          }}
-                          onBlur={() => validateCount(orderCostId, price)}
-                        />
-                      </View>
-                      <View className={"ml-2.5 text-sm text-gray-500"}>元</View>
-                    </View>
-                  </View>
-
-                  {countError[orderCostId] && selected && (
-                    <View className="mt-1 text-xs text-red-500">
-                      请填写正确的金额
-                    </View>
-                  )}
+              <Checkbox
+                className={"flex flex-row items-center"}
+                checked={selected}
+                onChange={(checked) => {
+                  toggleItemSelected(item.costId, checked);
+                }}
+              >
+                <View className={"text-sm font-normal text-[#000000]"}>
+                  用了
                 </View>
-              )}
+              </Checkbox>
             </View>
+
+            {/* 只对生产费用类型显示金额输入框 */}
+            {selected && (
+              <View>
+                <View className="flex items-center justify-between gap-2">
+                  <View className="flex-shrink-0 text-sm">多少钱:</View>
+                  <View className="flex flex-1 items-center">
+                    <View
+                      className={`flex h-12 w-full shrink items-center border-4 ${countError[orderCostId] && selected ? "border-red-500" : "border-gray-200"} bg-white`}
+                    >
+                      <Input
+                        type="number"
+                        value={price.toString()}
+                        align={"center"}
+                        placeholder={"输入多少钱"}
+                        onChange={(value) => {
+                          updatePrice(item.costId, Number(value));
+                        }}
+                        onBlur={() => validateCount(orderCostId, price)}
+                      />
+                    </View>
+                    <View className={"ml-2.5 text-sm text-gray-500"}>元</View>
+                  </View>
+                </View>
+
+                {countError[orderCostId] && selected && (
+                  <View className="mt-1 text-xs text-red-500">
+                    请填写正确的金额
+                  </View>
+                )}
+              </View>
+            )}
           </View>
         );
       });
     };
 
     return (
-      <View className="flex flex-1 flex-col gap-2.5 bg-[#D1D5DB] p-2.5 pt-2.5">
+      <View className="flex flex-1 flex-col gap-2.5 bg-[#D1D5DB] p-2.5">
         {/* 生产费用模块 */}
-        <View className={"flex flex-1 flex-col gap-2.5"}>
-          <View className="text-sm font-bold">费用</View>
-          <View className="flex items-center rounded-lg border border-blue-200 bg-blue-50 p-2.5">
-            <Icon
-              className={"mr-1"}
-              name="circle-info"
-              color={"var(--color-blue-700)"}
-              size={18}
-            />
-            <View className={"text-sm text-blue-700"}>用了直接填写金额</View>
+        <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
+          <View className={"flex flex-1 flex-col gap-2.5"}>
+            <View className="text-sm font-bold">费用</View>
+            <View className="flex items-center rounded-lg border border-blue-200 bg-blue-50 p-2.5">
+              <Icon
+                className={"mr-1 leading-4"}
+                name="circle-info"
+                color={"var(--color-blue-700)"}
+                size={18}
+              />
+              <View className={"text-sm text-blue-700"}>用了直接填写金额</View>
+            </View>
+            {renderItemList(parsedCostTemplate.productionTypeList)}
           </View>
-          {renderItemList(parsedCostTemplate.productionTypeList)}
         </View>
       </View>
     );
diff --git a/packages/app-client/src/components/purchase/module/OrderCostItem.tsx b/packages/app-client/src/components/purchase/module/OrderCostItem.tsx
index caeff5d..6d56d85 100644
--- a/packages/app-client/src/components/purchase/module/OrderCostItem.tsx
+++ b/packages/app-client/src/components/purchase/module/OrderCostItem.tsx
@@ -302,6 +302,19 @@ export default forwardRef<OrderCostItemRef, IOrderCostItemProps>(
                 onChange?.({
                   ...value,
                   orderPackageList,
+                  orderCostItemList: orderCostItemList?.map((item1) =>
+                    item1.costItemId === item.costItemId
+                      ? {
+                          ...item1,
+                          selected,
+                          price: orderPackageList.reduce(
+                            (sum, item) =>
+                              sum + (item.boxSalePrice || 0) * item.boxCount,
+                            0,
+                          ),
+                        }
+                      : item1,
+                  ),
                 });
               }}
             />
@@ -309,167 +322,168 @@ export default forwardRef<OrderCostItemRef, IOrderCostItemProps>(
         }
 
         return (
-          <View key={index}>
-            <View className={"flex flex-col gap-2.5 rounded-lg bg-white p-2.5"}>
-              <View className={"flex flex-row justify-between"}>
-                <View className="block text-sm font-normal text-[#000000]">
-                  {item.name}
-                </View>
-                <Checkbox
-                  className={"flex flex-row items-center"}
-                  checked={selected}
-                  onChange={(checked) => {
-                    toggleItemSelected(item.costItemId, checked);
-                  }}
-                >
-                  <View className={"text-sm font-normal text-[#000000]"}>
-                    用了
-                  </View>
-                </Checkbox>
+          <View
+            key={index}
+            className={
+              "bg-primary/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm text-gray-600"
+            }
+          >
+            <View className={"flex flex-row justify-between"}>
+              <View className="block text-sm font-normal text-[#000000]">
+                {item.name}
               </View>
+              <Checkbox
+                className={"flex flex-row items-center"}
+                checked={selected}
+                onChange={(checked) => {
+                  toggleItemSelected(item.costItemId, checked);
+                }}
+              >
+                <View className={"text-sm font-normal text-[#000000]"}>
+                  用了
+                </View>
+              </Checkbox>
+            </View>
 
-              {selected && type === "ARTIFICIAL_TYPE" && (
+            {selected && type === "ARTIFICIAL_TYPE" && (
+              <View>
+                {/* 费用承担方改为按钮形式，参考OrderPackage中的样式 */}
+                <View className="flex items-center justify-between">
+                  <View className="flex-shrink-0 text-sm">谁出钱:</View>
+                  <View className="flex gap-2">
+                    <Button
+                      size="small"
+                      type={payerType === "US" ? "primary" : "default"}
+                      onClick={() => {
+                        updatePayerType(item.costItemId, "US");
+                      }}
+                    >
+                      我们出
+                    </Button>
+                    <Button
+                      size="small"
+                      type={payerType === "OTHER" ? "primary" : "default"}
+                      onClick={() => {
+                        updatePayerType(item.costItemId, "OTHER");
+                      }}
+                    >
+                      对方出
+                    </Button>
+                  </View>
+                </View>
+
+                {payerTypeError[item.costItemId] && selected && (
+                  <View className="mt-1 text-xs text-red-500">
+                    请选择谁出这笔钱
+                  </View>
+                )}
+              </View>
+            )}
+
+            {/* 根据rule值判断是否显示数量输入 */}
+            {selected &&
+              (type === "ARTIFICIAL_TYPE" || type === "MATERIAL_TYPE") &&
+              (item.rule === "INPUT_QUANTITY" ||
+                item.rule === "INPUT_QUANTITY_AND_AMOUNT") && (
                 <View>
-                  {/* 费用承担方改为按钮形式，参考OrderPackage中的样式 */}
-                  <View className="flex items-center justify-between">
-                    <View className="flex-shrink-0 text-sm">谁出钱:</View>
-                    <View className="flex gap-2">
-                      <Button
-                        size="small"
-                        type={payerType === "US" ? "primary" : "default"}
+                  <View className="flex items-center justify-between gap-2">
+                    <View className="flex-shrink-0 text-sm">用多少:</View>
+                    <View className="flex flex-1 items-center">
+                      <View
+                        className="flex !size-12 flex-none items-center justify-center bg-gray-200 text-sm"
                         onClick={() => {
-                          updatePayerType(item.costItemId, "US");
+                          const currentCount = count || 1;
+                          const newCount = Math.max(1, currentCount - 1);
+                          updateItemCount(item.costItemId, newCount);
+
+                          // 校验数量
+                          if (selected) {
+                            validateCount(orderCostItemId, newCount);
+                          }
                         }}
                       >
-                        我们出
-                      </Button>
-                      <Button
-                        size="small"
-                        type={payerType === "OTHER" ? "primary" : "default"}
+                        <Icon name="minus" size={20} />
+                      </View>
+                      <View
+                        className={`flex h-12 w-full shrink items-center border-4 border-gray-200`}
+                      >
+                        <Input
+                          type="number"
+                          value={count?.toString()}
+                          align={"center"}
+                          placeholder={"用了多少"}
+                          onChange={(value) => {
+                            updateItemCount(item.costItemId, Number(value));
+                          }}
+                          formatter={(value) =>
+                            Math.max(1, Number(value)).toString()
+                          }
+                          onBlur={() => validateCount(orderCostItemId, count)}
+                        />
+                      </View>
+                      <View
+                        className="flex !size-12 flex-none items-center justify-center bg-gray-200 text-sm"
                         onClick={() => {
-                          updatePayerType(item.costItemId, "OTHER");
+                          const currentCount = count || 1;
+                          const newCount = currentCount + 1;
+                          updateItemCount(item.costItemId, newCount);
+
+                          // 校验数量
+                          if (selected) {
+                            validateCount(orderCostItemId, newCount);
+                          }
                         }}
                       >
-                        对方出
-                      </Button>
+                        <Icon name="plus" size={20} />
+                      </View>
+
+                      <View className={"ml-2.5 text-sm text-gray-500"}>
+                        {item.unit}
+                      </View>
                     </View>
                   </View>
 
-                  {payerTypeError[item.costItemId] && selected && (
+                  {countError[orderCostItemId] && selected && (
                     <View className="mt-1 text-xs text-red-500">
-                      请选择谁出这笔钱
+                      请填写正确的数量
                     </View>
                   )}
                 </View>
               )}
 
-              {/* 根据rule值判断是否显示数量输入 */}
-              {selected &&
-                (type === "ARTIFICIAL_TYPE" || type === "MATERIAL_TYPE") &&
-                (item.rule === "INPUT_QUANTITY" ||
-                  item.rule === "INPUT_QUANTITY_AND_AMOUNT") && (
-                  <View>
-                    <View className="flex items-center justify-between gap-2">
-                      <View className="flex-shrink-0 text-sm">用多少:</View>
-                      <View className="flex flex-1 items-center">
-                        <View
-                          className="flex !size-12 flex-none items-center justify-center bg-gray-200 text-sm"
-                          onClick={() => {
-                            const currentCount = count || 1;
-                            const newCount = Math.max(1, currentCount - 1);
-                            updateItemCount(item.costItemId, newCount);
-
-                            // 校验数量
-                            if (selected) {
-                              validateCount(orderCostItemId, newCount);
-                            }
+            {/* 根据rule值判断是否显示金额输入 */}
+            {selected &&
+              (type === "ARTIFICIAL_TYPE" || type === "MATERIAL_TYPE") &&
+              item.rule === "INPUT_QUANTITY_AND_AMOUNT" && (
+                <View>
+                  <View className="flex items-center justify-between gap-2">
+                    <View className="flex-shrink-0 text-sm">多少钱:</View>
+                    <View className="flex flex-1 items-center">
+                      <View
+                        className={`flex h-12 w-full shrink items-center border-4 ${countError[orderCostItemId] && selected ? "border-red-500" : "border-gray-200"} bg-white`}
+                      >
+                        <Input
+                          type="number"
+                          value={price.toString()}
+                          align={"center"}
+                          placeholder={"输入多少钱"}
+                          onChange={(value) => {
+                            updatePrice(item.costItemId, Number(value));
                           }}
-                        >
-                          <Icon name="minus" size={20} />
-                        </View>
-                        <View
-                          className={`flex h-12 w-full shrink items-center border-4 border-gray-200`}
-                        >
-                          <Input
-                            type="number"
-                            value={count?.toString()}
-                            align={"center"}
-                            placeholder={"用了多少"}
-                            onChange={(value) => {
-                              updateItemCount(item.costItemId, Number(value));
-                            }}
-                            formatter={(value) =>
-                              Math.max(1, Number(value)).toString()
-                            }
-                            onBlur={() => validateCount(orderCostItemId, count)}
-                          />
-                        </View>
-                        <View
-                          className="flex !size-12 flex-none items-center justify-center bg-gray-200 text-sm"
-                          onClick={() => {
-                            const currentCount = count || 1;
-                            const newCount = currentCount + 1;
-                            updateItemCount(item.costItemId, newCount);
-
-                            // 校验数量
-                            if (selected) {
-                              validateCount(orderCostItemId, newCount);
-                            }
-                          }}
-                        >
-                          <Icon name="plus" size={20} />
-                        </View>
-
-                        <View className={"ml-2.5 text-sm text-gray-500"}>
-                          {item.unit}
-                        </View>
+                          onBlur={() => validateCount(orderCostItemId, price)}
+                        />
                       </View>
+                      <View className={"ml-2.5 text-sm text-gray-500"}>元</View>
                     </View>
-
-                    {countError[orderCostItemId] && selected && (
-                      <View className="mt-1 text-xs text-red-500">
-                        请填写正确的数量
-                      </View>
-                    )}
                   </View>
-                )}
 
-              {/* 根据rule值判断是否显示金额输入 */}
-              {selected &&
-                (type === "ARTIFICIAL_TYPE" || type === "MATERIAL_TYPE") &&
-                item.rule === "INPUT_QUANTITY_AND_AMOUNT" && (
-                  <View>
-                    <View className="flex items-center justify-between gap-2">
-                      <View className="flex-shrink-0 text-sm">多少钱:</View>
-                      <View className="flex flex-1 items-center">
-                        <View
-                          className={`flex h-12 w-full shrink items-center border-4 ${countError[orderCostItemId] && selected ? "border-red-500" : "border-gray-200"} bg-white`}
-                        >
-                          <Input
-                            type="number"
-                            value={price.toString()}
-                            align={"center"}
-                            placeholder={"输入多少钱"}
-                            onChange={(value) => {
-                              updatePrice(item.costItemId, Number(value));
-                            }}
-                            onBlur={() => validateCount(orderCostItemId, price)}
-                          />
-                        </View>
-                        <View className={"ml-2.5 text-sm text-gray-500"}>
-                          元
-                        </View>
-                      </View>
+                  {countError[orderCostItemId] && selected && (
+                    <View className="mt-1 text-xs text-red-500">
+                      请填写正确的金额
                     </View>
-
-                    {countError[orderCostItemId] && selected && (
-                      <View className="mt-1 text-xs text-red-500">
-                        请填写正确的金额
-                      </View>
-                    )}
-                  </View>
-                )}
-            </View>
+                  )}
+                </View>
+              )}
           </View>
         );
       });
@@ -488,62 +502,72 @@ export default forwardRef<OrderCostItemRef, IOrderCostItemProps>(
     };
 
     return (
-      <View className="flex flex-1 flex-col gap-2.5 bg-[#D1D5DB] p-2.5 pt-2.5">
-        <View className={"flex flex-1 flex-col gap-2.5"}>
-          <View className="text-sm font-bold">人工费用</View>
-          <View className="flex items-center rounded-lg border border-blue-200 bg-blue-50 p-2.5">
-            <Icon
-              className={"mr-1"}
-              name="circle-info"
-              color={"var(--color-blue-700)"}
-              size={18}
-            />
-            <View className={"text-sm text-blue-700"}>对方出钱可以不勾选</View>
-          </View>
-          {renderItemList(
-            getItemsByCostType("ARTIFICIAL_TYPE"),
-            "ARTIFICIAL_TYPE",
-          )}
-
-          {/* 总的工头姓名输入框 */}
-          {shouldShowPrincipalInput() && (
-            <View>
-              <View className="mb-1 text-sm font-medium">工头叫什么名字</View>
-              <View
-                className={`flex h-12 items-center rounded-md px-3 ${foremanError ? "border-2 border-red-500 bg-red-100" : "border-2 border-gray-300 bg-white"}`}
-              >
-                <Input
-                  className="text-base"
-                  type="text"
-                  placeholder={"工头的名字"}
-                  value={foreman}
-                  onChange={(value) => {
-                    handleForemanChange(value);
-                  }}
-                  onBlur={() => handlePrincipalBlur(foreman!)}
-                />
+      <View className="flex flex-1 flex-col gap-2.5 bg-[#D1D5DB] p-2.5">
+        <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
+          <View className={"flex flex-col gap-2.5"}>
+            <View className="text-sm font-bold">人工费用</View>
+            <View className="flex items-center rounded-lg border border-blue-200 bg-blue-50 p-2.5">
+              <Icon
+                className={"mr-1 leading-4"}
+                name="circle-info"
+                color={"var(--color-blue-700)"}
+                size={18}
+              />
+              <View className={"text-sm text-blue-700"}>
+                对方出钱可以不勾选
               </View>
-              {foremanError && (
-                <View className="mt-1 text-xs text-red-500">
-                  工头叫啥子填一下
-                </View>
-              )}
             </View>
-          )}
-        </View>
-        <View className={"flex flex-1 flex-col gap-2.5"}>
-          <View className="text-sm font-bold">辅料费用</View>
-          <View className="flex items-center rounded-lg border border-blue-200 bg-blue-50 p-2.5">
-            <Icon
-              className={"mr-1"}
-              name="circle-info"
-              color={"var(--color-blue-700)"}
-              size={18}
-            />
-            <View className={"text-sm text-blue-700"}>用了几包就填几包</View>
+
+            {/* 总的工头姓名输入框 */}
+            {shouldShowPrincipalInput() && (
+              <View className="flex flex-col gap-2.5">
+                <View className="text-sm font-medium">工头叫什么名字</View>
+                <View
+                  className={`flex h-12 items-center rounded-md ${foremanError ? "border-2 border-red-500 bg-red-100" : "border-2 border-gray-300 bg-white"}`}
+                >
+                  <Input
+                    className="text-base"
+                    type="text"
+                    placeholder={"工头的名字"}
+                    value={foreman}
+                    onChange={(value) => {
+                      handleForemanChange(value);
+                    }}
+                    onBlur={() => handlePrincipalBlur(foreman!)}
+                  />
+                </View>
+                {foremanError && (
+                  <View className="mt-1 text-xs text-red-500">
+                    工头叫啥子填一下
+                  </View>
+                )}
+              </View>
+            )}
+
+            {renderItemList(
+              getItemsByCostType("ARTIFICIAL_TYPE"),
+              "ARTIFICIAL_TYPE",
+            )}
+          </View>
+        </View>
+        <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
+          <View className={"flex flex-col gap-2.5"}>
+            <View className="text-sm font-bold">辅料费用</View>
+            <View className="flex items-center rounded-lg border border-blue-200 bg-blue-50 p-2.5">
+              <Icon
+                className={"mr-1 leading-4"}
+                name="circle-info"
+                color={"var(--color-blue-700)"}
+                size={18}
+              />
+              <View className={"text-sm text-blue-700"}>用了几包就填几包</View>
+            </View>
+            {/* 渲染辅料费用项（不含纸箱） */}
+            {renderItemList(
+              getItemsByCostType("MATERIAL_TYPE"),
+              "MATERIAL_TYPE",
+            )}
           </View>
-          {/* 渲染辅料费用项（不含纸箱） */}
-          {renderItemList(getItemsByCostType("MATERIAL_TYPE"), "MATERIAL_TYPE")}
         </View>
       </View>
     );
diff --git a/packages/app-client/src/components/purchase/module/OrderOption.tsx b/packages/app-client/src/components/purchase/module/OrderOption.tsx
index 91de218..0526fc9 100644
--- a/packages/app-client/src/components/purchase/module/OrderOption.tsx
+++ b/packages/app-client/src/components/purchase/module/OrderOption.tsx
@@ -168,8 +168,10 @@ export default forwardRef<OrderOptionRef, IOrderOptionProps>(
         orderId: value.orderId,
         active: Number(active + 1),
         foreman: value.foreman,
-        orderCostList: value.orderCostList,
+        // 空箱
         orderPackageList: value.orderPackageList,
+        // 费用
+        orderCostList: value.orderCostList.filter((item) => item.selected),
         orderCostItemList: value.orderCostItemList.filter(
           (item) => item.selected,
         ),
diff --git a/packages/app-client/src/components/purchase/module/OrderPackage.tsx b/packages/app-client/src/components/purchase/module/OrderPackage.tsx
index ba95eeb..8e676d2 100644
--- a/packages/app-client/src/components/purchase/module/OrderPackage.tsx
+++ b/packages/app-client/src/components/purchase/module/OrderPackage.tsx
@@ -45,21 +45,18 @@ export default forwardRef<OrderPackageRef, IOrderPackageProps>(
 
         if (supplierVO.isPaper && supplierVO.isLast) {
           setPackageTypeEnabled({
-            USED: usageMap["USED"] || 0,
             EXTRA: 0,
             EXTRA_USED: usageMap["EXTRA_USED"] || 0,
             REMAIN: usageMap["REMAIN"] || 0,
           });
         } else if (supplierVO.isPaper && !supplierVO.isLast) {
           setPackageTypeEnabled({
-            USED: usageMap["USED"] || 0,
             EXTRA: usageMap["EXTRA"] || 0,
             EXTRA_USED: 0,
             REMAIN: 0,
           });
         } else if (!supplierVO.isPaper) {
           setPackageTypeEnabled({
-            USED: usageMap["USED"] || 0,
             EXTRA: 0,
             EXTRA_USED: 0,
             REMAIN: 0,
@@ -100,31 +97,31 @@ export default forwardRef<OrderPackageRef, IOrderPackageProps>(
       // 确定当前供应商需要检查哪些纸箱类型
       if (supplierVO.isPaper && supplierVO.isLast) {
         // 空磅包含纸箱 + 最后一个瓜农
-        requiredTypes = ["USED", "EXTRA_USED", "REMAIN"];
+        requiredTypes = ["EXTRA_USED", "REMAIN"];
       } else if (supplierVO.isPaper && !supplierVO.isLast) {
-        requiredTypes = ["USED", "EXTRA"];
-      } else if (!supplierVO.isPaper) {
-        // 空磅不包含纸箱
-        requiredTypes = ["USED"];
+        requiredTypes = ["EXTRA"];
       }
 
       console.log("requiredTypes", requiredTypes);
+      if (requiredTypes.length > 0) {
+        // 检查所需选项是否都已做出选择（不是1就是2，不能是0）
+        const allRequiredAnswered = requiredTypes.every(
+          (type) =>
+            packageTypeEnabled[type] === 1 || packageTypeEnabled[type] === 2,
+        );
 
-      // 检查所需选项是否都已做出选择（不是1就是2，不能是0）
-      const allRequiredAnswered = requiredTypes.every(
-        (type) =>
-          packageTypeEnabled[type] === 1 || packageTypeEnabled[type] === 2,
-      );
-
-      if (!allRequiredAnswered || requiredTypes.length === 0) {
-        Toast.show("toast", {
-          icon: "fail",
-          title: "提示",
-          content: "请回答相关的纸箱使用情况问题",
-        });
-        return false;
+        if (!allRequiredAnswered || requiredTypes.length === 0) {
+          Toast.show("toast", {
+            icon: "fail",
+            title: "提示",
+            content: "请回答相关的纸箱使用情况问题",
+          });
+          return false;
+        }
       }
 
+      requiredTypes.push("USED");
+
       // 检查所有启用的纸箱类型是否都填写了信息
       const enabledTypes = Object.entries(packageTypeEnabled)
         .filter(
@@ -141,9 +138,7 @@ export default forwardRef<OrderPackageRef, IOrderPackageProps>(
         if (!hasPackagesOfType) {
           const typeLabels = {
             USED: "记录装车用的纸箱",
-            EXTRA_USED: supplierVO.isPaper
-              ? "记录用的额外运输纸箱"
-              : "记录装车用的纸箱",
+            EXTRA_USED: "记录用的额外运输纸箱",
             EXTRA: "记录额外运输来的所有纸箱",
             REMAIN: "记录车上没用完的纸箱",
           };
@@ -250,7 +245,6 @@ export default forwardRef<OrderPackageRef, IOrderPackageProps>(
     // 新增状态：跟踪每种纸箱类型的启用状态
     // 0: 未选, 1: 选择是, 2: 选择否
     const [packageTypeEnabled, setPackageTypeEnabled] = useState({
-      USED: 0,
       EXTRA_USED: 0,
       EXTRA: 0,
       REMAIN: 0,
@@ -269,7 +263,6 @@ export default forwardRef<OrderPackageRef, IOrderPackageProps>(
                 packageUsage: [
                   ...(Object.entries(
                     packageTypeEnabled || {
-                      USED: 0,
                       EXTRA_USED: 0,
                       EXTRA: 0,
                       REMAIN: 0,
@@ -297,192 +290,12 @@ export default forwardRef<OrderPackageRef, IOrderPackageProps>(
     return (
       <View className="flex flex-1 flex-col gap-2.5 p-2.5">
         {/* 替换原来的Tab导航为问答式选择 */}
-        <View className="flex flex-col gap-2.5 rounded-lg bg-white p-2.5 shadow-sm">
-          <View className="text-base font-bold">
-            {supplierVO.name}装车的纸箱使用情况
-          </View>
-
-          <PackageList
-            boxType={"USED"}
-            orderPackageList={orderPackageList}
-            setOrderPackageList={setOrderPackageList}
-            boxBrandList={boxBrandList}
-          />
-        </View>
-
-        {/* 根据供应商属性显示不同的问题 */}
-        {supplierVO.isPaper && supplierVO.isLast && (
-          <>
-            <View className="flex flex-col gap-2.5 rounded-lg bg-white p-2.5 shadow-sm">
-              {/* 空车带来的纸箱用完了吗？ */}
-              <View className="flex items-center justify-between">
-                <View className="text-sm">空车带来的纸箱用完了吗？</View>
-                <View className="flex flex-shrink-0 gap-2">
-                  <Button
-                    size="small"
-                    type={
-                      packageTypeEnabled.REMAIN === 2 ? "primary" : "default"
-                    }
-                    onClick={() => {
-                      setPackageTypeEnabled({
-                        ...packageTypeEnabled,
-                        REMAIN: 2,
-                      });
-                      // 如果关闭，也需要清除相关数据
-                      if (packageTypeEnabled.REMAIN === 1) {
-                        setOrderPackageList(
-                          orderPackageList.filter(
-                            (item) => item.boxType !== "REMAIN",
-                          ),
-                        );
-                      }
-                    }}
-                  >
-                    用完了
-                  </Button>
-                  <Button
-                    size="small"
-                    type={
-                      packageTypeEnabled.REMAIN === 1 ? "primary" : "default"
-                    }
-                    onClick={() => {
-                      setPackageTypeEnabled({
-                        ...packageTypeEnabled,
-                        REMAIN: 1,
-                      });
-                    }}
-                  >
-                    没用完
-                  </Button>
-                </View>
-              </View>
-
-              {packageTypeEnabled.REMAIN === 1 && (
-                <PackageList
-                  boxType={"REMAIN"}
-                  orderPackageList={orderPackageList}
-                  setOrderPackageList={setOrderPackageList}
-                  boxBrandList={boxBrandList}
-                />
-              )}
+        <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
+          <View className="flex flex-col gap-2.5">
+            <View className="text-base font-bold">
+              {supplierVO.name}装车的纸箱使用情况
             </View>
 
-            <View className="flex flex-col gap-2.5 rounded-lg bg-white p-2.5 shadow-sm">
-              {/* 用额外运输纸箱的了吗？ */}
-              <View className="flex items-center justify-between">
-                <View className="text-sm">用额外运输纸箱的了吗？</View>
-                <View className="flex flex-shrink-0 gap-2">
-                  <Button
-                    size="small"
-                    type={
-                      packageTypeEnabled.EXTRA_USED === 1
-                        ? "primary"
-                        : "default"
-                    }
-                    onClick={() => {
-                      setPackageTypeEnabled({
-                        ...packageTypeEnabled,
-                        EXTRA_USED: 1,
-                      });
-                    }}
-                  >
-                    用了
-                  </Button>
-                  <Button
-                    size="small"
-                    type={
-                      packageTypeEnabled.EXTRA_USED === 2
-                        ? "primary"
-                        : "default"
-                    }
-                    onClick={() => {
-                      setPackageTypeEnabled({
-                        ...packageTypeEnabled,
-                        EXTRA_USED: 2,
-                      });
-                      // 如果关闭，也需要清除相关数据
-                      if (packageTypeEnabled.EXTRA_USED === 1) {
-                        setOrderPackageList(
-                          orderPackageList.filter(
-                            (item) => item.boxType !== "EXTRA_USED",
-                          ),
-                        );
-                      }
-                    }}
-                  >
-                    没用
-                  </Button>
-                </View>
-              </View>
-
-              {packageTypeEnabled.EXTRA_USED === 1 && (
-                <PackageList
-                  boxType={"EXTRA_USED"}
-                  orderPackageList={orderPackageList}
-                  setOrderPackageList={setOrderPackageList}
-                  boxBrandList={boxBrandList}
-                />
-              )}
-            </View>
-          </>
-        )}
-
-        {supplierVO.isPaper && !supplierVO.isLast && (
-          /* 非最后一个瓜农 */
-          <View className="flex flex-col gap-2.5 rounded-lg bg-white p-2.5 shadow-sm">
-            {/* 有额外运输纸箱过来吗？ */}
-            <View className="flex items-center justify-between">
-              <View className="text-sm">有额外运输纸箱过来吗？</View>
-              <View className="flex flex-shrink-0 gap-2">
-                <Button
-                  size="small"
-                  type={packageTypeEnabled.EXTRA === 1 ? "primary" : "default"}
-                  onClick={() => {
-                    setPackageTypeEnabled({
-                      ...packageTypeEnabled,
-                      EXTRA: 1,
-                    });
-                  }}
-                >
-                  有
-                </Button>
-                <Button
-                  size="small"
-                  type={packageTypeEnabled.EXTRA === 2 ? "primary" : "default"}
-                  onClick={() => {
-                    setPackageTypeEnabled({
-                      ...packageTypeEnabled,
-                      EXTRA: 2,
-                    });
-                    // 如果关闭，也需要清除相关数据
-                    if (packageTypeEnabled.EXTRA === 1) {
-                      setOrderPackageList(
-                        orderPackageList.filter(
-                          (item) => item.boxType !== "EXTRA",
-                        ),
-                      );
-                    }
-                  }}
-                >
-                  没有
-                </Button>
-              </View>
-            </View>
-
-            {packageTypeEnabled.EXTRA === 1 && (
-              <PackageList
-                boxType={"EXTRA"}
-                orderPackageList={orderPackageList}
-                setOrderPackageList={setOrderPackageList}
-                boxBrandList={boxBrandList}
-              />
-            )}
-          </View>
-        )}
-
-        {!supplierVO.isPaper && (
-          /* 空磅不包含纸箱 */
-          <View className="rounded-lg bg-white p-2.5 shadow-sm">
             <PackageList
               boxType={"USED"}
               orderPackageList={orderPackageList}
@@ -490,6 +303,186 @@ export default forwardRef<OrderPackageRef, IOrderPackageProps>(
               boxBrandList={boxBrandList}
             />
           </View>
+        </View>
+
+        {/* 根据供应商属性显示不同的问题 */}
+        {supplierVO.isPaper && supplierVO.isLast && (
+          <>
+            <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
+              <View className="flex flex-col gap-2.5">
+                {/* 空车带来的纸箱用完了吗？ */}
+                <View className="flex items-center justify-between">
+                  <View className="text-sm">空车带来的纸箱用完了吗？</View>
+                  <View className="flex flex-shrink-0 gap-2">
+                    <Button
+                      size="small"
+                      type={
+                        packageTypeEnabled.REMAIN === 2 ? "primary" : "default"
+                      }
+                      onClick={() => {
+                        setPackageTypeEnabled({
+                          ...packageTypeEnabled,
+                          REMAIN: 2,
+                        });
+                        // 如果关闭，也需要清除相关数据
+                        if (packageTypeEnabled.REMAIN === 1) {
+                          setOrderPackageList(
+                            orderPackageList.filter(
+                              (item) => item.boxType !== "REMAIN",
+                            ),
+                          );
+                        }
+                      }}
+                    >
+                      用完了
+                    </Button>
+                    <Button
+                      size="small"
+                      type={
+                        packageTypeEnabled.REMAIN === 1 ? "primary" : "default"
+                      }
+                      onClick={() => {
+                        setPackageTypeEnabled({
+                          ...packageTypeEnabled,
+                          REMAIN: 1,
+                        });
+                      }}
+                    >
+                      没用完
+                    </Button>
+                  </View>
+                </View>
+
+                {packageTypeEnabled.REMAIN === 1 && (
+                  <PackageList
+                    boxType={"REMAIN"}
+                    orderPackageList={orderPackageList}
+                    setOrderPackageList={setOrderPackageList}
+                    boxBrandList={boxBrandList}
+                  />
+                )}
+              </View>
+            </View>
+
+            <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
+              <View className="flex flex-col gap-2.5">
+                {/* 用额外运输纸箱的了吗？ */}
+                <View className="flex items-center justify-between">
+                  <View className="text-sm">用额外运输纸箱的了吗？</View>
+                  <View className="flex flex-shrink-0 gap-2">
+                    <Button
+                      size="small"
+                      type={
+                        packageTypeEnabled.EXTRA_USED === 1
+                          ? "primary"
+                          : "default"
+                      }
+                      onClick={() => {
+                        setPackageTypeEnabled({
+                          ...packageTypeEnabled,
+                          EXTRA_USED: 1,
+                        });
+                      }}
+                    >
+                      用了
+                    </Button>
+                    <Button
+                      size="small"
+                      type={
+                        packageTypeEnabled.EXTRA_USED === 2
+                          ? "primary"
+                          : "default"
+                      }
+                      onClick={() => {
+                        setPackageTypeEnabled({
+                          ...packageTypeEnabled,
+                          EXTRA_USED: 2,
+                        });
+                        // 如果关闭，也需要清除相关数据
+                        if (packageTypeEnabled.EXTRA_USED === 1) {
+                          setOrderPackageList(
+                            orderPackageList.filter(
+                              (item) => item.boxType !== "EXTRA_USED",
+                            ),
+                          );
+                        }
+                      }}
+                    >
+                      没用
+                    </Button>
+                  </View>
+                </View>
+
+                {packageTypeEnabled.EXTRA_USED === 1 && (
+                  <PackageList
+                    boxType={"EXTRA_USED"}
+                    orderPackageList={orderPackageList}
+                    setOrderPackageList={setOrderPackageList}
+                    boxBrandList={boxBrandList}
+                  />
+                )}
+              </View>
+            </View>
+          </>
+        )}
+
+        {supplierVO.isPaper && !supplierVO.isLast && (
+          /* 非最后一个瓜农 */
+          <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
+            <View className="flex flex-col gap-2.5">
+              {/* 有额外运输纸箱过来吗？ */}
+              <View className="flex items-center justify-between">
+                <View className="text-sm">有额外运输纸箱过来吗？</View>
+                <View className="flex flex-shrink-0 gap-2">
+                  <Button
+                    size="small"
+                    type={
+                      packageTypeEnabled.EXTRA === 1 ? "primary" : "default"
+                    }
+                    onClick={() => {
+                      setPackageTypeEnabled({
+                        ...packageTypeEnabled,
+                        EXTRA: 1,
+                      });
+                    }}
+                  >
+                    有
+                  </Button>
+                  <Button
+                    size="small"
+                    type={
+                      packageTypeEnabled.EXTRA === 2 ? "primary" : "default"
+                    }
+                    onClick={() => {
+                      setPackageTypeEnabled({
+                        ...packageTypeEnabled,
+                        EXTRA: 2,
+                      });
+                      // 如果关闭，也需要清除相关数据
+                      if (packageTypeEnabled.EXTRA === 1) {
+                        setOrderPackageList(
+                          orderPackageList.filter(
+                            (item) => item.boxType !== "EXTRA",
+                          ),
+                        );
+                      }
+                    }}
+                  >
+                    没有
+                  </Button>
+                </View>
+              </View>
+
+              {packageTypeEnabled.EXTRA === 1 && (
+                <PackageList
+                  boxType={"EXTRA"}
+                  orderPackageList={orderPackageList}
+                  setOrderPackageList={setOrderPackageList}
+                  boxBrandList={boxBrandList}
+                />
+              )}
+            </View>
+          </View>
         )}
       </View>
     );
diff --git a/packages/app-client/src/components/purchase/module/OrderVehicle.tsx b/packages/app-client/src/components/purchase/module/OrderVehicle.tsx
index 13246c1..3e4b43d 100644
--- a/packages/app-client/src/components/purchase/module/OrderVehicle.tsx
+++ b/packages/app-client/src/components/purchase/module/OrderVehicle.tsx
@@ -535,45 +535,62 @@ export default forwardRef<OrderVehicleRef, IOrderVehicleProps>(
 
     return (
       <View className="flex flex-1 flex-col gap-2.5 p-2.5">
-        <View className="flex flex-col gap-2.5 rounded-lg bg-white p-2.5 shadow-sm">
-          <View className={"flex flex-1 flex-col gap-2.5"}>
-            <View className="block text-sm font-normal text-[#000000]">
-              智能识别
+        <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
+          <View className="flex flex-col gap-2.5">
+            <View className={"flex flex-1 flex-col gap-2.5"}>
+              <View className="block text-sm font-normal text-[#000000]">
+                智能识别
+              </View>
+              <View
+                className={
+                  "flex w-full items-center rounded-md border-4 border-gray-300"
+                }
+              >
+                <TextArea
+                  className={"flex-1"}
+                  value={originalData}
+                  onChange={(value) => {
+                    setOriginalData(value);
+                  }}
+                  rows={8}
+                  maxLength={500}
+                  showCount
+                  placeholder="「粘贴识别」获输入文本，智能拆分车牌号、司机姓名、联系电话、出发地、目的地和运费"
+                />
+              </View>
             </View>
-            <View
-              className={
-                "flex w-full items-center rounded-md border-4 border-gray-300"
-              }
-            >
-              <TextArea
-                className={"flex-1"}
-                value={originalData}
-                onChange={(value) => {
-                  setOriginalData(value);
-                }}
-                rows={8}
-                maxLength={500}
-                showCount
-                placeholder="「粘贴识别」获输入文本，智能拆分车牌号、司机姓名、联系电话、出发地、目的地和运费"
-              />
-            </View>
-          </View>
-          <View className={"flex flex-row gap-2.5"}>
-            {originalData ? (
-              <>
-                <View className={"flex-1"}>
-                  <Button
-                    size={"large"}
-                    type={"default"}
-                    block
-                    className="bg-primary flex h-10 items-center justify-center px-4 text-white"
-                    onClick={async () => {
-                      setOriginalData("");
-                    }}
-                  >
-                    清空
-                  </Button>
-                </View>
+            <View className={"flex flex-row gap-2.5"}>
+              {originalData ? (
+                <>
+                  <View className={"flex-1"}>
+                    <Button
+                      size={"large"}
+                      type={"default"}
+                      block
+                      className="bg-primary flex h-10 items-center justify-center px-4 text-white"
+                      onClick={async () => {
+                        setOriginalData("");
+                      }}
+                    >
+                      清空
+                    </Button>
+                  </View>
+                  <View className={"flex-1"}>
+                    <Button
+                      id={"target1"}
+                      size={"large"}
+                      type={"primary"}
+                      block
+                      className="bg-primary flex h-10 items-center justify-center px-4 text-white"
+                      onClick={async () => {
+                        await vehicleExtraction(originalData);
+                      }}
+                    >
+                      识别
+                    </Button>
+                  </View>
+                </>
+              ) : (
                 <View className={"flex-1"}>
                   <Button
                     id={"target1"}
@@ -581,280 +598,271 @@ export default forwardRef<OrderVehicleRef, IOrderVehicleProps>(
                     type={"primary"}
                     block
                     className="bg-primary flex h-10 items-center justify-center px-4 text-white"
-                    onClick={async () => {
-                      await vehicleExtraction(originalData);
+                    onClick={() => {
+                      Taro.getClipboardData({
+                        success: async (res) => {
+                          let originalData = res.data;
+                          if (originalData == "") {
+                            return;
+                          }
+
+                          await vehicleExtraction(originalData);
+
+                          setOriginalData(originalData);
+                        },
+                      });
                     }}
                   >
-                    识别
+                    粘贴并识别
                   </Button>
                 </View>
-              </>
-            ) : (
-              <View className={"flex-1"}>
-                <Button
-                  id={"target1"}
-                  size={"large"}
-                  type={"primary"}
-                  block
-                  className="bg-primary flex h-10 items-center justify-center px-4 text-white"
-                  onClick={() => {
-                    Taro.getClipboardData({
-                      success: async (res) => {
-                        let originalData = res.data;
-                        if (originalData == "") {
-                          return;
-                        }
-
-                        await vehicleExtraction(originalData);
-
-                        setOriginalData(originalData);
-                      },
-                    });
-                  }}
-                >
-                  粘贴并识别
-                </Button>
-              </View>
-            )}
+              )}
+            </View>
           </View>
         </View>
-        <View className="flex flex-col gap-2.5 rounded-lg bg-white p-2.5 shadow-sm">
-          <View className={"flex flex-col gap-2.5"}>
-            <View className="block text-sm font-normal text-[#000000]">
-              车牌号
-            </View>
-            <View
-              className={`flex h-10 w-full items-center rounded-md ${plateError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
-            >
-              <Input
-                type="text"
-                placeholder="请输入车牌号"
-                value={orderVehicle?.plate}
-                onChange={handlePlateChange}
-                onBlur={handlePlateBlur}
-              />
-            </View>
-            {plateError && (
-              <View className="mt-1 text-xs text-red-500">
-                请输入正确的车牌号
-              </View>
-            )}
-          </View>
-          <View className={"flex flex-col gap-2.5"}>
-            <View className="block text-sm font-normal text-[#000000]">
-              司机姓名
-            </View>
-            <View
-              className={`flex h-10 w-full items-center rounded-md ${driverError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
-            >
-              <Input
-                type="text"
-                placeholder="请输入司机姓名"
-                value={orderVehicle?.driver}
-                onChange={handleDriverChange}
-                onBlur={handleDriverBlur}
-              />
-            </View>
-            {driverError && (
-              <View className="mt-1 text-xs text-red-500">
-                司机姓名至少2个字符
-              </View>
-            )}
-          </View>
-          <View className={"flex flex-col gap-2.5"}>
-            <View className="block text-sm font-normal text-[#000000]">
-              联系电话
-            </View>
-            <View
-              className={`flex h-10 w-full items-center rounded-md ${phoneError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
-            >
-              <Input
-                type="tel"
-                placeholder="请输入联系电话"
-                value={orderVehicle?.phone}
-                onChange={handlePhoneChange}
-                onBlur={handlePhoneBlur}
-              />
-            </View>
-            {phoneError && (
-              <View className="mt-1 text-xs text-red-500">
-                请输入正确的手机号码
-              </View>
-            )}
-          </View>
-          <View className={"flex flex-col gap-2.5"}>
-            <View className="block text-sm font-normal text-[#000000]">
-              出发地
-            </View>
-            <View
-              className={`flex h-10 w-full items-center rounded-md ${originError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
-            >
-              <Input
-                type="text"
-                placeholder="请输入出发地"
-                value={orderVehicle?.origin}
-                onChange={handleOriginChange}
-                onBlur={handleOriginBlur}
-              />
-            </View>
-            {originError && (
-              <View className="mt-1 text-xs text-red-500">
-                出发地至少2个字符
-              </View>
-            )}
-          </View>
-          <View className={"flex flex-col gap-2.5"}>
-            <View className="block text-sm font-normal text-[#000000]">
-              目的地
-            </View>
-            <View className={"flex flex-row gap-2.5"}>
-              <View className={"flex-1"}>
-                <View
-                  id={"target2"}
-                  className={`flex h-10 w-full flex-1 items-center rounded-md ${dealerNameError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
-                >
-                  <DealerPicker
-                    onFinish={setDealerVO}
-                    enableManualInput
-                    trigger={
-                      <View
-                        className={
-                          "flex flex-1 flex-row items-center justify-between px-5"
-                        }
-                      >
-                        <View className={"text-sm"}>
-                          {orderVehicle?.dealerName || "选择经销商"}
-                        </View>
-                        <Icon name={"chevron-down"} />
-                      </View>
-                    }
-                  />
-                </View>
-                {dealerNameError && (
-                  <View className="mt-1 text-xs text-red-500">
-                    请选择经销商
-                  </View>
-                )}
-              </View>
-              <View className={"flex-1"}>
-                <View
-                  className={`flex h-10 w-full items-center rounded-md ${destinationError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
-                >
-                  <Input
-                    type="text"
-                    placeholder="请输入目的地"
-                    value={orderVehicle?.destination}
-                    onChange={(value) => handleDestinationChange(value)}
-                    onBlur={handleDestinationBlur}
-                  />
-                </View>
-                {destinationError && (
-                  <View className="mt-1 text-xs text-red-500">
-                    目的地至少2个字符
-                  </View>
-                )}
-              </View>
-            </View>
-          </View>
-          <View className={"flex flex-col gap-2.5"}>
-            <View className="block text-sm font-normal text-[#000000]">
-              运费
-            </View>
-            <View
-              className={`flex h-10 w-full items-center rounded-md ${priceError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
-            >
-              <Input
-                type="digit"
-                placeholder="请输入运费"
-                value={orderVehicle?.price?.toString()}
-                onChange={handlePriceChange}
-                onBlur={handlePriceBlur}
-              />
-            </View>
-            {priceError && (
-              <View className="mt-1 text-xs text-red-500">
-                请输入正确的运费金额
-              </View>
-            )}
-          </View>
-          <View className={"flex flex-col gap-2.5"}>
-            <View className={"flex flex-row justify-between"}>
+        <View className="border-primary rounded-lg border-4 bg-white p-2.5 shadow-sm">
+          <View className="flex flex-col gap-2.5">
+            <View className={"flex flex-col gap-2.5"}>
               <View className="block text-sm font-normal text-[#000000]">
-                草帘
+                车牌号
               </View>
-              <Checkbox
-                className={"flex flex-row items-center"}
-                checked={openStrawCurtain}
-                onChange={(checked) => {
-                  setOpenStrawCurtain(checked);
-                  setOrderVehicle({
-                    ...orderVehicle,
-                    openStrawCurtain: checked,
-                  });
-                }}
-              >
-                <View className={"text-sm font-normal text-[#000000]"}>
-                  用了
-                </View>
-              </Checkbox>
-            </View>
-            {openStrawCurtain && (
               <View
-                className={`flex h-10 w-full items-center rounded-md ${strawCurtainPriceError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
+                className={`flex h-10 w-full items-center rounded-md ${plateError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
+              >
+                <Input
+                  type="text"
+                  placeholder="请输入车牌号"
+                  value={orderVehicle?.plate}
+                  onChange={handlePlateChange}
+                  onBlur={handlePlateBlur}
+                />
+              </View>
+              {plateError && (
+                <View className="mt-1 text-xs text-red-500">
+                  请输入正确的车牌号
+                </View>
+              )}
+            </View>
+            <View className={"flex flex-col gap-2.5"}>
+              <View className="block text-sm font-normal text-[#000000]">
+                司机姓名
+              </View>
+              <View
+                className={`flex h-10 w-full items-center rounded-md ${driverError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
+              >
+                <Input
+                  type="text"
+                  placeholder="请输入司机姓名"
+                  value={orderVehicle?.driver}
+                  onChange={handleDriverChange}
+                  onBlur={handleDriverBlur}
+                />
+              </View>
+              {driverError && (
+                <View className="mt-1 text-xs text-red-500">
+                  司机姓名至少2个字符
+                </View>
+              )}
+            </View>
+            <View className={"flex flex-col gap-2.5"}>
+              <View className="block text-sm font-normal text-[#000000]">
+                联系电话
+              </View>
+              <View
+                className={`flex h-10 w-full items-center rounded-md ${phoneError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
+              >
+                <Input
+                  type="tel"
+                  placeholder="请输入联系电话"
+                  value={orderVehicle?.phone}
+                  onChange={handlePhoneChange}
+                  onBlur={handlePhoneBlur}
+                />
+              </View>
+              {phoneError && (
+                <View className="mt-1 text-xs text-red-500">
+                  请输入正确的手机号码
+                </View>
+              )}
+            </View>
+            <View className={"flex flex-col gap-2.5"}>
+              <View className="block text-sm font-normal text-[#000000]">
+                出发地
+              </View>
+              <View
+                className={`flex h-10 w-full items-center rounded-md ${originError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
+              >
+                <Input
+                  type="text"
+                  placeholder="请输入出发地"
+                  value={orderVehicle?.origin}
+                  onChange={handleOriginChange}
+                  onBlur={handleOriginBlur}
+                />
+              </View>
+              {originError && (
+                <View className="mt-1 text-xs text-red-500">
+                  出发地至少2个字符
+                </View>
+              )}
+            </View>
+            <View className={"flex flex-col gap-2.5"}>
+              <View className="block text-sm font-normal text-[#000000]">
+                目的地
+              </View>
+              <View className={"flex flex-row gap-2.5"}>
+                <View className={"flex-1"}>
+                  <View
+                    id={"target2"}
+                    className={`flex h-10 w-full flex-1 items-center rounded-md ${dealerNameError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
+                  >
+                    <DealerPicker
+                      onFinish={setDealerVO}
+                      enableManualInput
+                      trigger={
+                        <View
+                          className={
+                            "flex flex-1 flex-row items-center justify-between px-5"
+                          }
+                        >
+                          <View className={"text-sm"}>
+                            {orderVehicle?.dealerName || "选择经销商"}
+                          </View>
+                          <Icon name={"chevron-down"} />
+                        </View>
+                      }
+                    />
+                  </View>
+                  {dealerNameError && (
+                    <View className="mt-1 text-xs text-red-500">
+                      请选择经销商
+                    </View>
+                  )}
+                </View>
+                <View className={"flex-1"}>
+                  <View
+                    className={`flex h-10 w-full items-center rounded-md ${destinationError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
+                  >
+                    <Input
+                      type="text"
+                      placeholder="请输入目的地"
+                      value={orderVehicle?.destination}
+                      onChange={(value) => handleDestinationChange(value)}
+                      onBlur={handleDestinationBlur}
+                    />
+                  </View>
+                  {destinationError && (
+                    <View className="mt-1 text-xs text-red-500">
+                      目的地至少2个字符
+                    </View>
+                  )}
+                </View>
+              </View>
+            </View>
+            <View className={"flex flex-col gap-2.5"}>
+              <View className="block text-sm font-normal text-[#000000]">
+                运费
+              </View>
+              <View
+                className={`flex h-10 w-full items-center rounded-md ${priceError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
               >
                 <Input
                   type="digit"
-                  placeholder="请输入草帘费用"
-                  value={orderVehicle?.strawCurtainPrice?.toString()}
-                  onChange={handleStrawCurtainPriceChange}
-                  onBlur={handleStrawCurtainPriceBlur}
+                  placeholder="请输入运费"
+                  value={orderVehicle?.price?.toString()}
+                  onChange={handlePriceChange}
+                  onBlur={handlePriceBlur}
                 />
               </View>
-            )}
-            {strawCurtainPriceError && openStrawCurtain && (
-              <View className="mt-1 text-xs text-red-500">
-                请输入正确的草帘费用
-              </View>
-            )}
-          </View>
-          <View className={"flex flex-col gap-2.5"}>
-            <View className="block text-sm font-normal text-[#000000]">
-              发货时间
-            </View>
-            <View
-              className={`flex h-10 w-full items-center rounded-md ${deliveryTimeError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
-            >
-              <View
-                className={
-                  "flex flex-1 flex-row items-center justify-between px-5"
-                }
-                style={{
-                  color: "var(--nutui-color-title, #1a1a1a)",
-                }}
-                onClick={() => setShow(true)}
-              >
-                <View className={"text-sm"}>
-                  {orderVehicle?.deliveryTime
-                    ? dayjs(orderVehicle?.deliveryTime).format("YYYY年MM月DD日")
-                    : "请选择发货时间"}
+              {priceError && (
+                <View className="mt-1 text-xs text-red-500">
+                  请输入正确的运费金额
                 </View>
-                <Icon name={"chevron-down"} />
-              </View>
+              )}
+            </View>
+            <View className={"flex flex-col gap-2.5"}>
+              <View className={"flex flex-row justify-between"}>
+                <View className="block text-sm font-normal text-[#000000]">
+                  草帘
+                </View>
+                <Checkbox
+                  className={"flex flex-row items-center"}
+                  checked={openStrawCurtain}
+                  onChange={(checked) => {
+                    setOpenStrawCurtain(checked);
+                    setOrderVehicle({
+                      ...orderVehicle,
+                      openStrawCurtain: checked,
+                    });
+                  }}
+                >
+                  <View className={"text-sm font-normal text-[#000000]"}>
+                    用了
+                  </View>
+                </Checkbox>
+              </View>
+              {openStrawCurtain && (
+                <View
+                  className={`flex h-10 w-full items-center rounded-md ${strawCurtainPriceError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
+                >
+                  <Input
+                    type="digit"
+                    placeholder="请输入草帘费用"
+                    value={orderVehicle?.strawCurtainPrice?.toString()}
+                    onChange={handleStrawCurtainPriceChange}
+                    onBlur={handleStrawCurtainPriceBlur}
+                  />
+                </View>
+              )}
+              {strawCurtainPriceError && openStrawCurtain && (
+                <View className="mt-1 text-xs text-red-500">
+                  请输入正确的草帘费用
+                </View>
+              )}
+            </View>
+            <View className={"flex flex-col gap-2.5"}>
+              <View className="block text-sm font-normal text-[#000000]">
+                发货时间
+              </View>
+              <View
+                className={`flex h-10 w-full items-center rounded-md ${deliveryTimeError ? "border-4 border-red-500" : "border-4 border-gray-300"}`}
+              >
+                <View
+                  className={
+                    "flex flex-1 flex-row items-center justify-between px-5"
+                  }
+                  style={{
+                    color: "var(--nutui-color-title, #1a1a1a)",
+                  }}
+                  onClick={() => setShow(true)}
+                >
+                  <View className={"text-sm"}>
+                    {orderVehicle?.deliveryTime
+                      ? dayjs(orderVehicle?.deliveryTime).format(
+                          "YYYY年MM月DD日",
+                        )
+                      : "请选择发货时间"}
+                  </View>
+                  <Icon name={"chevron-down"} />
+                </View>
+              </View>
+              {deliveryTimeError && (
+                <View className="mt-1 text-xs text-red-500">
+                  请选择发货时间
+                </View>
+              )}
+              <DatePicker
+                title="发货时间选择"
+                type="date"
+                startDate={startDate}
+                endDate={endDate}
+                visible={show}
+                defaultValue={new Date()}
+                formatter={formatter}
+                onClose={() => setShow(false)}
+                onConfirm={(_, values) => confirm(values)}
+              />
             </View>
-            {deliveryTimeError && (
-              <View className="mt-1 text-xs text-red-500">请选择发货时间</View>
-            )}
-            <DatePicker
-              title="发货时间选择"
-              type="date"
-              startDate={startDate}
-              endDate={endDate}
-              visible={show}
-              defaultValue={new Date()}
-              formatter={formatter}
-              onClose={() => setShow(false)}
-              onConfirm={(_, values) => confirm(values)}
-            />
           </View>
         </View>
       </View>
diff --git a/packages/app-client/src/components/purchase/package/PackageCard.tsx b/packages/app-client/src/components/purchase/package/PackageCard.tsx
index 72ef8f3..4d69784 100644
--- a/packages/app-client/src/components/purchase/package/PackageCard.tsx
+++ b/packages/app-client/src/components/purchase/package/PackageCard.tsx
@@ -49,7 +49,7 @@ export default function PackageCard(props: IPackageCardProps) {
 
   return (
     <View
-      className="mb-2.5 overflow-hidden rounded-xl border border-gray-200 bg-white p-2.5 shadow-sm"
+      className="overflow-hidden rounded-xl border border-gray-200 bg-white p-2.5 shadow-sm"
       key={boxBrand.id}
     >
       {/* 品牌背景水印 */}
diff --git a/packages/app-client/src/components/purchase/package/PackageList.tsx b/packages/app-client/src/components/purchase/package/PackageList.tsx
index ace4227..020fa35 100644
--- a/packages/app-client/src/components/purchase/package/PackageList.tsx
+++ b/packages/app-client/src/components/purchase/package/PackageList.tsx
@@ -21,7 +21,7 @@ export default function PackageList(props: IPackageListProps) {
 
   // 获取该类型下所有的纸箱
   const packagesOfType = convertOrderPackagesToBoxBrands(
-    orderPackageList.filter((pkg) => pkg.boxType === boxType),
+    orderPackageList?.filter((pkg) => pkg.boxType === boxType),
   );
 
   // 根据类型设置显示标题
@@ -30,6 +30,7 @@ export default function PackageList(props: IPackageListProps) {
     EXTRA_USED: "用的额外运输纸箱",
     EXTRA: "额外运输来的所有纸箱",
     REMAIN: "车上没用完的纸箱",
+    EMPTY: "空箱",
   };
 
   if (!boxBrandList) {
@@ -37,8 +38,8 @@ export default function PackageList(props: IPackageListProps) {
   }
 
   return (
-    <View key={boxType} className="mb-2.5">
-      <View className="mb-3 flex items-center justify-between">
+    <>
+      <View className="flex items-center justify-between">
         <View className="text-base font-bold text-gray-800">
           记录{typeLabels[boxType]}
         </View>
@@ -56,7 +57,7 @@ export default function PackageList(props: IPackageListProps) {
           />
         ))
       ) : (
-        <View className="mb-4 rounded-lg bg-gray-50 p-4 text-center text-gray-500">
+        <View className="rounded-lg bg-gray-50 p-4 text-center text-gray-500">
           还没有记录{typeLabels[boxType]}
         </View>
       )}
@@ -83,6 +84,6 @@ export default function PackageList(props: IPackageListProps) {
         onClose={() => setShowBatchModal(false)}
         onSave={setOrderPackageList}
       />
-    </View>
+    </>
   );
 }
diff --git a/packages/app-client/src/pages/main/menu/index.tsx b/packages/app-client/src/pages/main/menu/index.tsx
index adaf1a5..9d680bd 100644
--- a/packages/app-client/src/pages/main/menu/index.tsx
+++ b/packages/app-client/src/pages/main/menu/index.tsx
@@ -41,7 +41,6 @@ export default hocAuth(function Page(props: CommonComponent) {
   ) => {
     if (!menus || menus.length === 0) return null;
 
-    console.log("level", level);
     if (level === 1) {
       return (
         <View className="grid grid-cols-4">
diff --git a/packages/app-client/src/pages/purchase/approval/result.tsx b/packages/app-client/src/pages/purchase/approval/result.tsx
index b103c58..e2f258c 100644
--- a/packages/app-client/src/pages/purchase/approval/result.tsx
+++ b/packages/app-client/src/pages/purchase/approval/result.tsx
@@ -6,6 +6,7 @@ import { Button, SafeArea, Toast } from "@nutui/nutui-react-taro";
 import Taro from "@tarojs/taro";
 import { business } from "@/services";
 import { buildUrl } from "@/utils";
+import { CopyText } from "@/components";
 
 export default hocAuth(function Page(props: CommonComponent) {
   const { router, setLoading } = props;
@@ -123,9 +124,11 @@ export default hocAuth(function Page(props: CommonComponent) {
           <View className="mb-2.5 flex flex-col gap-2.5">
             <View className="flex flex-row justify-between">
               <Text className="text-sm text-gray-600">采购单号:</Text>
-              <Text className="text-sm font-medium">
-                {purchaseOrder?.orderSn || "-"}
-              </Text>
+              <CopyText copyData={purchaseOrder?.orderSn || "-"}>
+                <Text className="text-sm font-medium">
+                  {purchaseOrder?.orderSn || "-"}
+                </Text>
+              </CopyText>
             </View>
 
             <View className="flex flex-row justify-between">
diff --git a/packages/app-client/src/pages/purchase/audit/audit.tsx b/packages/app-client/src/pages/purchase/audit/audit.tsx
index 4eb8380..3610535 100644
--- a/packages/app-client/src/pages/purchase/audit/audit.tsx
+++ b/packages/app-client/src/pages/purchase/audit/audit.tsx
@@ -33,6 +33,7 @@ import {
   PurchaseFormSection,
   RebateCalcSection,
   State,
+  SupplierInfoSection,
   TaxProvisionSection,
   TaxSubsidySection,
   WorkerAdvanceSection,
@@ -40,108 +41,169 @@ import {
 import { buildUrl, formatCurrency, PurchaseOrderCalculator } from "@/utils";
 import classNames from "classnames";
 
-const sections = {
+const defaultSections = [
+  "marketPrice",
+  "supplierInfo",
+  "dealerInfo",
+  "basicInfo",
+  "packageInfo",
+  "emptyBoxInfo",
+  "foremanAdvance",
+  "materialCost",
+  "originAdvance",
+  "otherCost",
+  "productionLoss",
+  "taxSubsidy",
+  "taxProvision",
+  "costDifference",
+  "costSummary",
+  "rebateCalc",
+  "deliveryForm",
+];
+
+const xylSections = [
+  "marketPrice",
+  "supplierInfo",
+  "dealerInfo",
+  "basicInfo",
+  "purchaseCostInfo",
+  "purchaseForm",
+  "packageInfo",
+  "emptyBoxInfo",
+  "foremanAdvance",
+  "materialCost",
+  "originAdvance",
+  "otherCost",
+  "productionLoss",
+  "taxSubsidy",
+  "taxProvision",
+  "costDifference",
+  "costSummary",
+  "rebateCalc",
+];
+
+const fullSections = [
   // 市场报价
-  marketPrice: {
+  {
+    name: "marketPrice",
     component: MarketPriceSection,
     title: "市场报价",
   },
   // 我方入账公司
-  supplierInfo: {
+  {
+    name: "supplierInfo",
     component: CompanyInfoSection,
     title: "我方入账公司",
   },
   // 下游经销商信息
-  dealerInfo: {
+  {
+    name: "dealerInfo",
     component: DealerInfoSection,
     title: "下游经销商",
   },
   // 基础信息
-  basicInfo: {
+  {
+    name: "basicInfo",
     component: BasicInfoSection,
     title: "基础信息",
   },
-  // // 瓜农信息
-  // farmerInfo: {
-  //   component: SupplierInfoSection,
-  //   title: "瓜农信息",
-  // },
+  // 瓜农信息
+  {
+    name: "farmerInfo",
+    component: SupplierInfoSection,
+    title: "瓜农信息",
+  },
   // 采购成本
-  purchaseCostInfo: {
+  {
+    name: "purchaseCostInfo",
     component: PurchaseCostInfoSection,
     title: "采购成本复核",
   },
   // 分单发货复核
-  purchaseForm: {
+  {
+    name: "purchaseForm",
     component: PurchaseFormSection,
     title: "分单发货复核",
   },
   // 包装纸箱费
-  packageInfo: {
+  {
+    name: "packageInfo",
     component: PackageInfoSection,
     title: "包装纸箱费复核",
   },
   // 空箱费用
-  emptyBoxInfo: {
+  {
+    name: "emptyBoxInfo",
     component: EmptyBoxInfoSection,
     title: "空箱费用复核",
   },
   // 人工费用复核
-  foremanAdvance: {
+  {
+    name: "foremanAdvance",
     component: WorkerAdvanceSection,
     title: "人工费用复核",
   },
   // 辅料费用复核
-  materialCost: {
+  {
+    name: "materialCost",
     component: MaterialCostSection,
     title: "辅料费复核",
   },
   // 产地费用复核
-  originAdvance: {
+  {
+    name: "originAdvance",
     component: ProductionAdvanceSection,
     title: "产地费用复核",
   },
   // 其他费用复核
-  otherCost: {
+  {
+    name: "otherCost",
     component: PackagingCostSection,
     title: "其他费用复核",
   },
   // 产地损耗复核
-  productionLoss: {
+  {
+    name: "productionLoss",
     component: ProductionLossSection,
     title: "产地损耗复核",
   },
   // 公司返点复核
-  taxSubsidy: {
+  {
+    name: "taxSubsidy",
     component: TaxSubsidySection,
     title: "公司返点复核",
   },
   // 计提税金复核
-  taxProvision: {
+  {
+    name: "taxProvision",
     component: TaxProvisionSection,
     title: "计提税金复核",
   },
   // 调诚信志远分红
-  costDifference: {
+  {
+    name: "costDifference",
     component: CostDifferenceSection,
     title: "调诚信志远分红",
   },
   // 成本合计
-  costSummary: {
+  {
+    name: "costSummary",
     component: CostSummarySection,
     title: "成本合计",
   },
   // 个人返点复核
-  rebateCalc: {
+  {
+    name: "rebateCalc",
     component: RebateCalcSection,
     title: "个人返点复核",
   },
   // 发货单复核
-  deliveryForm: {
+  {
+    name: "deliveryForm",
     component: DeliveryFormSection,
     title: "发货单复核",
   },
-};
+];
 
 export default hocAuth(function Page(props: CommonComponent) {
   const { router, isInitialized, setIsInitialized, userRoleVO, setLoading } =
@@ -417,6 +479,11 @@ export default hocAuth(function Page(props: CommonComponent) {
   const calculator = new PurchaseOrderCalculator(purchaseOrderVO, true);
   const personalProfit = calculator.getPersonalProfit();
 
+  const sections =
+    purchaseOrderVO.orderDealer.shortName === "信誉楼"
+      ? xylSections
+      : defaultSections;
+
   return (
     <>
       <View
@@ -475,8 +542,15 @@ export default hocAuth(function Page(props: CommonComponent) {
           </View>
 
           {/* 循环渲染各部分内容 */}
-          {Object.keys(sections).map((sectionKey) => {
-            const section = sections[sectionKey];
+          {sections.map((sectionKey) => {
+            const section = fullSections.find(
+              (section) => section.name === sectionKey,
+            );
+
+            if (!section) {
+              return null;
+            }
+
             const orderDealer = purchaseOrderVO.orderDealer;
 
             if (
@@ -538,6 +612,7 @@ export default hocAuth(function Page(props: CommonComponent) {
                     readOnly={purchaseOrderVO.state !== "WAITING_AUDIT"}
                     purchaseOrderVO={purchaseOrderVO}
                     onChange={setPurchaseOrderVO}
+                    //@ts-ignore
                     costList={costList}
                     calculator={calculator}
                   />
diff --git a/packages/app-client/src/pages/purchase/audit/result.tsx b/packages/app-client/src/pages/purchase/audit/result.tsx
index 8ea58f7..d7ffec7 100644
--- a/packages/app-client/src/pages/purchase/audit/result.tsx
+++ b/packages/app-client/src/pages/purchase/audit/result.tsx
@@ -6,6 +6,7 @@ import { Button, SafeArea, Toast } from "@nutui/nutui-react-taro";
 import Taro from "@tarojs/taro";
 import { business } from "@/services";
 import { buildUrl } from "@/utils";
+import { CopyText } from "@/components";
 
 export default hocAuth(function Page(props: CommonComponent) {
   const { router, setLoading } = props;
@@ -81,9 +82,11 @@ export default hocAuth(function Page(props: CommonComponent) {
           <View className="mb-2.5 flex flex-col gap-2.5">
             <View className="flex flex-row justify-between">
               <Text className="text-sm text-gray-600">采购单号:</Text>
-              <Text className="text-sm font-medium">
-                {purchaseOrder?.orderSn || "-"}
-              </Text>
+              <CopyText copyData={purchaseOrder?.orderSn || "-"}>
+                <Text className="text-sm font-medium">
+                  {purchaseOrder?.orderSn || "-"}
+                </Text>
+              </CopyText>
             </View>
 
             <View className="flex flex-row justify-between">
diff --git a/packages/app-client/src/pages/purchase/enter/create.tsx b/packages/app-client/src/pages/purchase/enter/create.tsx
index e60736c..1bb0547 100644
--- a/packages/app-client/src/pages/purchase/enter/create.tsx
+++ b/packages/app-client/src/pages/purchase/enter/create.tsx
@@ -114,6 +114,7 @@ export default hocAuth(function Page(props: CommonComponent) {
             // 如果订单状态不是草稿，则跳转到预览页面
             if (
               purchaseOrder.state !== "DRAFT" &&
+              purchaseOrder.state !== "REJECTED" &&
               userRoleVO.slug === "origin-entry"
             ) {
               Taro.redirectTo({
@@ -411,6 +412,7 @@ export default hocAuth(function Page(props: CommonComponent) {
                   ...prev!,
                   foreman: purchaseOrder.foreman,
                   orderCostItemList: purchaseOrder.orderCostItemList,
+                  orderPackageList: purchaseOrder.orderPackageList,
                 };
               });
             }}
@@ -437,7 +439,7 @@ export default hocAuth(function Page(props: CommonComponent) {
           !purchaseOrder?.orderSupplierList[
             purchaseOrder?.orderSupplierList.length - 1
           ]?.isLast && (
-            <View className="flex flex-1 flex-col gap-2.5 bg-[#D1D5DB] p-2.5 pt-2.5">
+            <View className="flex flex-1 flex-col gap-2.5 bg-[#D1D5DB] p-2.5">
               <View className={"flex flex-1 flex-col gap-2.5"}>
                 <View className="text-sm font-bold">快捷操作</View>
                 <Button
diff --git a/packages/app-client/src/pages/purchase/enter/result.tsx b/packages/app-client/src/pages/purchase/enter/result.tsx
index 95b0cc9..bd6ff23 100644
--- a/packages/app-client/src/pages/purchase/enter/result.tsx
+++ b/packages/app-client/src/pages/purchase/enter/result.tsx
@@ -6,6 +6,7 @@ import { Button, SafeArea, Toast } from "@nutui/nutui-react-taro";
 import Taro from "@tarojs/taro";
 import { business } from "@/services";
 import { buildUrl } from "@/utils";
+import { CopyText } from "@/components";
 
 export default hocAuth(function Page(props: CommonComponent) {
   const { router, setLoading } = props;
@@ -81,9 +82,11 @@ export default hocAuth(function Page(props: CommonComponent) {
           <View className="mb-2.5 flex flex-col gap-2.5">
             <View className="flex flex-row justify-between">
               <Text className="text-sm text-gray-600">采购单号:</Text>
-              <Text className="text-sm font-medium">
-                {purchaseOrder?.orderSn || "-"}
-              </Text>
+              <CopyText copyData={purchaseOrder?.orderSn || "-"}>
+                <Text className="text-sm font-medium">
+                  {purchaseOrder?.orderSn || "-"}
+                </Text>
+              </CopyText>
             </View>
 
             <View className="flex flex-row justify-between">
diff --git a/packages/app-client/src/pages/supplier/create.tsx b/packages/app-client/src/pages/supplier/create.tsx
index 1d3d9ff..f83ea11 100644
--- a/packages/app-client/src/pages/supplier/create.tsx
+++ b/packages/app-client/src/pages/supplier/create.tsx
@@ -1,11 +1,5 @@
 import { View } from "@tarojs/components";
-import {
-  Button,
-  Input,
-  Toast,
-  Uploader,
-  UploaderFileItem,
-} from "@nutui/nutui-react-taro";
+import { Button, Input, Toast, Uploader, UploaderFileItem } from "@nutui/nutui-react-taro";
 import { Icon } from "@/components";
 import hocAuth from "@/hocs/auth";
 import { CommonComponent } from "@/types/typings";
@@ -368,7 +362,7 @@ export default hocAuth(function Page(props: CommonComponent) {
           {/* 功能提醒 */}
           <View className="flex items-center rounded-lg border border-blue-200 bg-blue-50 p-2.5">
             <Icon
-              className={"mr-1"}
+              className={"mr-1 leading-4"}
               name="circle-info"
               color={"var(--color-blue-700)"}
               size={18}
diff --git a/packages/app-client/src/services/business/typings.d.ts b/packages/app-client/src/services/business/typings.d.ts
index 2f8ed25..c79881e 100644
--- a/packages/app-client/src/services/business/typings.d.ts
+++ b/packages/app-client/src/services/business/typings.d.ts
@@ -913,7 +913,7 @@ declare namespace BusinessAPI {
     /** 状态：1_启用；0_禁用 */
     status: boolean;
     /** 成本项ID */
-    costItemIds?: number[];
+    costItemIds?: string[];
   };
 
   type CostDestroyCmd = {
@@ -1123,7 +1123,7 @@ declare namespace BusinessAPI {
     /** 状态：1_启用；0_禁用 */
     status: boolean;
     /** 成本项ID */
-    costItemIds?: number[];
+    costItemIds?: string[];
   };
 
   type CostVO = {
@@ -1150,7 +1150,7 @@ declare namespace BusinessAPI {
     /** 状态：1_启用；0_禁用 */
     status: boolean;
     /** 项目id集合 */
-    costItemIds?: number[];
+    costItemIds?: string[];
     /** 创建时间 */
     createdAt?: string;
     /** 项目列表 */
@@ -2648,7 +2648,7 @@ declare namespace BusinessAPI {
       | "PRODUCTION_TYPE"
       | "OTHER_TYPE";
     /** 关联项目id */
-    costItemIds?: number[];
+    costItemIds?: string[];
     /** 是否选中 */
     selected: boolean;
   };