feat：【antd】【crm】客户公海配置优化

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'),
 );

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,

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,15 +17,7 @@ import { $t } from '#/locales';
 
 const emit = defineEmits(['success']);
 
-const [Form, formApi] = useVbenForm({
+const schema: VbenFormSchema[] = [
-  commonConfig: {
-    // 所有表单项
-    labelClass: 'w-2/6',
-  },
-  layout: 'horizontal',
-  wrapperClass: 'grid-cols-1',
-  actionWrapperClass: 'text-center',
-  schema: [
   {
     component: 'RadioGroup',
     fieldName: 'enabled',
@@ -99,12 +92,21 @@ const [Form, formApi] = useVbenForm({
       show: (value) => value.enabled && value.notifyEnabled,
     },
   },
-  ],
+];
-  // 提交函数
+
-  handleSubmit: onSubmit,
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    labelClass: 'w-2/6',
+  },
+  layout: 'horizontal',
+  wrapperClass: 'grid-cols-1',
+  actionWrapperClass: 'text-center',
+  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);
   // 关闭并提示
+  await formApi.setValues(data);
   emit('success');
   message.success($t('ui.actionMessage.operationSuccess'));
-  } finally {
-    formApi.setValues(data);
-  }
 }
 
+/** 获取配置 */
 async function getConfigInfo() {
-  try {
   const res = await getCustomerPoolConfig();
-    formApi.setValues(res);
+  await formApi.setValues(res);
-  } catch (error) {
-    console.error(error);
-  }
 }
 
+/** 初始化 */
 onMounted(() => {
   getConfigInfo();
 });