diff --git a/src/components/scTable/index.vue b/src/components/scTable/index.vue
index 2eabccb..2aef9bb 100644
--- a/src/components/scTable/index.vue
+++ b/src/components/scTable/index.vue
@@ -1,597 +1,521 @@
 <template>
-	<div class="sc-table-container" :class="{ 'is-full-screen': isFullScreen }">
-		<!-- 工具栏 -->
-		<div v-if="showToolbar" class="sc-table-toolbar">
-			<div class="toolbar-left">
+	<div class="sc-table-container" ref="containerRef">
+		<!-- 顶部工具操作块 -->
+		<div class="sc-table-toolbar">
+			<div class="sc-table-toolbar-left">
+				<!-- 自定义操作按钮插槽 -->
 				<slot name="toolbar-left"></slot>
 			</div>
-			<div class="toolbar-right">
-				<slot name="toolbar-right">
-					<a-tooltip :title="$t('common.refresh')">
-						<a-button @click="handleRefresh" :loading="loading">
-							<template #icon>
-								<ReloadOutlined />
-							</template>
-						</a-button>
-					</a-tooltip>
-					<a-tooltip :title="$t('common.columns')">
-						<a-button @click="openColumnSettings">
-							<template #icon>
-								<SettingOutlined />
-							</template>
-						</a-button>
-					</a-tooltip>
-					<a-tooltip :title="isFullScreen ? $t('common.exitFullScreen') : $t('common.fullScreen')">
-						<a-button @click="toggleFullScreen">
-							<template #icon>
-								<FullscreenOutlined v-if="!isFullScreen" />
-								<FullscreenExitOutlined v-else />
-							</template>
-						</a-button>
-					</a-tooltip>
-				</slot>
+			<div class="sc-table-toolbar-right">
+				<!-- 列设置 -->
+				<a-dropdown v-if="showColumnSetting" :trigger="['click']">
+					<a-button size="small" type="text">
+						<SettingOutlined />
+					</a-button>
+					<template #overlay>
+						<div class="sc-table-column-setting">
+							<a-checkbox-group :model-value="visibleColumns" @change="handleColumnChange">
+								<a-checkbox v-for="column in columns" :key="column.key || column.dataIndex"
+									:value="column.key || column.dataIndex">
+									{{ column.title }}
+								</a-checkbox>
+							</a-checkbox-group>
+						</div>
+					</template>
+				</a-dropdown>
+
+				<!-- 表格尺寸设置 -->
+				<a-dropdown v-if="showSizeSetting" :trigger="['click']">
+					<a-button size="small" type="text">
+						<ColumnHeightOutlined />
+					</a-button>
+					<template #overlay>
+						<a-menu @click="handleSizeChange">
+							<a-menu-item key="default">
+								<a-radio :checked="tableSize === 'default'">默认</a-radio>
+							</a-menu-item>
+							<a-menu-item key="middle">
+								<a-radio :checked="tableSize === 'middle'">中等</a-radio>
+							</a-menu-item>
+							<a-menu-item key="small">
+								<a-radio :checked="tableSize === 'small'">紧凑</a-radio>
+							</a-menu-item>
+						</a-menu>
+					</template>
+				</a-dropdown>
+
+				<!-- 刷新按钮 -->
+				<a-button size="small" type="text" @click="handleRefresh">
+					<ReloadOutlined />
+				</a-button>
 			</div>
 		</div>
 
-		<!-- 表格主体 -->
-		<div class="sc-table-wrapper" :style="{ height: tableHeight }">
-			<a-table ref="tableRef" v-bind="$attrs" :columns="visibleColumns" :data-source="dataSource"
-				:loading="loading" :pagination="paginationConfig" :row-key="rowKey" :scroll="{ x: scrollX, y: scrollY }"
-				:size="tableSize" :bordered="bordered" :row-selection="rowSelectionConfig" :custom-row="customRow"
-				@change="handleTableChange" @resizeColumn="handleColumnResize">
+		<!-- 中间表格内容区域 -->
+		<div class="sc-table-content">
+			<a-table ref="tableRef" :columns="processedColumns" :data-source="dataSource" :loading="loading"
+				:row-key="rowKey" :row-selection="rowSelectionConfig" :scroll="scrollConfig" :size="tableSize"
+				:custom-row="handleRow" @change="handleTableChange" @row-click="handleRowClick"
+				@row-dblclick="handleRowDblClick">
 				<!-- 自定义列插槽 -->
-				<template v-for="column in columns" #[column.slot]="text, record, index" :key="column.dataIndex">
-					<slot :name="column.slot" :text="text" :record="record" :index="index"></slot>
+				<!-- 操作列插槽 -->
+				<template v-if="showActionColumn" #action="scope">
+					<slot name="action" v-bind="scope"></slot>
 				</template>
 
