feat: 收银台支持支付宝支付(微信/支付宝选择器)
PC 收银台此前硬编码「请使用微信扫码支付」,只能走微信 Native。 改动: - 支付方式选择器(微信支付 / 支付宝),切换即重新发起支付并清掉上一张码—— 同一订单号换支付类型重复下单会被渠道拒(微信回 OUT_TRADE_NO_USED), 两种支付信息同时留在页面上只会让用户困惑。 - 支付宝走电脑网站支付:后端返回自提交表单,用 document.write 写进新窗口。 刻意不用 v-html——它插入的脚本标签不会执行(HTML 规范如此), 表单永远不会自动提交。原收银台页留在原标签页继续轮询查单。 - 弹窗被拦截时给出可行动提示,并保留「前往支付宝付款」按钮兜底。 - 回到一张曾用支付宝发起过的待支付订单时,默认选中支付宝, 避免又拿微信去撞一次「订单号已使用」。 - useHjcPayStatus 增加 channel 参数,仅供提示文案说对「微信侧/支付宝侧」。 **状态词表不变**——后端已把两个渠道的状态映射成渠道无关的 PaymentStatus, 前端再加一份支付宝词表等于把渠道知识泄漏进 UI。顺带把这层理由写进注释。 - 修正代码注释里对 ADR 0009 的引用:工作区 docs/adr 下并没有这一篇, 相关决策现记录在 ADR 0008。 验证:eslint 0 error;npm run build:dev 构建通过。
This commit is contained in:
@@ -1,39 +1,40 @@
|
||||
import { $fetch } from 'ofetch'
|
||||
import { createError, defineEventHandler, getHeader, getCookie, getQuery } from 'h3'
|
||||
import { useRuntimeConfig } from '#imports'
|
||||
import { getTenantFromContext } from '../../utils/tenant'
|
||||
|
||||
/**
|
||||
* 查询微信侧支付状态(已支付则后端顺带修复本地订单状态)
|
||||
* GET /api/tender/pay-status?orderNo=xxx
|
||||
* 代理到 mp-api /api/hjc/order/pay-status/{orderNo};需登录态。
|
||||
*
|
||||
* 这是 hjc-web **唯一**的支付确认通道:它向微信查单,以微信侧的结论为准。
|
||||
* 不要退回 mark-paid——那个接口不查单,点一下就能把订单置为已支付(见 ADR 0009)。
|
||||
*
|
||||
* 约定:原样透传 ApiResult{code,message,data},由前端按 code 判定登录态与业务失败。
|
||||
*/
|
||||
export default defineEventHandler(async (event) => {
|
||||
const config = useRuntimeConfig()
|
||||
const ctx = getTenantFromContext(event, config)
|
||||
const { orderNo } = getQuery(event)
|
||||
const cookieToken = getCookie(event, 'hjc_token')
|
||||
const auth = getHeader(event, 'authorization') || (cookieToken ? `Bearer ${cookieToken}` : null)
|
||||
|
||||
try {
|
||||
return await $fetch(`/hjc/order/pay-status/${encodeURIComponent(String(orderNo ?? ''))}`, {
|
||||
baseURL: config.public.modulesApiBase,
|
||||
method: 'GET',
|
||||
headers: {
|
||||
TenantId: ctx.tenantId,
|
||||
...(auth ? { Authorization: auth } : {})
|
||||
},
|
||||
query: { TenantId: ctx.tenantId }
|
||||
})
|
||||
} catch (error: any) {
|
||||
throw createError({
|
||||
statusCode: error?.statusCode || error?.response?.status || 502,
|
||||
statusMessage: error?.statusMessage || 'Failed to query pay status'
|
||||
})
|
||||
}
|
||||
})
|
||||
import { $fetch } from 'ofetch'
|
||||
import { createError, defineEventHandler, getHeader, getCookie, getQuery } from 'h3'
|
||||
import { useRuntimeConfig } from '#imports'
|
||||
import { getTenantFromContext } from '../../utils/tenant'
|
||||
|
||||
/**
|
||||
* 查询支付渠道侧的状态(已支付则后端顺带修复本地订单状态)
|
||||
* GET /api/tender/pay-status?orderNo=xxx
|
||||
* 代理到 mp-api /api/hjc/order/pay-status/{orderNo};需登录态。
|
||||
*
|
||||
* 这是 hjc-web **唯一**的支付确认通道:它向渠道查单,以渠道侧的结论为准。
|
||||
* 后端按订单的 pay_method 自动打到微信或支付宝,**前端不需要传渠道**。
|
||||
* 不要退回 mark-paid——那个接口不查单,点一下就能把订单置为已支付(见 ADR 0008)。
|
||||
*
|
||||
* 约定:原样透传 ApiResult{code,message,data},由前端按 code 判定登录态与业务失败。
|
||||
*/
|
||||
export default defineEventHandler(async (event) => {
|
||||
const config = useRuntimeConfig()
|
||||
const ctx = getTenantFromContext(event, config)
|
||||
const { orderNo } = getQuery(event)
|
||||
const cookieToken = getCookie(event, 'hjc_token')
|
||||
const auth = getHeader(event, 'authorization') || (cookieToken ? `Bearer ${cookieToken}` : null)
|
||||
|
||||
try {
|
||||
return await $fetch(`/hjc/order/pay-status/${encodeURIComponent(String(orderNo ?? ''))}`, {
|
||||
baseURL: config.public.modulesApiBase,
|
||||
method: 'GET',
|
||||
headers: {
|
||||
TenantId: ctx.tenantId,
|
||||
...(auth ? { Authorization: auth } : {})
|
||||
},
|
||||
query: { TenantId: ctx.tenantId }
|
||||
})
|
||||
} catch (error: any) {
|
||||
throw createError({
|
||||
statusCode: error?.statusCode || error?.response?.status || 502,
|
||||
statusMessage: error?.statusMessage || 'Failed to query pay status'
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
@@ -1,37 +1,40 @@
|
||||
import { $fetch } from 'ofetch'
|
||||
import { createError, defineEventHandler, readBody, getHeader, getCookie } from 'h3'
|
||||
import { useRuntimeConfig } from '#imports'
|
||||
import { getTenantFromContext } from '../../utils/tenant'
|
||||
|
||||
/**
|
||||
* 发起支付(微信Native扫码,返回 codeUrl)
|
||||
* POST /api/tender/pay { orderNo }
|
||||
* 代理到 mp-api /api/hjc/order/pay;需登录态。
|
||||
*
|
||||
* 约定:原样透传 ApiResult{code,message,data},由前端按 code 判定登录态与业务失败。
|
||||
*/
|
||||
export default defineEventHandler(async (event) => {
|
||||
const config = useRuntimeConfig()
|
||||
const ctx = getTenantFromContext(event, config)
|
||||
const body = await readBody(event)
|
||||
const cookieToken = getCookie(event, 'hjc_token')
|
||||
const auth = getHeader(event, 'authorization') || (cookieToken ? `Bearer ${cookieToken}` : null)
|
||||
|
||||
try {
|
||||
return await $fetch('/hjc/order/pay', {
|
||||
baseURL: config.public.modulesApiBase,
|
||||
method: 'POST',
|
||||
headers: {
|
||||
TenantId: ctx.tenantId,
|
||||
...(auth ? { Authorization: auth } : {})
|
||||
},
|
||||
query: { TenantId: ctx.tenantId },
|
||||
body
|
||||
})
|
||||
} catch (error: any) {
|
||||
throw createError({
|
||||
statusCode: error?.statusCode || error?.response?.status || 502,
|
||||
statusMessage: error?.statusMessage || 'Failed to pay'
|
||||
})
|
||||
}
|
||||
})
|
||||
import { $fetch } from 'ofetch'
|
||||
import { createError, defineEventHandler, readBody, getHeader, getCookie } from 'h3'
|
||||
import { useRuntimeConfig } from '#imports'
|
||||
import { getTenantFromContext } from '../../utils/tenant'
|
||||
|
||||
/**
|
||||
* 发起支付(微信 Native 扫码 / 支付宝电脑网站支付)
|
||||
* POST /api/tender/pay { orderNo, payType? }
|
||||
* 代理到 mp-api /api/hjc/order/pay;需登录态。
|
||||
*
|
||||
* `payType`:`wechat`(默认,与接入支付宝前行为一致)/ `alipay`。
|
||||
* 请求体原样透传,因此新增支付方式**不需要改这个代理**。
|
||||
*
|
||||
* 约定:原样透传 ApiResult{code,message,data},由前端按 code 判定登录态与业务失败。
|
||||
*/
|
||||
export default defineEventHandler(async (event) => {
|
||||
const config = useRuntimeConfig()
|
||||
const ctx = getTenantFromContext(event, config)
|
||||
const body = await readBody(event)
|
||||
const cookieToken = getCookie(event, 'hjc_token')
|
||||
const auth = getHeader(event, 'authorization') || (cookieToken ? `Bearer ${cookieToken}` : null)
|
||||
|
||||
try {
|
||||
return await $fetch('/hjc/order/pay', {
|
||||
baseURL: config.public.modulesApiBase,
|
||||
method: 'POST',
|
||||
headers: {
|
||||
TenantId: ctx.tenantId,
|
||||
...(auth ? { Authorization: auth } : {})
|
||||
},
|
||||
query: { TenantId: ctx.tenantId },
|
||||
body
|
||||
})
|
||||
} catch (error: any) {
|
||||
throw createError({
|
||||
statusCode: error?.statusCode || error?.response?.status || 502,
|
||||
statusMessage: error?.statusMessage || 'Failed to pay'
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user