|
|
|
@ -146,13 +146,14 @@
@@ -146,13 +146,14 @@
|
|
|
|
|
* author entfrm开发团队-王翔 |
|
|
|
|
*/ |
|
|
|
|
import { BasicTitle } from '/@/components/Basic'; |
|
|
|
|
import { RedoOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons-vue'; |
|
|
|
|
import { ref, onMounted, watchEffect, ComputedRef, computed, watch } from 'vue'; |
|
|
|
|
import { RedoOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons-vue'; |
|
|
|
|
import { ref, onMounted, computed, watch } from 'vue'; |
|
|
|
|
import { Table, Form, Row, Col, Divider, Tooltip, Dropdown, Menu, Select, DatePicker, Alert } from 'ant-design-vue'; |
|
|
|
|
import {BasicColumn, BasicTableProps, PaginationProps, SizeType, SorterResult} from '/@/components/Table'; |
|
|
|
|
import { BasicTableProps, PaginationProps, SizeType } from '/@/components/Table'; |
|
|
|
|
import { listConfig, delConfig } from '/@/api/platform/system/controller/config'; |
|
|
|
|
//import ConfigModal from './ConfigModal.vue'; |
|
|
|
|
import ConfigModal from './ConfigModal.vue'; |
|
|
|
|
import { columns } from './config.data'; |
|
|
|
|
import { basicProps } from "/@/components/Table/src/props"; |
|
|
|
|
import { useMessage } from '/@/hooks/web/useMessage'; |
|
|
|
|
import { reactive, toRaw, unref } from 'vue'; |
|
|
|
|
import { useModal } from "/@/components/Modal"; |
|
|
|
@ -162,13 +163,10 @@
@@ -162,13 +163,10 @@
|
|
|
|
|
import { useFullscreen } from "@vueuse/core"; |
|
|
|
|
import { getPopupContainer, noop } from '/@/utils'; |
|
|
|
|
import { useTimeoutFn } from "/@/hooks/core/useTimeout"; |
|
|
|
|
import {useRowSelection} from "/@/components/Table/src/hooks/useRowSelection"; |
|
|
|
|
import {basicProps} from "/@/components/Table/src/props"; |
|
|
|
|
import {usePagination} from "/@/components/Table/src/hooks/usePagination"; |
|
|
|
|
import {useTableStyle} from "/@/components/Table/src/hooks/useTableStyle"; |
|
|
|
|
import {useTableScroll} from "/@/components/Table/src/hooks/useTableScroll"; |
|
|
|
|
import {PAGE_SIZE, PAGE_SIZE_OPTIONS} from "/@/components/Table/src/const"; |
|
|
|
|
import {isBoolean} from "/@/utils/is"; |
|
|
|
|
import { useRowSelection } from "/@/components/Table/src/hooks/useRowSelection"; |
|
|
|
|
import { usePagination } from "/@/components/Table/src/hooks/usePagination"; |
|
|
|
|
import { useTableStyle } from "/@/components/Table/src/hooks/useTableStyle"; |
|
|
|
|
import { useTableScroll } from "/@/components/Table/src/hooks/useTableScroll"; |
|
|
|
|
|
|
|
|
|
/** 类型规范统一声明定义区域 */ |
|
|
|
|
interface TableState { |
|
|
|
@ -268,7 +266,7 @@
@@ -268,7 +266,7 @@
|
|
|
|
|
// 使用vben-table行斑马线 |
|
|
|
|
const { getRowClassName } = useTableStyle(basicTableProps, prefixCls); |
|
|
|
|
// 使用vben-table自动计算表格高度跟在指定区域显示滚动条 |
|
|
|
|
//const { getScrollRef, redoHeight } = useTableScroll(basicTableProps, tableElRef, columns as any, getRowSelectionRef, state.tableProps.dataSource as any); |
|
|
|
|
const { getScrollRef, redoHeight } = useTableScroll(basicTableProps, tableElRef, columns as any, getRowSelectionRef, state.tableProps.dataSource as any); |
|
|
|
|
// 设置并绑定a-table属性 |
|
|
|
|
const getBindValues = computed(() => { |
|
|
|
|
const propsData: Recordable = { |
|
|
|
@ -276,7 +274,7 @@
@@ -276,7 +274,7 @@
|
|
|
|
|
tableLayout: 'fixed', |
|
|
|
|
columns: columns, |
|
|
|
|
size: state.selectedKeys[0], |
|
|
|
|
//scroll: unref(getScrollRef), |
|
|
|
|
scroll: unref(getScrollRef), |
|
|
|
|
rowClassName: unref(getRowClassName), |
|
|
|
|
rowSelection: unref(getRowSelectionRef), |
|
|
|
|
pagination: toRaw(unref(getPaginationInfo)), |
|
|
|
|