yml/hfb_sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

支持微信支付宝独立支付渠道

Browse Source
This commit is contained in:
yml
2026-06-14 23:38:03 +08:00
parent 2dc5a8121e
commit 3ff8c1de88
27 changed files with 550 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/admin/api/paymentConfig.ts
+1
View File
@@ -80,6 +80,7 @@ export interface UpdatePaymentConfigRequest {
export async function fetchPaymentConfigs(params?: {
provider?: string
pay_way?: string
status?: string
environment?: string
page?: number
frontend/src/features/admin/components/PaymentConfigDialog.vue
+94 -21
View File
@@ -31,10 +31,49 @@ const advancedOpen = ref<string[]>([])
const defaultGateways: Record<string, string> = {
leshua: 'https://paygate.leshuazf.com/cgi-bin/lepos_pay_gateway.cgi',
lakala: 'https://test.wsmsd.cn/sit',
mock: '',
}
const lakalaGateways: Record<string, string> = {
production: 'https://s2.lakala.com',
sandbox: 'https://test.wsmsd.cn/sit',
}
const defaultNotifyURLs: Record<string, string> = {
leshua: 'https://hao858.com/api/payments/leshua/notify',
lakala: 'https://hao858.com/api/payments/lakala/notify',
mock: '',
}
const defaultJumpURLs: Record<string, string> = {
leshua: 'https://hao858.com/orders',
lakala: 'https://hao858.com/orders',
mock: '',
}
const lakalaPayModeByPayWay: Record<string, string> = {
ZFBZF: 'ALIPAY',
WXZF: 'WECHAT',
}
// defaultEnvironment 返回新建配置时的默认环境。
function defaultEnvironment(provider: string) {
return provider === 'mock' ? 'production' : 'production'
}
// defaultGateway 根据服务商和环境生成默认网关地址。
function defaultGateway(provider: string, environment = defaultEnvironment(provider)) {
if (provider === 'lakala') {
return lakalaGateways[environment] || lakalaGateways.production
}
return defaultGateways[provider] || ''
}
// isDefaultLakalaGateway 判断当前网关是否仍是拉卡拉系统默认值。
function isDefaultLakalaGateway(value?: string) {
return !value || Object.values(lakalaGateways).includes(value)
}
function defaultExtraConfig(provider: string) {
if (provider === 'lakala') {
return {
@@ -42,30 +81,33 @@ function defaultExtraConfig(provider: string) {
serial_no: '',
term_no: '',
lakala_cert: '',
pay_mode: 'AUTO',
pay_mode: 'ALIPAY',
order_expire_minutes: 15,
}
}
return {}
}
function makeDefaultForm(provider = 'leshua'): CreatePaymentConfigRequest {
function makeDefaultForm(
provider = 'leshua',
environment = defaultEnvironment(provider)
): CreatePaymentConfigRequest {
return {
name: '',
provider,
merchant_id: '',
gateway_url: defaultGateways[provider] || '',
gateway_url: defaultGateway(provider, environment),
sign_key: '',
notify_key: '',
notify_url: '',
jump_url: '',
notify_url: defaultNotifyURLs[provider] || '',
jump_url: defaultJumpURLs[provider] || '',
pay_way: 'ZFBZF',
jspay_flag: '2',
sign_type: provider === 'lakala' ? 'SHA256withRSA' : 'MD5',
extra_config: defaultExtraConfig(provider),
is_default: false,
status: 'active',
environment: provider === 'lakala' ? 'sandbox' : 'production',
environment,
business_tags: [],
}
}
@@ -99,6 +141,15 @@ function normalizeExtraConfig(provider: string, extraConfig?: Record<string, any
return extra
}
// syncLakalaPayMode 根据支付方式同步拉卡拉渠道模式。
function syncLakalaPayMode(payWay = formData.value.pay_way || 'ZFBZF') {
if (!isLakala.value) return
formData.value.extra_config = {
...normalizeExtraConfig('lakala', formData.value.extra_config),
pay_mode: lakalaPayModeByPayWay[payWay] || 'AUTO',
}
}
watch(
() => props.modelValue,
val => {
@@ -134,12 +185,25 @@ watch(
function handleProviderChange(provider: string) {
if (props.mode !== 'create') return
const currentName = formData.value.name
const currentNotifyURL = formData.value.notify_url
const currentPayWay = formData.value.pay_way || 'ZFBZF'
const currentEnvironment = formData.value.environment || defaultEnvironment(provider)
formData.value = {
...makeDefaultForm(provider),
...makeDefaultForm(provider, currentEnvironment),
name: currentName,
notify_url: currentNotifyURL,
pay_way: currentPayWay,
}
syncLakalaPayMode(currentPayWay)
}
// handlePayWayChange 处理支付方式切换，并联动渠道扩展配置。
function handlePayWayChange(payWay: string | number | boolean) {
syncLakalaPayMode(String(payWay))
}
// handleEnvironmentChange 处理环境切换，并同步拉卡拉默认网关。
function handleEnvironmentChange(environment: string) {
if (!isLakala.value || !isDefaultLakalaGateway(formData.value.gateway_url)) return
formData.value.gateway_url = defaultGateway('lakala', environment)
}
async function handleViewSecrets() {
@@ -206,7 +270,7 @@ function handleClose() {
</script>
<template>
<el-dialog :model-value="modelValue" :title="dialogTitle" width="700px" @close="handleClose">
<el-dialog :model-value="modelValue" :title="dialogTitle" width="760px" @close="handleClose">
<el-form :model="formData" label-width="120px">
<el-form-item label="配置名称" required>
<el-input v-model="formData.name" placeholder="如：乐刷生产商户1" :disabled="isReadonly" />
@@ -224,6 +288,18 @@ function handleClose() {
</el-select>
</el-form-item>
<el-form-item label="支付方式" required>
<el-segmented
v-model="formData.pay_way"
:disabled="isReadonly"
:options="[
{ label: '支付宝', value: 'ZFBZF' },
{ label: '微信', value: 'WXZF' },
]"
@change="handlePayWayChange"
/>
</el-form-item>
<el-form-item label="商户号" required>
<el-input v-model="formData.merchant_id" placeholder="渠道商户号" :disabled="isReadonly" />
</el-form-item>
@@ -306,7 +382,7 @@ function handleClose() {
<el-form-item label="是否默认">
<el-switch v-model="formData.is_default" :disabled="isReadonly" />
<span class="form-hint">全局只能启用一个配置，启用后会自动设为默认</span>
<span class="form-hint">同一支付方式只保留一个启用默认配置</span>
</el-form-item>
<el-form-item label="状态">
@@ -318,7 +394,11 @@ function handleClose() {
</el-form-item>
<el-form-item label="环境">
<el-select v-model="formData.environment" :disabled="isReadonly">
<el-select
v-model="formData.environment"
:disabled="isReadonly"
@change="handleEnvironmentChange"
>
<el-option label="生产环境" value="production" />
<el-option label="测试环境" value="sandbox" />
</el-select>
@@ -338,18 +418,11 @@ function handleClose() {
/>
</el-form-item>
<el-form-item label="支付方式">
<el-select v-model="formData.pay_way" :disabled="isReadonly">
<el-option label="支付宝" value="ZFBZF" />
<el-option label="微信" value="WXZF" />
</el-select>
</el-form-item>
<el-form-item v-if="isLakala" label="拉卡拉模式">
<el-select v-model="extraConfig.pay_mode" :disabled="isReadonly">
<el-option label="不限制，由收银台选择" value="AUTO" />
<el-option label="支付宝" value="ALIPAY" />
<el-option label="微信" value="WECHAT" />
<el-option label="不限制，由收银台选择" value="AUTO" />
<el-option label="银联" value="UQRCODEPAY" />
</el-select>
</el-form-item>
frontend/src/features/admin/views/AdminPaymentConfigsView.vue
+48 -2
View File
@@ -29,6 +29,7 @@ const dialogMode = ref<'create' | 'edit' | 'view'>('create')
const currentConfig = ref<PaymentConfig | null>(null)
const filterProvider = ref('')
const filterPayWay = ref('')
const filterStatus = ref('')
const filterEnvironment = ref('')
@@ -46,6 +47,12 @@ const statusOptions = [
{ label: '测试中', value: 'testing' },
]
const payWayOptions = [
{ label: '全部', value: '' },
{ label: '支付宝', value: 'ZFBZF' },
{ label: '微信', value: 'WXZF' },
]
const environmentOptions = [
{ label: '全部', value: '' },
{ label: '生产环境', value: 'production' },
@@ -65,6 +72,7 @@ async function loadConfigs() {
try {
const res = await fetchPaymentConfigs({
provider: filterProvider.value || undefined,
pay_way: filterPayWay.value || undefined,
status: filterStatus.value || undefined,
environment: filterEnvironment.value || undefined,
page: currentPage.value,
@@ -161,7 +169,7 @@ async function handleImportFile(event: Event) {
try {
await ElMessageBox.confirm(
'导入会按服务商和商户号新增或更新配置，并恢复备份中的启用配置。备份文件包含支付密钥明文，请确认来源可信。',
'导入会按服务商、商户号和支付方式新增或更新配置，并恢复备份中的启用配置。备份文件包含支付密钥明文，请确认来源可信。',
'导入支付配置备份',
{
type: 'warning',
@@ -213,6 +221,24 @@ function formatProvider(provider: string) {
return map[provider] || provider
}
// formatPayWay 将支付方式编码展示为运营可读名称。
function formatPayWay(payWay: string) {
const map: Record<string, string> = {
ZFBZF: '支付宝',
WXZF: '微信',
}
return map[payWay] || payWay || '-'
}
// getPayWayType 按支付方式返回标签颜色。
function getPayWayType(payWay: string) {
const map: Record<string, 'success' | 'primary' | 'info'> = {
ZFBZF: 'primary',
WXZF: 'success',
}
return map[payWay] || 'info'
}
function formatStatus(status: string) {
const map: Record<string, string> = {
active: '启用',
@@ -257,7 +283,7 @@ function deleteDisabledReason(row: PaymentConfig) {
<div class="page-header">
<p class="eyebrow">Payment Configs</p>
<h1>支付配置管理</h1>
<p>管理多个支付商户配置，支持乐刷、拉卡拉等多种支付渠道，同一时间仅一个配置启用。</p>
<p>管理多个支付商户配置，支付宝和微信可分别启用默认渠道。</p>
</div>
<div class="filter-bar">
@@ -274,6 +300,19 @@ function deleteDisabledReason(row: PaymentConfig) {
:value="opt.value"
/>
</el-select>
<el-select
v-model="filterPayWay"
placeholder="支付方式"
style="width: 120px"
@change="loadConfigs"
>
<el-option
v-for="opt in payWayOptions"
:key="opt.value"
:label="opt.label"
:value="opt.value"
/>
</el-select>
<el-select
v-model="filterStatus"
placeholder="状态"
@@ -325,6 +364,13 @@ function deleteDisabledReason(row: PaymentConfig) {
{{ formatProvider(row.provider) }}
</template>
</el-table-column>
<el-table-column prop="pay_way" label="支付方式" width="104" align="center">
<template #default="{ row }">
<el-tag :type="getPayWayType(row.pay_way)" size="small">
{{ formatPayWay(row.pay_way) }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="merchant_id" label="商户号" min-width="150" />
<el-table-column prop="environment" label="环境" width="86" align="center">
<template #default="{ row }">