|
|
|
@ -52,11 +52,7 @@
@@ -52,11 +52,7 @@
|
|
|
|
|
:dataSource="state.dataSource" |
|
|
|
|
:columns="columns" |
|
|
|
|
:bordered="true" |
|
|
|
|
:scroll="{ |
|
|
|
|
x: '100%', |
|
|
|
|
y: state.tableHeight, |
|
|
|
|
scrollToFirstRowOnChange: true |
|
|
|
|
}" |
|
|
|
|
:scroll="getScrollRef" |
|
|
|
|
:rowClassName="getRowClassName" |
|
|
|
|
:rowSelection="getRowSelectionRef" |
|
|
|
|
:pagination="getPaginationInfo" |
|
|
|
@ -162,7 +158,7 @@
@@ -162,7 +158,7 @@
|
|
|
|
|
import { RedoOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons-vue'; |
|
|
|
|
import {ref, onMounted, watchEffect, ComputedRef, computed, watch} from 'vue'; |
|
|
|
|
import { Table, Form, Row, Col, Divider, Tooltip, Dropdown, Menu, Select, DatePicker, Alert } from 'ant-design-vue'; |
|
|
|
|
import {BasicTableProps, PaginationProps, SizeType, SorterResult} from '/@/components/Table'; |
|
|
|
|
import {BasicColumn, BasicTableProps, PaginationProps, SizeType, SorterResult} from '/@/components/Table'; |
|
|
|
|
import { listConfig, delConfig } from '/@/api/platform/system/controller/config'; |
|
|
|
|
import ConfigModal from './ConfigModal.vue'; |
|
|
|
|
import { columns } from './config.data'; |
|
|
|
@ -286,14 +282,8 @@
@@ -286,14 +282,8 @@
|
|
|
|
|
} = usePagination(basicTableProps); |
|
|
|
|
// 使用vben-table行斑马线 |
|
|
|
|
const { getRowClassName } = useTableStyle(basicTableProps, prefixCls); |
|
|
|
|
// 使用vben-table自动计算表格高度 |
|
|
|
|
/*const { getScrollRef, redoHeight } = useTableScroll( |
|
|
|
|
basicTableProps, |
|
|
|
|
tableElRef, |
|
|
|
|
getColumnsRef, |
|
|
|
|
getRowSelectionRef, |
|
|
|
|
getDataSourceRef |
|
|
|
|
);*/ |
|
|
|
|
// 使用vben-table自动计算表格高度跟在指定区域显示滚动条 |
|
|
|
|
const { getScrollRef, redoHeight } = useTableScroll(basicTableProps, tableElRef, columns as any, getRowSelectionRef, state.dataSource as any); |
|
|
|
|
|
|
|
|
|
/** 生命周期钩子回调处理区域 */ |
|
|
|
|
onMounted(() => { |
|
|
|
|