mirror of
https://github.com/imdap/ruoyi-plus-vben5.git
synced 2026-05-11 05:02:10 +08:00
fix: 取值
This commit is contained in:
@@ -1,4 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import type { Key } from 'antdv-next/dist/table/interface';
|
||||
|
||||
import type { PropType } from 'vue';
|
||||
|
||||
import type { CategoryTree } from '#/api/workflow/category/model';
|
||||
@@ -20,7 +22,7 @@ const emit = defineEmits<{
|
||||
/**
|
||||
* 点击节点的事件
|
||||
*/
|
||||
select: [];
|
||||
select: [keys: string[]];
|
||||
}>();
|
||||
|
||||
const selectCode = defineModel('selectCode', {
|
||||
@@ -54,6 +56,10 @@ async function handleReload() {
|
||||
}
|
||||
|
||||
onMounted(loadTree);
|
||||
|
||||
function handleSelect(keys: Key[]) {
|
||||
emit('select', keys as string[]);
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -83,6 +89,7 @@ onMounted(loadTree);
|
||||
</InputSearch>
|
||||
</div>
|
||||
<div class="h-full overflow-x-hidden px-[8px]">
|
||||
<!-- TODO: 适配antdv-next -->
|
||||
<Tree
|
||||
v-bind="$attrs"
|
||||
v-if="categoryTreeArray.length > 0"
|
||||
@@ -93,7 +100,13 @@ onMounted(loadTree);
|
||||
:tree-data="categoryTreeArray"
|
||||
:virtual="false"
|
||||
default-expand-all
|
||||
@select="$emit('select')"
|
||||
@select="handleSelect"
|
||||
:styles="{
|
||||
item: {
|
||||
'--ant-tree-node-selected-bg':
|
||||
'var(--ant-color-primary-bg-hover)',
|
||||
},
|
||||
}"
|
||||
>
|
||||
<template #title="{ label }">
|
||||
<span v-if="label.includes(searchValue)">
|
||||
|
||||
@@ -266,6 +266,11 @@ async function handleReload(type: 'add' | 'update') {
|
||||
}
|
||||
await tableApi.reload();
|
||||
}
|
||||
|
||||
function handleCategorySelect(keys: string[]) {
|
||||
selectedCode.value = keys;
|
||||
tableApi.reload();
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -275,7 +280,7 @@ async function handleReload(type: 'add' | 'update') {
|
||||
v-model:select-code="selectedCode"
|
||||
class="w-[260px]"
|
||||
@reload="() => tableApi.reload()"
|
||||
@select="() => tableApi.reload()"
|
||||
@select="handleCategorySelect"
|
||||
/>
|
||||
<BasicTable class="flex-1 overflow-hidden">
|
||||
<template #toolbar-actions>
|
||||
|
||||
@@ -161,6 +161,11 @@ function handleInfo(row: any) {
|
||||
flowInfoModalApi.setData({ businessId: row.businessId });
|
||||
flowInfoModalApi.open();
|
||||
}
|
||||
|
||||
function handleCategorySelect(keys: string[]) {
|
||||
selectedCode.value = keys;
|
||||
tableApi.reload();
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -170,7 +175,7 @@ function handleInfo(row: any) {
|
||||
v-model:select-code="selectedCode"
|
||||
class="w-[260px]"
|
||||
@reload="() => tableApi.reload()"
|
||||
@select="() => tableApi.reload()"
|
||||
@select="handleCategorySelect"
|
||||
/>
|
||||
<BasicTable class="flex-1 overflow-hidden">
|
||||
<template #toolbar-actions>
|
||||
|
||||
Reference in New Issue
Block a user