From fb37b7eec3205182d8edefbcf44aa59e760222c9 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 7 Oct 2025 09:26:12 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90antd=E3=80=91=E3=80=90ele?=
 =?UTF-8?q?=E3=80=91=E3=80=90member=20=E4=BC=9A=E5=91=98=E3=80=91config=20?=
 =?UTF-8?q?=E8=BF=81=E7=A7=BB=20antd?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/crm/contract/config/data.ts     | 37 ++++++++
 .../src/views/crm/contract/config/index.vue   | 44 +--------
 .../src/views/crm/customer/poolConfig/data.ts | 78 ++++++++++++++++
 .../views/crm/customer/poolConfig/index.vue   | 85 +----------------
 .../src/views/mall/trade/config/index.vue     |  1 -
 apps/web-antd/src/views/member/config/data.ts | 52 +++++++++++
 .../src/views/member/config/index.vue         | 93 +++++--------------
 .../src/views/mall/trade/config/index.vue     |  1 -
 .../web-ele/src/views/member/config/index.vue |  1 -
 9 files changed, 194 insertions(+), 198 deletions(-)
 create mode 100644 apps/web-antd/src/views/crm/contract/config/data.ts
 create mode 100644 apps/web-antd/src/views/crm/customer/poolConfig/data.ts
 create mode 100644 apps/web-antd/src/views/member/config/data.ts

diff --git a/apps/web-antd/src/views/crm/contract/config/data.ts b/apps/web-antd/src/views/crm/contract/config/data.ts
new file mode 100644
index 000000000..2792b3601
--- /dev/null
+++ b/apps/web-antd/src/views/crm/contract/config/data.ts
@@ -0,0 +1,37 @@
+import type { VbenFormSchema } from '#/adapter/form';
+
+export const schema: VbenFormSchema[] = [
+  {
+    component: 'RadioGroup',
+    fieldName: 'notifyEnabled',
+    label: '提前提醒设置',
+    componentProps: {
+      options: [
+        { label: '提醒', value: true },
+        { label: '不提醒', value: false },
+      ],
+    },
+    defaultValue: true,
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'notifyDays',
+    componentProps: {
+      min: 0,
+      precision: 0,
+    },
+    renderComponentContent: () => ({
+      addonBefore: () => '提前',
+      addonAfter: () => '天提醒',
+    }),
+    dependencies: {
+      triggerFields: ['notifyEnabled'],
+      show: (values) => values.notifyEnabled,
+      trigger(values) {
+        if (!values.notifyEnabled) {
+          values.notifyDays = undefined;
+        }
+      },
+    },
+  },
+];
diff --git a/apps/web-antd/src/views/crm/contract/config/index.vue b/apps/web-antd/src/views/crm/contract/config/index.vue
index 932dbe30e..d85040bcc 100644
--- a/apps/web-antd/src/views/crm/contract/config/index.vue
+++ b/apps/web-antd/src/views/crm/contract/config/index.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import type { VbenFormSchema } from '#/adapter/form';
 import type { CrmContractConfigApi } from '#/api/crm/contract/config';
 
 import { onMounted } from 'vue';
@@ -15,51 +14,13 @@ import {
 } from '#/api/crm/contract/config';
 import { $t } from '#/locales';
 
-const emit = defineEmits(['success']);
-
-const schema: VbenFormSchema[] = [
-  {
-    component: 'RadioGroup',
-    fieldName: 'notifyEnabled',
-    label: '提前提醒设置',
-    componentProps: {
-      options: [
-        { label: '提醒', value: true },
-        { label: '不提醒', value: false },
-      ],
-    },
-    defaultValue: true,
-  },
-  {
-    component: 'InputNumber',
-    fieldName: 'notifyDays',
-    componentProps: {
-      min: 0,
-      precision: 0,
-    },
-    renderComponentContent: () => ({
-      addonBefore: () => '提前',
-      addonAfter: () => '天提醒',
-    }),
-    dependencies: {
-      triggerFields: ['notifyEnabled'],
-      show: (values) => values.notifyEnabled,
-      trigger(values) {
-        if (!values.notifyEnabled) {
-          values.notifyDays = undefined;
-        }
-      },
-    },
-  },
-];
+import { schema } from './data';
 
 const [Form, formApi] = useVbenForm({
   commonConfig: {
-    labelClass: 'w-2/6',
+    labelClass: 'w-100',
   },
   layout: 'horizontal',
-  wrapperClass: 'grid-cols-1',
-  actionWrapperClass: 'text-center',
   schema,
   handleSubmit,
 });
