feat(payment): 增加本地 Mock 支付渠道与缺失渠道提示

2026-11-01 15:45:00 +08:00
parent 13bda13633
commit 3576378e7e
3 changed files with 31 additions and 0 deletions
@@ -102,6 +102,7 @@ export function AdminPaymentConfigsPage() {
  const { message, modal } = App.useApp()
  const queryClient = useQueryClient()
  const [form] = Form.useForm<ConfigFormValues>()
+  const providerValue = Form.useWatch('provider', form)
  const [draft, setDraft] = useState<AdminPaymentConfigQuery>({})
  const [filters, setFilters] = useState<AdminPaymentConfigQuery>({})
  const [page, setPage] = useState(1)
@@ -537,6 +538,15 @@ export function AdminPaymentConfigsPage() {
              : '乐刷/拉卡拉/顺诚需要完整密钥与回调地址；创建前请确认商户环境。'
          }
        />
+        {providerValue === 'mock' ? (
+          <Alert
+            type="info"
+            showIcon
+            className="admin-table-alert"
+            message="Mock 渠道仅用于联调"
+            description="无需网关、密钥和回调地址；用户发起支付后会直接标记为已支付，请勿在生产环境启用。"
+          />
+        ) : null}
        <Form<ConfigFormValues> form={form} layout="vertical" disabled={submitting}>
          <Row gutter={16}>
            <Col span={12}>