feat: 添加支付宝渠道配置和应用管理功能，更新相关表单和数据结构

2025-05-05 12:19:04 +08:00
parent 8ab311b46f
commit 61e06cce09
14 changed files with 1130 additions and 23 deletions
--- a/apps/web-antd/src/views/pay/app/data.ts
+++ b/apps/web-antd/src/views/pay/app/data.ts
@@ -0,0 +1,223 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
+
+export const querySchema: FormSchemaGetter = () => [
+  {
+    component: 'Input',
+    fieldName: 'name',
+    label: '应用名',
+    componentProps: {
+      placeholder: '请输入应用名',
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'status',
+    label: '开启状态',
+    componentProps: {
+      placeholder: '请选择开启状态',
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS, 'number'),
+    },
+  },
+  {
+    component: 'RangePicker',
+    fieldName: 'createTime',
+    label: '创建时间',
+    componentProps: {
+      placeholder: ['开始日期', '结束日期'],
+    },
+  },
+];
+
+export const columns: VxeGridProps['columns'] = [
+  { type: 'checkbox', width: 60 },
+  {
+    title: '应用标识',
+    field: 'appKey',
+  },
+  {
+    title: '应用名',
+    field: 'name',
+  },
+  {
+    title: '开启状态',
+    field: 'status',
+    slots: {
+      default: 'status',
+    },
+  },
+  {
+    title: '支付宝配置',
+    children: [
+      {
+        title: 'APP 支付',
+        slots: {
+          default: 'alipayAppConfig',
+        },
+      },
+      {
+        title: 'PC 网站支付',
+        slots: {
+          default: 'alipayPCConfig',
+        },
+      },
+      {
+        title: 'WAP 网站支付',
+        slots: {
+          default: 'alipayWAPConfig',
+        },
+      },
+      {
+        title: '扫码支付',
+        slots: {
+          default: 'alipayQrConfig',
+        },
+      },
+      {
+        title: '条码支付',
+        slots: {
+          default: 'alipayBarConfig',
+        },
+      },
+    ],
+  },
+  {
+    title: '微信配置',
+    children: [
+      {
+        title: '小程序支付',
+        slots: {
+          default: 'wxLiteConfig',
+        },
+      },
+      {
+        title: 'JSAPI 支付',
+        slots: {
+          default: 'wxPubConfig',
+        },
+      },
+      {
+        title: 'APP 支付',
+        slots: {
+          default: 'wxAppConfig',
+        },
+      },
+      {
+        title: 'Native 支付',
+        slots: {
+          default: 'wxNativeConfig',
+        },
+      },
+      {
+        title: 'WAP 网站支付',
+        slots: {
+          default: 'wxWapConfig',
+        },
+      },
+      {
+        title: '条码支付',
+        slots: {
+          default: 'wxBarConfig',
+        },
+      },
+    ],
+  },
+  {
+    title: '钱包支付配置',
+    field: 'walletConfig',
+    slots: {
+      default: 'walletConfig',
+    },
+  },
+  {
+    title: '模拟支付配置',
+    field: 'mockConfig',
+    slots: {
+      default: 'mockConfig',
+    },
+  },
+  {
+    field: 'action',
+    fixed: 'right',
+    slots: { default: 'action' },
+    title: '操作',
+    width: 250,
+  },
+];
+
+export const modalSchema: FormSchemaGetter = () => [
+  {
+    label: '应用编号',
+    fieldName: 'id',
+    component: 'Input',
+    dependencies: {
+      show: () => false,
+      triggerFields: [''],
+    },
+  },
+  {
+    label: '应用名',
+    fieldName: 'name',
+    component: 'Input',
+    rules: 'required',
+    componentProps: {
+      placeholder: '请输入应用名',
+    },
+  },
+  {
+    label: '应用标识',
+    fieldName: 'appKey',
+    component: 'Input',
+    rules: 'required',
+    componentProps: {
+      placeholder: '请输入应用标识',
+    },
+  },
+  {
+    label: '开启状态',
+    fieldName: 'status',
+    component: 'RadioGroup',
+    rules: 'required',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS, 'number'),
+    },
+  },
+  {
+    label: '支付结果的回调地址',
+    fieldName: 'orderNotifyUrl',
+    component: 'Input',
+    rules: 'required',
+    componentProps: {
+      placeholder: '请输入支付结果的回调地址',
+    },
+  },
+  {
+    label: '退款结果的回调地址',
+    fieldName: 'refundNotifyUrl',
+    component: 'Input',
+    rules: 'required',
+    componentProps: {
+      placeholder: '请输入支付结果的回调地址',
+    },
+  },
+  {
+    label: '转账结果的回调地址',
+    fieldName: 'transferNotifyUrl',
+    component: 'Input',
+    rules: 'required',
+    componentProps: {
+      placeholder: '请输入转账结果的回调地址',
+    },
+  },
+  {
+    label: '备注',
+    fieldName: 'remark',
+    component: 'Textarea',
+    componentProps: {
+      rows: 3,
+      placeholder: '请输入备注',
+    },
+  },
+];