From b183f0b9e1bb9b08e16509d447a6c89c22876c7b Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Wed, 25 Jun 2025 17:15:10 +0800
Subject: [PATCH] fix: crm business status

---
 .../views/crm/business/status/modules/form.vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/apps/web-antd/src/views/crm/business/status/modules/form.vue b/apps/web-antd/src/views/crm/business/status/modules/form.vue
index 96fdf3858..9bb325afd 100644
--- a/apps/web-antd/src/views/crm/business/status/modules/form.vue
+++ b/apps/web-antd/src/views/crm/business/status/modules/form.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { CrmBusinessStatusApi } from '#/api/crm/business/status';
 
-import { computed, ref } from 'vue';
+import { computed, nextTick, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 
@@ -100,16 +100,20 @@ const [Modal, modalApi] = useVbenModal({
 });
 
 /** 添加状态 */
-function addStatus() {
-  formData.value!.statuses!.push({
+async function addStatus() {
+  formData.value!.statuses!.unshift({
     name: '',
     percent: undefined,
   } as any);
+  await nextTick();
+  gridApi.grid.reloadData(formData.value!.statuses as any);
 }
 
 /** 删除状态 */
-function deleteStatusArea(row: any) {
-  formData.value!.statuses!.splice(row.index, 1);
+async function deleteStatusArea(row: any, rowIndex: number) {
+  gridApi.grid.remove(row);
+  formData.value!.statuses!.splice(rowIndex, 1);
+  gridApi.grid.reloadData(formData.value!.statuses as any);
 }
 
 /** 表格配置 */
@@ -187,7 +191,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
             />
             <span v-else>{{ row.percent }}</span>
           </template>
-          <template #actions="{ row }">
+          <template #actions="{ row, rowIndex }">
             <TableAction
               :actions="[
                 {
@@ -203,7 +207,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
                   ifShow: () => !row.endStatus,
                   popConfirm: {
                     title: $t('ui.actionMessage.deleteConfirm', [row.name]),
-                    confirm: deleteStatusArea.bind(null, row),
+                    confirm: deleteStatusArea.bind(null, row, rowIndex),
                   },
                 },
               ]"