Browse Source

👣 提供ant原生表格组件模板基本完成

master
wangxiang 3 years ago
parent
commit
40f066a826
  1. 10
      kicc-ui/src/views/system/config/index.vue
  2. 3
      kicc-ui/src/views/system/role/index.vue
  3. 3
      kicc-ui/src/views/system/user/index.vue

10
kicc-ui/src/views/system/config/index.vue

@ -168,7 +168,7 @@
*/ */
import { BasicTitle } from '/@/components/Basic'; import { BasicTitle } from '/@/components/Basic';
import { RedoOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons-vue'; import { RedoOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons-vue';
import { ref, onMounted, computed, watch } from 'vue'; import { ref, onMounted, computed, watch, reactive, toRaw, unref } from 'vue';
import { Table, Form, Row, Col, Divider, Tooltip, Dropdown, Menu, Select, DatePicker, Alert } from 'ant-design-vue'; import { Table, Form, Row, Col, Divider, Tooltip, Dropdown, Menu, Select, DatePicker, Alert } from 'ant-design-vue';
import { BasicColumn, BasicTableProps, PaginationProps, SizeType } from '/@/components/Table'; import { BasicColumn, BasicTableProps, PaginationProps, SizeType } from '/@/components/Table';
import { listConfig, delConfig } from '/@/api/platform/system/controller/config'; import { listConfig, delConfig } from '/@/api/platform/system/controller/config';
@ -177,7 +177,6 @@
import { columns } from './config.data'; import { columns } from './config.data';
import { basicProps } from "/@/components/Table/src/props"; import { basicProps } from "/@/components/Table/src/props";
import { useMessage } from '/@/hooks/web/useMessage'; import { useMessage } from '/@/hooks/web/useMessage';
import { reactive, toRaw, unref } from 'vue';
import { useModal } from "/@/components/Modal"; import { useModal } from "/@/components/Modal";
import { useDesign } from "/@/hooks/web/useDesign"; import { useDesign } from "/@/hooks/web/useDesign";
import { useI18n } from '/@/hooks/web/useI18n'; import { useI18n } from '/@/hooks/web/useI18n';
@ -195,7 +194,7 @@
single: boolean; single: boolean;
multiple: boolean; multiple: boolean;
tableInstance: ComponentRef; tableInstance: ComponentRef;
queryFormInstance: ComponentRef | any; queryFormInstance: ComponentRef & any;
selectedKeys: SizeType[]; selectedKeys: SizeType[];
queryParams: { queryParams: {
name: string; name: string;
@ -229,8 +228,7 @@
const { prefixCls } = useDesign('basic-table'); const { prefixCls } = useDesign('basic-table');
const { prefixCls: headerPrefixCls } = useDesign('basic-table-header'); const { prefixCls: headerPrefixCls } = useDesign('basic-table-header');
const { prefixCls: actionPrefixCls } = useDesign('basic-table-action'); const { prefixCls: actionPrefixCls } = useDesign('basic-table-action');
const { createConfirm } = useMessage(); const { createConfirm, createMessage } = useMessage();
const { createMessage } = useMessage();
const { toggle, isFullscreen } = useFullscreen(wrapRef); const { toggle, isFullscreen } = useFullscreen(wrapRef);
const [registerModal, { openModal }] = useModal(); const [registerModal, { openModal }] = useModal();
const state = reactive<TableState>({ const state = reactive<TableState>({
@ -384,7 +382,7 @@
onOk: async () => { onOk: async () => {
await delConfig(ids); await delConfig(ids);
createMessage.success('删除成功!'); createMessage.success('删除成功!');
handleRefreshTable(); handleQuery();
} }
}); });
} }

3
kicc-ui/src/views/system/role/index.vue

@ -72,8 +72,7 @@
// //
multiple: true multiple: true
}); });
const { createConfirm } = useMessage(); const { createConfirm, createMessage } = useMessage();
const { createMessage } = useMessage();
const [registerDrawer, { openDrawer }] = useDrawer(); const [registerDrawer, { openDrawer }] = useDrawer();
const [registerTable, { reload, clearSelectedRowKeys }] = useTable({ const [registerTable, { reload, clearSelectedRowKeys }] = useTable({
title: '角色列表', title: '角色列表',

3
kicc-ui/src/views/system/user/index.vue

@ -104,8 +104,7 @@
// //
searchInfo: {} searchInfo: {}
}); });
const { createConfirm } = useMessage(); const { createConfirm, createMessage } = useMessage();
const { createMessage } = useMessage();
const [registerModal, { openModal }] = useModal(); const [registerModal, { openModal }] = useModal();
const [registerResetPwdModal, { openModal: openResetPwdModal }] = useModal(); const [registerResetPwdModal, { openModal: openResetPwdModal }] = useModal();
const [registerTable, { reload, clearSelectedRowKeys }] = useTable({ const [registerTable, { reload, clearSelectedRowKeys }] = useTable({

Loading…
Cancel
Save