From 9dd6e0f687ed60749d835a4dfbbbfbefbc240338 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 27 Sep 2025 20:40:34 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90antd=E3=80=91=E3=80=90crm?=
 =?UTF-8?q?=E3=80=91=E5=AE=A2=E6=88=B7=E5=85=AC=E6=B5=B7=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/crm/customer/index.ts |   4 -
 .../src/views/crm/customer/pool/index.vue     |   1 +
 .../views/crm/customer/poolConfig/index.vue   | 186 +++++++++---------
 3 files changed, 92 insertions(+), 99 deletions(-)

diff --git a/apps/web-antd/src/views/crm/customer/index.ts b/apps/web-antd/src/views/crm/customer/index.ts
index fa1cbf3d..6993021a 100644
--- a/apps/web-antd/src/views/crm/customer/index.ts
+++ b/apps/web-antd/src/views/crm/customer/index.ts
@@ -1,9 +1,5 @@
 import { defineAsyncComponent } from 'vue';
 
-export const CustomerDetailsInfo = defineAsyncComponent(
-  () => import('./detail/modules/info.vue'),
-);
-
 export const DistributeForm = defineAsyncComponent(
   () => import('./poolConfig/distribute-form.vue'),
 );
diff --git a/apps/web-antd/src/views/crm/customer/pool/index.vue b/apps/web-antd/src/views/crm/customer/pool/index.vue
index cb166ccf..27ac4584 100644
--- a/apps/web-antd/src/views/crm/customer/pool/index.vue
+++ b/apps/web-antd/src/views/crm/customer/pool/index.vue
@@ -50,6 +50,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
     },
     rowConfig: {
       keyField: 'id',
+      isHover: true,
     },
     toolbarConfig: {
       refresh: true,
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 75244ab1..f5c36202 100644
--- a/apps/web-antd/src/views/crm/customer/poolConfig/index.vue
+++ b/apps/web-antd/src/views/crm/customer/poolConfig/index.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import type { VbenFormSchema } from '#/adapter/form';
 import type { CrmCustomerPoolConfigApi } from '#/api/crm/customer/poolConfig';
 
 import { onMounted } from 'vue';
@@ -16,95 +17,96 @@ 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,
+    },
+  },
+];
+
 const [Form, formApi] = useVbenForm({
   commonConfig: {
-    // 所有表单项
     labelClass: 'w-2/6',
   },
   layout: 'horizontal',
   wrapperClass: 'grid-cols-1',
   actionWrapperClass: 'text-center',
-  schema: [
-    {
-      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,
-      },
-    },
-  ],
-  // 提交函数
-  handleSubmit: onSubmit,
+  schema,
+  handleSubmit,
 });
 
-async function onSubmit() {
+/** 提交表单 */
+async function handleSubmit() {
   const { valid } = await formApi.validate();
   if (!valid) {
     return;
@@ -120,26 +122,20 @@ async function onSubmit() {
   if (!data.notifyEnabled) {
     data.notifyDays = undefined;
   }
-  formApi.setValues(data);
-  try {
-    await saveCustomerPoolConfig(data);
-    // 关闭并提示
-    emit('success');
-    message.success($t('ui.actionMessage.operationSuccess'));
-  } finally {
-    formApi.setValues(data);
-  }
+  await saveCustomerPoolConfig(data);
+  // 关闭并提示
+  await formApi.setValues(data);
+  emit('success');
+  message.success($t('ui.actionMessage.operationSuccess'));
 }
 
+/** 获取配置 */
 async function getConfigInfo() {
-  try {
-    const res = await getCustomerPoolConfig();
-    formApi.setValues(res);
-  } catch (error) {
-    console.error(error);
-  }
+  const res = await getCustomerPoolConfig();
+  await formApi.setValues(res);
 }
 
+/** 初始化 */
 onMounted(() => {
   getConfigInfo();
 });