feat: 用户套餐，用户支付功能

2026-05-16 13:17:29 +08:00 · 2024-12-22 14:00:46 +08:00
parent d70e2b66a3
commit a019956698
69 changed files with 2071 additions and 738 deletions
@@ -0,0 +1,91 @@
+<template>
+  <div class="sys-settings-form sys-settings-payment">
+    <a-form ref="formRef" :model="formState" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off">
+      <div>支付方式</div>
+      <a-form-item label="易支付" :name="['yizhifu', 'enabled']" :required="true">
+        <a-switch v-model:checked="formState.yizhifu.enabled" />
+      </a-form-item>
+      <a-form-item v-if="formState.yizhifu.enabled" label="易支付配置" :name="['yizhifu', 'accessId']" :required="true">
+        <access-selector v-model="formState.yizhifu.accessId" type="yizhifu" from="sys" />
+      </a-form-item>
+
+      <a-form-item label="支付宝" :name="['alipay', 'enabled']" :required="true">
+        <a-switch v-model:checked="formState.alipay.enabled" />
+      </a-form-item>
+      <a-form-item v-if="formState.alipay.enabled" label="支付宝配置" :name="['alipay', 'accessId']" :required="true">
+        <access-selector v-model="formState.alipay.accessId" type="alipay" from="sys" />
+      </a-form-item>
+
+      <a-form-item label="微信支付" :name="['wxpay', 'enabled']" :required="true">
+        <a-switch v-model:checked="formState.wxpay.enabled" />
+      </a-form-item>
+      <a-form-item v-if="formState.wxpay.enabled" label="微信支付配置" :name="['wxpay', 'accessId']" :required="true">
+        <access-selector v-model="formState.wxpay.accessId" type="wxpay" from="sys" />
+      </a-form-item>
+
+      <a-form-item :wrapper-col="{ offset: 8, span: 16 }">
+        <loading-button type="primary" html-type="button" :click="onClick">保存</loading-button>
+      </a-form-item>
+    </a-form>
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { reactive, ref } from "vue";
+import { merge } from "lodash-es";
+import { notification } from "ant-design-vue";
+import { request } from "/@/api/service";
+
+defineOptions({
+  name: "SettingPayment"
+});
+
+const api = {
+  async SettingGet() {
+    return await request({
+      url: "/sys/settings/payment/get",
+      method: "post"
+    });
+  },
+  async SettingSave(data: any) {
+    return await request({
+      url: "/sys/settings/payment/save",
+      method: "post",
+      data
+    });
+  }
+};
+
+const formRef = ref<any>(null);
+type PaymentItem = {
+  enabled: boolean;
+  accessId?: number;
+};
+
+const formState = reactive<
+  Partial<{
+    yizhifu: PaymentItem;
+    alipay: PaymentItem;
+    wxpay: PaymentItem;
+  }>
+>({});
+
+async function loadSettings() {
+  const data: any = await api.SettingGet();
+  merge(formState, data);
+}
+
+loadSettings();
+const onClick = async () => {
+  const form = await formRef.value.validateFields();
+  await api.SettingSave(form);
+  await loadSettings();
+  notification.success({
+    message: "保存成功"
+  });
+};
+</script>
+<style lang="less">
+.sys-settings-base {
+}
+</style>