From e154fd6186db13e3f9a80e1a16a7b4b51dff59dc Mon Sep 17 00:00:00 2001
From: Timi <imyeyu6@qq.com>
Date: Wed, 9 Sep 2026 13:39:09 +0800
Subject: [PATCH] fix OrderFulfillmentCreate.vue style

---
 .../fulfillment/OrderFulfillmentCreate.vue    | 27 ++++++++++++-------
 src/pages/salesOrder/SalesOrderDetail.vue     |  4 ---
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/pages/fulfillment/OrderFulfillmentCreate.vue b/src/pages/fulfillment/OrderFulfillmentCreate.vue
index 7e7cd9f..95b8428 100644
--- a/src/pages/fulfillment/OrderFulfillmentCreate.vue
+++ b/src/pages/fulfillment/OrderFulfillmentCreate.vue
@@ -48,12 +48,6 @@
 							</div>
 						</div>
 						<div class="input">
-							<t-button
-								size="extra-small"
-								variant="outline"
-								:content="getFulfillmentUnit(item)?.name || '选择实际单位'"
-								@click.stop="openUnitPicker(item)"
-							/>
 							<t-input
 								v-model.trim="quantityMap[item.id || '']"
 								class="quantity"
@@ -64,7 +58,12 @@
 								placeholder="请输入履约数量"
 							>
 								<template #suffix-icon>
-									<span class="unit" v-text="getFulfillmentUnit(item)?.name || ''" />
+									<t-button
+										size="extra-small"
+										variant="outline"
+										:content="getFulfillmentUnit(item)?.name || '选择实际单位'"
+										@click.stop="openUnitPicker(item)"
+									/>
 								</template>
 							</t-input>
 							<t-button
@@ -203,8 +202,18 @@ function getAvailableBaseQuantity(item: GaoSalesOrderItem): string {
 	return getPackageQuantityText(item.availableBaseQuantity);
 }
 
+function getAvailableQuantity(item: GaoSalesOrderItem): string {
+	const unit = getFulfillmentUnit(item);
+	const quantity = convertPackageQuantity(
+		getAvailableBaseQuantity(item),
+		"1",
+		unit?.baseQuantityPerUnit ?? "1"
+	);
+	return getPackageQuantityText(quantity ?? item.availableBaseQuantity);
+}
+
 function getItemDescription(item: GaoSalesOrderItem): string {
-	return `可履约 ${getAvailableBaseQuantity(item)} ${getBaseUnitName(item)}`;
+	return `可履约 ${getAvailableQuantity(item)} ${getFulfillmentUnit(item)?.name || getBaseUnitName(item)}`;
 }
 
 function getBaseUnitName(item: GaoSalesOrderItem): string {
@@ -422,7 +431,7 @@ onUnmounted(() => navBarStore.clearRight());
 					}
 
 					.input {
-						gap: 1rem;
+						gap: .5rem;
 						display: flex;
 						margin-top: .5rem;
 
diff --git a/src/pages/salesOrder/SalesOrderDetail.vue b/src/pages/salesOrder/SalesOrderDetail.vue
index 11cb51f..80106bd 100644
--- a/src/pages/salesOrder/SalesOrderDetail.vue
+++ b/src/pages/salesOrder/SalesOrderDetail.vue
@@ -310,10 +310,6 @@ function getRemainingAmountClass(amount?: number | null): "green" | "red" | "gra
 	return amount === 0 ? "green" : "red";
 }
 
-function getItemUnitName(item: GaoSalesOrderItem): string {
-	return item.unitSnapshot || "基础单位";
-}
-
 function getItemQuantityText(item: GaoSalesOrderItem, baseQuantity?: number | string): string {
 	const quantity = convertPackageQuantity(
 		String(baseQuantity ?? "0"),