From 2069d53e9be24adec3c8d6717fd7317555bd9a52 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 02 七月 2024 23:02:51 +0800
Subject: [PATCH] 高级表单优化
---
src/views/demo/table/ExpandTable.vue | 60 ++++++++++++++++++++++++------------------------------------
1 files changed, 24 insertions(+), 36 deletions(-)
diff --git a/src/views/demo/table/ExpandTable.vue b/src/views/demo/table/ExpandTable.vue
index 3b76f9f..848aac1 100644
--- a/src/views/demo/table/ExpandTable.vue
+++ b/src/views/demo/table/ExpandTable.vue
@@ -33,45 +33,33 @@
</BasicTable>
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import { BasicTable, useTable, TableAction } from '/@/components/Table';
- import { PageWrapper } from '/@/components/Page';
+<script lang="ts" setup>
+ import { BasicTable, useTable, TableAction } from '@/components/Table';
+ import { PageWrapper } from '@/components/Page';
import { getBasicColumns } from './tableData';
- import { demoListApi } from '/@/api/demo/table';
+ import { demoListApi } from '@/api/demo/table';
- export default defineComponent({
- components: { BasicTable, TableAction, PageWrapper },
- setup() {
- const [registerTable] = useTable({
- api: demoListApi,
- title: '鍙睍寮�琛ㄦ牸婕旂ず',
- titleHelpMessage: ['宸插惎鐢╡xpandRowByClick', '宸插惎鐢╯topButtonPropagation'],
- columns: getBasicColumns(),
- rowKey: 'id',
- canResize: false,
- expandRowByClick: true,
- actionColumn: {
- width: 160,
- title: 'Action',
- dataIndex: 'action',
- fixed: 'right',
- // slots: { customRender: 'action' },
- },
- });
- function handleDelete(record: Recordable) {
- console.log('鐐瑰嚮浜嗗垹闄�', record);
- }
- function handleOpen(record: Recordable) {
- console.log('鐐瑰嚮浜嗗惎鐢�', record);
- }
-
- return {
- registerTable,
- handleDelete,
- handleOpen,
- };
+ const [registerTable] = useTable({
+ api: demoListApi,
+ title: '鍙睍寮�琛ㄦ牸婕旂ず',
+ titleHelpMessage: ['宸插惎鐢╡xpandRowByClick', '宸插惎鐢╯topButtonPropagation'],
+ columns: getBasicColumns(),
+ rowKey: 'id',
+ canResize: false,
+ expandRowByClick: true,
+ accordion: true, // 鎵嬮鐞存晥鏋�
+ actionColumn: {
+ width: 160,
+ title: 'Action',
+ dataIndex: 'action',
+ fixed: 'right',
},
});
+ function handleDelete(record: Recordable) {
+ console.log('鐐瑰嚮浜嗗垹闄�', record);
+ }
+ function handleOpen(record: Recordable) {
+ console.log('鐐瑰嚮浜嗗惎鐢�', record);
+ }
</script>
--
Gitblit v1.9.3