From 7cf58a4d2fff6b9cba9029d4d43ba9744dbef864 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 18 七月 2024 15:49:03 +0800
Subject: [PATCH] 工单更新
---
src/components/TigerTree/src/TigerTree.vue | 31 ++++++++++++++++++++-----------
1 files changed, 20 insertions(+), 11 deletions(-)
diff --git a/src/components/TigerTree/src/TigerTree.vue b/src/components/TigerTree/src/TigerTree.vue
index d409331..91cc336 100644
--- a/src/components/TigerTree/src/TigerTree.vue
+++ b/src/components/TigerTree/src/TigerTree.vue
@@ -33,6 +33,7 @@
import { CreateContextOptions } from '/@/components/ContextMenu';
import { treeEmits, treeProps } from './types/tree';
import { createBEM } from '/@/utils/bem';
+import { EventDataNode } from 'ant-design-vue/es/tree';
export default defineComponent({
name: 'TigerTree',
@@ -47,7 +48,7 @@
expandedKeys: props.expandedKeys || [],
selectedKeys: props.selectedKeys || [],
checkedKeys: props.checkedKeys || [],
- halfCheckedKeys: props.halfCheckedKeys|| [],
+ halfCheckedKeys: props.halfCheckedKeys || [],
});
const searchState = reactive({
@@ -109,6 +110,12 @@
emit('gethalfCheckedKeys', toRaw(state.halfCheckedKeys));
},
onRightClick: handleRightClick,
+ onClick: (e: MouseEvent, node: EventDataNode) => {
+ if(node.selected){
+ console.log(state.selectedKeys, node);
+ emit('unselect', node);
+ }
+ }
};
return omit(propsData, 'treeData', 'class');
});
@@ -193,8 +200,8 @@
state.expandedKeys = expandAll ? getAllKeys() : ([] as KeyType[]);
}
- function addHouse(add: boolean) {
- emit('addHouse', add);
+ function handleAdd(add: boolean) {
+ emit('handleAdd', add);
}
function onStrictlyChange(strictly: boolean) {
@@ -221,7 +228,6 @@
}
},
);
-
function handleSearch(searchValue: string) {
if (searchValue !== searchState.searchText) searchState.searchText = searchValue;
@@ -353,7 +359,7 @@
getNodeById,
checkAll,
expandAll,
- addHouse,
+ handleAdd,
filterByLevel: (level: number) => {
state.expandedKeys = filterByLevel(level);
},
@@ -438,7 +444,7 @@
expose(instance);
return () => {
- const { title, helpMessage, toolbar,add,search, checkable } = props;
+ const { title, helpMessage, toolbar, add, search, checkable } = props;
const showTitle = title || toolbar || search || slots.headerTitle;
const scrollStyle: CSSProperties = { height: 'calc(100% - 38px)' };
return (
@@ -448,7 +454,7 @@
checkable={checkable}
checkAll={checkAll}
expandAll={expandAll}
- addHouse = {addHouse}
+ onHandleAdd={handleAdd}
title={title}
search={search}
toolbar={toolbar}
@@ -461,14 +467,18 @@
{extendSlots(slots)}
</TreeHeader>
)}
- <div style='height:777px;overflow-y: scroll;'>
- <Spin
+ <Spin
wrapperClassName={unref(props.treeWrapperClassName)}
spinning={unref(props.loading)}
tip="鍔犺浇涓�..."
>
<ScrollContainer style={scrollStyle} v-show={!unref(getNotFound)}>
- <Tree {...unref(getBindValues)} showIcon={false} disabled={props.disabled} treeData={treeData.value} />
+ <Tree
+ {...unref(getBindValues)}
+ showIcon={false}
+ disabled={props.disabled}
+ treeData={treeData.value}
+ />
</ScrollContainer>
<Empty
v-show={unref(getNotFound)}
@@ -476,7 +486,6 @@
class="!mt-4"
/>
</Spin>
- </div>
</div>
);
};
--
Gitblit v1.9.3