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

modified display of rows to show data based on colum isVisble prop

Browse Source
This commit is contained in:
Peter Olu 2022-05-19 09:08:19 +01:00
parent 650038f069
commit 0ae9c8f969
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/dashboard/related/components/LogTable/LogService.vue
View File

@ -15,7 +15,7 @@ limitations under the License. -->
<template> <template>
<div @click="showSelectSpan" class="log-item"> <div @click="showSelectSpan" class="log-item">
<div v-for="(item, index) in columns" :key="index" :class="item.label"> <div v-for="(item, index) in visibleColumns" :key="index" :class="item.label">
<span v-if="item.label === 'timestamp'"> <span v-if="item.label === 'timestamp'">
{{ dateFormat(data.timestamp) }} {{ dateFormat(data.timestamp) }}
</span> </span>
@ -43,6 +43,7 @@ const props = defineProps({
}); });
const emit = defineEmits(["select"]); const emit = defineEmits(["select"]);
const columns = ServiceLogConstants; const columns = ServiceLogConstants;
const visibleColumns = computed(() => columns.filter(column => column.isVisible))
const tags = computed(() => { const tags = computed(() => {
if (!props.data.tags) { if (!props.data.tags) {
return ""; return "";