github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 00:37:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance tags

Browse Source
This commit is contained in:
Fine 2022-11-17 17:37:31 +08:00
parent 64628ecf6a
commit fc38dd69a3
1 changed files with 29 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/components/ConditionTags.vue
View File

@ -35,9 +35,10 @@ limitations under the License. -->
size="small" size="small"
v-model="tags" v-model="tags"
class="trace-new-tag" class="trace-new-tag"
@input="searchTags" @input="inputTags"
@blur="visible = false" @blur="visible = false"
@focus="visible = true" @focus="visible = true"
@change="addTags"
/> />
</template> </template>
<div class="content"> <div class="content">
@ -159,13 +160,37 @@ async function fetchTagValues() {
searchTags(); searchTags();
} }
function inputTags() {
if (!tags.value) {
tagArr.value = keysList.value;
tagKeys.value = keysList.value;
tagList.value = tagArr.value;
return;
}
let search = "";
if (tags.value.includes("=")) {
search = tags.value.split("=")[1];
fetchTagValues();
} else {
search = tags.value;
}
tagList.value = tagArr.value.filter((d: string) => d.includes(search));
}
function addTags() {
if (!tags.value.includes("=")) {
return;
}
addLabels();
tagArr.value = tagKeys.value;
searchTags();
}
function selectTag(item: string) { function selectTag(item: string) {
if (tags.value.includes("=")) { if (tags.value.includes("=")) {
const key = tags.value.split("=")[0]; const key = tags.value.split("=")[0];
tags.value = key + "=" + item; tags.value = key + "=" + item;
addLabels(); addTags();
tagArr.value = tagKeys.value;
searchTags();
return; return;
} }
tags.value = item + "="; tags.value = item + "=";
@ -173,12 +198,6 @@ function selectTag(item: string) {
} }
function searchTags() { function searchTags() {
if (!tags.value) {
tagArr.value = keysList.value;
tagKeys.value = keysList.value;
tagList.value = tagArr.value;
return;
}
let search = ""; let search = "";
if (tags.value.includes("=")) { if (tags.value.includes("=")) {
search = tags.value.split("=")[1]; search = tags.value.split("=")[1];