-				<!-- 行操作列 -->
-				<template v-if="showRowActions" #action="{ record, index }">
-					<div class="row-actions">
-						<template v-for="(action, idx) in getVisibleActions(record)" :key="idx">
-							<a v-if="action.show !== false && (typeof action.show === 'function' ? action.show(record, index) : true)"
-								:style="{ color: action.danger ? '#ff4d4f' : '' }"
-								@click="handleAction(action, record, index)">
-								{{ action.label }}
-							</a>
-							<a-divider v-if="idx < getVisibleActions(record).length - 1" type="vertical" />
-						</template>
-					</div>
+				<!-- 展开行插槽 -->
+				<template #expandedRowRender="scope">
+					<slot name="expandedRowRender" v-bind="scope"></slot>
 				</template>
 
-				<!-- 空状态 -->
-				<template #emptyText>
-					<div class="table-empty">
-						<template v-if="error">
-							<a-result status="error" :title="$t('common.error')">
-								<template #subTitle>
-									{{ error }}
-								</template>
-								<template #extra>
-									<a-button type="primary" @click="handleRefresh">{{ $t('common.retry') }}</a-button>
-								</template>
-							</a-result>
-						</template>
-						<template v-else-if="!dataSource || dataSource.length === 0">
-							<a-empty :description="$t('common.noData')" />
-						</template>
-					</div>
+				<!-- 空数据提示 -->
+				<template #empty>
+					<a-empty :description="emptyText" />
 				</template>
 			</a-table>
 		</div>
-
-		<!-- 列设置抽屉 -->
-		<a-drawer v-model:open="columnSettingsVisible" :title="$t('common.columnSettings')" placement="right"
-			:width="300">
-			<div class="column-settings">
-				<a-checkbox-group v-model:value="selectedColumns" @change="handleColumnChange">
-					<div v-for="column in columns" :key="column.dataIndex" class="column-item">
-						<a-checkbox :value="column.dataIndex" :disabled="column.fixed || column.required">
-							{{ column.title }}
-						</a-checkbox>
-					</div>
-				</a-checkbox-group>
-				<div class="column-actions">
-					<a-button @click="selectAllColumns">{{ $t('common.selectAll') }}</a-button>
-					<a-button @click="unselectAllColumns">{{ $t('common.unselectAll') }}</a-button>
-					<a-button @click="resetColumns">{{ $t('common.reset') }}</a-button>
-				</div>
-			</div>
-		</a-drawer>
 	</div>
 </template>
 
 <script setup>
-import { ref, computed, watch, onMounted, nextTick } from 'vue'
-import { useI18n } from 'vue-i18n'
-import {
-	ReloadOutlined,
-	SettingOutlined,
-	FullscreenOutlined,
-	FullscreenExitOutlined
-} from '@ant-design/icons-vue'
+import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
 
+defineOptions({
+	name: 'scTable',
+})
+
+/**
+ * 通用表格组件
+ * 基于 Ant Design Vue Table 封装，提供增强功能和便捷使用方式
+ */
+
+// 组件属性定义
 const props = defineProps({
 	// 表格列配置
 	columns: {
 		type: Array,
-		default: () => []
+		default: () => [],
+		required: true,
 	},
-	// 数据源
+
+	// 表格数据源
 	dataSource: {
 		type: Array,
-		default: () => []
+		default: () => [],
 	},
+
 	// 加载状态
 	loading: {
 		type: Boolean,
-		default: false
+		default: false,
 	},
-	// 错误信息
-	error: {
-		type: String,
-		default: ''
-	},
-	// 行键
+
+	// 行唯一标识
 	rowKey: {
 		type: [String, Function],
-		default: 'id'
-	},
-	// 是否显示工具栏
-	showToolbar: {
-		type: Boolean,
-		default: true
-	},
-	// 是否显示行操作
-	showRowActions: {
-		type: Boolean,
-		default: false
-	},
-	// 行操作配置
-	rowActions: {
-		type: Array,
-		default: () => []
+		default: 'id',
 	},
+
 	// 分页配置
 	pagination: {
-		type: [Object, Boolean],
+		type: Object,
 		default: () => ({
 			current: 1,
 			pageSize: 10,
+			total: 0,
 			showSizeChanger: true,
 			showQuickJumper: true,
-			showTotal: (total) => `共 ${total} 条`,
-			pageSizeOptions: ['10', '20', '50', '100']
-		})
+			showTotal: (total) => `共 ${total} 条数据`,
+			pageSizeOptions: ['10', '20', '50', '100'],
+		}),
 	},
+
+	// 行选择配置
+	rowSelection: {
+		type: Object,
+		default: null,
+	},
+
 	// 表格尺寸
 	size: {
 		type: String,
-		default: 'middle',
-		validator: (value) => ['large', 'middle', 'small'].includes(value)
+		default: 'default',
+		validator: (value) => ['default', 'middle', 'small'].includes(value),
 	},