@@ -76,7 +37,6 @@ async function handleSubmit() {
   }
   await saveContractConfig(data);
   await formApi.setValues(data);
-  emit('success');
   message.success($t('ui.actionMessage.operationSuccess'));
 }
 
diff --git a/apps/web-antd/src/views/crm/customer/poolConfig/data.ts b/apps/web-antd/src/views/crm/customer/poolConfig/data.ts
new file mode 100644
index 000000000..86fd9f82f
--- /dev/null
+++ b/apps/web-antd/src/views/crm/customer/poolConfig/data.ts
@@ -0,0 +1,78 @@
+import type { VbenFormSchema } from '#/adapter/form';
+
+export const schema: VbenFormSchema[] = [
+  {
+    component: 'RadioGroup',
+    fieldName: 'enabled',
+    label: '客户公海规则设置',
+    componentProps: {
+      options: [
+        { label: '开启', value: true },
+        { label: '关闭', value: false },
+      ],
+    },
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'contactExpireDays',
+    componentProps: {
+      min: 0,
+      precision: 0,
+    },
+    renderComponentContent: () => ({
+      addonAfter: () => '天不跟进或',
+    }),
+    dependencies: {
+      triggerFields: ['enabled'],
+      show: (value) => value.enabled,
+    },
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'dealExpireDays',
+    renderComponentContent: () => ({
+      addonBefore: () => '或',
+      addonAfter: () => '天未成交',
+    }),
+    componentProps: {
+      min: 0,
+      precision: 0,
+    },
+    dependencies: {
+      triggerFields: ['enabled'],
+      show: (value) => value.enabled,
+    },
+  },
+  {
+    component: 'RadioGroup',
+    fieldName: 'notifyEnabled',
+    label: '提前提醒设置',
+    componentProps: {
+      options: [
+        { label: '开启', value: true },
+        { label: '关闭', value: false },
+      ],
+    },
+    dependencies: {
+      triggerFields: ['enabled'],
+      show: (value) => value.enabled,
+    },
+    defaultValue: false,
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'notifyDays',
+    componentProps: {
+      min: 0,
+      precision: 0,
+    },
+    renderComponentContent: () => ({
+      addonBefore: () => '提前',
+      addonAfter: () => '天提醒',
+    }),
+    dependencies: {
+      triggerFields: ['notifyEnabled'],
+      show: (value) => value.enabled && value.notifyEnabled,
+    },
+  },
+];
diff --git a/apps/web-antd/src/views/crm/customer/poolConfig/index.vue b/apps/web-antd/src/views/crm/customer/poolConfig/index.vue
index f5c362027..0ecd2f994 100644
--- a/apps/web-antd/src/views/crm/customer/poolConfig/index.vue
+++ b/apps/web-antd/src/views/crm/customer/poolConfig/index.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import type { VbenFormSchema } from '#/adapter/form';
 import type { CrmCustomerPoolConfigApi } from '#/api/crm/customer/poolConfig';
 
 import { onMounted } from 'vue';
@@ -15,92 +14,13 @@ import {
 } from '#/api/crm/customer/poolConfig';
 import { $t } from '#/locales';
 
-const emit = defineEmits(['success']);
-
-const schema: VbenFormSchema[] = [
-  {
-    component: 'RadioGroup',
-    fieldName: 'enabled',
-    label: '客户公海规则设置',
-    componentProps: {
-      options: [
-        { label: '开启', value: true },
-        { label: '关闭', value: false },
-      ],
-    },
-  },
-  {
-    component: 'InputNumber',
-    fieldName: 'contactExpireDays',
-    componentProps: {
-      min: 0,
-      precision: 0,
-    },
-    renderComponentContent: () => ({
-      addonAfter: () => '天不跟进或',
-    }),
-    dependencies: {
-      triggerFields: ['enabled'],
-      show: (value) => value.enabled,
-    },
-  },
-  {
-    component: 'InputNumber',
-    fieldName: 'dealExpireDays',
-    renderComponentContent: () => ({
-      addonBefore: () => '或',
-      addonAfter: () => '天未成交',
-    }),
-    componentProps: {
-      min: 0,
-      precision: 0,
-    },
-    dependencies: {
-      triggerFields: ['enabled'],
-      show: (value) => value.enabled,
-    },
-  },
-  {
-    component: 'RadioGroup',
-    fieldName: 'notifyEnabled',
-    label: '提前提醒设置',
-    componentProps: {
-      options: [
-        { label: '开启', value: true },
-        { label: '关闭', value: false },
-      ],
-    },
-    dependencies: {
-      triggerFields: ['enabled'],
-      show: (value) => value.enabled,
-    },
-    defaultValue: false,
-  },
-  {
-    component: 'InputNumber',
-    fieldName: 'notifyDays',
-    componentProps: {
-      min: 0,
-      precision: 0,
-    },
-    renderComponentContent: () => ({
-      addonBefore: () => '提前',
-      addonAfter: () => '天提醒',
-    }),
-    dependencies: {
-      triggerFields: ['notifyEnabled'],
-      show: (value) => value.enabled && value.notifyEnabled,
-    },
-  },
-];
+import { schema } from './data';
 
 const [Form, formApi] = useVbenForm({
   commonConfig: {
-    labelClass: 'w-2/6',
+    labelClass: 'w-100',
   },
   layout: 'horizontal',
-  wrapperClass: 'grid-cols-1',
-  actionWrapperClass: 'text-center',
   schema,
   handleSubmit,
 });
