121

shop-app/subpackage/order/aftersale-submit.vue

@@ -93,12 +93,24 @@ import { submitAftersale } from '@/api/orderAftersale'
 import { mapOrderDetail } from '@/utils/orderDisplay'
 import { ensureApiToken } from '@/utils/apiAuth'
 import {
+	ORDER_STATUS,
 	AFTERSALE_APPLY_TYPE,
 	AFTERSALE_APPLY_TYPE_OPTIONS,
 	AFTERSALE_REASON_MAP,
 	AFTERSALE_DESC_MAX,
 	AFTERSALE_EVIDENCE_MAX
 } from '@/constants/order'
+
+/** 订单状态 → 售后申请类型（与后端 OrderConstants 一致） */
+const APPLY_TYPE_BY_ORDER_STATUS = {
+	[ORDER_STATUS.PENDING_SHIP]: AFTERSALE_APPLY_TYPE.REFUND_UNSHIPPED,
+	[ORDER_STATUS.SHIPPED]: AFTERSALE_APPLY_TYPE.REFUND_SHIPPED,
+	[ORDER_STATUS.COMPLETED]: AFTERSALE_APPLY_TYPE.RETURN_REFUND
+}
+
+function resolveApplyTypeByOrderStatus(orderStatus) {
+	return APPLY_TYPE_BY_ORDER_STATUS[String(orderStatus)] || ''
+}
 import { goAftersaleDetail } from '@/utils/orderNav'
 import OrderGoodsRow from '@/components/order/OrderGoodsRow.vue'
 import { useActionGuard } from '@/utils/actionGuard'
@@ -107,20 +119,26 @@ import ImageUploadGrid from '@/components/order/ImageUploadGrid.vue'
 const submitGuard = useActionGuard()
 
 const orderId = ref('')
+const orderStatus = ref('')
 /** 整单商品行 */
 const orderItems = ref([])
 const payAmount = ref(0)
 const pageLoading = ref(true)
 const submitting = submitGuard.locked
 
-const applyType = ref(AFTERSALE_APPLY_TYPE.REFUND_UNSHIPPED)
+const applyType = ref('')
 const applyReason = ref('')
 const returnQuantity = ref(1)
 const applyAmountInput = ref('')
 const description = ref('')
 const evidencePics = ref([])
 
-const applyTypeOptions = AFTERSALE_APPLY_TYPE_OPTIONS
+/** 按订单状态只展示对应的一种申请类型 */
+const applyTypeOptions = computed(() => {
+	const type = resolveApplyTypeByOrderStatus(orderStatus.value)
+	if (!type) return []
+	return AFTERSALE_APPLY_TYPE_OPTIONS.filter((opt) => opt.value === type)
+})
 const descMax = AFTERSALE_DESC_MAX
 const evidenceMax = AFTERSALE_EVIDENCE_MAX
 
@@ -156,6 +174,13 @@ async function loadOrder() {
 		if (!items.length) {
 			throw new Error('订单商品不存在')
 		}
+		const type = resolveApplyTypeByOrderStatus(mapped.orderStatus)
+		if (!type) {
+			throw new Error('当前订单状态不可申请售后')
+		}
+		orderStatus.value = mapped.orderStatus
+		applyType.value = type
+		applyReason.value = ''
 		orderItems.value = items
 		payAmount.value = mapped.payAmount
 		applyAmountInput.value = String(mapped.payAmount || '')