-	// 是否显示边框
-	bordered: {
-		type: Boolean,
-		default: false
+
+	// 滚动配置
+	scroll: {
+		type: Object,
+		default: () => ({}),
 	},
-	// 行选择配置
-	rowSelection: {
-		type: [Object, Boolean],
-		default: false
-	},
-	// 表格高度
-	height: {
-		type: [String, Number],
-		default: 'auto'
-	},
-	// 是否启用数据缓存
-	enableCache: {
-		type: Boolean,
-		default: true
-	},
-	// 缓存键
-	cacheKey: {
+
+	// 空数据提示文本
+	emptyText: {
 		type: String,
-		default: ''
+		default: '暂无数据',
+	},
+
+	// 是否显示操作列
+	showActionColumn: {
+		type: Boolean,
+		default: false,
+	},
+
+	// 操作列配置
+	actionColumn: {
+		type: Object,
+		default: () => ({
+			title: '操作',
+			key: 'action',
+			width: 150,
+			fixed: 'right',
+		}),
+	},
+
+	// 是否显示列设置
+	showColumnSetting: {
+		type: Boolean,
+		default: true,
+	},
+
+	// 是否显示尺寸设置
+	showSizeSetting: {
+		type: Boolean,
+		default: true,
+	},
+
+	// 初始可见列
+	visibleColumns: {
+		type: Array,
+		default: () => [],
 	},
-	// 自定义行属性
-	customRow: {
-		type: Function,
-		default: null
-	}
 })
 
+// 事件定义
 const emit = defineEmits([
-	'refresh',
-	'change',
-	'action',
-	'selection-change',
-	'page-change',
-	'size-change'
+	'change', // 表格变化事件
+	'row-click', // 行点击事件
+	'row-dblclick', // 行双击事件
+	'refresh', // 刷新事件
+	'column-change', // 列显示变化事件
+	'size-change', // 尺寸变化事件
+	'page-change', // 页码变化事件
+	'page-size-change', // 每页条数变化事件
+	'selection-change', // 选择变化事件
 ])
 
-const { t } = useI18n()
+// 组件引用
+const containerRef = ref(null)
 const tableRef = ref(null)
-const columnSettingsVisible = ref(false)
-const selectedColumns = ref([])
-const isFullScreen = ref(false)
-const columnWidths = ref({})
 
