|
@@ -15,6 +15,7 @@
|
|
|
node-key="id"
|
|
node-key="id"
|
|
|
:props="defaultProps"
|
|
:props="defaultProps"
|
|
|
:default-expand-all="true"
|
|
:default-expand-all="true"
|
|
|
|
|
+ @node-click="handleNodeClick"
|
|
|
@check-change="handleCheckChange"
|
|
@check-change="handleCheckChange"
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
@@ -110,7 +111,7 @@ const total = ref<number>(0);
|
|
|
const selected = ref<number>(0);
|
|
const selected = ref<number>(0);
|
|
|
const selectedPeople = ref<treeSelected[]>([]);
|
|
const selectedPeople = ref<treeSelected[]>([]);
|
|
|
const handleCheckChange = (node, checked) => {
|
|
const handleCheckChange = (node, checked) => {
|
|
|
- if (!node.children || node.children.length === 0 && node.userId) {
|
|
|
|
|
|
|
+ if (!node.children || (node.children.length === 0 && node.userId)) {
|
|
|
if (checked) {
|
|
if (checked) {
|
|
|
selectedPeople.value.push({
|
|
selectedPeople.value.push({
|
|
|
id: node.id,
|
|
id: node.id,
|
|
@@ -142,6 +143,10 @@ const handleCancle = () => {
|
|
|
const handleSubmit = () => {
|
|
const handleSubmit = () => {
|
|
|
emit('submit', selectedPeople.value);
|
|
emit('submit', selectedPeople.value);
|
|
|
};
|
|
};
|
|
|
|
|
+const handleNodeClick = (node) => {
|
|
|
|
|
+ const isChecked = treeRef.value!.getCheckedKeys().includes(node.id);
|
|
|
|
|
+ treeRef.value!.setChecked(node.id,!isChecked,true);
|
|
|
|
|
+};
|
|
|
const props = defineProps<{
|
|
const props = defineProps<{
|
|
|
selectedUser: treeSelected[];
|
|
selectedUser: treeSelected[];
|
|
|
}>();
|
|
}>();
|