fix SalesOrderDetail.vue style

This commit is contained in:
Timi
2026-09-15 13:20:53 +08:00
parent dd30d4cbcc
commit 151427a675
+14 -10
View File
@@ -96,8 +96,10 @@
</div> </div>
<div class="main"> <div class="main">
<div class="title"> <div class="title">
<span class="name text-bold" v-text="item.productNameSnapshot || '未命名产品'" /> <div class="name-gift">
<t-tag v-if="item.gifted" size="small" theme="success" content="赠送" /> <span class="name text-bold" v-text="item.productNameSnapshot || '未命名产品'" />
<t-tag v-if="item.gifted" size="small" theme="success" content="赠送" />
</div>
<t-tag <t-tag
:content="getItemFulfillmentStatus(item).text" :content="getItemFulfillmentStatus(item).text"
:theme="getItemFulfillmentStatus(item).theme" :theme="getItemFulfillmentStatus(item).theme"
@@ -111,13 +113,6 @@
v-text="`¥${formatPackageAmount(item.lineAmount)}`" v-text="`¥${formatPackageAmount(item.lineAmount)}`"
/> />
<t-tag v-else size="small" content="套餐权益" /> <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-sku-snapshot-tags
:product-name="item.productNameSnapshot" :product-name="item.productNameSnapshot"
:snapshot="item.skuSpecSnapshot" :snapshot="item.skuSpecSnapshot"
@@ -464,7 +459,10 @@ async function toFulfillmentList(): Promise<void> {
async function toCreateFulfillment(): Promise<void> { async function toCreateFulfillment(): Promise<void> {
if (order.value?.id) await router.push({ if (order.value?.id) await router.push({
path: "/management/order-fulfillments/create", 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; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.name-gift {
gap: .5rem;
display: flex;
align-items: center;
}
} }
.description { .description {