diff --git a/apps/web-antd/src/views/system/tenant/index.vue b/apps/web-antd/src/views/system/tenant/index.vue
index a9765c5a..360a10a0 100644
--- a/apps/web-antd/src/views/system/tenant/index.vue
+++ b/apps/web-antd/src/views/system/tenant/index.vue
@@ -8,6 +8,7 @@ import { computed } from 'vue';
 
 import { useAccess } from '@vben/access';
 import { Fallback, Page, useVbenDrawer } from '@vben/common-ui';
+import { EnableStatus } from '@vben/constants';
 
 import { Popconfirm, Space } from 'antdv-next';
 
@@ -21,7 +22,7 @@ import {
   tenantStatusChange,
   tenantSyncPackage,
 } from '#/api/system/tenant';
-import { TableSwitch } from '#/components/table';
+import { ApiSwitch } from '#/components/global';
 import { useTenantStore } from '#/store/tenant';
 import { commonDownloadExcel } from '#/utils/file/download';
 
@@ -154,6 +155,15 @@ function handleSyncTenantConfig() {
     },
   });
 }
+
+async function handleChangeStatus(checked: boolean, row: Tenant) {
+  console.log(checked);
+  await tenantStatusChange({
+    id: row.id,
+    tenantId: row.tenantId,
+    status: checked ? EnableStatus.Enable : EnableStatus.Disable,
+  });
+}
 </script>
 
 <template>
@@ -198,9 +208,9 @@ function handleSyncTenantConfig() {
         </Space>
       </template>
       <template #status="{ row }">
-        <TableSwitch
-          v-model:value="row.status"
-          :api="() => tenantStatusChange(row)"
+        <ApiSwitch
+          :value="row.status === EnableStatus.Enable"
+          :api="(checked) => handleChangeStatus(checked, row)"
           :disabled="row.id === 1 || !hasAccessByCodes(['system:tenant:edit'])"
           @reload="tableApi.query()"
         />
diff --git a/apps/web-antd/src/views/system/tenantPackage/index.vue b/apps/web-antd/src/views/system/tenantPackage/index.vue
index e4d6c4e9..570291d9 100644
--- a/apps/web-antd/src/views/system/tenantPackage/index.vue
+++ b/apps/web-antd/src/views/system/tenantPackage/index.vue
@@ -8,6 +8,7 @@ import { computed } from 'vue';
 
 import { useAccess } from '@vben/access';
 import { Fallback, Page, useVbenDrawer } from '@vben/common-ui';
+import { EnableStatus } from '@vben/constants';
 
 import { Popconfirm, Space } from 'antdv-next';
 
@@ -18,7 +19,7 @@ import {
   packageList,
   packageRemove,
 } from '#/api/system/tenant-package';
-import { TableSwitch } from '#/components/table';
+import { ApiSwitch } from '#/components/global';
 import { commonDownloadExcel } from '#/utils/file/download';
 
 import { columns, querySchema } from './data';
@@ -120,6 +121,13 @@ const { hasAccessByCodes, hasAccessByRoles } = useAccess();
 const isSuperAdmin = computed(() => {
   return hasAccessByRoles(['superadmin']);
 });
+
+async function handleChangeStatus(checked: boolean, row: TenantPackage) {
+  await packageChangeStatus({
+    packageId: row.packageId,
+    status: checked ? EnableStatus.Enable : EnableStatus.Disable,
+  });
+}
 </script>
 
 <template>
@@ -152,9 +160,9 @@ const isSuperAdmin = computed(() => {
         </Space>
       </template>
       <template #status="{ row }">
-        <TableSwitch
+        <ApiSwitch
           v-model:value="row.status"
-          :api="() => packageChangeStatus(row)"
+          :api="(checked) => handleChangeStatus(checked, row)"
           :disabled="!hasAccessByCodes(['system:tenantPackage:edit'])"
           @reload="tableApi.query()"
         />