refactor: tree-search
This commit is contained in:
parent
3849800388
commit
55f0da3085
@ -80,6 +80,7 @@ onMounted(loadTree);
|
|||||||
v-model:value="searchValue"
|
v-model:value="searchValue"
|
||||||
:placeholder="$t('pages.common.search')"
|
:placeholder="$t('pages.common.search')"
|
||||||
size="small"
|
size="small"
|
||||||
|
allow-clear
|
||||||
>
|
>
|
||||||
<template #enterButton>
|
<template #enterButton>
|
||||||
<a-button @click="handleReload">
|
<a-button @click="handleReload">
|
||||||
@ -102,9 +103,9 @@ onMounted(loadTree);
|
|||||||
@select="$emit('select')"
|
@select="$emit('select')"
|
||||||
>
|
>
|
||||||
<template #title="{ label }">
|
<template #title="{ label }">
|
||||||
<span v-if="label.indexOf(searchValue) > -1">
|
<span v-if="label.includes(searchValue)">
|
||||||
{{ label.substring(0, label.indexOf(searchValue)) }}
|
{{ label.substring(0, label.indexOf(searchValue)) }}
|
||||||
<span style="color: #f50">{{ searchValue }}</span>
|
<span class="text-primary">{{ searchValue }}</span>
|
||||||
{{
|
{{
|
||||||
label.substring(
|
label.substring(
|
||||||
label.indexOf(searchValue) + searchValue.length,
|
label.indexOf(searchValue) + searchValue.length,
|
||||||
|
@ -73,6 +73,7 @@ onMounted(loadTree);
|
|||||||
v-model:value="searchValue"
|
v-model:value="searchValue"
|
||||||
:placeholder="$t('pages.common.search')"
|
:placeholder="$t('pages.common.search')"
|
||||||
size="small"
|
size="small"
|
||||||
|
allow-clear
|
||||||
>
|
>
|
||||||
<template #enterButton>
|
<template #enterButton>
|
||||||
<a-button @click="handleReload">
|
<a-button @click="handleReload">
|
||||||
@ -95,9 +96,9 @@ onMounted(loadTree);
|
|||||||
@select="$emit('select')"
|
@select="$emit('select')"
|
||||||
>
|
>
|
||||||
<template #title="{ label }">
|
<template #title="{ label }">
|
||||||
<span v-if="label.indexOf(searchValue) > -1">
|
<span v-if="label.includes(searchValue)">
|
||||||
{{ label.substring(0, label.indexOf(searchValue)) }}
|
{{ label.substring(0, label.indexOf(searchValue)) }}
|
||||||
<span style="color: #f50">{{ searchValue }}</span>
|
<span class="text-primary">{{ searchValue }}</span>
|
||||||
{{
|
{{
|
||||||
label.substring(
|
label.substring(
|
||||||
label.indexOf(searchValue) + searchValue.length,
|
label.indexOf(searchValue) + searchValue.length,
|
||||||
|
Loading…
Reference in New Issue
Block a user