-// 响应式处理
-const tableSize = computed(() => {
-	if (typeof window !== 'undefined') {
-		const width = window.innerWidth
-		if (width < 768) return 'small'
-		if (width < 1200) return 'middle'
+// 响应式数据
+const tableSize = ref(props.size)
+const tableHeight = ref(0)
+const visibleColumns = ref(props.visibleColumns.length > 0 ? props.visibleColumns : props.columns.map((col) => col.key || col.dataIndex))
+
+// 计算属性：处理后的列配置
+const processedColumns = computed(() => {
+	// 过滤可见列并添加scopedSlots配置
+	let result = props.columns
+		.filter((column) => {
+			const columnKey = column.key || column.dataIndex
+			return visibleColumns.value.includes(columnKey)
+		})
+		.map((column) => {
+			const columnKey = column.key || column.dataIndex
+			return {
+				...column,
+				scopedSlots: {
+					...column.scopedSlots,
+					// 如果没有自定义scopedSlots，使用columnKey作为默认插槽名
+					customRender: column.scopedSlots?.customRender || columnKey,
+				},
+			}
+		})
+
+	// 添加操作列
+	if (props.showActionColumn) {
+		result.push({
+			...props.actionColumn,
+			key: 'action',
+			scopedSlots: {
+				...props.actionColumn.scopedSlots,
+				customRender: 'action',
+			},
+		})
 	}
-	return props.size
+
+	return result
 })
 
-// 表格高度
-const tableHeight = computed(() => {
-	if (isFullScreen.value) {
-		return 'calc(100vh - 64px)'
-	}
-	return typeof props.height === 'number' ? `${props.height}px` : props.height
-})
-
-// 滚动配置
-const scrollY = computed(() => {
-	if (tableHeight.value !== 'auto') {
-		return parseInt(tableHeight.value) - 100
-	}
-	return undefined
-})
-
-const scrollX = computed(() => {
-  const totalWidth = visibleColumns.value.reduce((sum, col) => {
-    return sum + (columnWidths.value[col.dataIndex] || col.width || 150)
-  }, 0)
-  return totalWidth > 0 ? totalWidth : undefined
-})
-
-// 分页配置
-const paginationConfig = computed(() => {
-	if (!props.pagination) return false
-	return {
-		...props.pagination,
-		current: props.pagination.current,
-		pageSize: props.pagination.pageSize,
-		total: props.pagination.total || 0
-	}
-})
-
-// 行选择配置
+// 计算属性：行选择配置
 const rowSelectionConfig = computed(() => {
-	if (!props.rowSelection) return undefined
+	if (!props.rowSelection) return null
+
 	return {
 		...props.rowSelection,
-		onChange: handleSelectionChange
+		onChange: (selectedRowKeys, selectedRows) => {
+			emit('selection-change', selectedRowKeys, selectedRows)
+			if (props.rowSelection.onChange) {
+				props.rowSelection.onChange(selectedRowKeys, selectedRows)
+			}
+		},
 	}
 })
 
-// 可见列
-const visibleColumns = computed(() => {
-	return props.columns
-		.filter(col => selectedColumns.value.includes(col.dataIndex))
-		.map(col => ({
-			...col,
-			width: columnWidths.value[col.dataIndex] || col.width || 150
-		}))
+// 计算属性：滚动配置
+const scrollConfig = computed(() => {
+	return {
+		y: tableHeight.value,
+		...props.scroll,
+	}
 })
 
-// 获取可见的操作按钮
-const getVisibleActions = (record) => {
-	return props.rowActions.filter(action => {
-		if (typeof action.show === 'function') {
-			return action.show(record)
-		}
-		return action.show !== false
+/**
+ * 计算表格高度
+ * 容器高度 - 顶部工具区高度 - 底部分页区高度 - 边距
+ */
+const calculateTableHeight = () => {
+	if (!containerRef.value) return 0
+
+	const containerHeight = containerRef.value.offsetHeight
+	const toolbarHeight = 60 // 顶部工具区固定高度
+	const paginationHeight = props.pagination ? 56 : 0 // 分页器高度
+	const margin = 16 // 边距
+
+	return containerHeight - toolbarHeight - paginationHeight - margin
+}
+
+/**
+ * 调整表格高度
+ */
+const adjustTableHeight = () => {
+	nextTick(() => {
+		tableHeight.value = calculateTableHeight()
 	})
 }
 
-// 初始化
-const init = () => {
-	// 初始化选中列
-	selectedColumns.value = props.columns.map(col => col.dataIndex)
+/**
+ * 窗口大小变化监听
+ */
+const handleResize = () => {
+	adjustTableHeight()
+}
 
-	// 加载缓存
-	if (props.enableCache && props.cacheKey) {
-		loadFromCache()
-	}
+/**
+ * 列设置变化处理
+ * @param {Array} checkedValues - 选中的列key数组
+ */
+const handleColumnChange = (checkedValues) => {
+	visibleColumns.value = checkedValues
+	emit('column-change', checkedValues)
+}
 
-	// 响应式监听
-	if (typeof window !== 'undefined') {
-		window.addEventListener('resize', handleResize)
+/**
+ * 表格尺寸变化处理
+ * @param {Object} menuItem - 菜单项
+ */
+const handleSizeChange = ({ key }) => {
+	tableSize.value = key
+	emit('size-change', key)
+}
+
+/**
+ * 表格变化处理
+ * @param {Object} pagination - 分页信息
+ * @param {Object} filters - 筛选信息
+ * @param {Object} sorter - 排序信息
+ * @param {Object} extra - 额外信息
+ */
+const handleTableChange = (pagination, filters, sorter, extra) => {
+	emit('change', pagination, filters, sorter, extra)
+}
+
+/**
+ * 行点击处理
+ * @param {Object} record - 行数据
+ * @param {Event} event - 事件对象
+ */
+const handleRowClick = (record, event) => {
+	emit('row-click', record, event)
+}
+
+/**
+ * 行双击处理
+ * @param {Object} record - 行数据
+ * @param {Event} event - 事件对象
+ */
+const handleRowDblClick = (record, event) => {
+	emit('row-dblclick', record, event)
+}
+
+/**
+ * 行配置处理
+ * @param {Object} record - 行数据
+ * @returns {Object} - 行配置
+ */
+const handleRow = (record) => {
+	return {
+		onClick: (event) => handleRowClick(record, event),
+		onDblclick: (event) => handleRowDblClick(record, event),
 	}
 }
 
-// 处理列宽调整
-const handleColumnResize = (width, column) => {
-	columnWidths.value[column.dataIndex] = width
-	saveToCache()
-}
-
-// 处理表格变化
-const handleTableChange = (pagination, filters, sorter) => {
-	emit('change', { pagination, filters, sorter })
-	emit('page-change', pagination.current)
-	emit('size-change', pagination.pageSize)
-}
-
-// 处理选择变化
-const handleSelectionChange = (selectedRowKeys, selectedRows) => {
-	emit('selection-change', selectedRowKeys, selectedRows)
-}
-
-// 处理行操作
-const handleAction = (action, record, index) => {
-	if (action.handler) {
-		action.handler(record, index)
-	}
-	emit('action', action.key, record, index)
-}
-
-// 刷新
+/**
+ * 刷新表格数据
+ */
 const handleRefresh = () => {
 	emit('refresh')
 }
 
-// 打开列设置
-const openColumnSettings = () => {
-	columnSettingsVisible.value = true
+/**
+ * 重置表格状态
+ */
+const resetTable = () => {
+	visibleColumns.value = props.columns.map((col) => col.key || col.dataIndex)
+	tableSize.value = props.size
+	adjustTableHeight()
 }
 
-// 列变化处理
-const handleColumnChange = (checkedValues) => {
-	selectedColumns.value = checkedValues
-	saveToCache()
-}
-
-// 全选列
-const selectAllColumns = () => {
-	selectedColumns.value = props.columns.map(col => col.dataIndex)
-	saveToCache()
-}
-
-// 取消全选
-const unselectAllColumns = () => {
-	const requiredColumns = props.columns
-		.filter(col => col.fixed || col.required)
-		.map(col => col.dataIndex)
-	selectedColumns.value = [...requiredColumns]
-	saveToCache()
-}
-
-// 重置列
-const resetColumns = () => {
-	selectedColumns.value = props.columns.map(col => col.dataIndex)
-	columnWidths.value = {}
-	saveToCache()
-}
-
-// 全屏切换
-const toggleFullScreen = () => {
-	isFullScreen.value = !isFullScreen.value
-}
-
-// 响应式处理
-const handleResize = () => {
-	// 响应式逻辑已通过 computed 处理
-}
-
-// 保存到缓存
-const saveToCache = () => {
-	if (!props.enableCache || !props.cacheKey) return
-
-	const cacheData = {
-		selectedColumns: selectedColumns.value,
-		columnWidths: columnWidths.value
-	}
-
-	try {
-		localStorage.setItem(`sc-table-${props.cacheKey}`, JSON.stringify(cacheData))
-	} catch (e) {
-		console.warn('Failed to save table cache:', e)
-	}
-}
-
-// 从缓存加载
-const loadFromCache = () => {
-	if (!props.enableCache || !props.cacheKey) return
-
-	try {
-		const cacheData = localStorage.getItem(`sc-table-${props.cacheKey}`)
-		if (cacheData) {
-			const { selectedColumns: cachedSelectedColumns, columnWidths: cachedWidths } = JSON.parse(cacheData)
-
-			// 验证缓存的列是否仍然存在
-			const validColumns = props.columns.map(col => col.dataIndex)
-			if (cachedSelectedColumns) {
-				selectedColumns.value = cachedSelectedColumns.filter(col => validColumns.includes(col))
-			}
-			if (cachedWidths) {
-				columnWidths.value = cachedWidths
-			}
-		}
-	} catch (e) {
-		console.warn('Failed to load table cache:', e)
-	}
-}
-
-// 清除缓存
-const clearCache = () => {
-	if (!props.cacheKey) return
-	try {
-		localStorage.removeItem(`sc-table-${props.cacheKey}`)
-	} catch (e) {
-		console.warn('Failed to clear table cache:', e)
-	}
-}
-
-// 获取选中行
-const getSelectedRows = () => {
-	if (!tableRef.value) return []
-	return tableRef.value.selectedRows || []
-}
-
-// 获取选中行键
-const getSelectedRowKeys = () => {
-	if (!tableRef.value) return []
-	return tableRef.value.selectedRowKeys || []
-}
-
-// 暴露方法
-defineExpose({
-	tableRef,
-	getSelectedRows,
-	getSelectedRowKeys,
-	clearCache,
-	refresh: handleRefresh
-})
-
-// 生命周期
+/**
+ * 组件挂载时执行
+ */
 onMounted(() => {
-	init()
+	// 初始计算表格高度
+	adjustTableHeight()
+
+	// 添加窗口大小变化监听
+	window.addEventListener('resize', handleResize)
+
+	// 使用 ResizeObserver 监听容器大小变化（更精确）
+	if (typeof ResizeObserver !== 'undefined') {
+		const observer = new ResizeObserver(handleResize)
+		observer.observe(containerRef.value)
+
+		// 组件卸载时清理
+		onUnmounted(() => {
+			observer.disconnect()
+		})
+	}
 })
 
-// 监听列配置变化
-watch(() => props.columns, (newColumns) => {
-	const validColumns = newColumns.map(col => col.dataIndex)
-	selectedColumns.value = selectedColumns.value.filter(col => validColumns.includes(col))
-}, { deep: true })
+/**
+ * 组件卸载时执行
+ */
+onUnmounted(() => {
+	// 移除窗口大小变化监听
+	window.removeEventListener('resize', handleResize)
+})
+
+// 暴露方法给父组件
+defineExpose({
+	refresh: handleRefresh,
+	reset: resetTable,
+	adjustHeight: adjustTableHeight,
+	getVisibleColumns: () => visibleColumns.value,
+	setVisibleColumns: (columns) => {
+		visibleColumns.value = columns
+		emit('column-change', columns)
+	},
+})
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .sc-table-container {
+	display: flex;
+	flex-direction: column;
 	width: 100%;
 	height: 100%;
-
-	&.is-full-screen {
-		position: fixed;
-		top: 64px;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		z-index: 1000;
-		background: #fff;
-		padding: 16px;
-	}
+	overflow: hidden;
+	min-height: 0;
 }
 
 .sc-table-toolbar {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	margin-bottom: 16px;
-	padding: 12px 16px;
-	background: #fafafa;
-	border-radius: 4px;
-
-	.toolbar-left,
-	.toolbar-right {
-		display: flex;
-		align-items: center;
-		gap: 8px;
-	}
+	height: 60px;
+	padding: 0 16px;
+	border-bottom: 1px solid #f0f0f0;
+	box-sizing: border-box;
+	flex-shrink: 0;
 }
 
-.sc-table-wrapper {
-	width: 100%;
-
-	:deep(.ant-table) {
-		font-size: 14px;
-
-		.ant-table-thead>tr>th {
-			background: #fafafa;
-			font-weight: 600;
-			transition: all 0.3s;
-		}
-
-		.ant-table-tbody>tr {
-			transition: all 0.3s;
-
-			&:hover {
-				background: #f5f5f5;
-			}
-		}
-	}
-}
-
-.row-actions {
+.sc-table-toolbar-left {
 	display: flex;
 	align-items: center;
 	gap: 8px;
-
-	a {
-		font-size: 13px;
-		cursor: pointer;
-		transition: color 0.3s;
-
-		&:hover {
-			opacity: 0.8;
-		}
-	}
 }
 
-.table-empty {
-	padding: 40px 0;
+.sc-table-toolbar-right {
+	display: flex;
+	align-items: center;
+	gap: 8px;
 }
 
-.column-settings {
-	.column-item {
-		padding: 8px 0;
-		border-bottom: 1px solid #f0f0f0;
-
-		&:last-child {
-			border-bottom: none;
-		}
-	}
-
-	.column-actions {
-		margin-top: 24px;
-		display: flex;
-		gap: 8px;
-		flex-wrap: wrap;
-	}
+.sc-table-content {
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+	min-height: 0;
 }
 
-// 响应式布局
-@media (max-width: 768px) {
-	.sc-table-toolbar {
-		flex-direction: column;
-		align-items: stretch;
-		gap: 12px;
-
-		.toolbar-left,
-		.toolbar-right {
-			justify-content: space-between;
-		}
-	}
-
-	:deep(.ant-table) {
-		font-size: 12px;
-	}
-
-	.row-actions {
-		flex-wrap: wrap;
-		gap: 4px;
-	}
+.sc-table-content :deep(.ant-table) {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	min-height: 0;
 }
 
-@media (max-width: 576px) {
-	.sc-table-toolbar {
-		padding: 8px;
-	}
+.sc-table-content :deep(.ant-table-container) {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	min-height: 0;
+}
 
-	:deep(.ant-pagination) {
-		font-size: 12px;
+.sc-table-content :deep(.ant-table-body) {
+	overflow-y: auto;
+	overflow-x: auto;
+	min-height: 0;
+}
 
-		.ant-pagination-item {
-			min-width: 28px;
-			height: 28px;
-			line-height: 26px;
-		}
-	}
+.sc-table-content :deep(.ant-pagination) {
+	flex-shrink: 0;
+	margin-top: 16px;
+	padding: 0 4px;
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+}
+
+.sc-table-content :deep(.ant-table-wrapper) {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+.sc-table-content :deep(.ant-spin-nested-loading) {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+.sc-table-content :deep(.ant-spin-container) {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+.sc-table-column-setting {
+	padding: 12px;
+	max-height: 300px;
+	overflow-y: auto;
+}
+
+.sc-table-column-setting :deep(.ant-checkbox) {
+	display: block;
+	margin-bottom: 8px;
 }
 </style>
diff --git a/src/pages/system/area/components/AreaModal.vue b/src/pages/system/area/components/AreaModal.vue
index 0589f85..44192f7 100644
--- a/src/pages/system/area/components/AreaModal.vue
+++ b/src/pages/system/area/components/AreaModal.vue
@@ -32,8 +32,7 @@
 </template>
 
 <script setup>
-import { ref, reactive, watch, onMounted } from 'vue'
-import { useI18n } from 'vue-i18n'
+import { ref, reactive, watch } from 'vue'
 import systemApi from '@/api/system'
 
 // 定义组件名称
@@ -41,8 +40,6 @@ defineOptions({
 	name: 'AreaModal',
 })
 
-const { t } = useI18n()
-
 const props = defineProps({
 	visible: {
 		type: Boolean,
@@ -78,7 +75,7 @@ const formData = reactive({
 const fetchAreaTree = async () => {
 	try {
 		const res = await systemApi.area.list.get({ pageSize: 1000 })
-		if (res.code === 200) {
+		if (res.code === 200 || res.code === 1) {
 			const list = res.data.list || res.data || []
 			areaTreeData.value = buildTree(list)
 		}
@@ -93,12 +90,12 @@ const buildTree = (list) => {
 	const roots = []
 
 	// 创建映射，以 code 作为键
-	list.forEach(item => {
+	list.forEach((item) => {
 		map[item.code] = { ...item, children: [] }
 	})
 
 	// 构建树，通过 parent_code 关联
-	list.forEach(item => {
+	list.forEach((item) => {
 		if (item.parent_code && map[item.parent_code]) {
 			map[item.parent_code].children.push(map[item.code])
 		} else if (item.parent_code === '0' || !item.parent_code) {
@@ -110,36 +107,46 @@ const buildTree = (list) => {
 }
 
 // 监听弹窗显示和初始数据变化
-watch(() => props.initialData, (newVal) => {
-	if (props.isEdit && Object.keys(newVal).length > 0) {
-		formData.id = newVal.id || null
-		formData.code = newVal.code || ''
-		formData.title = newVal.title || ''
-		formData.parent_code = newVal.parent_code || null
-		formData.status = newVal.status ?? 1
-	}
-}, { immediate: true })
+watch(
+	() => props.initialData,
+	(newVal) => {
+		if (props.isEdit && Object.keys(newVal).length > 0) {
+			formData.id = newVal.id || null
+			formData.code = newVal.code || ''
+			formData.title = newVal.title || ''
+			formData.parent_code = newVal.parent_code || null
+			formData.status = newVal.status ?? 1
+		}
+	},
+	{ immediate: true },
+)
 
 // 监听弹窗打开，加载地区树数据
-watch(() => props.visible, (newVal) => {
-	if (newVal) {
-		fetchAreaTree()
-	}
-})
+watch(
+	() => props.visible,
+	(newVal) => {
+		if (newVal) {
+			fetchAreaTree()
+		}
+	},
+)
 
 // 监听弹窗关闭，重置表单
-watch(() => props.visible, (newVal) => {
-	if (!newVal) {
-		handleClose()
-	}
-})
+watch(
+	() => props.visible,
+	(newVal) => {
+		if (!newVal) {
+			handleClose()
+		}
+	},
+)
 
 // 确认提交
 const handleConfirm = async () => {
 	try {
 		const values = await formRef.value.validate()
 		emit('confirm', values)
-	} catch (error) {
+	} catch {
 		// 表单验证错误，不处理
 	}
 }
diff --git a/src/pages/system/area/index.vue b/src/pages/system/area/index.vue
index d89625c..eb6a1b5 100644
--- a/src/pages/system/area/index.vue
+++ b/src/pages/system/area/index.vue
@@ -1,45 +1,47 @@
 <template>
 	<div class="system-area">
-		<a-card :bordered="false">
-			<template #title>
-				<div class="page-title">
-					<EnvironmentOutlined />
-					<span>{{ $t('common.areaManage') }}</span>
-				</div>
+		<sc-table ref="tableRef" :columns="columns" :data-source="dataSource" :loading="loading"
+			:pagination="pagination" @refresh="loadData" @change="handleTableChange"
+			@selection-change="handleSelectionChange" :show-action-column="true"
+			:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: handleSelectionChange }">
+			<!-- 工具栏左侧 -->
+			<template #toolbar-left>
+				<a-button type="primary" @click="handleAdd">
+					<template #icon>
+						<PlusOutlined />
+					</template>
+					{{ $t('common.add') }}
+				</a-button>
+				<a-button danger @click="handleBatchDelete" :disabled="!selectedRowKeys.length">
+					<template #icon>
+						<DeleteOutlined />
+					</template>
+					{{ $t('common.batchDelete') }}
+				</a-button>
 			</template>
 
-			<sc-table ref="tableRef" :columns="columns" :data-source="dataSource" :loading="loading"
-				:pagination="pagination" :show-row-actions="true" :row-actions="rowActions" :enable-cache="true"
-				cache-key="system-area-table" @refresh="loadData" @change="handleTableChange" @action="handleAction">
-				<!-- 工具栏左侧 -->
-				<template #toolbar-left>
-					<a-button type="primary" @click="handleAdd">
-						<template #icon>
-							<PlusOutlined />
-						</template>
-						{{ $t('common.add') }}
-					</a-button>
-					<a-button danger @click="handleBatchDelete" :disabled="!selectedRowKeys.length">
-						<template #icon>
-							<DeleteOutlined />
-						</template>
-						{{ $t('common.batchDelete') }}
-					</a-button>
-				</template>
+			<!-- 状态列自定义 -->
+			<template #status="{ text }">
+				<a-tag :color="text === 1 ? 'green' : 'red'">
+					{{ text === 1 ? $t('common.enabled') : $t('common.disabled') }}
+				</a-tag>
+			</template>
 
-				<!-- 状态列自定义 -->
-				<template #status="{ text }">
-					<a-tag :color="text === 1 ? 'green' : 'red'">
-						{{ text === 1 ? $t('common.enabled') : $t('common.disabled') }}
-					</a-tag>
-				</template>
+			<!-- 级别列自定义 -->
+			<template #level="{ text }">
+				<a-tag color="blue">{{ getLevelText(text) }}</a-tag>
+			</template>
 
-				<!-- 级别列自定义 -->
-				<template #level="{ text }">
-					<a-tag color="blue">{{ getLevelText(text) }}</a-tag>
-				</template>
-			</sc-table>
-		</a-card>
+			<!-- 操作列 -->
+			<template #action="{ record }">
+				<a-button size="small" type="link" @click="handleEdit(record)">
+					{{ $t('common.edit') }}
+				</a-button>
+				<a-button size="small" type="link" danger @click="handleDelete(record)">
+					{{ $t('common.delete') }}
+				</a-button>
+			</template>
+		</sc-table>
 
 		<!-- 添加/编辑弹窗 -->
 		<AreaModal v-model:visible="modalVisible" :is-edit="isEdit" :initial-data="currentData"
@@ -50,7 +52,7 @@
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
 import { message, Modal } from 'ant-design-vue'
-import { EnvironmentOutlined, PlusOutlined, DeleteOutlined, ExclamationCircleOutlined } from '@ant-design/icons-vue'
+import { EnvironmentOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue'
 import { useI18n } from 'vue-i18n'
 import systemApi from '@/api/system'
 import ScTable from '@/components/scTable/index.vue'
@@ -90,6 +92,13 @@ const currentData = ref({})
 // 行操作配置
 const rowActions = ref([])
 
+// 添加
+const handleAdd = () => {
+	isEdit.value = false
+	currentData.value = {}
+	modalVisible.value = true
+}
+
 // 获取级别文本
 const getLevelText = (level) => {
 	const levelMap = {
@@ -149,12 +158,6 @@ const columns = ref([
 		key: 'created_at',
 		width: 180,
 	},
-	{
-		title: t('common.action'),
-		key: 'action',
-		width: 150,
-		fixed: 'right',
-	},
 ])
 
 // 加载数据
@@ -166,7 +169,7 @@ const loadData = async () => {
 			pageSize: pagination.pageSize,
 		}
 		const res = await systemApi.area.list.get(params)
-		if (res.code === 1) {
+		if (res.code === 200 || res.code === 1) {
 			dataSource.value = res.data.list || res.data || []
 			pagination.total = res.data.total || 0
 		}
@@ -180,26 +183,14 @@ const loadData = async () => {
 
 // 表格变化处理
 const handleTableChange = (params) => {
-	const { pagination: pag } = params
-	pagination.current = pag.current
-	pagination.pageSize = pag.pageSize
+	if (params.current) pagination.current = params.current
+	if (params.pageSize) pagination.pageSize = params.pageSize
 	loadData()
 }
 
-// 行操作处理
-const handleAction = (key, record) => {
-	if (key === 'edit') {
-		handleEdit(record)
-	} else if (key === 'delete') {
-		handleDelete(record)
-	}
-}
-
-// 添加
-const handleAdd = () => {
-	isEdit.value = false
-	currentData.value = {}
-	modalVisible.value = true
+// 行选择变化处理
+const handleSelectionChange = (selectedKeys) => {
+	selectedRowKeys.value = selectedKeys
 }
 
 // 编辑
@@ -221,9 +212,10 @@ const handleDelete = (record) => {
 				// 注意：API 中没有删除接口，这里模拟删除成功
 				// 如果后端有删除接口，请取消注释以下代码
 				// const res = await systemApi.area.delete.post({ id: record.id })
-				// if (res.code === 200) {
+				// if (res.code === 200 || res.code === 1) {
 				message.success(t('common.deleteSuccess'))
 				loadData()
+				selectedRowKeys.value = [] // 清除选择
 				// }
 			} catch (error) {
 				message.error(t('common.deleteFailed'))
@@ -263,9 +255,13 @@ const handleBatchDelete = () => {
 		onOk: async () => {
 			try {
 				// 注意：API 中没有批量删除接口，这里模拟删除成功
+				// 如果后端有批量删除接口，请取消注释以下代码
+				// const res = await systemApi.area.batchDelete.post({ ids: selectedRowKeys.value })
+				// if (res.code === 200 || res.code === 1) {
 				message.success(t('common.deleteSuccess'))
 				selectedRowKeys.value = []
 				loadData()
+				// }
 			} catch (error) {
 				message.error(t('common.deleteFailed'))
 				console.error('批量删除失败:', error)
@@ -281,7 +277,7 @@ const handleModalConfirm = async (values) => {
 		if (isEdit.value) {
 			// 编辑
 			res = await systemApi.area.edit.post(values)
-			if (res.code === 1) {
+			if (res.code === 200 || res.code === 1) {
 				message.success(t('common.editSuccess'))
 				modalVisible.value = false
 				loadData()
@@ -289,7 +285,7 @@ const handleModalConfirm = async (values) => {
 		} else {
 			// 添加
 			res = await systemApi.area.add.post(values)
-			if (res.code === 1) {
+			if (res.code === 200 || res.code === 1) {
 				message.success(t('common.addSuccess'))
 				modalVisible.value = false
 				loadData()
@@ -315,75 +311,9 @@ onMounted(() => {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
-	padding: 16px;
 	overflow: hidden;
-
-	:deep(.ant-card) {
-		height: 100%;
-		display: flex;
-		flex-direction: column;
-	}
-
-	:deep(.ant-card-head) {
-		flex-shrink: 0;
-		min-height: auto;
-		padding: 12px 24px;
-	}
-
-	:deep(.ant-card-head-title) {
-		padding: 0;
-	}
-
-	:deep(.ant-card-body) {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		overflow: hidden;
-		padding: 16px;
-	}
-
-	:deep(.sc-table) {
-		flex: 1;
-		height: 0;
-		min-height: 0;
-
-		:deep(.ant-table-wrapper) {
-			height: 100%;
-			display: flex;
-			flex-direction: column;
-		}
-
-		:deep(.ant-spin-nested-loading) {
-			height: 100%;
-			display: flex;
-			flex-direction: column;
-		}
-
-		:deep(.ant-spin-container) {
-			height: 100%;
-			display: flex;
-			flex-direction: column;
-		}
-
-		:deep(.ant-table) {
-			flex: 1;
-		}
-
-		:deep(.ant-table-container) {
-			height: 100%;
-			display: flex;
-			flex-direction: column;
-		}
-
-		:deep(.ant-table-body) {
-			flex: 1;
-			overflow-y: auto !important;
-		}
-
-		:deep(.ant-pagination) {
-			flex-shrink: 0;
-			margin-top: 16px;
-		}
-	}
+	background-color: #ffffff;
+	padding: 10px;
+	border-radius: 10px;
 }
 </style>