From af10c85c8f71ccdf2f60989a067804dd8b3aa667 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期三, 26 六月 2024 19:21:13 +0800
Subject: [PATCH] 产品工艺路线更新
---
src/views/demo/table/TreeTable.vue | 49 +++++++++++++++++++++++--------------------------
1 files changed, 23 insertions(+), 26 deletions(-)
diff --git a/src/views/demo/table/TreeTable.vue b/src/views/demo/table/TreeTable.vue
index 88afe63..5d0cef7 100644
--- a/src/views/demo/table/TreeTable.vue
+++ b/src/views/demo/table/TreeTable.vue
@@ -4,38 +4,35 @@
<template #toolbar>
<a-button type="primary" @click="expandAll">灞曞紑鍏ㄩ儴</a-button>
<a-button type="primary" @click="collapseAll">鎶樺彔鍏ㄩ儴</a-button>
+ <a-button type="primary" @click="collapseRows(['4'])">鎶樺彔绗簲琛�</a-button>
+ <a-button type="primary" @click="expandRows(['4'])">灞曞紑绗簲琛�</a-button>
</template>
</BasicTable>
</div>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import { BasicTable, useTable } from '/@/components/Table';
+<script lang="ts" setup>
+ import { BasicTable, useTable } from '@/components/Table';
import { getBasicColumns, getTreeTableData } from './tableData';
- export default defineComponent({
- components: { BasicTable },
- setup() {
- const [register, { expandAll, collapseAll }] = useTable({
- title: '鏍戝舰琛ㄦ牸',
- isTreeTable: true,
- rowSelection: {
- type: 'checkbox',
- getCheckboxProps(record: Recordable) {
- // Demo: 绗竴琛岋紙id涓�0锛夌殑閫夋嫨妗嗙鐢�
- if (record.id === '0') {
- return { disabled: true };
- } else {
- return { disabled: false };
- }
- },
- },
- titleHelpMessage: '鏍戝舰缁勪欢涓嶈兘鍜屽簭鍒楀彿鍒楀悓鏃跺瓨鍦�',
- columns: getBasicColumns(),
- dataSource: getTreeTableData(),
- rowKey: 'id',
- });
- return { register, expandAll, collapseAll };
+ const [register, { expandAll, collapseAll, expandRows, collapseRows }] = useTable({
+ title: '鏍戝舰琛ㄦ牸',
+ isTreeTable: true,
+ accordion: true, // 鎵嬮鐞存晥鏋�
+ rowSelection: {
+ type: 'checkbox',
+ getCheckboxProps(record: Recordable) {
+ // Demo: 绗竴琛岋紙id涓�0锛夌殑閫夋嫨妗嗙鐢�
+ if (record.id === '0') {
+ return { disabled: true };
+ } else {
+ return { disabled: false };
+ }
+ },
},
+ titleHelpMessage: '鏍戝舰缁勪欢涓嶈兘鍜屽簭鍒楀彿鍒楀悓鏃跺瓨鍦�',
+ columns: getBasicColumns(),
+ dataSource: getTreeTableData(),
+ rowKey: 'id',
+ showSelectionBar: true, // 鏄剧ず澶氶�夌姸鎬佹爮
});
</script>
--
Gitblit v1.9.3