diff --git a/apps/web-antd/src/views/erp/purchase/order/index.vue b/apps/web-antd/src/views/erp/purchase/order/index.vue
index 6331bd67c940836631a620dccddbb75c68b1a3ec..67f7b94161cddf329c04858947a57d85a5921003 100644
--- a/apps/web-antd/src/views/erp/purchase/order/index.vue
+++ b/apps/web-antd/src/views/erp/purchase/order/index.vue
@@ -91,6 +91,7 @@ async function handleBatchDelete() {
   });
   try {
     await deletePurchaseOrderList(checkedIds.value);
+    checkedIds.value = [];
     message.success({
       content: $t('ui.actionMessage.deleteSuccess'),
       key: 'action_process_msg',
diff --git a/apps/web-antd/src/views/infra/codegen/index.vue b/apps/web-antd/src/views/infra/codegen/index.vue
index 2473a09349cf8c22874a9f5800b1cf47d4d886ca..1783b234504cca7424f8791212dce8df6741c478 100644
--- a/apps/web-antd/src/views/infra/codegen/index.vue
+++ b/apps/web-antd/src/views/infra/codegen/index.vue
@@ -102,6 +102,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteCodegenTableList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/config/index.vue b/apps/web-antd/src/views/infra/config/index.vue
index 68b7e9a3fd7bb954375963f382e6bf896c2c1772..821552cecf9b01abb5b15acec67a5669252f0ce3 100644
--- a/apps/web-antd/src/views/infra/config/index.vue
+++ b/apps/web-antd/src/views/infra/config/index.vue
@@ -84,6 +84,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteConfigList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/demo01/index.vue b/apps/web-antd/src/views/infra/demo/demo01/index.vue
index e92d2065588c29feccd0ae55907e77cc153118d4..fa7e1cb4d281baf021ac62b275d281f3053d6480 100644
--- a/apps/web-antd/src/views/infra/demo/demo01/index.vue
+++ b/apps/web-antd/src/views/infra/demo/demo01/index.vue
@@ -66,6 +66,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo01ContactList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/index.vue b/apps/web-antd/src/views/infra/demo/demo03/erp/index.vue
index 2c850ee9cf4e9d25c7314c3cc61e99af82f47916..c47ff0d6259de8c3b58792bc72f106bbaf054b60 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/index.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/index.vue
@@ -76,6 +76,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
index d5b15c914861d695686f1a77053ef30471581c6a..d849594218d9c657aa8bac287bbcac93bb6a979e 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
@@ -75,6 +75,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03CourseList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
index ab46b974539698d95449801ba2ddd00803adc773..9ce25c26323bde609b3e250e97c2522e15ef8ba1 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
@@ -75,6 +75,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03GradeList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/demo03/inner/index.vue b/apps/web-antd/src/views/infra/demo/demo03/inner/index.vue
index 79ce1b32b12d4b4e38408bb7c066aec76b37a514..c394f5fd9d41a14da8cf06ba9521ef0f8fea1532 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/inner/index.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/inner/index.vue
@@ -75,6 +75,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/demo03/normal/index.vue b/apps/web-antd/src/views/infra/demo/demo03/normal/index.vue
index 3dc77de612957ca337f78bd6c111a3ef7c23d8f1..e0b1c4dfba1f42bc06ae6774e921b6cf882afd0d 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/normal/index.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/normal/index.vue
@@ -78,6 +78,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/general/demo01/index.vue b/apps/web-antd/src/views/infra/demo/general/demo01/index.vue
index a500736accf3608c2371b2f84959aa21072eaf50..d93c06c2ab23e336bb962f5f0a7a23620108ac8e 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo01/index.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo01/index.vue
@@ -123,6 +123,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo01ContactList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/erp/index.vue b/apps/web-antd/src/views/infra/demo/general/demo03/erp/index.vue
index 62385532b04df6f97f9c194ca05e6c6a12b61c8c..ce2e3a0f240b630f5d92fb14788eb2de7d438b49 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/erp/index.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/erp/index.vue
@@ -134,6 +134,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
index 47ed647c83737d95c92acd0df095e9c6c144d6d5..ae5a128d525ffaa47269d6112562ccaad55ed74f 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
@@ -81,6 +81,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03CourseList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
index 0f8435c4b39055813530c728770d4136a250fd3b..4dbf52a89780b912f4311168f2d7d943ea0ee82f 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
@@ -81,6 +81,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03GradeList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/inner/index.vue b/apps/web-antd/src/views/infra/demo/general/demo03/inner/index.vue
index b093a83dec01e53bbfe48dbe02a31f6cf0c8db9d..7a99198590ab61aa28038783bc00ba71478deaaf 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/inner/index.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/inner/index.vue
@@ -130,6 +130,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/normal/index.vue b/apps/web-antd/src/views/infra/demo/general/demo03/normal/index.vue
index 75db2f15843e27519f5663af5f398a0332f05c6c..13e0572a3997a0ad08c564ffa134e4bb9a8f0779 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/normal/index.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/normal/index.vue
@@ -124,6 +124,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-antd/src/views/infra/file/index.vue b/apps/web-antd/src/views/infra/file/index.vue
index cf92953c8644f69a521dcfec0b7c3c83bd0c3b20..03b7057b618c73aa51127eac59e30d29d8566730 100644
--- a/apps/web-antd/src/views/infra/file/index.vue
+++ b/apps/web-antd/src/views/infra/file/index.vue
@@ -84,6 +84,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteFileList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/fileConfig/index.vue b/apps/web-antd/src/views/infra/fileConfig/index.vue
index 019b3e25c084896e46a648399e237a611f53fa23..1667f7879ab24e9042c75a37e43116fd5ca70a5a 100644
--- a/apps/web-antd/src/views/infra/fileConfig/index.vue
+++ b/apps/web-antd/src/views/infra/fileConfig/index.vue
@@ -118,6 +118,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteFileConfigList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/infra/job/index.vue b/apps/web-antd/src/views/infra/job/index.vue
index 23798dc5fa5b45046ba7790030d0126893cc8686..8878913da1eacc2b134ae19fa7ac9272d0a6dc74 100644
--- a/apps/web-antd/src/views/infra/job/index.vue
+++ b/apps/web-antd/src/views/infra/job/index.vue
@@ -130,6 +130,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteJobList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/dept/index.vue b/apps/web-antd/src/views/system/dept/index.vue
index e3dbc8ffc127b151989b4de9f65cf145ac2b3df3..1dca1f7b676f71a535f1f85efda781a5f1262f96 100644
--- a/apps/web-antd/src/views/system/dept/index.vue
+++ b/apps/web-antd/src/views/system/dept/index.vue
@@ -93,6 +93,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDeptList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/dict/modules/data-grid.vue b/apps/web-antd/src/views/system/dict/modules/data-grid.vue
index 57c6f87d3888ea260829c94fdaeea815feb55fa8..a452368bdcd875bcdaddad0c67b79e762a0d54e2 100644
--- a/apps/web-antd/src/views/system/dict/modules/data-grid.vue
+++ b/apps/web-antd/src/views/system/dict/modules/data-grid.vue
@@ -90,6 +90,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDictDataList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/dict/modules/type-grid.vue b/apps/web-antd/src/views/system/dict/modules/type-grid.vue
index 0104303d6f5a78a57a15f1c3ca4995212e853056..5e185130a3c8eaa353b53742a3bb8ed566559f25 100644
--- a/apps/web-antd/src/views/system/dict/modules/type-grid.vue
+++ b/apps/web-antd/src/views/system/dict/modules/type-grid.vue
@@ -88,6 +88,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDictTypeList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/mail/account/index.vue b/apps/web-antd/src/views/system/mail/account/index.vue
index 0d4626952e1f71530799d1d8ad723c54807c09cf..b8a19b8eb2f198005cc317ea804a4573fe030e6f 100644
--- a/apps/web-antd/src/views/system/mail/account/index.vue
+++ b/apps/web-antd/src/views/system/mail/account/index.vue
@@ -76,6 +76,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteMailAccountList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/mail/template/index.vue b/apps/web-antd/src/views/system/mail/template/index.vue
index 21907b96856da51ed368da99fd309833c47b2afd..2e89d3173f1175fa9ebd43883b446d5df6934d7a 100644
--- a/apps/web-antd/src/views/system/mail/template/index.vue
+++ b/apps/web-antd/src/views/system/mail/template/index.vue
@@ -88,6 +88,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteMailTemplateList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/notice/index.vue b/apps/web-antd/src/views/system/notice/index.vue
index 014ca535f09ded40a45cbf52bba001df36a03306..4bca09bcd895249f2dad181a7b51c67cf4bcb789 100644
--- a/apps/web-antd/src/views/system/notice/index.vue
+++ b/apps/web-antd/src/views/system/notice/index.vue
@@ -77,6 +77,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteNoticeList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/notify/template/index.vue b/apps/web-antd/src/views/system/notify/template/index.vue
index 9408af8f2cf7b29a34b49ecc0445e64aa006fe4d..e1e4372955120cfa7d8673c793319c7ef52d305d 100644
--- a/apps/web-antd/src/views/system/notify/template/index.vue
+++ b/apps/web-antd/src/views/system/notify/template/index.vue
@@ -94,6 +94,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteNotifyTemplateList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/post/index.vue b/apps/web-antd/src/views/system/post/index.vue
index 305222f818ed414deb2af3c698e357a36f4a7a73..52dee56630fad16a166b6b95e2389fef5383602c 100644
--- a/apps/web-antd/src/views/system/post/index.vue
+++ b/apps/web-antd/src/views/system/post/index.vue
@@ -83,6 +83,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deletePostList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/role/index.vue b/apps/web-antd/src/views/system/role/index.vue
index b04805ee4a0c87a06f10fe1f783503d4ea3f9b6b..f411b8fd77e40a5cf1efeeb468f1e9ac873d30b3 100644
--- a/apps/web-antd/src/views/system/role/index.vue
+++ b/apps/web-antd/src/views/system/role/index.vue
@@ -96,6 +96,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteRoleList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/sms/channel/index.vue b/apps/web-antd/src/views/system/sms/channel/index.vue
index ee8ae780ecf400942cc3c12acc0bcffa54326d0a..77780e91847425859557a0099f5274873750cced 100644
--- a/apps/web-antd/src/views/system/sms/channel/index.vue
+++ b/apps/web-antd/src/views/system/sms/channel/index.vue
@@ -87,6 +87,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteSmsChannelList(checkedIds.value);
+    checkedIds.value = [];
     message.success({
       content: $t('ui.actionMessage.deleteSuccess', ['短信渠道']),
       key: 'action_key_msg',
diff --git a/apps/web-antd/src/views/system/sms/template/index.vue b/apps/web-antd/src/views/system/sms/template/index.vue
index 5daa00d1ba6831e7dcf196d1977a4ce942579de9..8fde83eddd57b4a58e395dcf3dc604c658392b40 100644
--- a/apps/web-antd/src/views/system/sms/template/index.vue
+++ b/apps/web-antd/src/views/system/sms/template/index.vue
@@ -94,6 +94,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteSmsTemplateList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/tenant/index.vue b/apps/web-antd/src/views/system/tenant/index.vue
index 463f33a6d5f4d250aed98131847bdecfa56f3b3d..2ffb1e72bad6025d35e31158bd4d5895a64cb9fe 100644
--- a/apps/web-antd/src/views/system/tenant/index.vue
+++ b/apps/web-antd/src/views/system/tenant/index.vue
@@ -95,6 +95,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteTenantList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/tenantPackage/index.vue b/apps/web-antd/src/views/system/tenantPackage/index.vue
index 1e967c53418bc145ccf16e362afa066631f29a53..438e1fe627b7889a7c10f132b51271ebf21a054b 100644
--- a/apps/web-antd/src/views/system/tenantPackage/index.vue
+++ b/apps/web-antd/src/views/system/tenantPackage/index.vue
@@ -76,6 +76,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteTenantPackageList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-antd/src/views/system/user/index.vue b/apps/web-antd/src/views/system/user/index.vue
index a0275ece935dbba44ba0193b6bce89dca3d84481..45ff181e5d479ef0e5c2796509883052db10d91e 100644
--- a/apps/web-antd/src/views/system/user/index.vue
+++ b/apps/web-antd/src/views/system/user/index.vue
@@ -118,6 +118,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteUserList(checkedIds.value);
+    checkedIds.value = [];
     message.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-ele/src/views/infra/codegen/index.vue b/apps/web-ele/src/views/infra/codegen/index.vue
index fc94fce44192ff53817cc88646b6a88c02228b97..ffd1396139d07cd3ff364bd9d73e46938e5d2799 100644
--- a/apps/web-ele/src/views/infra/codegen/index.vue
+++ b/apps/web-ele/src/views/infra/codegen/index.vue
@@ -90,6 +90,7 @@ async function onDelete(row: InfraCodegenApi.CodegenTable) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该代码生成配置吗？');
   await deleteCodegenTableList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/infra/config/index.vue b/apps/web-ele/src/views/infra/config/index.vue
index 5e1f63da1c17bfd32974995137cec01ac14d65ea..031fbe06f325cd1a2bbe858abca829e98d51755c 100644
--- a/apps/web-ele/src/views/infra/config/index.vue
+++ b/apps/web-ele/src/views/infra/config/index.vue
@@ -69,6 +69,7 @@ async function onDelete(row: InfraConfigApi.Config) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该参数吗？');
   await deleteConfigList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/infra/dataSourceConfig/index.vue b/apps/web-ele/src/views/infra/dataSourceConfig/index.vue
index 43188b058845a95c5a9699abc9ce0996372b6e46..7c44f87c845fac57a11fcd57c30e986e8ef29a3f 100644
--- a/apps/web-ele/src/views/infra/dataSourceConfig/index.vue
+++ b/apps/web-ele/src/views/infra/dataSourceConfig/index.vue
@@ -57,6 +57,7 @@ async function onDelete(row: InfraDataSourceConfigApi.DataSourceConfig) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该数据源吗？');
   await deleteDataSourceConfigList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/infra/demo/demo01/index.vue b/apps/web-ele/src/views/infra/demo/demo01/index.vue
index a0c2bb9aeecae9fccfc570e7532ffdd41096978d..bb4c5a90686bc4be70c93a44d1df5d4771960844 100644
--- a/apps/web-ele/src/views/infra/demo/demo01/index.vue
+++ b/apps/web-ele/src/views/infra/demo/demo01/index.vue
@@ -64,6 +64,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo01ContactList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/demo03/erp/index.vue b/apps/web-ele/src/views/infra/demo/demo03/erp/index.vue
index 17ef8e1234eecde23a8ccf01717e614aca2ab59c..0cc703dac11ef9b90ca0f40aefcf96d807b811c6 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/erp/index.vue
+++ b/apps/web-ele/src/views/infra/demo/demo03/erp/index.vue
@@ -70,6 +70,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue b/apps/web-ele/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
index 78bd4d66527b394e5b96d8248fe364e1e0831724..83314c08c5352b5500ac2d092470cb6de4d7e181 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
+++ b/apps/web-ele/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue
@@ -69,6 +69,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03CourseList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue b/apps/web-ele/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
index 9fb8fc238fa67bd8e1d5cb9eb68cdf558245b5a0..0c8db98a0ecdae0df1c4e1f6f9847ac32d876753 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
+++ b/apps/web-ele/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue
@@ -69,6 +69,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03GradeList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/demo03/inner/index.vue b/apps/web-ele/src/views/infra/demo/demo03/inner/index.vue
index ce1938e816efd4712095c8c5abab24449f3db73c..a179de870c3e066664ebcef7ecaa00bc349d4a84 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/inner/index.vue
+++ b/apps/web-ele/src/views/infra/demo/demo03/inner/index.vue
@@ -69,6 +69,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/demo03/normal/index.vue b/apps/web-ele/src/views/infra/demo/demo03/normal/index.vue
index ff99c665b87ad015970e267d487220b4f4a8d407..305dc3930646a4439d870cac74b99a791c748cf9 100644
--- a/apps/web-ele/src/views/infra/demo/demo03/normal/index.vue
+++ b/apps/web-ele/src/views/infra/demo/demo03/normal/index.vue
@@ -64,6 +64,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/general/demo01/index.vue b/apps/web-ele/src/views/infra/demo/general/demo01/index.vue
index 4e16a62927ae9589fa75c27d2c73643a863ed6d2..5962ac0379ac1061b6623ca7da82d26903e28792 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo01/index.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo01/index.vue
@@ -121,6 +121,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo01ContactList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/erp/index.vue b/apps/web-ele/src/views/infra/demo/general/demo03/erp/index.vue
index 24cdd1d9249c475f78057deaa7e7bcdfc6834979..b3b3fa800365bd1828933a82b9f1660b703bea67 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/erp/index.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/erp/index.vue
@@ -133,6 +133,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue b/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
index 69772b7c0e9f5dafa26edd91ba66084c0abe88ab..087f8ec9056c677c64d5df8eb4e4d784919b3e08 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
@@ -77,6 +77,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03CourseList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue b/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
index a1cc8057f9cf1d1672ef98d409ecb3506149c05f..5465c054ab9b21763d826ccbc5da85e1a31df733 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
@@ -77,6 +77,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03GradeList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/inner/index.vue b/apps/web-ele/src/views/infra/demo/general/demo03/inner/index.vue
index afaab7bc25e1e523bac45c912a843518cbe9c711..f95f06db335d3fd782823544385fafb0f3679c89 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/inner/index.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/inner/index.vue
@@ -129,6 +129,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/normal/index.vue b/apps/web-ele/src/views/infra/demo/general/demo03/normal/index.vue
index 3a4052163a0d73c1ac1e7137abee592cab974276..b3e47596b821aadea767f0e3f404ff5adf077ee4 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/normal/index.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/normal/index.vue
@@ -122,6 +122,7 @@ async function handleDeleteBatch() {
   });
   try {
     await deleteDemo03StudentList(checkedIds.value);
+    checkedIds.value = [];
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     await getList();
   } finally {
diff --git a/apps/web-ele/src/views/infra/file/index.vue b/apps/web-ele/src/views/infra/file/index.vue
index 0d2e87f29f434c938a7fea2c7558dcdb604efe05..27d3d5558e39e277084583bdec3e96f43fd34b88 100644
--- a/apps/web-ele/src/views/infra/file/index.vue
+++ b/apps/web-ele/src/views/infra/file/index.vue
@@ -79,6 +79,7 @@ async function onDelete(row: InfraFileApi.File) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该文件吗？');
   await deleteFileList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/infra/fileConfig/index.vue b/apps/web-ele/src/views/infra/fileConfig/index.vue
index 21095febda69b4df56b7b10260120fcf6a22b0b8..8cc1f3dd8918b981e0ba668f202726de3d9227c7 100644
--- a/apps/web-ele/src/views/infra/fileConfig/index.vue
+++ b/apps/web-ele/src/views/infra/fileConfig/index.vue
@@ -103,6 +103,7 @@ async function onDelete(row: InfraFileConfigApi.FileConfig) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该文件配置吗？');
   await deleteFileConfigList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/infra/job/index.vue b/apps/web-ele/src/views/infra/job/index.vue
index 5bdb2aac85a80a51bbb00259266b6e2ee7073222..6c3ebf66266c9664da2223b0bf2fb1c7baa82b6c 100644
--- a/apps/web-ele/src/views/infra/job/index.vue
+++ b/apps/web-ele/src/views/infra/job/index.vue
@@ -122,6 +122,7 @@ async function onDelete(row: InfraJobApi.Job) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该任务吗？');
   await deleteJobList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/mall/product/spu/components/data.ts b/apps/web-ele/src/views/mall/product/spu/components/data.ts
index 50463a42d46b183b0c23dc5264ae48ff9f024650..ded4e766685289087641beb3a0d3702fd610fe36 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/data.ts
+++ b/apps/web-ele/src/views/mall/product/spu/components/data.ts
@@ -1,6 +1,7 @@
-import type { MallSpuApi } from '#/api/mall/product/spu';
 import type { PropertyAndValues } from './model';
 
+import type { MallSpuApi } from '#/api/mall/product/spu';
+
 /**
  * 获得商品的规格列表 - 商品相关的公共函数
  *
diff --git a/apps/web-ele/src/views/mall/product/spu/components/description-form.vue b/apps/web-ele/src/views/mall/product/spu/components/description-form.vue
index 53b1c07415df937dcbe6ac9d03b9c80821977ad5..139b8ead6f47f00df4994fe125a3291ca7692721 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/description-form.vue
+++ b/apps/web-ele/src/views/mall/product/spu/components/description-form.vue
@@ -1,14 +1,16 @@
 <script lang="ts" setup>
-import { useVbenForm } from '#/adapter/form';
-import * as ExpressTemplateApi from '#/api/mall/trade/delivery/expressTemplate';
 import { watch } from 'vue';
+
 import { ElMessage } from 'element-plus';
-import { DICT_TYPE, getIntDictOptions, DeliveryTypeEnum } from '#/utils';
+
+import { useVbenForm } from '#/adapter/form';
 
 const props = defineProps<{
   propFormData: Object;
 }>();
 
+const emit = defineEmits(['update:activeName']);
+
 /** 将传进来的值赋值给 formData */
 watch(
   () => props.propFormData,
@@ -20,7 +22,6 @@ watch(
   },
 );
 
-const emit = defineEmits(['update:activeName']);
 const validate = async () => {
   const { valid } = await formApi.validate();
   if (!valid) {
@@ -29,10 +30,10 @@ const validate = async () => {
   try {
     // 校验通过更新数据
     Object.assign(props.propFormData, formApi.getValues());
-  } catch (e) {
+  } catch (error) {
     ElMessage.error('【商品详情】不完善，请填写相关信息');
     emit('update:activeName', 'description');
-    throw e; // 目的截断之后的校验
+    throw error; // 目的截断之后的校验
   }
 };
 defineExpose({ validate });
diff --git a/apps/web-ele/src/views/mall/product/spu/components/model.d.ts b/apps/web-ele/src/views/mall/product/spu/components/model.d.ts
index ad01b21faeb9b2fc19b423999cbfd3f19bb980a2..cc0ac05416c4420a9761a7d68678510742e6d58f 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/model.d.ts
+++ b/apps/web-ele/src/views/mall/product/spu/components/model.d.ts
@@ -1,5 +1,3 @@
-import SkuList from './SkuList.vue';
-
 interface PropertyAndValues {
   id: number;
   name: string;
@@ -22,4 +20,6 @@ interface RuleConfig {
   message: string;
 }
 
-export { SkuList, PropertyAndValues, RuleConfig, getPropertyList };
+export { getPropertyList, PropertyAndValues, RuleConfig };
+
+export { default as SkuList } from './SkuList.vue';
diff --git a/apps/web-ele/src/views/mall/product/spu/components/other-form.vue b/apps/web-ele/src/views/mall/product/spu/components/other-form.vue
index dcb9e1bd59d01ae599cb269708c5df247e6de5e2..02c4c6301b95eb539062e898ab1a2312d0469cf9 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/other-form.vue
+++ b/apps/web-ele/src/views/mall/product/spu/components/other-form.vue
@@ -1,14 +1,16 @@
 <script lang="ts" setup>
-import { useVbenForm } from '#/adapter/form';
-import * as ExpressTemplateApi from '#/api/mall/trade/delivery/expressTemplate';
 import { watch } from 'vue';
+
 import { ElMessage } from 'element-plus';
-import { DICT_TYPE, getIntDictOptions, DeliveryTypeEnum } from '#/utils';
+
+import { useVbenForm } from '#/adapter/form';
 
 const props = defineProps<{
   propFormData: Object;
 }>();
 
+const emit = defineEmits(['update:activeName']);
+
 /** 将传进来的值赋值给 formData */
 watch(
   () => props.propFormData,
@@ -20,7 +22,6 @@ watch(
   },
 );
 
-const emit = defineEmits(['update:activeName']);
 const validate = async () => {
   const { valid } = await formApi.validate();
   if (!valid) {
@@ -29,10 +30,10 @@ const validate = async () => {
   try {
     // 校验通过更新数据
     Object.assign(props.propFormData, formApi.getValues());
-  } catch (e) {
+  } catch (error) {
     ElMessage.error('【其它设置】不完善，请填写相关信息');
     emit('update:activeName', 'other');
-    throw e; // 目的截断之后的校验
+    throw error; // 目的截断之后的校验
   }
 };
 defineExpose({ validate });
diff --git a/apps/web-ele/src/views/mall/product/spu/components/product-attributes.vue b/apps/web-ele/src/views/mall/product/spu/components/product-attributes.vue
index f1c61d3e4cf4c224c258599cc6ca4e2cebb6674c..135fd5f43905139a58f86f6378aa96f938018d3b 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/product-attributes.vue
+++ b/apps/web-ele/src/views/mall/product/spu/components/product-attributes.vue
@@ -1,90 +1,47 @@
 <!-- 商品发布 - 库存价格 - 属性列表 -->
-<template>
-  <ElCol v-for="(item, index) in attributeList" :key="index">
-    <div>
-      <ElText class="mx-1">属性名：</ElText>
-      <ElTag class="mx-1" type="success" @close="handleCloseProperty(index)">
-        {{ item.name }}
-      </ElTag>
-    </div>
-    <div>
-      <ElSpace :size="1">
-        <ElText class="mx-1">属性值：</ElText>
-        <ElTag
-          v-for="(value, valueIndex) in item.values"
-          :key="value.id"
-          class="mx-1"
-          @close="handleCloseValue(index, valueIndex)"
-        >
-          {{ value.name }}
-        </ElTag>
-        <ElSelect
-          v-show="inputVisible(index)"
-          :id="`input${index}`"
-          :ref="setInputRef"
-          v-model="inputValue"
-          :reserve-keyword="false"
-          allow-create
-          class="!w-30"
-          default-first-option
-          filterable
-          size="small"
-          @blur="handleInputConfirm(index, item.id)"
-          @change="handleInputConfirm(index, item.id)"
-          @keyup.enter="handleInputConfirm(index, item.id)"
-        >
-          <el-option
-            v-for="item2 in attributeOptions"
-            :key="item2.id"
-            :label="item2.name"
-            :value="item2.name"
-          />
-        </ElSelect>
-        <ElButton
-          v-show="!inputVisible(index)"
-          class="button-new-tag ml-1"
-          size="small"
-          @click="showInput(index)"
-        >
-          + 添加
-        </ElButton>
-      </ElSpace>
-    </div>
-    <ElDivider class="my-10px" />
-  </ElCol>
-</template>
-
 <script lang="ts" setup>
-import { ref, watch, computed } from 'vue';
 import type { PropType } from 'vue';
 
-import * as PropertyApi from '#/api/mall/product/property';
+import type { PropertyAndValues } from './model';
+
 import type { MallPropertyApi } from '#/api/mall/product/property';
+
+import { computed, ref, watch } from 'vue';
+
 import {
-  ElMessage,
-  ElCol,
-  ElTag,
-  ElText,
   ElButton,
+  ElCol,
   ElDivider,
+  ElMessage,
   ElSpace,
+  ElTag,
+  ElText,
 } from 'element-plus';
+
+import * as PropertyApi from '#/api/mall/product/property';
 import { $t } from '#/locales';
-import type { PropertyAndValues } from './model';
 
 defineOptions({ name: 'ProductAttributes' });
 
+// 商品属性名称下拉框
+const props = defineProps({
+  propertyList: {
+    type: Array as PropType<PropertyAndValues[]>,
+    default: () => [],
+  },
+}); /** 输入框失去焦点或点击回车时触发 */
+const emit = defineEmits(['success']);
 const inputValue = ref(''); // 输入框值
-const attributeIndex = ref<number | null>(null); // 获取焦点时记录当前属性项的index
+const attributeIndex = ref<null | number>(null); // 获取焦点时记录当前属性项的index
 // 输入框显隐控制
 const inputVisible = computed(() => (index: number) => {
   if (attributeIndex.value === null) return false;
   if (attributeIndex.value === index) return true;
 });
-const inputRef = ref<any[]>([]); //标签输入框Ref
+const inputRef = ref<any[]>([]); // 标签输入框Ref
 /** 解决 ref 在 v-for 中的获取问题*/
 const setInputRef = (el: any) => {
-  if (el === null || typeof el === 'undefined') return;
+  if (el === null || el === undefined) return;
   // 如果不存在 id 相同的元素才添加
   if (
     !inputRef.value.some(
@@ -95,14 +52,7 @@ const setInputRef = (el: any) => {
   }
 };
 const attributeList = ref<PropertyAndValues[]>([]); // 商品属性列表
-const attributeOptions = ref([] as MallPropertyApi.PropertyValue[]); // 商品属性名称下拉框
-const props = defineProps({
-  propertyList: {
-    type: Array as PropType<PropertyAndValues[]>,
-    default: () => [],
-  },
-});
-
+const attributeOptions = ref([] as MallPropertyApi.PropertyValue[]);
 watch(
   () => props.propertyList,
   (data) => {
@@ -141,8 +91,7 @@ const showInput = async (index: number) => {
   }
 };
 
-/** 输入框失去焦点或点击回车时触发 */
-const emit = defineEmits(['success']); // 定义 success 事件，用于操作成功后的回调
+// 定义 success 事件，用于操作成功后的回调
 const handleInputConfirm = async (index: number, propertyId: number) => {
   if (inputValue.value && index < attributeList.value.length) {
     // 1. 重复添加校验
@@ -194,3 +143,58 @@ const getAttributeOptions = async (propertyId: number) => {
     await PropertyApi.getPropertyValueSimpleList(propertyId);
 };
 </script>
+
+<template>
+  <ElCol v-for="(item, index) in attributeList" :key="index">
+    <div>
+      <ElText class="mx-1">属性名：</ElText>
+      <ElTag class="mx-1" type="success" @close="handleCloseProperty(index)">
+        {{ item.name }}
+      </ElTag>
+    </div>
+    <div>
+      <ElSpace :size="1">
+        <ElText class="mx-1">属性值：</ElText>
+        <ElTag
+          v-for="(value, valueIndex) in item.values"
+          :key="value.id"
+          class="mx-1"
+          @close="handleCloseValue(index, valueIndex)"
+        >
+          {{ value.name }}
+        </ElTag>
+        <ElSelect
+          v-show="inputVisible(index)"
+          :id="`input${index}`"
+          :ref="setInputRef"
+          v-model="inputValue"
+          :reserve-keyword="false"
+          allow-create
+          class="!w-30"
+          default-first-option
+          filterable
+          size="small"
+          @blur="handleInputConfirm(index, item.id)"
+          @change="handleInputConfirm(index, item.id)"
+          @keyup.enter="handleInputConfirm(index, item.id)"
+        >
+          <el-option
+            v-for="item2 in attributeOptions"
+            :key="item2.id"
+            :label="item2.name"
+            :value="item2.name"
+          />
+        </ElSelect>
+        <ElButton
+          v-show="!inputVisible(index)"
+          class="button-new-tag ml-1"
+          size="small"
+          @click="showInput(index)"
+        >
+          + 添加
+        </ElButton>
+      </ElSpace>
+    </div>
+    <ElDivider class="my-10px" />
+  </ElCol>
+</template>
diff --git a/apps/web-ele/src/views/mall/product/spu/components/product-property-add-form.vue b/apps/web-ele/src/views/mall/product/spu/components/product-property-add-form.vue
index e748266453135c7d149fa9ca3d8440b94cb92d57..48189d5c38bee4758e3a1821d1ee270aedd2de7f 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/product-property-add-form.vue
+++ b/apps/web-ele/src/views/mall/product/spu/components/product-property-add-form.vue
@@ -1,26 +1,25 @@
 <script lang="ts" setup>
-import { ref, watch } from 'vue';
 import type { PropType } from 'vue';
 
+import type { MallPropertyApi } from '#/api/mall/product/property';
+
+import { ref, watch } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
 
 import { ElMessage } from 'element-plus';
 
 import { useVbenForm } from '#/adapter/form';
-import { $t } from '#/locales';
 import { getPropertySimpleList } from '#/api/mall/product/property';
 import * as PropertyApi from '#/api/mall/product/property';
-import type { MallPropertyApi } from '#/api/mall/product/property';
+import { $t } from '#/locales';
 
 // 扩展Property接口，添加values属性
 interface ExtendedProperty extends MallPropertyApi.Property {
   values?: any[];
 }
 
-const emit = defineEmits(['success']);
-
-const attributeList = ref<ExtendedProperty[]>([]); // 商品属性列表
-const attributeOptions = ref([] as MallPropertyApi.Property[]); // 商品属性名称下拉框
+// 商品属性名称下拉框
 
 const props = defineProps({
   propertyList: {
@@ -29,6 +28,10 @@ const props = defineProps({
   },
 });
 
+const emit = defineEmits(['success']);
+
+const attributeList = ref<ExtendedProperty[]>([]); // 商品属性列表
+const attributeOptions = ref([] as MallPropertyApi.Property[]);
 const [Form, formApi] = useVbenForm({
   commonConfig: {
     componentProps: {
diff --git a/apps/web-ele/src/views/mall/product/spu/components/sku-form.vue b/apps/web-ele/src/views/mall/product/spu/components/sku-form.vue
index 54568225d0d7a1635c1e3288e142cf9146ad6e1b..d1ef88718000b2409029c53300f5a4c4046d2a46 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/sku-form.vue
+++ b/apps/web-ele/src/views/mall/product/spu/components/sku-form.vue
@@ -1,17 +1,23 @@
 <script lang="ts" setup>
-import { useVbenForm } from '#/adapter/form';
-import { watch, ref } from 'vue';
-import { ElMessage, ElSpace } from 'element-plus';
-import SkuList from './sku-list.vue';
+import { ref, watch } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
-import ProductPropertyAddForm from './product-property-add-form.vue';
+
+import { ElMessage, ElSpace } from 'element-plus';
+
+import { useVbenForm } from '#/adapter/form';
+
 import { getPropertyList } from './data';
 import ProductAttributes from './product-attributes.vue';
+import ProductPropertyAddForm from './product-property-add-form.vue';
+import SkuList from './sku-list.vue';
 
 const props = defineProps<{
   propFormData: Object;
 }>();
 
+const emit = defineEmits(['update:activeName']);
+
 interface PropertyAndValues {
   id: number;
   name: string;
@@ -71,7 +77,6 @@ watch(
   },
 );
 
-const emit = defineEmits(['update:activeName']);
 const validate = async () => {
   const { valid } = await formApi.validate();
   if (!valid) {
@@ -80,10 +85,10 @@ const validate = async () => {
   try {
     // 校验通过更新数据
     Object.assign(props.propFormData, formApi.getValues());
-  } catch (e) {
+  } catch (error) {
     ElMessage.error('【库存价格】不完善，请填写相关信息');
     emit('update:activeName', 'sku');
-    throw e; // 目的截断之后的校验
+    throw error; // 目的截断之后的校验
   }
 };
 defineExpose({ validate });
@@ -214,9 +219,9 @@ watch(
       </template>
       <template #specTypeItem>
         <ElSpace direction="vertical" alignment="flex-start">
-          <ElButton type="primary" @click="productPropertyAddFormApi.open()"
-            >添加属性</ElButton
-          >
+          <ElButton type="primary" @click="productPropertyAddFormApi.open()">
+            添加属性
+          </ElButton>
           <ProductAttributes
             :property-list="propertyList"
             @success="generateSkus"
@@ -238,6 +243,6 @@ watch(
         />
       </template>
     </Form>
-    <ProductPropertyAddFormModal :propertyList="propertyList" />
+    <ProductPropertyAddFormModal :property-list="propertyList" />
   </Page>
 </template>
diff --git a/apps/web-ele/src/views/mall/product/spu/components/sku-list.vue b/apps/web-ele/src/views/mall/product/spu/components/sku-list.vue
index bfb80c2bd08bbf6ce4a05e3ac558344ba8673059..8d9d377e4d9d424a85edf6761e42c7200998a44c 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/sku-list.vue
+++ b/apps/web-ele/src/views/mall/product/spu/components/sku-list.vue
@@ -1,238 +1,18 @@
-<template>
-  <!-- 情况一：添加/修改 -->
-  <el-table
-    v-if="!isActivityComponent"
-    :data="isBatch ? skuList : formData!.skus!"
-    border
-    class="tabNumWidth"
-    max-height="500"
-    size="small"
-  >
-    <el-table-column align="center" label="图片" min-width="120">
-      <template #default="{ row }">
-        <UploadImg
-          v-model="row.picUrl"
-          height="50px"
-          width="50px"
-          :show-description="false"
-        />
-      </template>
-    </el-table-column>
-    <template v-if="formData!.specType && !isBatch">
-      <!--  根据商品属性动态添加 -->
-      <el-table-column
-        v-for="(item, index) in tableHeaders"
-        :key="index"
-        :label="item.label"
-        align="center"
-        min-width="120"
-      >
-        <template #default="{ row }">
-          <span style="font-weight: bold; color: #40aaff">
-            {{ row.properties?.[index]?.valueName }}
-          </span>
-        </template>
-      </el-table-column>
-    </template>
-    <el-table-column align="center" label="商品条码" min-width="168">
-      <template #default="{ row }">
-        <el-input v-model="row.barCode" class="w-100%" />
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="销售价" min-width="168">
-      <template #default="{ row }">
-        <el-input-number
-          v-model="row.price"
-          :min="0"
-          :precision="2"
-          :step="0.1"
-          class="w-100%"
-          controls-position="right"
-        />
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="市场价" min-width="168">
-      <template #default="{ row }">
-        <el-input-number
-          v-model="row.marketPrice"
-          :min="0"
-          :precision="2"
-          :step="0.1"
-          class="w-100%"
-          controls-position="right"
-        />
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="成本价" min-width="168">
-      <template #default="{ row }">
-        <el-input-number
-          v-model="row.costPrice"
-          :min="0"
-          :precision="2"
-          :step="0.1"
-          class="w-100%"
-          controls-position="right"
-        />
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="库存" min-width="168">
-      <template #default="{ row }">
-        <el-input-number
-          v-model="row.stock"
-          :min="0"
-          class="w-100%"
-          controls-position="right"
-        />
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="重量(kg)" min-width="168">
-      <template #default="{ row }">
-        <el-input-number
-          v-model="row.weight"
-          :min="0"
-          :precision="2"
-          :step="0.1"
-          class="w-100%"
-          controls-position="right"
-        />
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="体积(m^3)" min-width="168">
-      <template #default="{ row }">
-        <el-input-number
-          v-model="row.volume"
-          :min="0"
-          :precision="2"
-          :step="0.1"
-          class="w-100%"
-          controls-position="right"
-        />
-      </template>
-    </el-table-column>
-    <template v-if="formData!.subCommissionType">
-      <el-table-column align="center" label="一级返佣(元)" min-width="168">
-        <template #default="{ row }">
-          <el-input-number
-            v-model="row.firstBrokeragePrice"
-            :min="0"
-            :precision="2"
-            :step="0.1"
-            class="w-100%"
-            controls-position="right"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column align="center" label="二级返佣(元)" min-width="168">
-        <template #default="{ row }">
-          <el-input-number
-            v-model="row.secondBrokeragePrice"
-            :min="0"
-            :precision="2"
-            :step="0.1"
-            class="w-100%"
-            controls-position="right"
-          />
-        </template>
-      </el-table-column>
-    </template>
-    <el-table-column
-      v-if="formData?.specType"
-      align="center"
-      fixed="right"
-      label="操作"
-      width="80"
-    >
-      <template #default="{ row }">
-        <el-button
-          v-if="isBatch"
-          link
-          size="small"
-          type="primary"
-          @click="batchAdd"
-        >
-          批量添加
-        </el-button>
-        <el-button
-          v-else
-          link
-          size="small"
-          type="primary"
-          @click="deleteSku(row)"
-          >删除</el-button
-        >
-      </template>
-    </el-table-column>
-  </el-table>
-
-  <!-- 情况二：作为活动组件 -->
-  <el-table
-    v-if="isActivityComponent"
-    :data="formData!.skus!"
-    border
-    max-height="500"
-    size="small"
-    style="width: 99%"
-  >
-    <el-table-column v-if="isComponent" type="selection" width="45" />
-    <el-table-column align="center" label="图片" min-width="80">
-      <template #default="{ row }">
-        <el-image :src="row.picUrl" class="h-60px w-60px" />
-      </template>
-    </el-table-column>
-    <template v-if="formData!.specType">
-      <!--  根据商品属性动态添加 -->
-      <el-table-column
-        v-for="(item, index) in tableHeaders"
-        :key="index"
-        :label="item.label"
-        align="center"
-        min-width="80"
-      >
-        <template #default="{ row }">
-          <span style="font-weight: bold; color: #40aaff">
-            {{ row.properties?.[index]?.valueName }}
-          </span>
-        </template>
-      </el-table-column>
-    </template>
-    <el-table-column align="center" label="商品条码" min-width="100">
-      <template #default="{ row }">
-        {{ row.barCode }}
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="销售价(元)" min-width="80">
-      <template #default="{ row }">
-        {{ formatToFraction(row.price) }}
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="市场价(元)" min-width="80">
-      <template #default="{ row }">
-        {{ formatToFraction(row.marketPrice) }}
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="成本价(元)" min-width="80">
-      <template #default="{ row }">
-        {{ formatToFraction(row.costPrice) }}
-      </template>
-    </el-table-column>
-    <el-table-column align="center" label="库存" min-width="80">
-      <template #default="{ row }">
-        {{ row.stock }}
-      </template>
-    </el-table-column>
-    <!--  方便扩展每个活动配置的属性不一样  -->
-    <slot name="extension"></slot>
-  </el-table>
-</template>
 <script lang="ts" setup>
-import { copyValueToTarget } from '#/utils';
-import { formatToFraction, isEmpty } from '@vben/utils';
+import type { PropType } from 'vue';
+
 import type { PropertyAndValues, RuleConfig } from './model';
-import UploadImg from '#/components/upload/image-upload.vue';
-import { ElTable, ElInput, ElMessage } from 'element-plus';
+
 import type { MallSpuApi } from '#/api/mall/product/spu';
+
 import { ref, watch } from 'vue';
-import type { PropType } from 'vue';
+
+import { formatToFraction, isEmpty } from '@vben/utils';
+
+import { ElInput, ElMessage, ElTable } from 'element-plus';
+
+import UploadImg from '#/components/upload/image-upload.vue';
+import { copyValueToTarget } from '#/utils';
 
 defineOptions({ name: 'SkuList' });
 
@@ -263,7 +43,9 @@ const props = defineProps({
   }, // 是否作为活动组件
 });
 
-const formData = ref<MallSpuApi.Spu>(); // 表单数据
+const emit = defineEmits<{
+  (e: 'selectionChange', value: MallSpuApi.Sku[]): void;
+}>(); const formData = ref<MallSpuApi.Spu>(); // 表单数据
 const skuList = ref<MallSpuApi.Sku[]>([
   {
     price: 0, // 商品价格
@@ -306,7 +88,7 @@ const deleteSku = (row: MallSpuApi.Sku) => {
   );
   formData.value!.skus!.splice(index, 1);
 };
-const tableHeaders = ref<{ prop: string; label: string }[]>([]); // 多属性表头
+const tableHeaders = ref<{ label: string; prop: string; }[]>([]); // 多属性表头
 /**
  * 保存时，每个商品规格的表单要校验下。例如说，销售金额最低是 0.01 这种。
  */
@@ -345,9 +127,6 @@ const getValue = (obj: any, arg: string) => {
   return value;
 };
 
-const emit = defineEmits<{
-  (e: 'selectionChange', value: MallSpuApi.Sku[]): void;
-}>();
 /**
  * 选择时触发
  * @param Sku 传递过来的选中的 sku 是一个数组
@@ -425,7 +204,7 @@ const validateData = (propertyList: any[]) => {
     sku.properties
       ?.map((property: any) => property.propertyId)
       ?.forEach((propertyId: number) => {
-        if (skuPropertyIds.indexOf(propertyId!) === -1) {
+        if (!skuPropertyIds.indexOf(propertyId!) === -1) {
           skuPropertyIds.push(propertyId!);
         }
       }),
@@ -447,9 +226,8 @@ const build = (
     const rest = build(propertyValuesList.slice(1));
     if (propertyValuesList[0] && Array.isArray(rest)) {
       for (let i = 0; i < propertyValuesList[0].length; i++) {
-        for (let j = 0; j < rest.length; j++) {
+        for (const restItem of rest) {
           const currentItem = propertyValuesList[0][i];
-          const restItem = rest[j];
           // 第一次不是数组结构，后面的都是数组结构
           if (Array.isArray(restItem)) {
             result.push([currentItem!, ...restItem]);
@@ -525,3 +303,554 @@ const getSkuTableRef = () => {
 // 暴露出生成 sku 方法，给添加属性成功时调用
 defineExpose({ generateTableData, validateSku, getSkuTableRef });
 </script>
+<template>
+  <!-- 情况一：添加/修改 -->
+  <ElTable
+    v-if="!isActivityComponent"
+    :data="isBatch ? skuList : formData!.skus!"
+    border
+    class="tabNumWidth"
+    max-height="500"
+    size="small"
+  >
+    <el-table-column align="center" label="图片" min-width="120">
+      <template #default="{ row }">
+        <UploadImg
+          v-model="row.picUrl"
+          height="50px"
+          width="50px"
+          :show-description="false"
+        />
+      </template>
+    </el-table-column>
+    <template v-if="formData!.specType && !isBatch">
+      <!--  根据商品属性动态添加 -->
+      <el-table-column
+        v-for="(item, index) in tableHeaders"
+        :key="index"
+        :label="item.label"
+        align="center"
+        min-width="120"
+      >
+        <template #default="{ row }">
+          <span style="font-weight: bold; color: #40aaff">
+            {{ row.properties?.[index]?.valueName }}
+          </span>
+        </template>
+      </el-table-column>
+    </template>
+    <el-table-column align="center" label="商品条码" min-width="168">
+      <template #default="{ row }">
+        <ElInput v-model="row.barCode" class="w-100%" />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="销售价" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.price"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="市场价" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.marketPrice"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="成本价" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.costPrice"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="库存" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.stock"
+          :min="0"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="重量(kg)" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.weight"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="体积(m^3)" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.volume"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <template v-if="formData!.subCommissionType">
+      <el-table-column align="center" label="一级返佣(元)" min-width="168">
+        <template #default="{ row }">
+          <el-input-number
+            v-model="row.firstBrokeragePrice"
+            :min="0"
+            :precision="2"
+            :step="0.1"
+            class="w-100%"
+            controls-position="right"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="二级返佣(元)" min-width="168">
+        <template #default="{ row }">
+          <el-input-number
+            v-model="row.secondBrokeragePrice"
+            :min="0"
+            :precision="2"
+            :step="0.1"
+            class="w-100%"
+            controls-position="right"
+          />
+        </template>
+      </el-table-column>
+    </template>
+    <el-table-column
+      v-if="formData?.specType"
+      align="center"
+      fixed="right"
+      label="操作"
+      width="80"
+    >
+      <template #default="{ row }">
+        <el-button
+          v-if="isBatch"
+          link
+          size="small"
+          type="primary"
+          @click="batchAdd"
+        >
+          批量添加
+        </el-button>
+        <el-button
+          v-else
+          link
+          size="small"
+          type="primary"
+          @click="deleteSku(row)"
+          >
+删除
+</el-button>
+      </template>
+    </el-table-column>
+  </ElTable>
+
+  <!-- 情况二：作为活动组件 -->
+  <ElTable
+    v-if="isActivityComponent"
+    :data="formData!.skus!"
+    border
+    max-height="500"
+    size="small"
+    style="width: 99%"
+  >
+    <el-table-column v-if="isComponent" type="selection" width="45" />
+    <el-table-column align="center" label="图片" min-width="80">
+      <template #default="{ row }">
+        <el-image :src="row.picUrl" class="h-60px w-60px" />
+      </template>
+    </el-table-column>
+    <template v-if="formData!.specType">
+      <!--  根据商品属性动态添加 -->
+      <el-table-column
+        v-for="(item, index) in tableHeaders"
+        :key="index"
+        :label="item.label"
+        align="center"
+        min-width="80"
+      >
+        <template #default="{ row }">
+          <span style="font-weight: bold; color: #40aaff">
+            {{ row.properties?.[index]?.valueName }}
+          </span>
+        </template>
+      </el-table-column>
+    </template>
+    <el-table-column align="center" label="商品条码" min-width="100">
+      <template #default="{ row }">
+        {{ row.barCode }}
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="销售价(元)" min-width="80">
+      <template #default="{ row }">
+        {{ formatToFraction(row.price) }}
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="市场价(元)" min-width="80">
+      <template #default="{ row }">
+        {{ formatToFraction(row.marketPrice) }}
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="成本价(元)" min-width="80">
+      <template #default="{ row }">
+        {{ formatToFraction(row.costPrice) }}
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="库存" min-width="80">
+      <template #default="{ row }">
+        {{ row.stock }}
+      </template>
+    </el-table-column>
+    <!--  方便扩展每个活动配置的属性不一样  -->
+    <slot name="extension"></slot>
+  </ElTable>
+</template>.includes(propertyId!)) {
+          skuPropertyIds.push(propertyId!);
+        }
+      }),
+  );
+  const propertyIds = propertyList.map((item) => item.id);
+  return skuPropertyIds.length === propertyIds.length;
+};
+
+/** 构建所有排列组合 */
+const build = (
+  propertyValuesList: MallSpuApi.Property[][],
+): MallSpuApi.Property[] | MallSpuApi.Property[][] => {
+  if (!propertyValuesList || propertyValuesList.length === 0) {
+    return [];
+  } else if (propertyValuesList.length === 1) {
+    return propertyValuesList[0] || [];
+  } else {
+    const result: MallSpuApi.Property[][] = [];
+    const rest = build(propertyValuesList.slice(1));
+    if (propertyValuesList[0] && Array.isArray(rest)) {
+      for (let i = 0; i < propertyValuesList[0].length; i++) {
+        for (const restItem of rest) {
+          const currentItem = propertyValuesList[0][i];
+          // 第一次不是数组结构，后面的都是数组结构
+          if (Array.isArray(restItem)) {
+            result.push([currentItem!, ...restItem]);
+          } else if (restItem) {
+            // 确保restItem不是undefined，并进行类型断言
+            result.push([currentItem!, restItem as MallSpuApi.Property]);
+          }
+        }
+      }
+    }
+    return result;
+  }
+};
+
+/** 监听属性列表，生成相关参数和表头 */
+watch(
+  () => props.propertyList,
+  (propertyList: PropertyAndValues[]) => {
+    // 如果不是多规格则结束
+    if (!formData.value!.specType) {
+      return;
+    }
+    // 如果当前组件作为批量添加数据使用，则重置表数据
+    if (props.isBatch) {
+      skuList.value = [
+        {
+          price: 0,
+          marketPrice: 0,
+          costPrice: 0,
+          barCode: '',
+          picUrl: '',
+          stock: 0,
+          weight: 0,
+          volume: 0,
+          firstBrokeragePrice: 0,
+          secondBrokeragePrice: 0,
+        },
+      ];
+    }
+
+    // 判断代理对象是否为空
+    if (JSON.stringify(propertyList) === '[]') {
+      return;
+    }
+    // 重置表头
+    tableHeaders.value = [];
+    // 生成表头
+    propertyList.forEach((item, index) => {
+      // name加属性项index区分属性值
+      tableHeaders.value.push({ prop: `name${index}`, label: item.name });
+    });
+    // 如果回显的 sku 属性和添加的属性一致则不处理
+    if (validateData(propertyList)) {
+      return;
+    }
+    // 添加新属性没有属性值也不做处理
+    if (propertyList.some((item) => !item.values || isEmpty(item.values))) {
+      return;
+    }
+    // 生成 table 数据，即 sku 列表
+    generateTableData(propertyList);
+  },
+  {
+    deep: true,
+    immediate: true,
+  },
+);
+const activitySkuListRef = ref<InstanceType<typeof ElTable>>();
+
+const getSkuTableRef = () => {
+  return activitySkuListRef.value;
+};
+// 暴露出生成 sku 方法，给添加属性成功时调用
+defineExpose({ generateTableData, validateSku, getSkuTableRef });
+</script>
+<template>
+  <!-- 情况一：添加/修改 -->
+  <ElTable
+    v-if="!isActivityComponent"
+    :data="isBatch ? skuList : formData!.skus!"
+    border
+    class="tabNumWidth"
+    max-height="500"
+    size="small"
+  >
+    <el-table-column align="center" label="图片" min-width="120">
+      <template #default="{ row }">
+        <UploadImg
+          v-model="row.picUrl"
+          height="50px"
+          width="50px"
+          :show-description="false"
+        />
+      </template>
+    </el-table-column>
+    <template v-if="formData!.specType && !isBatch">
+      <!--  根据商品属性动态添加 -->
+      <el-table-column
+        v-for="(item, index) in tableHeaders"
+        :key="index"
+        :label="item.label"
+        align="center"
+        min-width="120"
+      >
+        <template #default="{ row }">
+          <span style="font-weight: bold; color: #40aaff">
+            {{ row.properties?.[index]?.valueName }}
+          </span>
+        </template>
+      </el-table-column>
+    </template>
+    <el-table-column align="center" label="商品条码" min-width="168">
+      <template #default="{ row }">
+        <el-input v-model="row.barCode" class="w-100%" />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="销售价" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.price"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="市场价" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.marketPrice"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="成本价" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.costPrice"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="库存" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.stock"
+          :min="0"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="重量(kg)" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.weight"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="体积(m^3)" min-width="168">
+      <template #default="{ row }">
+        <el-input-number
+          v-model="row.volume"
+          :min="0"
+          :precision="2"
+          :step="0.1"
+          class="w-100%"
+          controls-position="right"
+        />
+      </template>
+    </el-table-column>
+    <template v-if="formData!.subCommissionType">
+      <el-table-column align="center" label="一级返佣(元)" min-width="168">
+        <template #default="{ row }">
+          <el-input-number
+            v-model="row.firstBrokeragePrice"
+            :min="0"
+            :precision="2"
+            :step="0.1"
+            class="w-100%"
+            controls-position="right"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="二级返佣(元)" min-width="168">
+        <template #default="{ row }">
+          <el-input-number
+            v-model="row.secondBrokeragePrice"
+            :min="0"
+            :precision="2"
+            :step="0.1"
+            class="w-100%"
+            controls-position="right"
+          />
+        </template>
+      </el-table-column>
+    </template>
+    <el-table-column
+      v-if="formData?.specType"
+      align="center"
+      fixed="right"
+      label="操作"
+      width="80"
+    >
+      <template #default="{ row }">
+        <el-button
+          v-if="isBatch"
+          link
+          size="small"
+          type="primary"
+          @click="batchAdd"
+        >
+          批量添加
+        </el-button>
+        <el-button
+          v-else
+          link
+          size="small"
+          type="primary"
+          @click="deleteSku(row)"
+          >删除</el-button
+        >
+      </template>
+    </el-table-column>
+  </ElTable>
+
+  <!-- 情况二：作为活动组件 -->
+  <ElTable
+    v-if="isActivityComponent"
+    :data="formData!.skus!"
+    border
+    max-height="500"
+    size="small"
+    style="width: 99%"
+  >
+    <el-table-column v-if="isComponent" type="selection" width="45" />
+    <el-table-column align="center" label="图片" min-width="80">
+      <template #default="{ row }">
+        <el-image :src="row.picUrl" class="h-60px w-60px" />
+      </template>
+    </el-table-column>
+    <template v-if="formData!.specType">
+      <!--  根据商品属性动态添加 -->
+      <el-table-column
+        v-for="(item, index) in tableHeaders"
+        :key="index"
+        :label="item.label"
+        align="center"
+        min-width="80"
+      >
+        <template #default="{ row }">
+          <span style="font-weight: bold; color: #40aaff">
+            {{ row.properties?.[index]?.valueName }}
+          </span>
+        </template>
+      </el-table-column>
+    </template>
+    <el-table-column align="center" label="商品条码" min-width="100">
+      <template #default="{ row }">
+        {{ row.barCode }}
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="销售价(元)" min-width="80">
+      <template #default="{ row }">
+        {{ formatToFraction(row.price) }}
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="市场价(元)" min-width="80">
+      <template #default="{ row }">
+        {{ formatToFraction(row.marketPrice) }}
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="成本价(元)" min-width="80">
+      <template #default="{ row }">
+        {{ formatToFraction(row.costPrice) }}
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="库存" min-width="80">
+      <template #default="{ row }">
+        {{ row.stock }}
+      </template>
+    </el-table-column>
+    <!--  方便扩展每个活动配置的属性不一样  -->
+    <slot name="extension"></slot>
+  </ElTable>
+</template>
diff --git a/apps/web-ele/src/views/mall/product/spu/modules/form.vue b/apps/web-ele/src/views/mall/product/spu/modules/form.vue
index a1619905a7dbffe74a3f275e252d74e340e6c2ea..38871d39eee6e86dd74270ff9078857f8b6b8c98 100644
--- a/apps/web-ele/src/views/mall/product/spu/modules/form.vue
+++ b/apps/web-ele/src/views/mall/product/spu/modules/form.vue
@@ -1,16 +1,19 @@
 <script lang="ts" setup>
-import { Page } from '@vben/common-ui';
-import { onMounted, ref, unref } from 'vue';
-import { cloneDeep } from '@vben/utils';
 import type { MallSpuApi } from '#/api/mall/product/spu';
-import { useRouter, useRoute } from 'vue-router';
-import { formatToFraction, convertToInteger } from '@vben/utils';
-import * as ProductSpuApi from '#/api/mall/product/spu';
+
+import { onMounted, ref, unref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { Page } from '@vben/common-ui';
+import { cloneDeep, convertToInteger, formatToFraction } from '@vben/utils';
+
 import { ElMessage } from 'element-plus';
 
-import InfoForm from '../components/info-form.vue';
+import * as ProductSpuApi from '#/api/mall/product/spu';
+
 import DeliveryForm from '../components/delivery-form.vue';
 import DescriptionForm from '../components/description-form.vue';
+import InfoForm from '../components/info-form.vue';
 import OtherForm from '../components/other-form.vue';
 import SkuForm from '../components/sku-form.vue';
 
@@ -115,12 +118,12 @@ const submitForm = async () => {
     // 校验都通过后提交表单
     const data = deepCopyFormData as MallSpuApi.Spu;
     const id = params.id as unknown as number;
-    if (!id) {
-      await ProductSpuApi.createSpu(data);
-      ElMessage.success('创建成功');
-    } else {
+    if (id) {
       await ProductSpuApi.updateSpu(data);
       ElMessage.success('更新成功');
+    } else {
+      await ProductSpuApi.createSpu(data);
+      ElMessage.success('创建成功');
     }
     close();
   } finally {
@@ -144,43 +147,43 @@ onMounted(async () => {
     <ElTabs v-model="activeTab">
       <ElTabPane label="基础设置" name="info">
         <InfoForm
-          :propFormData="formData"
-          v-model:activeName="activeName"
+          :prop-form-data="formData"
+          v-model:active-name="activeName"
           ref="infoRef"
         />
       </ElTabPane>
       <ElTabPane label="价格库存" name="sku">
         <SkuForm
-          :propFormData="formData"
-          v-model:activeName="activeName"
+          :prop-form-data="formData"
+          v-model:active-name="activeName"
           ref="skuRef"
         />
       </ElTabPane>
       <ElTabPane label="物流设置" name="delivery">
         <DeliveryForm
-          :propFormData="formData"
-          v-model:activeName="activeName"
+          :prop-form-data="formData"
+          v-model:active-name="activeName"
           ref="deliveryRef"
         />
       </ElTabPane>
       <ElTabPane label="商品详情" name="description">
         <DescriptionForm
-          :propFormData="formData"
-          v-model:activeName="activeName"
+          :prop-form-data="formData"
+          v-model:active-name="activeName"
           ref="descriptionRef"
         />
       </ElTabPane>
       <ElTabPane label="其它设置" name="other">
         <OtherForm
-          :propFormData="formData"
-          v-model:activeName="activeName"
+          :prop-form-data="formData"
+          v-model:active-name="activeName"
           ref="otherRef"
         />
       </ElTabPane>
     </ElTabs>
-    <ElButton type="primary" :loading="formLoading" @click="submitForm"
-      >保存</ElButton
-    >
+    <ElButton type="primary" :loading="formLoading" @click="submitForm">
+      保存
+    </ElButton>
     <ElButton @click="close">返回</ElButton>
   </Page>
 </template>
diff --git a/apps/web-ele/src/views/system/dict/modules/data-grid.vue b/apps/web-ele/src/views/system/dict/modules/data-grid.vue
index 18394f7a95655d936fc8ce7b75423ed0fb066bd8..b1684e43974fff03e127b7e6463a6076d9cf2e77 100644
--- a/apps/web-ele/src/views/system/dict/modules/data-grid.vue
+++ b/apps/web-ele/src/views/system/dict/modules/data-grid.vue
@@ -76,6 +76,7 @@ async function onDelete(row: any) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该字典数据吗？');
   await deleteDictDataList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/dict/modules/type-grid.vue b/apps/web-ele/src/views/system/dict/modules/type-grid.vue
index 627b218cb9793fc82760cad661ac5a41d4685514..83a65306d788935fbfa5b81c64ce19b2be32f75c 100644
--- a/apps/web-ele/src/views/system/dict/modules/type-grid.vue
+++ b/apps/web-ele/src/views/system/dict/modules/type-grid.vue
@@ -71,6 +71,7 @@ async function onDelete(row: SystemDictTypeApi.DictType) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该字典类型吗？');
   await deleteDictTypeList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/mail/account/index.vue b/apps/web-ele/src/views/system/mail/account/index.vue
index ded39c96cbf32550cf37892eded62d7f242f4497..f7aeaa49467be0b3d26f556311588579a9ea44a0 100644
--- a/apps/web-ele/src/views/system/mail/account/index.vue
+++ b/apps/web-ele/src/views/system/mail/account/index.vue
@@ -62,6 +62,7 @@ async function onDelete(row: SystemMailAccountApi.MailAccount) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该邮箱账号吗？');
   await deleteMailAccountList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/mail/template/index.vue b/apps/web-ele/src/views/system/mail/template/index.vue
index 2a7f1b472728af5d3e2dd57d5f4df77bc3d89ded..1fc0a8fe008f2c23d129fe15244f140de7ea71b7 100644
--- a/apps/web-ele/src/views/system/mail/template/index.vue
+++ b/apps/web-ele/src/views/system/mail/template/index.vue
@@ -82,6 +82,7 @@ async function onDelete(row: SystemMailTemplateApi.MailTemplate) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该邮件模板吗？');
   await deleteMailTemplateList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/notice/index.vue b/apps/web-ele/src/views/system/notice/index.vue
index 319ec4e938007171e06815e6d118099e85d6bce0..b75448dcb1b7c7dfc2d57e2de79ff12155505758 100644
--- a/apps/web-ele/src/views/system/notice/index.vue
+++ b/apps/web-ele/src/views/system/notice/index.vue
@@ -63,6 +63,7 @@ async function onDelete(row: SystemNoticeApi.Notice) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该公告吗？');
   await deleteNoticeList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/notify/template/index.vue b/apps/web-ele/src/views/system/notify/template/index.vue
index 46d6fa71323b3d9382b01382dab182b6044c9c74..c76f14370449f2758f7cf1c601672e5f75183a84 100644
--- a/apps/web-ele/src/views/system/notify/template/index.vue
+++ b/apps/web-ele/src/views/system/notify/template/index.vue
@@ -87,6 +87,7 @@ async function onDeleteBatch() {
   });
   try {
     await deleteNotifyTemplateList(checkedIds.value);
+    checkedIds.value = [];
     loadingInstance.close();
     ElMessage.success($t('ui.actionMessage.deleteSuccess'));
     onRefresh();
diff --git a/apps/web-ele/src/views/system/oauth2/client/index.vue b/apps/web-ele/src/views/system/oauth2/client/index.vue
index 15c6f1d2ddf65d15d8a2b89b59bd15b544df67e4..f873e4b864dc9333c9be9e3ac20480556bd41067 100644
--- a/apps/web-ele/src/views/system/oauth2/client/index.vue
+++ b/apps/web-ele/src/views/system/oauth2/client/index.vue
@@ -62,6 +62,7 @@ async function onDelete(row: SystemOAuth2ClientApi.OAuth2Client) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该 OAuth2 客户端吗？');
   await deleteOAuth2ClientList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/post/index.vue b/apps/web-ele/src/views/system/post/index.vue
index fb2ee0cb3c50db04fe3e0089d4dd624fa2735bd1..139398c390309529efb6e75629ef3a591d4ad418 100644
--- a/apps/web-ele/src/views/system/post/index.vue
+++ b/apps/web-ele/src/views/system/post/index.vue
@@ -69,6 +69,7 @@ async function onDelete(row: SystemPostApi.Post) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该岗位吗？');
   await deletePostList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/role/index.vue b/apps/web-ele/src/views/system/role/index.vue
index a458b1d2134ae126275521527dabd40d69cc9b9d..00f5809c7ee5cd0f20a3e295d126af71222048f5 100644
--- a/apps/web-ele/src/views/system/role/index.vue
+++ b/apps/web-ele/src/views/system/role/index.vue
@@ -83,6 +83,7 @@ async function onDelete(row: SystemRoleApi.Role) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该角色吗？');
   await deleteRoleList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/sms/channel/index.vue b/apps/web-ele/src/views/system/sms/channel/index.vue
index b0abc3388796feb7d72ba43c9f8f101678645378..067d0a1a2c9f29051c91634b666b74eaa8ee17a7 100644
--- a/apps/web-ele/src/views/system/sms/channel/index.vue
+++ b/apps/web-ele/src/views/system/sms/channel/index.vue
@@ -69,6 +69,7 @@ async function onDelete(row: SystemSmsChannelApi.SmsChannel) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该短信渠道吗？');
   await deleteSmsChannelList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/sms/template/index.vue b/apps/web-ele/src/views/system/sms/template/index.vue
index 3e272faae25edafd2ef43e8d0a5a0c0ec641705a..207224044034bd5f7552613156332b74161cc83c 100644
--- a/apps/web-ele/src/views/system/sms/template/index.vue
+++ b/apps/web-ele/src/views/system/sms/template/index.vue
@@ -80,6 +80,7 @@ async function onDelete(row: SystemSmsTemplateApi.SmsTemplate) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该短信模板吗？');
   await deleteSmsTemplateList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/social/client/index.vue b/apps/web-ele/src/views/system/social/client/index.vue
index a7e880ab70c48c89bca55531dbb2c60a59239c57..3b17cd0e6f36f26af5bca121262d9b7a4a8e9be9 100644
--- a/apps/web-ele/src/views/system/social/client/index.vue
+++ b/apps/web-ele/src/views/system/social/client/index.vue
@@ -62,6 +62,7 @@ async function onDelete(row: SystemSocialClientApi.SocialClient) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该社交客户端吗？');
   await deleteSocialClientList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/tenant/index.vue b/apps/web-ele/src/views/system/tenant/index.vue
index 6fd8fe95a02f9395afcaf336a5c1f54da6a5c1e5..10097f59cad9ffffd1fc0c80a61698305942c844 100644
--- a/apps/web-ele/src/views/system/tenant/index.vue
+++ b/apps/web-ele/src/views/system/tenant/index.vue
@@ -81,6 +81,7 @@ async function onDelete(row: SystemTenantApi.Tenant) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该租户吗？');
   await deleteTenantList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/tenantPackage/index.vue b/apps/web-ele/src/views/system/tenantPackage/index.vue
index accd69a809dc19e1951be26df9bbc9ffc274a711..8e0cd7d56d5e2143250a8012b0a8a89b09c06461 100644
--- a/apps/web-ele/src/views/system/tenantPackage/index.vue
+++ b/apps/web-ele/src/views/system/tenantPackage/index.vue
@@ -62,6 +62,7 @@ async function onDelete(row: SystemTenantPackageApi.TenantPackage) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该租户套餐吗？');
   await deleteTenantPackageList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }
diff --git a/apps/web-ele/src/views/system/user/index.vue b/apps/web-ele/src/views/system/user/index.vue
index 9f62182502683721e13ea92e508f4fc42a9d4394..8ec976772d6047b8f0216e3ed2d251887c759d51 100644
--- a/apps/web-ele/src/views/system/user/index.vue
+++ b/apps/web-ele/src/views/system/user/index.vue
@@ -100,6 +100,7 @@ async function onDelete(row: SystemUserApi.User) {
 async function onDeleteBatch() {
   await confirm('确定要批量删除该用户吗？');
   await deleteUserList(checkedIds.value);
+  checkedIds.value = [];
   ElMessage.success($t('ui.actionMessage.deleteSuccess'));
   onRefresh();
 }