fix SalesOrderDetail.vue style

src/pages/salesOrder/SalesOrderDetail.vue

@@ -96,8 +96,10 @@
 							</div>
 							<div class="main">
 								<div class="title">
+									<div class="name-gift">
 										<span class="name text-bold" v-text="item.productNameSnapshot || '未命名产品'" />
 										<t-tag v-if="item.gifted" size="small" theme="success" content="赠送" />
+									</div>
 									<t-tag
 										:content="getItemFulfillmentStatus(item).text"
 										:theme="getItemFulfillmentStatus(item).theme"
@@ -111,13 +113,6 @@
 										v-text="`￥${formatPackageAmount(item.lineAmount)}`"
 									/>
 									<t-tag v-else size="small" content="套餐权益" />
-									<t-tag
-										v-if="item.skuCodeSnapshot"
-										size="small"
-										theme="primary"
-										variant="light"
-										:content="item.skuCodeSnapshot"
-									/>
 									<product-sku-snapshot-tags
 										:product-name="item.productNameSnapshot"
 										:snapshot="item.skuSpecSnapshot"
@@ -464,7 +459,10 @@ async function toFulfillmentList(): Promise<void> {
 async function toCreateFulfillment(): Promise<void> {
 	if (order.value?.id) await router.push({
 		path: "/management/order-fulfillments/create",
-		query: { salesOrderId: order.value.id }
+		query: {
+			salesOrderId: order.value.id,
+			transitionDepth: String(getCurrentRouteDepth() + 1)
+		}
 	});
 }
 
@@ -628,6 +626,12 @@ onUnmounted(() => navBarStore.clearRight());
 							display: flex;
 							align-items: center;
 							justify-content: space-between;
+
+							.name-gift {
+								gap: .5rem;
+								display: flex;
+								align-items: center;
+							}
 						}
 
 						.description {