@@ -125,7 +45,6 @@ async function handleSubmit() {
   await saveCustomerPoolConfig(data);
   // 关闭并提示
   await formApi.setValues(data);
-  emit('success');
   message.success($t('ui.actionMessage.operationSuccess'));
 }
 
diff --git a/apps/web-antd/src/views/mall/trade/config/index.vue b/apps/web-antd/src/views/mall/trade/config/index.vue
index 247c634a7..e683fe21b 100644
--- a/apps/web-antd/src/views/mall/trade/config/index.vue
+++ b/apps/web-antd/src/views/mall/trade/config/index.vue
@@ -64,7 +64,6 @@ const [Form, formApi] = useVbenForm({
     labelClass: 'w-2/6',
   },
   wrapperClass: 'grid-cols-1',
-  actionWrapperClass: 'text-center',
   handleSubmit: onSubmit,
   layout: 'horizontal',
   resetButtonOptions: {
diff --git a/apps/web-antd/src/views/member/config/data.ts b/apps/web-antd/src/views/member/config/data.ts
new file mode 100644
index 000000000..7f168418c
--- /dev/null
+++ b/apps/web-antd/src/views/member/config/data.ts
@@ -0,0 +1,52 @@
+import type { VbenFormSchema } from '#/adapter/form';
+
+export const schema: VbenFormSchema[] = [
+  {
+    component: 'Input',
+    fieldName: 'id',
+    dependencies: {
+      triggerFields: [''],
+      show: () => false,
+    },
+  },
+  {
+    component: 'Switch',
+    fieldName: 'pointTradeDeductEnable',
+    label: '积分抵扣',
+    help: '下单积分是否抵用订单金额',
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'pointTradeDeductUnitPrice',
+    label: '积分抵扣',
+    help: '积分抵用比例(1 积分抵多少金额)，单位：元',
+    componentProps: {
+      min: 0,
+      precision: 2,
+      class: 'w-full',
+      placeholder: '请输入积分抵扣单价',
+    },
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'pointTradeDeductMaxPrice',
+    label: '积分抵扣最大值',
+    help: '单次下单积分使用上限，0 不限制',
+    componentProps: {
+      min: 0,
+      class: 'w-full',
+      placeholder: '请输入积分抵扣最大值',
+    },
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'pointTradeGivePoint',
+    label: '1 元赠送多少分',
+    help: '下单支付金额按比例赠送积分（实际支付 1 元赠送多少积分）',
+    componentProps: {
+      min: 0,
+      class: 'w-full',
+      placeholder: '请输入赠送积分比例',
+    },
+  },
+];
diff --git a/apps/web-antd/src/views/member/config/index.vue b/apps/web-antd/src/views/member/config/index.vue
index b0e17b485..3c5e0407b 100644
--- a/apps/web-antd/src/views/member/config/index.vue
+++ b/apps/web-antd/src/views/member/config/index.vue
@@ -4,6 +4,7 @@ import type { MemberConfigApi } from '#/api/member/config';
 import { onMounted, ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
+import { fenToYuan, yuanToFen } from '@vben/utils';
 
 import { Card, message } from 'ant-design-vue';
 
@@ -11,95 +12,47 @@ import { useVbenForm } from '#/adapter/form';
 import { getConfig, saveConfig } from '#/api/member/config';
 import { $t } from '#/locales';
 
-const emit = defineEmits(['success']);
+import { schema } from './data';
+
 const formData = ref<MemberConfigApi.Config>();
 
 const [Form, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
-    labelClass: 'w-2/6',
+    labelWidth: 120,
   },
   layout: 'horizontal',
-  wrapperClass: 'grid-cols-1',
-  actionWrapperClass: 'text-center',
-  schema: [
-    {
-      component: 'Input',
-      fieldName: 'id',
-      dependencies: {
-        triggerFields: [''],
-        show: () => false,
-      },
-    },
-    {
-      component: 'Switch',
-      fieldName: 'pointTradeDeductEnable',
-      label: '积分抵扣',
-      help: '开启后，用户可以积分抵扣',
-    },
-    {
-      component: 'InputNumber',
-      fieldName: 'pointTradeDeductUnitPrice',
-      label: '积分抵扣单价',
-      help: '用户每消费1元，可以抵扣多少积分',
-      componentProps: {
-        min: 0,
-        precision: 2,
-        class: 'w-full',
-      },
-    },
-    {
-      component: 'InputNumber',
-      fieldName: 'pointTradeDeductMaxPrice',
-      label: '积分抵扣最大值',
-      help: '单次下单积分使用上限，0 不限制',
-      componentProps: {
-        min: 0,
-        class: 'w-full',
-      },
-    },
-    {
-      component: 'InputNumber',
-      fieldName: 'pointTradeGivePoint',
-      label: '1 元赠送多少分',
-      help: '下单支付金额按比例赠送积分（实际支付 1 元赠送多少积分）',
-      componentProps: {
-        min: 0,
-        class: 'w-full',
-      },
-    },
-  ],
-  // 提交函数
-  handleSubmit: onSubmit,
+  schema,
+  handleSubmit,
 });
 
-async function onSubmit() {
+/** 提交表单 */
+async function handleSubmit() {
   const { valid } = await formApi.validate();
   if (!valid) {
     return;
   }
   // 提交表单
   const data = (await formApi.getValues()) as MemberConfigApi.Config;
-  formApi.setState({ commonConfig: { disabled: true } });
-  try {
-    await saveConfig(data);
-    // 关闭并提示
-    emit('success');
-    message.success($t('ui.actionMessage.operationSuccess'));
-  } finally {
-    formApi.setState({ commonConfig: { disabled: false } });
-  }
+  // 转换金额单位
+  data.pointTradeDeductUnitPrice = yuanToFen(data.pointTradeDeductUnitPrice);
+  await saveConfig(data);
+  // 关闭并提示
+  message.success($t('ui.actionMessage.operationSuccess'));
 }
 
+/** 获取配置 */
 async function getConfigInfo() {
-  try {
-    const res = await getConfig();
-    formData.value = res;
-  } catch (error) {
-    console.error(error);
-  }
+  const res = await getConfig();
+  formData.value = res;
+  // 转换金额单位
+  res.pointTradeDeductUnitPrice = Number.parseFloat(
+    fenToYuan(res.pointTradeDeductUnitPrice),
+  );
+  // 设置到 values
+  await formApi.setValues(res);
 }
 
+/** 初始化 */
 onMounted(() => {
   getConfigInfo();
 });
diff --git a/apps/web-ele/src/views/mall/trade/config/index.vue b/apps/web-ele/src/views/mall/trade/config/index.vue
index d8a015538..f27632195 100644
--- a/apps/web-ele/src/views/mall/trade/config/index.vue
+++ b/apps/web-ele/src/views/mall/trade/config/index.vue
@@ -60,7 +60,6 @@ onMounted(() => {
 
 const [Form, formApi] = useVbenForm({
   wrapperClass: 'grid-cols-1',
-  actionWrapperClass: 'text-center',
   handleSubmit: onSubmit,
   layout: 'horizontal',
   resetButtonOptions: {
diff --git a/apps/web-ele/src/views/member/config/index.vue b/apps/web-ele/src/views/member/config/index.vue
index cd102234f..1e45bdf81 100644
--- a/apps/web-ele/src/views/member/config/index.vue
+++ b/apps/web-ele/src/views/member/config/index.vue
@@ -21,7 +21,6 @@ const [Form, formApi] = useVbenForm({
   },
   layout: 'horizontal',
   wrapperClass: 'grid-cols-1',
-  actionWrapperClass: 'text-center',
   schema: [
     {
       component: 'Input',