diff --git a/apps/web-antd/src/views/system/oss-config/data.tsx b/apps/web-antd/src/views/system/oss-config/data.tsx
index f08b5368..e83709f9 100644
--- a/apps/web-antd/src/views/system/oss-config/data.tsx
+++ b/apps/web-antd/src/views/system/oss-config/data.tsx
@@ -193,7 +193,6 @@ export const drawerSchema: FormSchemaGetter = () => [
     },
     defaultValue: '0',
     fieldName: 'accessPolicy',
-    formItemClass: 'col-span-6 lg:col-span-3',
     label: '权限桶类型',
   },
   {
@@ -205,7 +204,6 @@ export const drawerSchema: FormSchemaGetter = () => [
     },
     defaultValue: 'N',
     fieldName: 'isHttps',
-    formItemClass: 'col-span-6 lg:col-span-3',
     label: '是否https',
     rules: 'required',
   },
diff --git a/apps/web-antd/src/views/system/oss-config/index.vue b/apps/web-antd/src/views/system/oss-config/index.vue
index 34382113..27fc8efd 100644
--- a/apps/web-antd/src/views/system/oss-config/index.vue
+++ b/apps/web-antd/src/views/system/oss-config/index.vue
@@ -6,6 +6,7 @@ import type { OssConfig } from '#/api/system/oss-config/model';
 
 import { useAccess } from '@vben/access';
 import { Page, useVbenDrawer } from '@vben/common-ui';
+import { EnableStatus } from '@vben/constants';
 
 import { Modal, Popconfirm, Space } from 'antdv-next';
 
@@ -15,7 +16,7 @@ import {
   ossConfigList,
   ossConfigRemove,
 } from '#/api/system/oss-config';
-import { TableSwitch } from '#/components/table';
+import { ApiSwitch } from '#/components/global';
 
 import { columns, querySchema } from './data';
 import ossConfigDrawer from './oss-config-drawer.vue';
@@ -100,6 +101,13 @@ function handleMultiDelete() {
 }
 
 const { hasAccessByCodes } = useAccess();
+async function handleChangeStatus(checked: boolean, row: OssConfig) {
+  await ossConfigChangeStatus({
+    ossConfigId: row.ossConfigId,
+    configKey: row.configKey,
+    status: checked ? EnableStatus.Enable : EnableStatus.Disable,
+  });
+}
 </script>
 
 <template>
@@ -126,9 +134,9 @@ const { hasAccessByCodes } = useAccess();
         </Space>
       </template>
       <template #status="{ row }">
-        <TableSwitch
-          v-model:value="row.status"
-          :api="() => ossConfigChangeStatus(row)"
+        <ApiSwitch
+          :value="row.status === EnableStatus.Enable"
+          :api="(checked) => handleChangeStatus(checked, row)"
           :disabled="!hasAccessByCodes(['system:ossConfig:edit'])"
           checked-text="是"
           un-checked-text="否"
diff --git a/packages/constants/src/core.ts b/packages/constants/src/core.ts
index 26cd0c93..cb92856f 100644
--- a/packages/constants/src/core.ts
+++ b/packages/constants/src/core.ts
@@ -59,3 +59,8 @@ export const EnableStatus = {
   Enable: '0',
   Disable: '1',
 };
+
+export const YesNo = {
+  Yes: 'Y',
+  No: 'N',
+};