timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix SalesOrderList.vue style

Browse Source
This commit is contained in:
Timi
2026-09-05 00:26:31 +08:00
parent 71dc209a5a
commit 25bbdafcc8
4 changed files with 388 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/salesOrder/SalesOrderDetail.vue
+9 -3
View File
@@ -28,7 +28,7 @@
v-for="item in order.itemList"
:key="item.id"
:title="item.productNameSnapshot || '未命名产品'"
:description="`${item.quantity || 0} ${item.unitSnapshot || ''} · 已履约 ${item.fulfilledQuantity || 0} · 待履约 ${item.reservedQuantity || 0}`"
:description="getItemDescription(item)"
:note="formatPackageAmount(item.lineAmount)"
/>
</t-cell-group>
@@ -55,8 +55,8 @@ import SalesOrderAPI from "@/api/SalesOrderAPI";
import CustomerProfileCard from "@/components/CustomerProfileCard.vue";
import SalesOrderFinancePanel from "@/pages/salesOrder/components/SalesOrderFinancePanel.vue";
import { useNavBarStore } from "@/store/navBarStore";
import type { SalesOrder } from "@/types/SalesOrder";
import { formatPackageAmount } from "@/utils/package";
import type { SalesOrder, SalesOrderItem } from "@/types/SalesOrder";
import { formatPackageAmount, getPackageQuantityText } from "@/utils/package";
import { getErrorMessage } from "@/utils/error";
import { getSalesOrderStatusText, getSalesOrderTypeText, getStatusTheme } from "@/utils/salesOrder";
import { Message } from "@/utils/message";
@@ -75,6 +75,12 @@ const canReceive = computed(() => !!order.value && order.value.status !== "CANCE
const canRefund = computed(() => !!order.value && order.value.status === "CANCELLED" && order.value.refundStatus === "PENDING" && userStore.hasPermissions(permissionCodes.fund.refund));
const canConfirmNoRefund = computed(() => !!order.value && order.value.status === "CANCELLED" && order.value.refundStatus === "PENDING" && userStore.hasPermissions(permissionCodes.fund.refund));
const canCancel = computed(() => !!order.value && order.value.status === "ACTIVE" && userStore.hasPermissions(permissionCodes.salesOrder.cancel));
function getItemDescription(item: SalesOrderItem): string {
const quantity = Number(item.quantity || 0);
const fulfilledQuantity = Number(item.fulfilledQuantity || 0);
const remainingQuantity = Math.max(0, quantity - fulfilledQuantity);
return `${getPackageQuantityText(item.quantity)} ${item.unitSnapshot || ""} · 已履约 ${getPackageQuantityText(item.fulfilledQuantity)} · 剩余待履约 ${getPackageQuantityText(remainingQuantity.toFixed(3))}`;
}
async function loadData(): Promise<void> {
const id = String(route.params.id || "");